@covalent/components 8.20.2 → 8.20.4

package/list/nav-list-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav-list-item.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/list/nav-list-item.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAM/C,OAAO,YAAY,MAAM,QAAQ,CAAC;AAElC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,uBAAuB,CAAC;KAC7C;CACF;AAED,qBACa,uBAAwB,SAAQ,gBAAgB;IAC3D,OAAgB,MAAM,4BAapB;IAGF,sBAAsB,EAAG,YAAY,EAAE,CAAC;IAGxC,IAAI,UAAS;IAGb,WAAW,UAAS;IAEpB,SAAS,UAAS;IAElB,OAAO,CAAC,eAAe,CAAK;IAE5B,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,cAAc;IAgEtB,OAAO,CAAC,sBAAsB;IAW9B,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,gBAAgB;IAWxB,mBAAmB;IAoBV,iBAAiB;IAOjB,oBAAoB;cAOV,UAAU;IAYpB,YAAY;IAQZ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IAQjE,MAAM;CAGhB;AAED,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"nav-list-item.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/list/nav-list-item.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAM/C,OAAO,YAAY,MAAM,QAAQ,CAAC;AAElC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,uBAAuB,CAAC;KAC7C;CACF;AAED,qBACa,uBAAwB,SAAQ,gBAAgB;IAC3D,OAAgB,MAAM,4BAapB;IAGF,sBAAsB,EAAG,YAAY,EAAE,CAAC;IAGxC,IAAI,UAAS;IAGb,WAAW,UAAS;IAEpB,SAAS,UAAS;IAElB,OAAO,CAAC,eAAe,CAAK;IAE5B,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,cAAc;IAgEtB,OAAO,CAAC,sBAAsB;IAW9B,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,gBAAgB;IAaxB,mBAAmB;IAoBV,iBAAiB;IAOjB,oBAAoB;cAOV,UAAU;IAYpB,YAAY;IAQZ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IAQjE,MAAM;CAGhB;AAED,eAAe,uBAAuB,CAAC"}

