@covalent/components 8.15.0-beta.10 → 8.15.0-beta.12
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 +8 -3
- package/notebook/notebook.d.ts.map +1 -1
- package/{cell/cell.d.ts → notebook-cell/notebook-cell.d.ts} +9 -4
- package/notebook-cell/notebook-cell.d.ts.map +1 -0
- package/notebook-cell.js +29 -0
- package/notebook-cell.mjs +155 -0
- package/notebook.js +37 -20
- package/notebook.mjs +339 -304
- package/package.json +5 -5
- package/cell/cell.d.ts.map +0 -1
- package/cell.js +0 -29
- package/cell.mjs +0 -147
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,10 +1,12 @@
|
|
|
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;
|
|
@@ -19,6 +21,7 @@ interface CellData {
|
|
|
19
21
|
prompt: string;
|
|
20
22
|
}[];
|
|
21
23
|
language: string;
|
|
24
|
+
loading?: boolean;
|
|
22
25
|
outputs?: {
|
|
23
26
|
data: {
|
|
24
27
|
[key: string]: string;
|
|
@@ -64,7 +67,9 @@ export declare class CovalentNotebook extends LitElement {
|
|
|
64
67
|
deleteCell(): void;
|
|
65
68
|
deselectAllCells(): void;
|
|
66
69
|
dispatchCustomCellEvent(name: string, cell?: CellData): void;
|
|
70
|
+
dispatchUpdatedCells(): void;
|
|
67
71
|
protected firstUpdated(): void;
|
|
72
|
+
getDragImage(cellIndex: number): HTMLElement;
|
|
68
73
|
handleCellTypeChange(e: CustomEvent): void;
|
|
69
74
|
handleCodeChange(e: CustomEvent, index: number): void;
|
|
70
75
|
handleDragStart(e: DragEvent, index: number): void;
|
|
@@ -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":"AAAA,OAAO,EAGL,UAAU,EACV,cAAc,EAEd,cAAc,EAEf,MAAM,KAAK,CAAC;AAIb,OAAO,gBAAgB,CAAC;AACxB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,gCAAgC,CAAC;AACxC,OAAO,8BAA8B,CAAC;AACtC,OAAO,cAAc,CAAC;AACtB,OAAO,4BAA4B,CAAC;AACpC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,kBAAkB,CAAC;AAE1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,gBAAgB,CAAC;KACjC;CACF;AAED,UAAU,QAAQ;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACjD,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE;QACR,IAAI,EAAE;YACJ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;SACvB,CAAC;QACF,QAAQ,CAAC,EAAE;YACT,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;SACvB,CAAC;QACF,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,EAAE,CAAC;IACJ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,QAAQ;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,qBACa,gBAAiB,SAAQ,UAAU;IAC9C;;OAEG;IAEH,KAAK,EAAE,QAAQ,EAAE,CAAM;IAEvB;;OAEG;IAEH,SAAS,EAAE,QAAQ,EAAE,CAAM;IAE3B;;OAEG;IAEH,QAAQ,EAAG,MAAM,CAAC;IAElB;;OAEG;IAEH,eAAe,EAAG,MAAM,CAAC;IAEzB,OAAO,CAAC,cAAc,CAAyB;IAE/C,OAAO,CAAC,iBAAiB,CAAuB;IAEhD,OAAO,CAAC,kBAAkB,CAAuB;IAEjD,OAAgB,MAAM,4BAIpB;IAGF,OAAO,CAAC,QAAQ,EAAE,QAAQ;IAO1B,QAAQ;IAOR,OAAO;IAQP,UAAU;IASV,gBAAgB;IAKhB,uBAAuB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,QAAQ;IAerD,oBAAoB,IAAI,IAAI;IAU5B,SAAS,CAAC,YAAY,IAAI,IAAI;IAU9B,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,WAAW;IAsB5C,oBAAoB,CAAC,CAAC,EAAE,WAAW;IAYnC,gBAAgB,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM;IAK9C,eAAe,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM;IAwB3C,cAAc,CAAC,CAAC,EAAE,SAAS;IAS3B,UAAU,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM;IAwBtC,eAAe,CAAC,CAAC,EAAE,SAAS;IAM5B,aAAa;IAOb,kBAAkB,CAAC,KAAK,EAAE,aAAa;IAgBvC,iBAAiB,CAAC,KAAK,EAAE,MAAM;IAQ/B,SAAS;IAeT,gBAAgB,CAAC,IAAI,EAAE,QAAQ,GAAG,cAAc,CAAC,CAAC,CAAC;IAiCnD,SAAS,CAAC,MAAM;IAmIhB,SAAS,CAAC,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,GAAG,UAAU,GAAG,IAAI;IAKxE,OAAO;IAQP,UAAU,CAAC,KAAK,EAAE,MAAM;IASxB,kBAAkB,CAAC,IAAI,EAAE,QAAQ,GAAG,OAAO;IAO3C,SAAS,CAAC,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;CAO5D;AAED,eAAe,gBAAgB,CAAC"}
|
|
@@ -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
|
*/
|
|
@@ -21,6 +21,10 @@ export declare class CovalentCell extends LitElement {
|
|
|
21
21
|
* Language of the code
|
|
22
22
|
*/
|
|
23
23
|
language: string;
|
|
24
|
+
/**
|
|
25
|
+
* Whether the cell is loading
|
|
26
|
+
*/
|
|
27
|
+
loading: boolean;
|
|
24
28
|
/**
|
|
25
29
|
* Whether the cell is selected
|
|
26
30
|
*/
|
|
@@ -59,7 +63,8 @@ export declare class CovalentCell extends LitElement {
|
|
|
59
63
|
setEditorFocus(setFocus: boolean): void;
|
|
60
64
|
protected updated(changedProperties: PropertyValues): void;
|
|
61
65
|
renderEditor(): import("lit-html").TemplateResult<1>;
|
|
66
|
+
renderExecutionCount(): import("lit-html").TemplateResult<1>;
|
|
62
67
|
protected render(): import("lit-html").TemplateResult<1>;
|
|
63
68
|
}
|
|
64
|
-
export default
|
|
65
|
-
//# 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;CAoBjB;AAED,eAAe,oBAAoB,CAAC"}
|
package/notebook-cell.js
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
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 u=`: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;margin-top:2px;visibility:hidden;min-width:8px}.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);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:hover .selectionIndicator,.cell.focused .selectionIndicator,.cell.selected .selectionIndicator{visibility:visible}.cell:hover .timesExecuted,.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% - 2rem)}.cellOutputWrapper{display:flex;flex-direction:column;gap:.75rem;max-width:92%;min-width:92%}.output{max-width:100%}
|
|
2
|
+
`;var p=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&&p(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
|
+
<span class="selectionIndicator" draggable="true"></span>
|
|
18
|
+
<div class="cellCodeWrapper">
|
|
19
|
+
<span class="timesExecuted" draggable="true"
|
|
20
|
+
>${this.renderExecutionCount()}</span
|
|
21
|
+
>
|
|
22
|
+
<div class="cellOutputWrapper" draggable="false">
|
|
23
|
+
${this.renderEditor()}
|
|
24
|
+
</div>
|
|
25
|
+
</div>
|
|
26
|
+
</div>
|
|
27
|
+
`}};exports.CovalentNotebookCell.styles=[t.i`
|
|
28
|
+
${t.r(u)}
|
|
29
|
+
`];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 g=exports.CovalentNotebookCell;exports.default=g;
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
import { i as p, r as u, s as h, x as r, e as m } from "./query-assigned-elements-4a39219d.mjs";
|
|
2
|
+
import { n } from "./property-9b6ea53b.mjs";
|
|
3
|
+
import { o as g } from "./class-map-6e504a9a.mjs";
|
|
4
|
+
import "./code-editor-ce557bd5.mjs";
|
|
5
|
+
import "./code-snippet.mjs";
|
|
6
|
+
import "./icon-button.mjs";
|
|
7
|
+
import "./typography.mjs";
|
|
8
|
+
import "./directive-daf4e9b6.mjs";
|
|
9
|
+
import "./async-directive-99a01ec7.mjs";
|
|
10
|
+
import "./directive-helpers-e3ea6592.mjs";
|
|
11
|
+
import "./query-assigned-nodes-df691e78.mjs";
|
|
12
|
+
import "./_commonjsHelpers-2f131a27.mjs";
|
|
13
|
+
import "./tslib.es6-c4b0f3b1.mjs";
|
|
14
|
+
import "./ripple-handlers-8883e893.mjs";
|
|
15
|
+
import "./base-element-acf30176.mjs";
|
|
16
|
+
import "./utils-dc65fdc9.mjs";
|
|
17
|
+
import "./state-b5e865db.mjs";
|
|
18
|
+
import "./query-d843aa92.mjs";
|
|
19
|
+
import "./style-map-e7ec6d41.mjs";
|
|
20
|
+
import "./aria-property-fa2717fe.mjs";
|
|
21
|
+
import "./event-options-78d6cf94.mjs";
|
|
22
|
+
import "./if-defined-c367f208.mjs";
|
|
23
|
+
const y = `: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;margin-top:2px;visibility:hidden;min-width:8px}.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);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:hover .selectionIndicator,.cell.focused .selectionIndicator,.cell.selected .selectionIndicator{visibility:visible}.cell:hover .timesExecuted,.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% - 2rem)}.cellOutputWrapper{display:flex;flex-direction:column;gap:.75rem;max-width:92%;min-width:92%}.output{max-width:100%}
|
|
24
|
+
`;
|
|
25
|
+
var f = Object.defineProperty, v = Object.getOwnPropertyDescriptor, d = (e, i, a, s) => {
|
|
26
|
+
for (var o = s > 1 ? void 0 : s ? v(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 && f(i, a, o), o;
|
|
29
|
+
};
|
|
30
|
+
let t = class extends h {
|
|
31
|
+
constructor() {
|
|
32
|
+
super(...arguments), this.code = "", this.language = "", this.loading = !1, this.selected = !1, this.timesExecuted = 0, this.showEditor = !0, this._editorFocused = !1, this.editorOptions = {
|
|
33
|
+
minimap: { enabled: !1 },
|
|
34
|
+
// Disable minimap to save space
|
|
35
|
+
wordWrap: "on",
|
|
36
|
+
// Enable word wrap to avoid horizontal scroll
|
|
37
|
+
fontSize: "14px",
|
|
38
|
+
glyphMargin: !1,
|
|
39
|
+
folding: !1,
|
|
40
|
+
lineNumbers: "off",
|
|
41
|
+
lineDecorationsWidth: 0,
|
|
42
|
+
lineNumbersMinChars: 0,
|
|
43
|
+
renderLineHighlight: "none",
|
|
44
|
+
overviewRulerLanes: 0,
|
|
45
|
+
hideCursorInOverviewRuler: !0,
|
|
46
|
+
scrollbar: {
|
|
47
|
+
alwaysConsumeMouseWheel: !1,
|
|
48
|
+
vertical: "hidden"
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
handleCodeChange(e) {
|
|
53
|
+
this.code = e.detail.code;
|
|
54
|
+
}
|
|
55
|
+
handleRun() {
|
|
56
|
+
this.dispatchEvent(
|
|
57
|
+
new CustomEvent("cell-run-code", {
|
|
58
|
+
detail: { index: this.index, code: this.code },
|
|
59
|
+
bubbles: !0,
|
|
60
|
+
composed: !0
|
|
61
|
+
})
|
|
62
|
+
);
|
|
63
|
+
}
|
|
64
|
+
setEditorFocus(e) {
|
|
65
|
+
this._editorFocused = e, this.requestUpdate();
|
|
66
|
+
}
|
|
67
|
+
updated(e) {
|
|
68
|
+
var i, a;
|
|
69
|
+
if (e.has("code") || e.has("language")) {
|
|
70
|
+
const s = (i = this.shadowRoot) == null ? void 0 : i.querySelector("cv-code-editor");
|
|
71
|
+
if (s)
|
|
72
|
+
s.code = this.code, s.language = this.language;
|
|
73
|
+
else {
|
|
74
|
+
const o = (a = this.shadowRoot) == null ? void 0 : a.querySelector("cv-code-snippet");
|
|
75
|
+
o && !this.selected && o.highlight();
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
super.updated(e);
|
|
79
|
+
}
|
|
80
|
+
renderEditor() {
|
|
81
|
+
const e = this.selected ? r`<cv-code-editor
|
|
82
|
+
@code-change="${this.handleCodeChange}"
|
|
83
|
+
@editor-focus="${() => this.setEditorFocus(!0)}"
|
|
84
|
+
@editor-blur="${() => this.setEditorFocus(!1)}"
|
|
85
|
+
.code="${this.code}"
|
|
86
|
+
.language="${this.language}"
|
|
87
|
+
.options="${this.editorOptions}"
|
|
88
|
+
></cv-code-editor>` : r`<cv-code-snippet hideHeader .language="${this.language}"
|
|
89
|
+
>${this.code}</cv-code-snippet
|
|
90
|
+
>`, i = r` <div class="errors"><slot name="error"></slot></div>
|
|
91
|
+
<cv-typography class="output" scale="body1">
|
|
92
|
+
<slot name="output"></slot>
|
|
93
|
+
<slot name="input"></slot>
|
|
94
|
+
</cv-typography>`;
|
|
95
|
+
return r`${this.showEditor ? e : ""}${!this.showEditor && this.language === "markdown" || this.language !== "markdown" ? i : ""}`;
|
|
96
|
+
}
|
|
97
|
+
renderExecutionCount() {
|
|
98
|
+
let e = r` `;
|
|
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
|
+
}
|
|
101
|
+
render() {
|
|
102
|
+
const e = {
|
|
103
|
+
cell: !0,
|
|
104
|
+
selected: this.selected,
|
|
105
|
+
focused: this._editorFocused
|
|
106
|
+
};
|
|
107
|
+
return r`
|
|
108
|
+
<div class="${g(e)}">
|
|
109
|
+
<span class="selectionIndicator" draggable="true"></span>
|
|
110
|
+
<div class="cellCodeWrapper">
|
|
111
|
+
<span class="timesExecuted" draggable="true"
|
|
112
|
+
>${this.renderExecutionCount()}</span
|
|
113
|
+
>
|
|
114
|
+
<div class="cellOutputWrapper" draggable="false">
|
|
115
|
+
${this.renderEditor()}
|
|
116
|
+
</div>
|
|
117
|
+
</div>
|
|
118
|
+
</div>
|
|
119
|
+
`;
|
|
120
|
+
}
|
|
121
|
+
};
|
|
122
|
+
t.styles = [
|
|
123
|
+
p`
|
|
124
|
+
${u(y)}
|
|
125
|
+
`
|
|
126
|
+
];
|
|
127
|
+
d([
|
|
128
|
+
n({ type: Number })
|
|
129
|
+
], t.prototype, "index", 2);
|
|
130
|
+
d([
|
|
131
|
+
n({ type: String })
|
|
132
|
+
], t.prototype, "code", 2);
|
|
133
|
+
d([
|
|
134
|
+
n({ type: String })
|
|
135
|
+
], t.prototype, "language", 2);
|
|
136
|
+
d([
|
|
137
|
+
n({ type: Boolean, reflect: !0 })
|
|
138
|
+
], t.prototype, "loading", 2);
|
|
139
|
+
d([
|
|
140
|
+
n({ type: Boolean, reflect: !0 })
|
|
141
|
+
], t.prototype, "selected", 2);
|
|
142
|
+
d([
|
|
143
|
+
n({ type: Number })
|
|
144
|
+
], t.prototype, "timesExecuted", 2);
|
|
145
|
+
d([
|
|
146
|
+
n({ type: Boolean, reflect: !0 })
|
|
147
|
+
], t.prototype, "showEditor", 2);
|
|
148
|
+
t = d([
|
|
149
|
+
m("cv-notebook-cell")
|
|
150
|
+
], t);
|
|
151
|
+
const L = t;
|
|
152
|
+
export {
|
|
153
|
+
t as CovalentNotebookCell,
|
|
154
|
+
L as default
|
|
155
|
+
};
|