@covalent/components 8.15.0-beta.11 → 8.15.0-beta.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.d.ts +1 -1
- package/index.d.ts.map +1 -1
- package/index.js +1 -1
- package/index.mjs +18 -18
- package/notebook/notebook.d.ts +21 -4
- package/notebook/notebook.d.ts.map +1 -1
- package/{cell/cell.d.ts → notebook-cell/notebook-cell.d.ts} +4 -4
- package/notebook-cell/notebook-cell.d.ts.map +1 -0
- package/notebook-cell.js +32 -0
- package/{cell.mjs → notebook-cell.mjs} +24 -17
- package/notebook.js +39 -29
- package/notebook.mjs +1017 -924
- package/package.json +5 -5
- package/cell/cell.d.ts.map +0 -1
- package/cell.js +0 -25
package/index.d.ts
CHANGED
@@ -3,7 +3,7 @@ export * from './alert/alert';
|
|
3
3
|
export * from './app-shell/app-shell';
|
4
4
|
export * from './badge/badge';
|
5
5
|
export * from './button/button';
|
6
|
-
export * from './cell/cell';
|
6
|
+
export * from './notebook-cell/notebook-cell';
|
7
7
|
export * from './checkbox/checkbox';
|
8
8
|
export * from './card/card';
|
9
9
|
export * from './chips/chip';
|
package/index.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../libs/components/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../libs/components/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,uCAAuC,CAAC;AACtD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wCAAwC,CAAC;AACvD,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC"}
|
package/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./action-ribbon.js"),t=require("./alert.js"),r=require("./app-shell.js"),
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./action-ribbon.js"),t=require("./alert.js"),r=require("./app-shell.js"),o=require("./badge.js"),n=require("./button.js"),a=require("./notebook-cell.js"),i=require("./checkbox.js"),u=require("./card.js"),l=require("./chip-c65a4549.js"),c=require("./chip-set.js"),b=require("./circular-progress.js"),C=require("./code-editor-3a09cbf1.js"),s=require("./code-snippet.js"),p=require("./dialog-86192b9a.js"),v=require("./drawer.js"),d=require("./empty-state.js"),g=require("./expansion-panel.js"),q=require("./expansion-panel-item.js"),m=require("./formfield.js"),P=require("./icon.js"),y=require("./icon-button.js"),f=require("./icon-button-toggle.js"),j=require("./icon-check-toggle.js"),O=require("./icon-radio-toggle.js"),S=require("./linear-progress.js"),T=require("./check-list-item.js"),I=require("./list.js"),h=require("./list-item.js"),L=require("./nav-list-item.js"),k=require("./radio-list-item.js"),x=require("./menu.js"),B=require("./notebook.js"),R=require("./radio.js"),A=require("./select.js"),E=require("./side-sheet.js"),D=require("./slider.js"),F=require("./slider-range.js"),w=require("./snackbar.js"),H=require("./status-dialog.js"),N=require("./status-header.js"),M=require("./status-header-item.js"),_=require("./switch.js"),z=require("./tab.js"),G=require("./tab-bar.js"),J=require("./textarea.js"),K=require("./textfield.js"),Q=require("./text-lockup.js"),U=require("./toolbar.js"),V=require("./tooltip.js"),W=require("./top-app-bar.js"),X=require("./top-app-bar-fixed.js"),Y=require("./tree-list.js"),Z=require("./tree-list-item.js"),$=require("./typography.js");require("./query-assigned-elements-f623705d.js");require("./utils-a8190a39.js");require("./observer-a096ab43.js");require("./foundation-e980aa3d.js");require("./tslib.es6-98719205.js");require("./foundation-e830bd94.js");require("./class-map-0a4c6ca9.js");require("./directive-1186bc23.js");require("./property-57f6f6fe.js");require("./query-680f1868.js");require("./mwc-drawer-base-bbae43c3.js");require("./inert.esm-2cee6f2e.js");require("./base-element-58a3f9ea.js");require("./mwc-icon-f87639bc.js");require("./ripple-handlers-9fb4a31a.js");require("./state-0974a8e5.js");require("./style-map-a135c6ab.js");require("./aria-property-849c8816.js");require("./event-options-3f5eb195.js");require("./if-defined-f1c45245.js");require("./mwc-checkbox-base-935d9566.js");require("./form-element-c553d6f5.js");require("./mwc-checkbox.css-b3434429.js");require("./keyboard-39125691.js");require("./_commonjsHelpers-2367a3a2.js");require("./async-directive-4a34f75e.js");require("./directive-helpers-0ce1f995.js");require("./query-assigned-nodes-99eae71d.js");require("./mwc-radio-base-147cf999.js");require("./mwc-radio.css-4e140252.js");require("./mwc-list-item-base-06d93e6e.js");require("./list-item-e336fb0e.js");require("./mwc-list-base-22616d0a.js");require("./mwc-menu-base-08f54c38.js");require("./mwc-line-ripple-directive-40145003.js");require("./mwc-slider.css-c5f99704.js");require("./mwc-tab-base-f2269fd1.js");require("./textfield-0645375b.js");require("./mwc-top-app-bar-base-8c8cde51.js");require("./top-app-bar-a531c1b4.js");Object.defineProperty(exports,"CovalentActionRibbon",{enumerable:!0,get:()=>e.CovalentActionRibbon});Object.defineProperty(exports,"CovalentAlert",{enumerable:!0,get:()=>t.CovalentAlert});Object.defineProperty(exports,"CovalentAppShell",{enumerable:!0,get:()=>r.CovalentAppShell});Object.defineProperty(exports,"CovalentBadge",{enumerable:!0,get:()=>o.CovalentBadge});Object.defineProperty(exports,"CovalentButton",{enumerable:!0,get:()=>n.CovalentButton});Object.defineProperty(exports,"CovalentNotebookCell",{enumerable:!0,get:()=>a.CovalentNotebookCell});Object.defineProperty(exports,"CovalentCheckbox",{enumerable:!0,get:()=>i.CovalentCheckbox});Object.defineProperty(exports,"CovalentCard",{enumerable:!0,get:()=>u.CovalentCard});Object.defineProperty(exports,"CovalentChip",{enumerable:!0,get:()=>l.CovalentChip});Object.defineProperty(exports,"CovalentChipSet",{enumerable:!0,get:()=>c.CovalentChipSet});Object.defineProperty(exports,"CovalentCircularProgress",{enumerable:!0,get:()=>b.CovalentCircularProgress});Object.defineProperty(exports,"CovalentCodeEditor",{enumerable:!0,get:()=>C.CovalentCodeEditor});Object.defineProperty(exports,"CovalentCodeSnippet",{enumerable:!0,get:()=>s.CovalentCodeSnippet});Object.defineProperty(exports,"CovalentDialog",{enumerable:!0,get:()=>p.CovalentDialog});Object.defineProperty(exports,"CovalentDrawer",{enumerable:!0,get:()=>v.CovalentDrawer});Object.defineProperty(exports,"CovalentEmptyState",{enumerable:!0,get:()=>d.CovalentEmptyState});Object.defineProperty(exports,"CovalentExpansionPanel",{enumerable:!0,get:()=>g.CovalentExpansionPanel});Object.defineProperty(exports,"CovalentExpansionPanelItem",{enumerable:!0,get:()=>q.CovalentExpansionPanelItem});Object.defineProperty(exports,"CovalentFormfield",{enumerable:!0,get:()=>m.CovalentFormfield});Object.defineProperty(exports,"CovalentIcon",{enumerable:!0,get:()=>P.CovalentIcon});Object.defineProperty(exports,"CovalentIconButton",{enumerable:!0,get:()=>y.CovalentIconButton});Object.defineProperty(exports,"CovalentIconButtonToggle",{enumerable:!0,get:()=>f.CovalentIconButtonToggle});Object.defineProperty(exports,"CovalentIconCheckToggle",{enumerable:!0,get:()=>j.CovalentIconCheckToggle});Object.defineProperty(exports,"CovalentIconRadioToggle",{enumerable:!0,get:()=>O.CovalentIconRadioToggle});Object.defineProperty(exports,"CovalentLinearProgress",{enumerable:!0,get:()=>S.CovalentLinearProgress});Object.defineProperty(exports,"CovalentCheckListItem",{enumerable:!0,get:()=>T.CovalentCheckListItem});Object.defineProperty(exports,"CovalentList",{enumerable:!0,get:()=>I.CovalentList});Object.defineProperty(exports,"CovalentListItem",{enumerable:!0,get:()=>h.CovalentListItem});Object.defineProperty(exports,"CovalentNavRailListItem",{enumerable:!0,get:()=>L.CovalentNavRailListItem});Object.defineProperty(exports,"CovalentRadioListItem",{enumerable:!0,get:()=>k.CovalentRadioListItem});Object.defineProperty(exports,"CovalentMenu",{enumerable:!0,get:()=>x.CovalentMenu});Object.defineProperty(exports,"CovalentNotebook",{enumerable:!0,get:()=>B.CovalentNotebook});Object.defineProperty(exports,"CovalentRadio",{enumerable:!0,get:()=>R.CovalentRadio});Object.defineProperty(exports,"CovalentSelect",{enumerable:!0,get:()=>A.CovalentSelect});Object.defineProperty(exports,"CovalentSideSheet",{enumerable:!0,get:()=>E.CovalentSideSheet});Object.defineProperty(exports,"CovalentSlider",{enumerable:!0,get:()=>D.CovalentSlider});Object.defineProperty(exports,"CovalentSliderRange",{enumerable:!0,get:()=>F.CovalentSliderRange});Object.defineProperty(exports,"CovalentSnackbar",{enumerable:!0,get:()=>w.CovalentSnackbar});Object.defineProperty(exports,"CovalentStatusDialog",{enumerable:!0,get:()=>H.CovalentStatusDialog});Object.defineProperty(exports,"CovalentStatusHeader",{enumerable:!0,get:()=>N.CovalentStatusHeader});Object.defineProperty(exports,"CovalentStatusHeaderItem",{enumerable:!0,get:()=>M.CovalentStatusHeaderItem});Object.defineProperty(exports,"CovalentSwitch",{enumerable:!0,get:()=>_.CovalentSwitch});Object.defineProperty(exports,"CovalentTab",{enumerable:!0,get:()=>z.CovalentTab});Object.defineProperty(exports,"CovalentTabBar",{enumerable:!0,get:()=>G.CovalentTabBar});Object.defineProperty(exports,"CovalentTextArea",{enumerable:!0,get:()=>J.CovalentTextArea});Object.defineProperty(exports,"CovalentTextField",{enumerable:!0,get:()=>K.CovalentTextField});Object.defineProperty(exports,"CovalentTextLockup",{enumerable:!0,get:()=>Q.CovalentTextLockup});Object.defineProperty(exports,"CovalentToolbar",{enumerable:!0,get:()=>U.CovalentToolbar});Object.defineProperty(exports,"CovalentTooltip",{enumerable:!0,get:()=>V.CovalentTooltip});Object.defineProperty(exports,"CovalentTopAppBar",{enumerable:!0,get:()=>W.CovalentTopAppBar});Object.defineProperty(exports,"CovalentTopAppBarFixed",{enumerable:!0,get:()=>X.CovalentTopAppBarFixed});Object.defineProperty(exports,"CovalentTreeList",{enumerable:!0,get:()=>Y.CovalentTreeList});Object.defineProperty(exports,"CovalentTreeListItem",{enumerable:!0,get:()=>Z.CovalentTreeListItem});Object.defineProperty(exports,"CovalentTypography",{enumerable:!0,get:()=>$.CovalentTypography});
|
package/index.mjs
CHANGED
@@ -3,7 +3,7 @@ import { CovalentAlert as O } from "./alert.mjs";
|
|
3
3
|
import { CovalentAppShell as U } from "./app-shell.mjs";
|
4
4
|
import { CovalentBadge as W } from "./badge.mjs";
|
5
5
|
import { CovalentButton as Y } from "./button.mjs";
|
6
|
-
import {
|
6
|
+
import { CovalentNotebookCell as _ } from "./notebook-cell.mjs";
|
7
7
|
import { CovalentCheckbox as oo } from "./checkbox.mjs";
|
8
8
|
import { CovalentCard as ro } from "./card.mjs";
|
9
9
|
import { C as po } from "./chip-fb0ea5c5.mjs";
|
@@ -14,14 +14,14 @@ import { CovalentCodeSnippet as fo } from "./code-snippet.mjs";
|
|
14
14
|
import { C as so } from "./dialog-16aad066.mjs";
|
15
15
|
import { CovalentDrawer as co } from "./drawer.mjs";
|
16
16
|
import { CovalentEmptyState as go } from "./empty-state.mjs";
|
17
|
-
import { CovalentExpansionPanel as
|
18
|
-
import { CovalentExpansionPanelItem as
|
19
|
-
import { CovalentFormfield as
|
17
|
+
import { CovalentExpansionPanel as bo } from "./expansion-panel.mjs";
|
18
|
+
import { CovalentExpansionPanelItem as uo } from "./expansion-panel-item.mjs";
|
19
|
+
import { CovalentFormfield as ko } from "./formfield.mjs";
|
20
20
|
import { CovalentIcon as Ao } from "./icon.mjs";
|
21
21
|
import { CovalentIconButton as Eo } from "./icon-button.mjs";
|
22
22
|
import { CovalentIconButtonToggle as yo } from "./icon-button-toggle.mjs";
|
23
23
|
import { CovalentIconCheckToggle as Fo } from "./icon-check-toggle.mjs";
|
24
|
-
import { CovalentIconRadioToggle as
|
24
|
+
import { CovalentIconRadioToggle as wo } from "./icon-radio-toggle.mjs";
|
25
25
|
import { CovalentLinearProgress as Mo } from "./linear-progress.mjs";
|
26
26
|
import { CovalentCheckListItem as qo } from "./check-list-item.mjs";
|
27
27
|
import { CovalentList as Go } from "./list.mjs";
|
@@ -41,14 +41,14 @@ import { CovalentStatusHeader as vt } from "./status-header.mjs";
|
|
41
41
|
import { CovalentStatusHeaderItem as dt } from "./status-header-item.mjs";
|
42
42
|
import { CovalentSwitch as ct } from "./switch.mjs";
|
43
43
|
import { CovalentTab as gt } from "./tab.mjs";
|
44
|
-
import { CovalentTabBar as
|
45
|
-
import { CovalentTextArea as
|
46
|
-
import { CovalentTextField as
|
44
|
+
import { CovalentTabBar as bt } from "./tab-bar.mjs";
|
45
|
+
import { CovalentTextArea as ut } from "./textarea.mjs";
|
46
|
+
import { CovalentTextField as kt } from "./textfield.mjs";
|
47
47
|
import { CovalentTextLockup as At } from "./text-lockup.mjs";
|
48
48
|
import { CovalentToolbar as Et } from "./toolbar.mjs";
|
49
49
|
import { CovalentTooltip as yt } from "./tooltip.mjs";
|
50
50
|
import { CovalentTopAppBar as Ft } from "./top-app-bar.mjs";
|
51
|
-
import { CovalentTopAppBarFixed as
|
51
|
+
import { CovalentTopAppBarFixed as wt } from "./top-app-bar-fixed.mjs";
|
52
52
|
import { CovalentTreeList as Mt } from "./tree-list.mjs";
|
53
53
|
import { CovalentTreeListItem as qt } from "./tree-list-item.mjs";
|
54
54
|
import { CovalentTypography as Gt } from "./typography.mjs";
|
@@ -99,7 +99,6 @@ export {
|
|
99
99
|
W as CovalentBadge,
|
100
100
|
Y as CovalentButton,
|
101
101
|
ro as CovalentCard,
|
102
|
-
_ as CovalentCell,
|
103
102
|
qo as CovalentCheckListItem,
|
104
103
|
oo as CovalentCheckbox,
|
105
104
|
po as CovalentChip,
|
@@ -110,20 +109,21 @@ export {
|
|
110
109
|
so as CovalentDialog,
|
111
110
|
co as CovalentDrawer,
|
112
111
|
go as CovalentEmptyState,
|
113
|
-
|
114
|
-
|
115
|
-
|
112
|
+
bo as CovalentExpansionPanel,
|
113
|
+
uo as CovalentExpansionPanelItem,
|
114
|
+
ko as CovalentFormfield,
|
116
115
|
Ao as CovalentIcon,
|
117
116
|
Eo as CovalentIconButton,
|
118
117
|
yo as CovalentIconButtonToggle,
|
119
118
|
Fo as CovalentIconCheckToggle,
|
120
|
-
|
119
|
+
wo as CovalentIconRadioToggle,
|
121
120
|
Mo as CovalentLinearProgress,
|
122
121
|
Go as CovalentList,
|
123
122
|
Ko as CovalentListItem,
|
124
123
|
Xo as CovalentMenu,
|
125
124
|
Qo as CovalentNavRailListItem,
|
126
125
|
Zo as CovalentNotebook,
|
126
|
+
_ as CovalentNotebookCell,
|
127
127
|
$o as CovalentRadio,
|
128
128
|
Vo as CovalentRadioListItem,
|
129
129
|
tt as CovalentSelect,
|
@@ -136,14 +136,14 @@ export {
|
|
136
136
|
dt as CovalentStatusHeaderItem,
|
137
137
|
ct as CovalentSwitch,
|
138
138
|
gt as CovalentTab,
|
139
|
-
|
140
|
-
|
141
|
-
|
139
|
+
bt as CovalentTabBar,
|
140
|
+
ut as CovalentTextArea,
|
141
|
+
kt as CovalentTextField,
|
142
142
|
At as CovalentTextLockup,
|
143
143
|
Et as CovalentToolbar,
|
144
144
|
yt as CovalentTooltip,
|
145
145
|
Ft as CovalentTopAppBar,
|
146
|
-
|
146
|
+
wt as CovalentTopAppBarFixed,
|
147
147
|
Mt as CovalentTreeList,
|
148
148
|
qt as CovalentTreeListItem,
|
149
149
|
Gt as CovalentTypography
|
package/notebook/notebook.d.ts
CHANGED
@@ -1,18 +1,22 @@
|
|
1
1
|
import { LitElement, PropertyValues, TemplateResult } from 'lit';
|
2
|
-
import '../
|
2
|
+
import '../alert/alert';
|
3
|
+
import '../button/button';
|
4
|
+
import '../notebook-cell/notebook-cell';
|
5
|
+
import '../code-snippet/code-snippet';
|
3
6
|
import '../icon/icon';
|
4
7
|
import '../icon-button/icon-button';
|
5
|
-
import '../button/button';
|
6
|
-
import '../select/select';
|
7
8
|
import '../list/list-item';
|
9
|
+
import '../select/select';
|
8
10
|
declare global {
|
9
11
|
interface HTMLElementTagNameMap {
|
10
12
|
'cv-notebook': CovalentNotebook;
|
11
13
|
}
|
12
14
|
}
|
13
15
|
interface CellData {
|
16
|
+
cell_type: string;
|
14
17
|
code: string;
|
15
18
|
errors?: string[];
|
19
|
+
execution_count?: number | null;
|
16
20
|
index?: number;
|
17
21
|
inputs?: {
|
18
22
|
password: boolean;
|
@@ -20,6 +24,10 @@ interface CellData {
|
|
20
24
|
}[];
|
21
25
|
language: string;
|
22
26
|
loading?: boolean;
|
27
|
+
metadata: {
|
28
|
+
tags?: string[];
|
29
|
+
trusted?: boolean;
|
30
|
+
};
|
23
31
|
outputs?: {
|
24
32
|
data: {
|
25
33
|
[key: string]: string;
|
@@ -31,6 +39,7 @@ interface CellData {
|
|
31
39
|
}[];
|
32
40
|
selected?: boolean;
|
33
41
|
showEditor?: boolean;
|
42
|
+
source: string;
|
34
43
|
timesExecuted?: number;
|
35
44
|
}
|
36
45
|
interface CellType {
|
@@ -59,13 +68,20 @@ export declare class CovalentNotebook extends LitElement {
|
|
59
68
|
private _draggedCellIndex;
|
60
69
|
private _selectedCellIndex;
|
61
70
|
static styles: import("lit").CSSResult[];
|
62
|
-
|
71
|
+
constructor();
|
72
|
+
addCell(cellType: string): void;
|
73
|
+
connectedCallback(): void;
|
63
74
|
copyCell(): void;
|
75
|
+
createNewCell(cellType: string): CellData;
|
64
76
|
cutCell(): void;
|
65
77
|
deleteCell(): void;
|
66
78
|
deselectAllCells(): void;
|
79
|
+
disconnectedCallback(): void;
|
67
80
|
dispatchCustomCellEvent(name: string, cell?: CellData): void;
|
81
|
+
dispatchUpdatedCells(): void;
|
68
82
|
protected firstUpdated(): void;
|
83
|
+
getDragImage(cellIndex: number): HTMLElement;
|
84
|
+
scrollToSelectedCell(selectedCellIndex: number): void;
|
69
85
|
handleCellTypeChange(e: CustomEvent): void;
|
70
86
|
handleCodeChange(e: CustomEvent, index: number): void;
|
71
87
|
handleDragStart(e: DragEvent, index: number): void;
|
@@ -74,6 +90,7 @@ export declare class CovalentNotebook extends LitElement {
|
|
74
90
|
handleDragLeave(e: DragEvent): void;
|
75
91
|
handleDragEnd(): void;
|
76
92
|
handleInputKeydown(event: KeyboardEvent): void;
|
93
|
+
private _handleKeydown;
|
77
94
|
handleOutputCLick(index: number): void;
|
78
95
|
pasteCell(): void;
|
79
96
|
renderCellOutput(cell: CellData): TemplateResult<1>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"notebook.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/notebook/notebook.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EACV,cAAc,
|
1
|
+
{"version":3,"file":"notebook.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/notebook/notebook.ts"],"names":[],"mappings":"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"}
|
@@ -5,10 +5,10 @@ import '../icon-button/icon-button';
|
|
5
5
|
import '../typography/typography';
|
6
6
|
declare global {
|
7
7
|
interface HTMLElementTagNameMap {
|
8
|
-
'cv-cell':
|
8
|
+
'cv-notebook-cell': CovalentNotebookCell;
|
9
9
|
}
|
10
10
|
}
|
11
|
-
export declare class
|
11
|
+
export declare class CovalentNotebookCell extends LitElement {
|
12
12
|
/**
|
13
13
|
* The index of the cell in a notebook
|
14
14
|
*/
|
@@ -66,5 +66,5 @@ export declare class CovalentCell extends LitElement {
|
|
66
66
|
renderExecutionCount(): import("lit-html").TemplateResult<1>;
|
67
67
|
protected render(): import("lit-html").TemplateResult<1>;
|
68
68
|
}
|
69
|
-
export default
|
70
|
-
//# sourceMappingURL=cell.d.ts.map
|
69
|
+
export default CovalentNotebookCell;
|
70
|
+
//# sourceMappingURL=notebook-cell.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"notebook-cell.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/notebook-cell/notebook-cell.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AAKvE,OAAO,4BAA4B,CAAC;AACpC,OAAO,8BAA8B,CAAC;AACtC,OAAO,4BAA4B,CAAC;AACpC,OAAO,0BAA0B,CAAC;AAElC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,oBAAoB,CAAC;KAC1C;CACF;AAMD,qBACa,oBAAqB,SAAQ,UAAU;IAClD;;OAEG;IAEH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,QAAQ,SAAM;IAEd;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,aAAa,SAAK;IAElB;;OAEG;IAEH,UAAU,CAAC,sBAAQ;IAEnB,cAAc,UAAS;IAEvB,aAAa;;;;;;;;;;;;;;;;;;MAgBX;IAEF,OAAgB,MAAM,4BAIpB;IAEF,gBAAgB,CAAC,CAAC,EAAE,WAAW;IAI/B,SAAS;IAUT,cAAc,CAAC,QAAQ,EAAE,OAAO;IAKhC,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc;IAgBnD,YAAY;IA2BZ,oBAAoB;IAapB,SAAS,CAAC,MAAM;CAuBjB;AAED,eAAe,oBAAoB,CAAC"}
|
package/notebook-cell.js
ADDED
@@ -0,0 +1,32 @@
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./query-assigned-elements-f623705d.js"),l=require("./property-57f6f6fe.js"),c=require("./class-map-0a4c6ca9.js");require("./code-editor-3a09cbf1.js");require("./code-snippet.js");require("./icon-button.js");require("./typography.js");require("./directive-1186bc23.js");require("./async-directive-4a34f75e.js");require("./directive-helpers-0ce1f995.js");require("./query-assigned-nodes-99eae71d.js");require("./_commonjsHelpers-2367a3a2.js");require("./tslib.es6-98719205.js");require("./ripple-handlers-9fb4a31a.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./state-0974a8e5.js");require("./query-680f1868.js");require("./style-map-a135c6ab.js");require("./aria-property-849c8816.js");require("./event-options-3f5eb195.js");require("./if-defined-f1c45245.js");const p=`:host{--mdc-icon-button-size: 24px;font-family:var(--mdc-typography-body1-font-family);width:100%}cv-code-snippet{background-color:var(--cv-theme-surface-container-high);border-radius:0;box-sizing:border-box;min-height:21px;padding:0 .25rem}cv-code-snippet::part(code){font-size:var(--mdc-typography-body2-font-size);line-height:var(--mdc-typography-body2-line-height);padding:1px 0;white-space:pre-wrap}cv-code-editor{margin-top:-1px}.selectionIndicator{background-color:var(--cv-theme-primary);border-radius:2px;cursor:move;height:100%;margin-top:2px;visibility:hidden}.selectionIndicatorWrapper{min-width:8px}.selectionIndicatorWrapper:hover .selectionIndicator{visibility:visible}.timesExecuted{color:var(--cv-theme-outline-variant);cursor:move;display:inline-flex;font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);height:100%;justify-content:end;line-height:var(--mdc-typography-body2-line-height);width:50px;text-wrap:nowrap}.timesExecuted .executionCount{box-sizing:border-box;display:inline-block;max-width:32px;overflow:hidden;padding:0 2px;text-overflow:ellipsis;white-space:nowrap}.timesExecuted .loading{font-size:var(--mdc-typography-headline6-font-size);position:relative;top:.275rem}.cell{box-sizing:border-box;display:flex;justify-content:space-between}.cell.focused .selectionIndicator,.cell.selected .selectionIndicator{visibility:visible}.cell.focused .timesExecuted,.cell.selected .timesExecuted{color:var(--cv-theme-primary)}.cellWrapper{display:flex;flex-direction:column;width:100%}.cellCodeWrapper{align-items:start;display:flex;gap:.75rem;justify-content:end;width:calc(100% - 1.5rem)}.cellOutputWrapper{display:flex;flex-direction:column;gap:.75rem;width:calc(100% - 58px)}.output{max-width:100%}
|
2
|
+
`;var u=Object.defineProperty,h=Object.getOwnPropertyDescriptor,r=(a,e,i,s)=>{for(var o=s>1?void 0:s?h(e,i):e,n=a.length-1,d;n>=0;n--)(d=a[n])&&(o=(s?d(e,i,o):d(o))||o);return s&&o&&u(e,i,o),o};exports.CovalentNotebookCell=class extends t.s{constructor(){super(...arguments),this.code="",this.language="",this.loading=!1,this.selected=!1,this.timesExecuted=0,this.showEditor=!0,this._editorFocused=!1,this.editorOptions={minimap:{enabled:!1},wordWrap:"on",fontSize:"14px",glyphMargin:!1,folding:!1,lineNumbers:"off",lineDecorationsWidth:0,lineNumbersMinChars:0,renderLineHighlight:"none",overviewRulerLanes:0,hideCursorInOverviewRuler:!0,scrollbar:{alwaysConsumeMouseWheel:!1,vertical:"hidden"}}}handleCodeChange(e){this.code=e.detail.code}handleRun(){this.dispatchEvent(new CustomEvent("cell-run-code",{detail:{index:this.index,code:this.code},bubbles:!0,composed:!0}))}setEditorFocus(e){this._editorFocused=e,this.requestUpdate()}updated(e){var i,s;if(e.has("code")||e.has("language")){const o=(i=this.shadowRoot)==null?void 0:i.querySelector("cv-code-editor");if(o)o.code=this.code,o.language=this.language;else{const n=(s=this.shadowRoot)==null?void 0:s.querySelector("cv-code-snippet");n&&!this.selected&&n.highlight()}}super.updated(e)}renderEditor(){const e=this.selected?t.x`<cv-code-editor
|
3
|
+
@code-change="${this.handleCodeChange}"
|
4
|
+
@editor-focus="${()=>this.setEditorFocus(!0)}"
|
5
|
+
@editor-blur="${()=>this.setEditorFocus(!1)}"
|
6
|
+
.code="${this.code}"
|
7
|
+
.language="${this.language}"
|
8
|
+
.options="${this.editorOptions}"
|
9
|
+
></cv-code-editor>`:t.x`<cv-code-snippet hideHeader .language="${this.language}"
|
10
|
+
>${this.code}</cv-code-snippet
|
11
|
+
>`,i=t.x` <div class="errors"><slot name="error"></slot></div>
|
12
|
+
<cv-typography class="output" scale="body1">
|
13
|
+
<slot name="output"></slot>
|
14
|
+
<slot name="input"></slot>
|
15
|
+
</cv-typography>`;return t.x`${this.showEditor?e:""}${!this.showEditor&&this.language==="markdown"||this.language!=="markdown"?i:""}`}renderExecutionCount(){let e=t.x` `;return this.language==="markdown"?e:(this.loading?e=t.x`<span class="loading">*</span>`:e=t.x`${this.timesExecuted||" "}`,t.x`[<span class="executionCount">${e}</span>] :`)}render(){const e={cell:!0,selected:this.selected,focused:this._editorFocused};return t.x`
|
16
|
+
<div class="${c.o(e)}">
|
17
|
+
<div class="selectionIndicatorWrapper" draggable="true">
|
18
|
+
<div class="selectionIndicator"></div>
|
19
|
+
</div>
|
20
|
+
|
21
|
+
<div class="cellCodeWrapper">
|
22
|
+
<span class="timesExecuted" draggable="true"
|
23
|
+
>${this.renderExecutionCount()}</span
|
24
|
+
>
|
25
|
+
<div class="cellOutputWrapper" draggable="false">
|
26
|
+
${this.renderEditor()}
|
27
|
+
</div>
|
28
|
+
</div>
|
29
|
+
</div>
|
30
|
+
`}};exports.CovalentNotebookCell.styles=[t.i`
|
31
|
+
${t.r(p)}
|
32
|
+
`];r([l.n({type:Number})],exports.CovalentNotebookCell.prototype,"index",2);r([l.n({type:String})],exports.CovalentNotebookCell.prototype,"code",2);r([l.n({type:String})],exports.CovalentNotebookCell.prototype,"language",2);r([l.n({type:Boolean,reflect:!0})],exports.CovalentNotebookCell.prototype,"loading",2);r([l.n({type:Boolean,reflect:!0})],exports.CovalentNotebookCell.prototype,"selected",2);r([l.n({type:Number})],exports.CovalentNotebookCell.prototype,"timesExecuted",2);r([l.n({type:Boolean,reflect:!0})],exports.CovalentNotebookCell.prototype,"showEditor",2);exports.CovalentNotebookCell=r([t.e("cv-notebook-cell")],exports.CovalentNotebookCell);const v=exports.CovalentNotebookCell;exports.default=v;
|
@@ -20,12 +20,12 @@ import "./style-map-e7ec6d41.mjs";
|
|
20
20
|
import "./aria-property-fa2717fe.mjs";
|
21
21
|
import "./event-options-78d6cf94.mjs";
|
22
22
|
import "./if-defined-c367f208.mjs";
|
23
|
-
const
|
23
|
+
const v = `:host{--mdc-icon-button-size: 24px;font-family:var(--mdc-typography-body1-font-family);width:100%}cv-code-snippet{background-color:var(--cv-theme-surface-container-high);border-radius:0;box-sizing:border-box;min-height:21px;padding:0 .25rem}cv-code-snippet::part(code){font-size:var(--mdc-typography-body2-font-size);line-height:var(--mdc-typography-body2-line-height);padding:1px 0;white-space:pre-wrap}cv-code-editor{margin-top:-1px}.selectionIndicator{background-color:var(--cv-theme-primary);border-radius:2px;cursor:move;height:100%;margin-top:2px;visibility:hidden}.selectionIndicatorWrapper{min-width:8px}.selectionIndicatorWrapper:hover .selectionIndicator{visibility:visible}.timesExecuted{color:var(--cv-theme-outline-variant);cursor:move;display:inline-flex;font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);height:100%;justify-content:end;line-height:var(--mdc-typography-body2-line-height);width:50px;text-wrap:nowrap}.timesExecuted .executionCount{box-sizing:border-box;display:inline-block;max-width:32px;overflow:hidden;padding:0 2px;text-overflow:ellipsis;white-space:nowrap}.timesExecuted .loading{font-size:var(--mdc-typography-headline6-font-size);position:relative;top:.275rem}.cell{box-sizing:border-box;display:flex;justify-content:space-between}.cell.focused .selectionIndicator,.cell.selected .selectionIndicator{visibility:visible}.cell.focused .timesExecuted,.cell.selected .timesExecuted{color:var(--cv-theme-primary)}.cellWrapper{display:flex;flex-direction:column;width:100%}.cellCodeWrapper{align-items:start;display:flex;gap:.75rem;justify-content:end;width:calc(100% - 1.5rem)}.cellOutputWrapper{display:flex;flex-direction:column;gap:.75rem;width:calc(100% - 58px)}.output{max-width:100%}
|
24
24
|
`;
|
25
|
-
var
|
26
|
-
for (var o = s > 1 ? void 0 : s ?
|
27
|
-
(c = e[
|
28
|
-
return s && o &&
|
25
|
+
var y = Object.defineProperty, f = Object.getOwnPropertyDescriptor, d = (e, i, a, s) => {
|
26
|
+
for (var o = s > 1 ? void 0 : s ? f(i, a) : i, l = e.length - 1, c; l >= 0; l--)
|
27
|
+
(c = e[l]) && (o = (s ? c(i, a, o) : c(o)) || o);
|
28
|
+
return s && o && y(i, a, o), o;
|
29
29
|
};
|
30
30
|
let t = class extends u {
|
31
31
|
constructor() {
|
@@ -65,13 +65,13 @@ let t = class extends u {
|
|
65
65
|
this._editorFocused = e, this.requestUpdate();
|
66
66
|
}
|
67
67
|
updated(e) {
|
68
|
-
var i,
|
68
|
+
var i, a;
|
69
69
|
if (e.has("code") || e.has("language")) {
|
70
70
|
const s = (i = this.shadowRoot) == null ? void 0 : i.querySelector("cv-code-editor");
|
71
71
|
if (s)
|
72
72
|
s.code = this.code, s.language = this.language;
|
73
73
|
else {
|
74
|
-
const o = (
|
74
|
+
const o = (a = this.shadowRoot) == null ? void 0 : a.querySelector("cv-code-snippet");
|
75
75
|
o && !this.selected && o.highlight();
|
76
76
|
}
|
77
77
|
}
|
@@ -87,7 +87,7 @@ let t = class extends u {
|
|
87
87
|
.options="${this.editorOptions}"
|
88
88
|
></cv-code-editor>` : r`<cv-code-snippet hideHeader .language="${this.language}"
|
89
89
|
>${this.code}</cv-code-snippet
|
90
|
-
>`, i = r
|
90
|
+
>`, i = r` <div class="errors"><slot name="error"></slot></div>
|
91
91
|
<cv-typography class="output" scale="body1">
|
92
92
|
<slot name="output"></slot>
|
93
93
|
<slot name="input"></slot>
|
@@ -96,7 +96,7 @@ let t = class extends u {
|
|
96
96
|
}
|
97
97
|
renderExecutionCount() {
|
98
98
|
let e = r` `;
|
99
|
-
return this.
|
99
|
+
return this.language === "markdown" ? e : (this.loading ? e = r`<span class="loading">*</span>` : e = r`${this.timesExecuted || " "}`, r`[<span class="executionCount">${e}</span>] :`);
|
100
100
|
}
|
101
101
|
render() {
|
102
102
|
const e = {
|
@@ -106,10 +106,17 @@ let t = class extends u {
|
|
106
106
|
};
|
107
107
|
return r`
|
108
108
|
<div class="${g(e)}">
|
109
|
-
<
|
109
|
+
<div class="selectionIndicatorWrapper" draggable="true">
|
110
|
+
<div class="selectionIndicator"></div>
|
111
|
+
</div>
|
112
|
+
|
110
113
|
<div class="cellCodeWrapper">
|
111
|
-
<span class="timesExecuted"
|
112
|
-
|
114
|
+
<span class="timesExecuted" draggable="true"
|
115
|
+
>${this.renderExecutionCount()}</span
|
116
|
+
>
|
117
|
+
<div class="cellOutputWrapper" draggable="false">
|
118
|
+
${this.renderEditor()}
|
119
|
+
</div>
|
113
120
|
</div>
|
114
121
|
</div>
|
115
122
|
`;
|
@@ -117,7 +124,7 @@ let t = class extends u {
|
|
117
124
|
};
|
118
125
|
t.styles = [
|
119
126
|
p`
|
120
|
-
${h(
|
127
|
+
${h(v)}
|
121
128
|
`
|
122
129
|
];
|
123
130
|
d([
|
@@ -142,10 +149,10 @@ d([
|
|
142
149
|
n({ type: Boolean, reflect: !0 })
|
143
150
|
], t.prototype, "showEditor", 2);
|
144
151
|
t = d([
|
145
|
-
m("cv-cell")
|
152
|
+
m("cv-notebook-cell")
|
146
153
|
], t);
|
147
|
-
const
|
154
|
+
const L = t;
|
148
155
|
export {
|
149
|
-
t as
|
150
|
-
|
156
|
+
t as CovalentNotebookCell,
|
157
|
+
L as default
|
151
158
|
};
|