package/nav-list-item.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./query-assigned-elements-f623705d.js"),c=require("./property-57f6f6fe.js"),h=require("./list-item.js"),d=require("./list-item-8b940ec8.js");require("./mwc-list-item-base-06d93e6e.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("./class-map-0a4c6ca9.js");require("./directive-1186bc23.js");require("./style-map-a135c6ab.js");require("./observer-a096ab43.js");const p=`:host{font-family:var(--mdc-typography-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:600;line-height:var(--mdc-typography-body2-line-height);text-align:left;border-radius:var(--cv-list-item-border-radius, 100px);transition:border-radius .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);width:var(--cv-list-item-width, 100%);color:var(--cv-theme-on-surface-variant);--mdc-list-item-graphic-margin: 4px}:host ::slotted(cv-icon[slot=graphic]){color:var(--cv-theme-on-surface-variant)}::slotted(*){--cv-list-padding-right: 0;--cv-list-padding-left: 0;--cv-list-item-text-padding: 16px}:host([activated]){color:var(--cv-theme-on-secondary-container)}:host([activated]) ::slotted(cv-icon[slot=graphic]){color:var(--cv-theme-on-secondary-container)}:host([selected]:not([activated])) .expansion-header{transition:background-color .25s cubic-bezier(.4,0,.2,1) color .25s cubic-bezier(.4,0,.2,1);background-color:var(--cv-list-item-selected-background-color);color:var(--cv-list-item-selected-color)}:host([selected]:not([activated])) .expansion-header .mdc-deprecated-list-item__graphic{--mdc-theme-text-icon-on-background: var(--cv-list-item-selected-color)}:host([subnav]){--cv-list-item-text-padding: 16px;height:32px;font-weight:var(--mdc-typography-body2-font-weight);border-radius:var(--cv-list-item-border-radius, 100px);padding:0;padding-right:var(--cv-list-padding-right, 12px);padding-left:var(--cv-list-padding-left, 12px)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic{--mdc-theme-text-icon-on-background: var(--cv-theme-on-surface);margin-left:var(--cv-list-item-graphic-margin-left, 12px);padding-left:4px;background-color:transparent}:host([graphic=avatar]){padding:0;background-color:transparent}:host([graphic=avatar]:not([twoline])){height:48px}:host([selected]) .mdc-deprecated-list-item__graphic.material-icons,:host([activated]) .mdc-deprecated-list-item__graphic.material-icons,:host([hasActivatedChild]) .mdc-deprecated-list-item__graphic.material-icons{font-variation-settings:"FILL" 1}:host([hasChildren]){flex-direction:column;overflow:visible;height:var(--cv-list-item-height, inherit)!important;background:none;padding:0;--mdc-list-side-padding: 0;--cv-list-item-graphic-margin-left: 0}:host([hasChildren]) ::slotted(cv-list){padding-left:32px}:host([hasChildren][open]:hover:not([activated])) .expansion-header{--mdc-ripple-color: transparent}:host([hasChildren][open]:hover:not([activated])) .expansion-header:hover{--mdc-ripple-color: var(--mdc-theme-on-surface-variant)}.expansion-header{position:relative;height:48px;width:100%;border-radius:var(--cv-list-item-border-radius, 100px);overflow:hidden;display:flex;flex-shrink:0;align-items:center;background-color:var(--cv-list-item-background-color);color:var(--cv-list-item-text-color)}.expansion-header mwc-ripple{border-radius:var(--cv-list-item-border-radius, 100px);overflow:hidden}.expansion-header-inner{padding:0 16px}.expansion-icon{margin-right:var(--cv-list-item-expansion-icon-margin, 0);font-size:var(--cv-list-item-expansion-icon-size, --mdc-icon-size);color:var(--cv-list-item-text-icon-on-background, var(--mdc-theme-text-icon-on-background))}.expansion-panel{display:block;width:100%;max-height:var(--cv-list-menu-height, 0);overflow:hidden;transition:max-height .2s cubic-bezier(.4,0,1,1);--mdc-list-side-padding: 72px}:host([open][hasChildren]:not([twoline])){height:inherit;display:flex;flex-direction:column;border-radius:0}:host([open][hasChildren]:not([twoline])) .expansion-panel{transition-timing-function:cubic-bezier(0,0,.2,1);max-height:var(--cv-list-menu-height, 0)}
-`;var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,s=(o,e,t,i)=>{for(var r=i>1?void 0:i?v(e,t):e,n=o.length-1,l;n>=0;n--)(l=o[n])&&(r=(i?l(e,t,r):l(r))||r);return i&&r&&m(e,t,r),r};exports.CovalentNavRailListItem=class extends h.CovalentListItem{constructor(){super(...arguments),this.open=!1,this.hasChildren=!1,this.activated=!1,this.lastKeySelected=0}_toggleOpen(){this.open=!this.open}_handleKeydown(e){const t=this.expansionPanelElements[0],i=t?t==null?void 0:t.getFocusedItemIndex():0,r=(t==null?void 0:t.items.length)??0;if(this.hasChildren){if(e.code==="Enter"){e.preventDefault(),e.stopImmediatePropagation(),e.target.hasChildren?this._toggleOpen():this._deselectHeader(e);return}if(this.open){if(e.code==="ArrowUp"&&i===0&&this.lastKeySelected===0&&!e.target.hasChildren){e.preventDefault(),e.stopImmediatePropagation(),t.items[0].blur(),this.focus();return}e.code==="ArrowDown"&&i===-1&&(e.preventDefault(),e.stopImmediatePropagation(),t.focusItemAtIndex(0),this.lastKeySelected=0),e.code==="ArrowUp"&&i!==-1&&(e.preventDefault(),e.stopImmediatePropagation(),t.focusItemAtIndex(i),this.lastKeySelected=i),(e.code==="ArrowDown"||e.code==="ArrowUp")&&i!==-1&&this.lastKeySelected<r-1&&(e.preventDefault(),e.stopImmediatePropagation(),t.focusItemAtIndex(i),this.lastKeySelected=i)}}}_handleRequestSelected(e){const t=e;this.hasChildren&&t.detail.selected===!1&&t.detail.source==="property"&&this._deselectChildren()}_deselectChildren(){this.expansionPanelElements.forEach(e=>{e.items.forEach(t=>t.selected=!1)})}_deselectHeader(e){e.preventDefault(),e.stopImmediatePropagation(),this.fireRequestSelected(!1,"interaction"),this.activated=!1}_updateMaxHeight(e=this.open){var i;const t=(i=this.shadowRoot)==null?void 0:i.querySelector(".expansion-panel");if(e){const r=t==null?void 0:t.scrollHeight;this.style.setProperty("--cv-list-menu-height",`${r}px`)}else this.style.setProperty("--cv-list-menu-height","0")}renderExpansionItem(){const e=this.renderText(),t=this.graphic?this.renderGraphic():a.A,i=this.renderMeta();return a.x`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./query-assigned-elements-f623705d.js"),c=require("./property-57f6f6fe.js"),h=require("./list-item.js"),d=require("./list-item-8b940ec8.js");require("./mwc-list-item-base-06d93e6e.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("./class-map-0a4c6ca9.js");require("./directive-1186bc23.js");require("./style-map-a135c6ab.js");require("./observer-a096ab43.js");const p=`:host{font-family:var(--mdc-typography-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:600;line-height:var(--mdc-typography-body2-line-height);text-align:left;border-radius:var(--cv-list-item-border-radius, 100px);transition:border-radius .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);width:var(--cv-list-item-width, 100%);color:var(--cv-theme-on-surface-variant);--mdc-list-item-graphic-margin: 4px}:host ::slotted(cv-icon[slot=graphic]){color:var(--cv-theme-on-surface-variant)}::slotted(*){--cv-list-padding-right: 0;--cv-list-padding-left: 0;--cv-list-item-text-padding: 16px}:host([activated]){color:var(--cv-theme-on-secondary-container)}:host([activated]) ::slotted(cv-icon[slot=graphic]){color:var(--cv-theme-on-secondary-container)}:host([selected]:not([activated])) .expansion-header{transition:background-color .25s cubic-bezier(.4,0,.2,1) color .25s cubic-bezier(.4,0,.2,1);background-color:var(--cv-list-item-selected-background-color);color:var(--cv-list-item-selected-color)}:host([selected]:not([activated])) .expansion-header .mdc-deprecated-list-item__graphic{--mdc-theme-text-icon-on-background: var(--cv-list-item-selected-color)}:host([subnav]){--cv-list-item-text-padding: 16px;height:32px;font-weight:var(--mdc-typography-body2-font-weight);border-radius:var(--cv-list-item-border-radius, 100px);padding:0;padding-right:var(--cv-list-padding-right, 12px);padding-left:var(--cv-list-padding-left, 12px)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic{--mdc-theme-text-icon-on-background: var(--cv-theme-on-surface);margin-left:var(--cv-list-item-graphic-margin-left, 12px);padding-left:4px;background-color:transparent}:host([graphic=avatar]){padding:0;background-color:transparent}:host([graphic=avatar]:not([twoline])){height:48px}:host([selected]) .mdc-deprecated-list-item__graphic.material-icons,:host([activated]) .mdc-deprecated-list-item__graphic.material-icons,:host([hasActivatedChild]) .mdc-deprecated-list-item__graphic.material-icons{font-variation-settings:"FILL" 1}:host([hasChildren]){flex-direction:column;overflow:visible;height:var(--cv-list-item-height, inherit)!important;background:none;padding:0;--mdc-list-side-padding: 0;--cv-list-item-graphic-margin-left: 0}:host([hasChildren]) ::slotted(cv-list){padding-left:32px}:host([hasChildren][open]:hover:not([activated])) .expansion-header{--mdc-ripple-color: transparent}:host([hasChildren][open]:hover:not([activated])) .expansion-header:hover{--mdc-ripple-color: var(--mdc-theme-on-surface-variant)}.expansion-header{position:relative;height:48px;width:100%;border-radius:var(--cv-list-item-border-radius, 100px);overflow:hidden;display:flex;flex-shrink:0;align-items:center;background-color:var(--cv-list-item-background-color);color:var(--cv-list-item-text-color)}.expansion-header mwc-ripple{border-radius:var(--cv-list-item-border-radius, 100px);overflow:hidden}.expansion-header-inner{padding:0 16px}.expansion-icon{margin-right:var(--cv-list-item-expansion-icon-margin, 0);font-size:var(--cv-list-item-expansion-icon-size, --mdc-icon-size);color:var(--cv-list-item-text-icon-on-background, var(--mdc-theme-text-icon-on-background))}.expansion-panel{display:block;width:100%;max-height:var(--cv-list-menu-height, 0);overflow:hidden;transition:max-height .2s cubic-bezier(.4,0,1,1);--mdc-list-side-padding: 72px}:host([open][hasChildren]:not([twoline])){height:inherit;display:flex;flex-direction:column;border-radius:0}:host([open][hasChildren]:not([twoline])) .expansion-panel{transition-timing-function:cubic-bezier(0,0,.2,1);max-height:var(--cv-list-menu-height, inherit)}
+`;var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,s=(o,e,t,i)=>{for(var r=i>1?void 0:i?v(e,t):e,n=o.length-1,l;n>=0;n--)(l=o[n])&&(r=(i?l(e,t,r):l(r))||r);return i&&r&&m(e,t,r),r};exports.CovalentNavRailListItem=class extends h.CovalentListItem{constructor(){super(...arguments),this.open=!1,this.hasChildren=!1,this.activated=!1,this.lastKeySelected=0}_toggleOpen(){this.open=!this.open}_handleKeydown(e){const t=this.expansionPanelElements[0],i=t?t==null?void 0:t.getFocusedItemIndex():0,r=(t==null?void 0:t.items.length)??0;if(this.hasChildren){if(e.code==="Enter"){e.preventDefault(),e.stopImmediatePropagation(),e.target.hasChildren?this._toggleOpen():this._deselectHeader(e);return}if(this.open){if(e.code==="ArrowUp"&&i===0&&this.lastKeySelected===0&&!e.target.hasChildren){e.preventDefault(),e.stopImmediatePropagation(),t.items[0].blur(),this.focus();return}e.code==="ArrowDown"&&i===-1&&(e.preventDefault(),e.stopImmediatePropagation(),t.focusItemAtIndex(0),this.lastKeySelected=0),e.code==="ArrowUp"&&i!==-1&&(e.preventDefault(),e.stopImmediatePropagation(),t.focusItemAtIndex(i),this.lastKeySelected=i),(e.code==="ArrowDown"||e.code==="ArrowUp")&&i!==-1&&this.lastKeySelected<r-1&&(e.preventDefault(),e.stopImmediatePropagation(),t.focusItemAtIndex(i),this.lastKeySelected=i)}}}_handleRequestSelected(e){const t=e;this.hasChildren&&t.detail.selected===!1&&t.detail.source==="property"&&this._deselectChildren()}_deselectChildren(){this.expansionPanelElements.forEach(e=>{e.items.forEach(t=>t.selected=!1)})}_deselectHeader(e){e.preventDefault(),e.stopImmediatePropagation(),this.fireRequestSelected(!1,"interaction"),this.activated=!1}_updateMaxHeight(e=this.open){var r;const t=(r=this.shadowRoot)==null?void 0:r.querySelector(".expansion-panel");let i="0";e&&(i=t!=null&&t.scrollHeight?`${t.scrollHeight}px`:"inherit"),this.style.setProperty("--cv-list-menu-height",i)}renderExpansionItem(){const e=this.renderText(),t=this.graphic?this.renderGraphic():a.A,i=this.renderMeta();return a.x`
       <div
         @mousedown=${this._toggleOpen}
         @touchstart="${this._toggleOpen}"

package/nav-list-item.mjs

@@ -1,4 +1,4 @@
-import { i as s, r as n, l as m, A as v, x as h, e as g } from "./query-assigned-elements-4a39219d.mjs";
+import { i as s, r as n, l as m, A as g, x as h, e as v } from "./query-assigned-elements-4a39219d.mjs";
 import { n as p } from "./property-9b6ea53b.mjs";
 import { CovalentListItem as u } from "./list-item.mjs";
 import { s as f, a as x, c as b } from "./list-item-ef175b93.mjs";
@@ -13,7 +13,7 @@ import "./class-map-6e504a9a.mjs";
 import "./directive-daf4e9b6.mjs";
 import "./style-map-e7ec6d41.mjs";
 import "./observer-be7b92e2.mjs";
-const y = `:host{font-family:var(--mdc-typography-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:600;line-height:var(--mdc-typography-body2-line-height);text-align:left;border-radius:var(--cv-list-item-border-radius, 100px);transition:border-radius .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);width:var(--cv-list-item-width, 100%);color:var(--cv-theme-on-surface-variant);--mdc-list-item-graphic-margin: 4px}:host ::slotted(cv-icon[slot=graphic]){color:var(--cv-theme-on-surface-variant)}::slotted(*){--cv-list-padding-right: 0;--cv-list-padding-left: 0;--cv-list-item-text-padding: 16px}:host([activated]){color:var(--cv-theme-on-secondary-container)}:host([activated]) ::slotted(cv-icon[slot=graphic]){color:var(--cv-theme-on-secondary-container)}:host([selected]:not([activated])) .expansion-header{transition:background-color .25s cubic-bezier(.4,0,.2,1) color .25s cubic-bezier(.4,0,.2,1);background-color:var(--cv-list-item-selected-background-color);color:var(--cv-list-item-selected-color)}:host([selected]:not([activated])) .expansion-header .mdc-deprecated-list-item__graphic{--mdc-theme-text-icon-on-background: var(--cv-list-item-selected-color)}:host([subnav]){--cv-list-item-text-padding: 16px;height:32px;font-weight:var(--mdc-typography-body2-font-weight);border-radius:var(--cv-list-item-border-radius, 100px);padding:0;padding-right:var(--cv-list-padding-right, 12px);padding-left:var(--cv-list-padding-left, 12px)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic{--mdc-theme-text-icon-on-background: var(--cv-theme-on-surface);margin-left:var(--cv-list-item-graphic-margin-left, 12px);padding-left:4px;background-color:transparent}:host([graphic=avatar]){padding:0;background-color:transparent}:host([graphic=avatar]:not([twoline])){height:48px}:host([selected]) .mdc-deprecated-list-item__graphic.material-icons,:host([activated]) .mdc-deprecated-list-item__graphic.material-icons,:host([hasActivatedChild]) .mdc-deprecated-list-item__graphic.material-icons{font-variation-settings:"FILL" 1}:host([hasChildren]){flex-direction:column;overflow:visible;height:var(--cv-list-item-height, inherit)!important;background:none;padding:0;--mdc-list-side-padding: 0;--cv-list-item-graphic-margin-left: 0}:host([hasChildren]) ::slotted(cv-list){padding-left:32px}:host([hasChildren][open]:hover:not([activated])) .expansion-header{--mdc-ripple-color: transparent}:host([hasChildren][open]:hover:not([activated])) .expansion-header:hover{--mdc-ripple-color: var(--mdc-theme-on-surface-variant)}.expansion-header{position:relative;height:48px;width:100%;border-radius:var(--cv-list-item-border-radius, 100px);overflow:hidden;display:flex;flex-shrink:0;align-items:center;background-color:var(--cv-list-item-background-color);color:var(--cv-list-item-text-color)}.expansion-header mwc-ripple{border-radius:var(--cv-list-item-border-radius, 100px);overflow:hidden}.expansion-header-inner{padding:0 16px}.expansion-icon{margin-right:var(--cv-list-item-expansion-icon-margin, 0);font-size:var(--cv-list-item-expansion-icon-size, --mdc-icon-size);color:var(--cv-list-item-text-icon-on-background, var(--mdc-theme-text-icon-on-background))}.expansion-panel{display:block;width:100%;max-height:var(--cv-list-menu-height, 0);overflow:hidden;transition:max-height .2s cubic-bezier(.4,0,1,1);--mdc-list-side-padding: 72px}:host([open][hasChildren]:not([twoline])){height:inherit;display:flex;flex-direction:column;border-radius:0}:host([open][hasChildren]:not([twoline])) .expansion-panel{transition-timing-function:cubic-bezier(0,0,.2,1);max-height:var(--cv-list-menu-height, 0)}
+const y = `:host{font-family:var(--mdc-typography-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:600;line-height:var(--mdc-typography-body2-line-height);text-align:left;border-radius:var(--cv-list-item-border-radius, 100px);transition:border-radius .2s cubic-bezier(.4,0,.2,1),width .2s cubic-bezier(.4,0,.2,1);width:var(--cv-list-item-width, 100%);color:var(--cv-theme-on-surface-variant);--mdc-list-item-graphic-margin: 4px}:host ::slotted(cv-icon[slot=graphic]){color:var(--cv-theme-on-surface-variant)}::slotted(*){--cv-list-padding-right: 0;--cv-list-padding-left: 0;--cv-list-item-text-padding: 16px}:host([activated]){color:var(--cv-theme-on-secondary-container)}:host([activated]) ::slotted(cv-icon[slot=graphic]){color:var(--cv-theme-on-secondary-container)}:host([selected]:not([activated])) .expansion-header{transition:background-color .25s cubic-bezier(.4,0,.2,1) color .25s cubic-bezier(.4,0,.2,1);background-color:var(--cv-list-item-selected-background-color);color:var(--cv-list-item-selected-color)}:host([selected]:not([activated])) .expansion-header .mdc-deprecated-list-item__graphic{--mdc-theme-text-icon-on-background: var(--cv-list-item-selected-color)}:host([subnav]){--cv-list-item-text-padding: 16px;height:32px;font-weight:var(--mdc-typography-body2-font-weight);border-radius:var(--cv-list-item-border-radius, 100px);padding:0;padding-right:var(--cv-list-padding-right, 12px);padding-left:var(--cv-list-padding-left, 12px)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic{--mdc-theme-text-icon-on-background: var(--cv-theme-on-surface);margin-left:var(--cv-list-item-graphic-margin-left, 12px);padding-left:4px;background-color:transparent}:host([graphic=avatar]){padding:0;background-color:transparent}:host([graphic=avatar]:not([twoline])){height:48px}:host([selected]) .mdc-deprecated-list-item__graphic.material-icons,:host([activated]) .mdc-deprecated-list-item__graphic.material-icons,:host([hasActivatedChild]) .mdc-deprecated-list-item__graphic.material-icons{font-variation-settings:"FILL" 1}:host([hasChildren]){flex-direction:column;overflow:visible;height:var(--cv-list-item-height, inherit)!important;background:none;padding:0;--mdc-list-side-padding: 0;--cv-list-item-graphic-margin-left: 0}:host([hasChildren]) ::slotted(cv-list){padding-left:32px}:host([hasChildren][open]:hover:not([activated])) .expansion-header{--mdc-ripple-color: transparent}:host([hasChildren][open]:hover:not([activated])) .expansion-header:hover{--mdc-ripple-color: var(--mdc-theme-on-surface-variant)}.expansion-header{position:relative;height:48px;width:100%;border-radius:var(--cv-list-item-border-radius, 100px);overflow:hidden;display:flex;flex-shrink:0;align-items:center;background-color:var(--cv-list-item-background-color);color:var(--cv-list-item-text-color)}.expansion-header mwc-ripple{border-radius:var(--cv-list-item-border-radius, 100px);overflow:hidden}.expansion-header-inner{padding:0 16px}.expansion-icon{margin-right:var(--cv-list-item-expansion-icon-margin, 0);font-size:var(--cv-list-item-expansion-icon-size, --mdc-icon-size);color:var(--cv-list-item-text-icon-on-background, var(--mdc-theme-text-icon-on-background))}.expansion-panel{display:block;width:100%;max-height:var(--cv-list-menu-height, 0);overflow:hidden;transition:max-height .2s cubic-bezier(.4,0,1,1);--mdc-list-side-padding: 72px}:host([open][hasChildren]:not([twoline])){height:inherit;display:flex;flex-direction:column;border-radius:0}:host([open][hasChildren]:not([twoline])) .expansion-panel{transition-timing-function:cubic-bezier(0,0,.2,1);max-height:var(--cv-list-menu-height, inherit)}
 `;
 var _ = Object.defineProperty, w = Object.getOwnPropertyDescriptor, d = (e, t, i, a) => {
   for (var r = a > 1 ? void 0 : a ? w(t, i) : t, c = e.length - 1, l; c >= 0; c--)
@@ -56,16 +56,13 @@ let o = class extends u {
     e.preventDefault(), e.stopImmediatePropagation(), this.fireRequestSelected(!1, "interaction"), this.activated = !1;
   }
   _updateMaxHeight(e = this.open) {
-    var i;
-    const t = (i = this.shadowRoot) == null ? void 0 : i.querySelector(".expansion-panel");
-    if (e) {
-      const a = t == null ? void 0 : t.scrollHeight;
-      this.style.setProperty("--cv-list-menu-height", `${a}px`);
-    } else
-      this.style.setProperty("--cv-list-menu-height", "0");
+    var a;
+    const t = (a = this.shadowRoot) == null ? void 0 : a.querySelector(".expansion-panel");
+    let i = "0";
+    e && (i = t != null && t.scrollHeight ? `${t.scrollHeight}px` : "inherit"), this.style.setProperty("--cv-list-menu-height", i);
   }
   renderExpansionItem() {
-    const e = this.renderText(), t = this.graphic ? this.renderGraphic() : v, i = this.renderMeta();
+    const e = this.renderText(), t = this.graphic ? this.renderGraphic() : g, i = this.renderMeta();
     return h`
       <div
         @mousedown=${this._toggleOpen}
@@ -127,7 +124,7 @@ d([
   p({ type: Boolean, reflect: !0 })
 ], o.prototype, "hasChildren", 2);
 o = d([
-  g("cv-nav-list-item")
+  v("cv-nav-list-item")
 ], o);
 const q = o;
 export {

package/notebook-cell.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./query-assigned-elements-f623705d.js"),s=require("./property-57f6f6fe.js"),v=require("./state-0974a8e5.js"),p=require("./class-map-0a4c6ca9.js"),b=require("./code-editor-b2ecbde1.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("./query-680f1868.js");require("./style-map-a135c6ab.js");require("./aria-property-849c8816.js");require("./event-options-3f5eb195.js");require("./if-defined-f1c45245.js");const g=`:host{--mdc-icon-button-size: 2rem;font-family:var(--mdc-typography-body1-font-family);width:100%}cv-code-snippet{background-color:var(--cv-theme-surface);border-radius:0;box-sizing:border-box}cv-code-snippet::part(code){font-size:var(--mdc-typography-body2-font-size);line-height:var(--mdc-typography-body2-line-height);padding:0;white-space:pre-wrap}cv-code-editor{margin-top:-1px}.selectionIndicator{background-color:var(--cv-theme-primary);border-radius:2px;height:100%;visibility:hidden}.selectionIndicatorWrapper{min-width:8px}.selectionIndicatorWrapper:hover .selectionIndicator{visibility:visible}.status{padding:0 1px;position:relative}.loading{top:2.5px}.timesExecuted{--cv-icon-button-cursor: grab;align-items:center;box-sizing:border-box;color:var(--cv-theme-on-surface-38);display:flex;font-family:var(--cv-typography-subtitle2-font-family);font-size:var(--cv-typography-subtitle2-font-size);height:56px;line-height:var(--cv-typography-headline6-line-height)}.timesExecuted .executionCount{padding-right:1rem;overflow:hidden;text-align:right;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap;width:50px}.timesExecuted cv-icon-button{color:var(--cv-theme-on-surface-variant);cursor:grab;padding:.5rem;visibility:hidden;transition:visibility .3s ease}.timesExecuted cv-icon-button:active{--cv-icon-button-cursor: grabbing}.timesExecutedWrapper{cursor:grab}.timesExecutedWrapper:active{cursor:grabbing}.timesExecutedWrapper:hover cv-icon-button{visibility:visible}.cell{box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;position:relative;transition:background-color .2s ease;-webkit-user-select:auto;user-select:auto}.cell.focused .selectionIndicator,.cell.selected .selectionIndicator{visibility:visible}.cell:hover{background-color:var(--cv-theme-secondary-4)}.cell:hover .selectionIndicator{visibility:visible;background-color:var(--cv-theme-on-secondary-container-38)}.cell:active{background-color:var(--cv-theme-secondary-12)}.cell:active .selectionIndicator{visibility:visible;background-color:var(--cv-theme-on-secondary-container-74)}.cellWrapper{display:flex;flex-direction:column;width:100%}.cellOutputWrapper{display:flex;flex-direction:column;max-width:calc(100% - 95px);flex:1}.contextMenu{overflow:auto;position:absolute;visibility:hidden;z-index:1000}.contextMenu.open{visibility:visible}.editorContainer{box-sizing:border-box;background-color:var(--cv-theme-surface);border:1px solid var(--cv-theme-outline-variant);border-radius:var(--cv-editor-border-radius, 4px);min-height:56px;overflow:hidden;padding:1rem}.errors,.output{max-width:100%;width:100%}
-`;var x=Object.defineProperty,m=Object.getOwnPropertyDescriptor,n=(a,e,t,i)=>{for(var o=i>1?void 0:i?m(e,t):e,l=a.length-1,c;l>=0;l--)(c=a[l])&&(o=(i?c(e,t,o):c(o))||o);return i&&o&&x(e,t,o),o};exports.CovalentNotebookCell=class extends r.s{constructor(){super(),this.code="",this.language="",this.loading=!1,this.selected=!1,this.timesExecuted=0,this.hideEditor=!1,this.hideCount=!1,this.editorTheme="",this._editorFocused=!1,this._isMenuOpen=!1,this._menuMaxHeight="auto",this._menuPosition={top:0,left:0},this.editorOptions={minimap:{enabled:!1},wordWrap:"on",fontSize:"14px",glyphMargin:!1,folding:!1,lineHeight:20,lineNumbers:"off",lineDecorationsWidth:0,lineNumbersMinChars:0,renderIndentGuides:!1,renderLineHighlight:"none",overviewRulerLanes:0,hideCursorInOverviewRuler:!0,scrollbar:{alwaysConsumeMouseWheel:!1,vertical:"hidden"}},this.closeContextMenu=this.closeContextMenu.bind(this),this.showContextMenu=this.showContextMenu.bind(this)}closeContextMenu(){this._isMenuOpen=!1}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.closeContextMenu)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.closeContextMenu)}handleCodeChange(e){this.code=e.detail.code}setEditorFocus(e,t){e.stopImmediatePropagation(),this._editorFocused=t,this.requestUpdate()}setEditorInstance(e){e.stopImmediatePropagation(),this._editor=e.detail.editor,this._editor.onKeyDown(t=>{t.shiftKey&&t.keyCode===b.KeyCode.Enter&&t.preventDefault()})}showContextMenu(e){var u;e.preventDefault();const t=document.querySelectorAll("cv-notebook-cell");t==null||t.forEach(h=>{h.closeContextMenu()});const i=(u=this.shadowRoot)==null?void 0:u.querySelector(".contextMenu"),o=i==null?void 0:i.offsetHeight,c=window.innerHeight-e.clientY,d=e.clientY;c>=o?(this._menuPosition={top:e.clientY,left:e.clientX},this._menuMaxHeight=`${c}px`):d>=o?(this._menuPosition={top:e.clientY-o,left:e.clientX},this._menuMaxHeight=`${o}px`):(this._menuPosition={top:e.clientY-d,left:e.clientX},this._menuMaxHeight=`${d}px`),this._isMenuOpen=!0}updated(e){var i,o;const t=(i=this.shadowRoot)==null?void 0:i.querySelector("cv-code-editor");if(e.has("code")||e.has("language"))if(t)t.code=this.code,t.language=this.language;else{const l=(o=this.shadowRoot)==null?void 0:o.querySelector("cv-code-snippet");l&&!this.selected&&l.highlight()}super.updated(e)}getEditorBgColor(){var i;const e=(i=this.shadowRoot)==null?void 0:i.querySelector(".editorContainer");return e?window.getComputedStyle(e).getPropertyValue("background-color"):""}renderEditor(){const e=this.selected?r.x`<cv-code-editor
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./query-assigned-elements-f623705d.js"),s=require("./property-57f6f6fe.js"),v=require("./state-0974a8e5.js"),h=require("./class-map-0a4c6ca9.js"),g=require("./code-editor-b2ecbde1.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("./query-680f1868.js");require("./style-map-a135c6ab.js");require("./aria-property-849c8816.js");require("./event-options-3f5eb195.js");require("./if-defined-f1c45245.js");const b=`:host{--mdc-icon-button-size: 2rem;font-family:var(--mdc-typography-body1-font-family);width:100%}cv-code-snippet{background-color:var(--cv-theme-surface);border-radius:0;box-sizing:border-box}cv-code-snippet::part(code){font-size:var(--mdc-typography-body2-font-size);line-height:var(--mdc-typography-body2-line-height);padding:0;white-space:pre-wrap}cv-code-editor{margin-top:-1px}.selectionIndicator{background-color:var(--cv-theme-primary);border-radius:2px;height:100%;visibility:hidden}.selectionIndicatorWrapper{min-width:8px}.selectionIndicatorWrapper:hover .selectionIndicator{visibility:visible}.status{padding:0 1px;position:relative}.loading{top:2.5px}.timesExecuted{--cv-icon-button-cursor: grab;align-items:center;box-sizing:border-box;color:var(--cv-theme-on-surface-38);display:flex;font-family:var(--cv-typography-subtitle2-font-family);font-size:var(--cv-typography-subtitle2-font-size);height:56px;line-height:var(--cv-typography-headline6-line-height)}.timesExecuted .executionCount{padding-right:1rem;overflow:hidden;text-align:right;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap;width:50px}.timesExecuted .dragHandle{color:var(--cv-theme-on-surface-variant);cursor:grab;visibility:hidden;transition:visibility .3s ease}.timesExecuted .dragHandle:active{--cv-icon-button-cursor: grabbing}.timesExecutedWrapper{cursor:grab}.timesExecutedWrapper:active{cursor:grabbing}.timesExecutedWrapper:hover .dragHandle{visibility:visible}.cell{box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;position:relative;transition:background-color .2s ease;-webkit-user-select:auto;user-select:auto}.cell.focused .selectionIndicator,.cell.selected .selectionIndicator{visibility:visible}.cell:hover{background-color:var(--cv-theme-secondary-4)}.cell:hover .selectionIndicator{visibility:visible;background-color:var(--cv-theme-on-secondary-container-38)}.cell:active{background-color:var(--cv-theme-secondary-12)}.cell:active .selectionIndicator{visibility:visible;background-color:var(--cv-theme-on-secondary-container-74)}.cellWrapper{display:flex;flex-direction:column;width:100%}.cellOutputWrapper{display:flex;flex-direction:column;max-width:calc(100% - 95px);flex:1}.contextMenu{overflow:auto;position:absolute;visibility:hidden;z-index:1000}.contextMenu.open{visibility:visible}.editorContainer{box-sizing:border-box;background-color:var(--cv-theme-surface);border:1px solid var(--cv-theme-outline-variant);border-radius:var(--cv-editor-border-radius, 4px);min-height:56px;overflow:hidden;padding:1rem}.errors,.output{max-width:100%;width:100%}
+`;var x=Object.defineProperty,m=Object.getOwnPropertyDescriptor,n=(c,e,t,i)=>{for(var o=i>1?void 0:i?m(e,t):e,l=c.length-1,a;l>=0;l--)(a=c[l])&&(o=(i?a(e,t,o):a(o))||o);return i&&o&&x(e,t,o),o};exports.CovalentNotebookCell=class extends r.s{constructor(){super(),this.code="",this.language="",this.loading=!1,this.selected=!1,this.timesExecuted=0,this.hideEditor=!1,this.hideCount=!1,this.editorTheme="",this._editorFocused=!1,this._isMenuOpen=!1,this._menuMaxHeight="auto",this._menuPosition={top:0,left:0},this.editorOptions={minimap:{enabled:!1},wordWrap:"on",fontSize:"14px",glyphMargin:!1,folding:!1,lineHeight:20,lineNumbers:"off",lineDecorationsWidth:0,lineNumbersMinChars:0,renderIndentGuides:!1,renderLineHighlight:"none",overviewRulerLanes:0,hideCursorInOverviewRuler:!0,scrollbar:{alwaysConsumeMouseWheel:!1,vertical:"hidden"}},this.closeContextMenu=this.closeContextMenu.bind(this),this.showContextMenu=this.showContextMenu.bind(this)}closeContextMenu(){this._isMenuOpen=!1}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.closeContextMenu)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("click",this.closeContextMenu)}handleCodeChange(e){this.code=e.detail.code}setEditorFocus(e,t){e.stopImmediatePropagation(),this._editorFocused=t,this.requestUpdate()}setEditorInstance(e){e.stopImmediatePropagation(),this._editor=e.detail.editor,this._editor.onKeyDown(t=>{t.shiftKey&&t.keyCode===g.KeyCode.Enter&&t.preventDefault()})}showContextMenu(e){var u;e.preventDefault();const t=document.querySelectorAll("cv-notebook-cell");t==null||t.forEach(p=>{p.closeContextMenu()});const i=(u=this.shadowRoot)==null?void 0:u.querySelector(".contextMenu"),o=i==null?void 0:i.offsetHeight,a=window.innerHeight-e.clientY,d=e.clientY;a>=o?(this._menuPosition={top:e.clientY,left:e.clientX},this._menuMaxHeight=`${a}px`):d>=o?(this._menuPosition={top:e.clientY-o,left:e.clientX},this._menuMaxHeight=`${o}px`):(this._menuPosition={top:e.clientY-d,left:e.clientX},this._menuMaxHeight=`${d}px`),this._isMenuOpen=!0}updated(e){var i,o;const t=(i=this.shadowRoot)==null?void 0:i.querySelector("cv-code-editor");if(e.has("code")||e.has("language"))if(t)t.code=this.code,t.language=this.language;else{const l=(o=this.shadowRoot)==null?void 0:o.querySelector("cv-code-snippet");l&&!this.selected&&l.highlight()}super.updated(e)}getEditorBgColor(){var i;const e=(i=this.shadowRoot)==null?void 0:i.querySelector(".editorContainer");return e?window.getComputedStyle(e).getPropertyValue("background-color"):""}renderEditor(){const e=this.selected?r.x`<cv-code-editor
           @code-change="${this.handleCodeChange}"
           @editor-ready="${this.setEditorInstance}"
           @editor-focus="${t=>this.setEditorFocus(t,!0)}"
@@ -14,17 +14,17 @@
       <div class="output">
         <slot name="output"></slot>
         <slot name="input"></slot>
-      </div>`;return r.x`${e}`}renderExecutionCount(){if(this.hideCount)return r.x`&nbsp;`;const e={status:!0,loading:this.loading};return r.x`[<span class="${p.o(e)}"
+      </div>`;return r.x`${e}`}renderExecutionCount(){if(this.hideCount)return r.x`&nbsp;`;const e={status:!0,loading:this.loading};return r.x`[<span class="${h.o(e)}"
         >${this.loading?"*":this.timesExecuted||" "}</span
       >] :`}render(){const e={cell:!0,selected:this.selected,focused:this._editorFocused};return r.x`
-      <div class="${p.o(e)}" @contextmenu=${this.showContextMenu}>
+      <div class="${h.o(e)}" @contextmenu=${this.showContextMenu}>
         <div class="selectionIndicatorWrapper">
           <div class="selectionIndicator"></div>
         </div>
 
         <div class="timesExecutedWrapper">
           <div class="timesExecuted">
-            <cv-icon-button icon="drag_indicator"></cv-icon-button>
+            <slot class="dragHandle" name="drag-handle"></slot>
             <div class="executionCount">${this.renderExecutionCount()}</div>
           </div>
         </div>
@@ -40,5 +40,5 @@
         <slot name="context-menu"></slot>
       </div>
     `}};exports.CovalentNotebookCell.styles=[r.i`
-      ${r.r(g)}
+      ${r.r(b)}
     `];n([s.n({type:Number})],exports.CovalentNotebookCell.prototype,"index",2);n([s.n({type:String})],exports.CovalentNotebookCell.prototype,"code",2);n([s.n({type:String})],exports.CovalentNotebookCell.prototype,"language",2);n([s.n({type:Boolean,reflect:!0})],exports.CovalentNotebookCell.prototype,"loading",2);n([s.n({type:Boolean,reflect:!0})],exports.CovalentNotebookCell.prototype,"selected",2);n([s.n({type:Number})],exports.CovalentNotebookCell.prototype,"timesExecuted",2);n([s.n({type:Boolean,reflect:!0})],exports.CovalentNotebookCell.prototype,"hideEditor",2);n([s.n({type:Boolean,reflect:!0})],exports.CovalentNotebookCell.prototype,"hideCount",2);n([s.n({type:String})],exports.CovalentNotebookCell.prototype,"editorTheme",2);n([v.t()],exports.CovalentNotebookCell.prototype,"_isMenuOpen",2);exports.CovalentNotebookCell=n([r.e("cv-notebook-cell")],exports.CovalentNotebookCell);const y=exports.CovalentNotebookCell;exports.default=y;

package/notebook-cell.mjs

@@ -1,6 +1,6 @@
-import { i as v, r as m, s as g, x as c, e as b } from "./query-assigned-elements-4a39219d.mjs";
-import { n as d } from "./property-9b6ea53b.mjs";
-import { t as f } from "./state-b5e865db.mjs";
+import { i as v, r as m, s as g, x as c, e as f } from "./query-assigned-elements-4a39219d.mjs";
+import { n as l } from "./property-9b6ea53b.mjs";
+import { t as b } from "./state-b5e865db.mjs";
 import { o as u } from "./class-map-6e504a9a.mjs";
 import { K as x } from "./code-editor-74bd33c8.mjs";
 import "./code-snippet.mjs";
@@ -20,12 +20,12 @@ import "./style-map-e7ec6d41.mjs";
 import "./aria-property-fa2717fe.mjs";
 import "./event-options-78d6cf94.mjs";
 import "./if-defined-c367f208.mjs";
-const y = `:host{--mdc-icon-button-size: 2rem;font-family:var(--mdc-typography-body1-font-family);width:100%}cv-code-snippet{background-color:var(--cv-theme-surface);border-radius:0;box-sizing:border-box}cv-code-snippet::part(code){font-size:var(--mdc-typography-body2-font-size);line-height:var(--mdc-typography-body2-line-height);padding:0;white-space:pre-wrap}cv-code-editor{margin-top:-1px}.selectionIndicator{background-color:var(--cv-theme-primary);border-radius:2px;height:100%;visibility:hidden}.selectionIndicatorWrapper{min-width:8px}.selectionIndicatorWrapper:hover .selectionIndicator{visibility:visible}.status{padding:0 1px;position:relative}.loading{top:2.5px}.timesExecuted{--cv-icon-button-cursor: grab;align-items:center;box-sizing:border-box;color:var(--cv-theme-on-surface-38);display:flex;font-family:var(--cv-typography-subtitle2-font-family);font-size:var(--cv-typography-subtitle2-font-size);height:56px;line-height:var(--cv-typography-headline6-line-height)}.timesExecuted .executionCount{padding-right:1rem;overflow:hidden;text-align:right;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap;width:50px}.timesExecuted cv-icon-button{color:var(--cv-theme-on-surface-variant);cursor:grab;padding:.5rem;visibility:hidden;transition:visibility .3s ease}.timesExecuted cv-icon-button:active{--cv-icon-button-cursor: grabbing}.timesExecutedWrapper{cursor:grab}.timesExecutedWrapper:active{cursor:grabbing}.timesExecutedWrapper:hover cv-icon-button{visibility:visible}.cell{box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;position:relative;transition:background-color .2s ease;-webkit-user-select:auto;user-select:auto}.cell.focused .selectionIndicator,.cell.selected .selectionIndicator{visibility:visible}.cell:hover{background-color:var(--cv-theme-secondary-4)}.cell:hover .selectionIndicator{visibility:visible;background-color:var(--cv-theme-on-secondary-container-38)}.cell:active{background-color:var(--cv-theme-secondary-12)}.cell:active .selectionIndicator{visibility:visible;background-color:var(--cv-theme-on-secondary-container-74)}.cellWrapper{display:flex;flex-direction:column;width:100%}.cellOutputWrapper{display:flex;flex-direction:column;max-width:calc(100% - 95px);flex:1}.contextMenu{overflow:auto;position:absolute;visibility:hidden;z-index:1000}.contextMenu.open{visibility:visible}.editorContainer{box-sizing:border-box;background-color:var(--cv-theme-surface);border:1px solid var(--cv-theme-outline-variant);border-radius:var(--cv-editor-border-radius, 4px);min-height:56px;overflow:hidden;padding:1rem}.errors,.output{max-width:100%;width:100%}
+const y = `:host{--mdc-icon-button-size: 2rem;font-family:var(--mdc-typography-body1-font-family);width:100%}cv-code-snippet{background-color:var(--cv-theme-surface);border-radius:0;box-sizing:border-box}cv-code-snippet::part(code){font-size:var(--mdc-typography-body2-font-size);line-height:var(--mdc-typography-body2-line-height);padding:0;white-space:pre-wrap}cv-code-editor{margin-top:-1px}.selectionIndicator{background-color:var(--cv-theme-primary);border-radius:2px;height:100%;visibility:hidden}.selectionIndicatorWrapper{min-width:8px}.selectionIndicatorWrapper:hover .selectionIndicator{visibility:visible}.status{padding:0 1px;position:relative}.loading{top:2.5px}.timesExecuted{--cv-icon-button-cursor: grab;align-items:center;box-sizing:border-box;color:var(--cv-theme-on-surface-38);display:flex;font-family:var(--cv-typography-subtitle2-font-family);font-size:var(--cv-typography-subtitle2-font-size);height:56px;line-height:var(--cv-typography-headline6-line-height)}.timesExecuted .executionCount{padding-right:1rem;overflow:hidden;text-align:right;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;white-space:nowrap;width:50px}.timesExecuted .dragHandle{color:var(--cv-theme-on-surface-variant);cursor:grab;visibility:hidden;transition:visibility .3s ease}.timesExecuted .dragHandle:active{--cv-icon-button-cursor: grabbing}.timesExecutedWrapper{cursor:grab}.timesExecutedWrapper:active{cursor:grabbing}.timesExecutedWrapper:hover .dragHandle{visibility:visible}.cell{box-sizing:border-box;cursor:pointer;display:flex;justify-content:space-between;position:relative;transition:background-color .2s ease;-webkit-user-select:auto;user-select:auto}.cell.focused .selectionIndicator,.cell.selected .selectionIndicator{visibility:visible}.cell:hover{background-color:var(--cv-theme-secondary-4)}.cell:hover .selectionIndicator{visibility:visible;background-color:var(--cv-theme-on-secondary-container-38)}.cell:active{background-color:var(--cv-theme-secondary-12)}.cell:active .selectionIndicator{visibility:visible;background-color:var(--cv-theme-on-secondary-container-74)}.cellWrapper{display:flex;flex-direction:column;width:100%}.cellOutputWrapper{display:flex;flex-direction:column;max-width:calc(100% - 95px);flex:1}.contextMenu{overflow:auto;position:absolute;visibility:hidden;z-index:1000}.contextMenu.open{visibility:visible}.editorContainer{box-sizing:border-box;background-color:var(--cv-theme-surface);border:1px solid var(--cv-theme-outline-variant);border-radius:var(--cv-editor-border-radius, 4px);min-height:56px;overflow:hidden;padding:1rem}.errors,.output{max-width:100%;width:100%}
 `;
-var C = Object.defineProperty, w = Object.getOwnPropertyDescriptor, s = (e, t, o, r) => {
-  for (var n = r > 1 ? void 0 : r ? w(t, o) : t, a = e.length - 1, l; a >= 0; a--)
-    (l = e[a]) && (n = (r ? l(t, o, n) : l(n)) || n);
-  return r && n && C(t, o, n), n;
+var C = Object.defineProperty, w = Object.getOwnPropertyDescriptor, n = (e, t, o, r) => {
+  for (var s = r > 1 ? void 0 : r ? w(t, o) : t, d = e.length - 1, a; d >= 0; d--)
+    (a = e[d]) && (s = (r ? a(t, o, s) : a(s)) || s);
+  return r && s && C(t, o, s), s;
 };
 let i = class extends g {
   constructor() {
@@ -80,8 +80,8 @@ let i = class extends g {
     });
     const o = (p = this.shadowRoot) == null ? void 0 : p.querySelector(
       ".contextMenu"
-    ), r = o == null ? void 0 : o.offsetHeight, a = window.innerHeight - e.clientY, l = e.clientY;
-    a >= r ? (this._menuPosition = { top: e.clientY, left: e.clientX }, this._menuMaxHeight = `${a}px`) : l >= r ? (this._menuPosition = { top: e.clientY - r, left: e.clientX }, this._menuMaxHeight = `${r}px`) : (this._menuPosition = { top: e.clientY - l, left: e.clientX }, this._menuMaxHeight = `${l}px`), this._isMenuOpen = !0;
+    ), r = o == null ? void 0 : o.offsetHeight, d = window.innerHeight - e.clientY, a = e.clientY;
+    d >= r ? (this._menuPosition = { top: e.clientY, left: e.clientX }, this._menuMaxHeight = `${d}px`) : a >= r ? (this._menuPosition = { top: e.clientY - r, left: e.clientX }, this._menuMaxHeight = `${r}px`) : (this._menuPosition = { top: e.clientY - a, left: e.clientX }, this._menuMaxHeight = `${a}px`), this._isMenuOpen = !0;
   }
   updated(e) {
     var o, r;
@@ -90,8 +90,8 @@ let i = class extends g {
       if (t)
         t.code = this.code, t.language = this.language;
       else {
-        const n = (r = this.shadowRoot) == null ? void 0 : r.querySelector("cv-code-snippet");
-        n && !this.selected && n.highlight();
+        const s = (r = this.shadowRoot) == null ? void 0 : r.querySelector("cv-code-snippet");
+        s && !this.selected && s.highlight();
       }
     super.updated(e);
   }
@@ -148,7 +148,7 @@ let i = class extends g {
 
         <div class="timesExecutedWrapper">
           <div class="timesExecuted">
-            <cv-icon-button icon="drag_indicator"></cv-icon-button>
+            <slot class="dragHandle" name="drag-handle"></slot>
             <div class="executionCount">${this.renderExecutionCount()}</div>
           </div>
         </div>
@@ -171,38 +171,38 @@ i.styles = [
       ${m(y)}
     `
 ];
-s([
-  d({ type: Number })
+n([
+  l({ type: Number })
 ], i.prototype, "index", 2);
-s([
-  d({ type: String })
+n([
+  l({ type: String })
 ], i.prototype, "code", 2);
-s([
-  d({ type: String })
+n([
+  l({ type: String })
 ], i.prototype, "language", 2);
-s([
-  d({ type: Boolean, reflect: !0 })
+n([
+  l({ type: Boolean, reflect: !0 })
 ], i.prototype, "loading", 2);
-s([
-  d({ type: Boolean, reflect: !0 })
+n([
+  l({ type: Boolean, reflect: !0 })
 ], i.prototype, "selected", 2);
-s([
-  d({ type: Number })
+n([
+  l({ type: Number })
 ], i.prototype, "timesExecuted", 2);
-s([
-  d({ type: Boolean, reflect: !0 })
+n([
+  l({ type: Boolean, reflect: !0 })
 ], i.prototype, "hideEditor", 2);
-s([
-  d({ type: Boolean, reflect: !0 })
+n([
+  l({ type: Boolean, reflect: !0 })
 ], i.prototype, "hideCount", 2);
-s([
-  d({ type: String })
+n([
+  l({ type: String })
 ], i.prototype, "editorTheme", 2);
-s([
-  f()
+n([
+  b()
 ], i.prototype, "_isMenuOpen", 2);
-i = s([
-  b("cv-notebook-cell")
+i = n([
+  f("cv-notebook-cell")
 ], i);
 const T = i;
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@covalent/components",
-  "version": "8.20.2",
+  "version": "8.20.4",
   "description": "a catalog of material components for covalent",
   "main": "./index.js",
   "module": "./index.mjs",