@modusoperandi/licit 1.0.4 → 1.0.7

package/ui/TableNodeView.js

@@ -1,25 +1,25 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
+function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
-function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
+function _get() { return _get = "undefined" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = _superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, _get.apply(null, arguments); }
+function _superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = _getPrototypeOf(t));); return t; }
+function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
+function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
+function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
 import { Node } from 'prosemirror-model';
 import { EditorView } from 'prosemirror-view';
 import { TableView } from 'prosemirror-tables';
 
 // A custom table view that renders the margin-left style.
 var TableNodeView = /*#__PURE__*/function (_TableView) {
-  _inherits(TableNodeView, _TableView);
   function TableNodeView(node, colMinWidth, view) {
     var _this;
     _classCallCheck(this, TableNodeView);
@@ -27,10 +27,11 @@ var TableNodeView = /*#__PURE__*/function (_TableView) {
     _this._updateMargin(node);
     return _this;
   }
-  _createClass(TableNodeView, [{
+  _inherits(TableNodeView, _TableView);
+  return _createClass(TableNodeView, [{
     key: "update",
     value: function update(node) {
-      var updated = _get(_getPrototypeOf(TableNodeView.prototype), "update", this).call(this, node);
+      var updated = _superPropGet(TableNodeView, "update", this, 3)([node]);
       if (updated) {
         this._updateMargin(node);
       }
@@ -39,13 +40,13 @@ var TableNodeView = /*#__PURE__*/function (_TableView) {
   }, {
     key: "_updateMargin",
     value: function _updateMargin(node) {
-      var marginLeft = node.attrs && node.attrs.marginLeft || 0;
+      var _node$attrs, _node$attrs2;
+      var marginLeft = ((_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.marginLeft) || 0;
       this.table.style.marginLeft = marginLeft ? "".concat(marginLeft, "px") : '';
-      if (node.attrs && node.attrs.vignette) {
+      if ((_node$attrs2 = node.attrs) !== null && _node$attrs2 !== void 0 && _node$attrs2.vignette) {
         this.table.style.border = 'none';
       }
     }
   }]);
-  return TableNodeView;
 }(TableView);
 export { TableNodeView as default };

package/ui/TableNodeView.js.flow

@@ -1,25 +1,25 @@
-import { Node } from 'prosemirror-model';
-import { EditorView } from 'prosemirror-view';
-import { TableView } from 'prosemirror-tables';
-
-// A custom table view that renders the margin-left style.
-export default class TableNodeView extends TableView {
-  constructor(node: Node, colMinWidth: number, view: EditorView) {
-    super(node, colMinWidth, view);
-    this._updateMargin(node);
-  }
-  update(node: Node): boolean {
-    const updated = super.update(node);
-    if (updated) {
-      this._updateMargin(node);
-    }
-    return updated;
-  }
-  _updateMargin(node: Node): void {
-    const marginLeft = (node.attrs && node.attrs.marginLeft) || 0;
-    this.table.style.marginLeft = marginLeft ? `${marginLeft}px` : '';
-     if(node.attrs && node.attrs.vignette){
-      this.table.style.border='none' ;
-    }
-  }
-}
+import { Node } from 'prosemirror-model';
+import { EditorView } from 'prosemirror-view';
+import { TableView } from 'prosemirror-tables';
+
+// A custom table view that renders the margin-left style.
+export default class TableNodeView extends TableView {
+  constructor(node: Node, colMinWidth: number, view: EditorView) {
+    super(node, colMinWidth, view);
+    this._updateMargin(node);
+  }
+  update(node: Node): boolean {
+    const updated = super.update(node);
+    if (updated) {
+      this._updateMargin(node);
+    }
+    return updated;
+  }
+  _updateMargin(node: Node): void {
+    const marginLeft = node.attrs?.marginLeft || 0;
+    this.table.style.marginLeft = marginLeft ? `${marginLeft}px` : '';
+    if (node.attrs?.vignette) {
+      this.table.style.border = 'none';
+    }
+  }
+}

package/ui/bindScrollHandler.js

@@ -22,8 +22,9 @@ export default function bindScrollHandler(target, callback) {
   return {
     dispose: function dispose() {
       while (onScroll && els.length) {
+        var _el;
         el = els.pop();
-        el && el.removeEventListener('scroll', onScroll, false);
+        (_el = el) === null || _el === void 0 || _el.removeEventListener('scroll', onScroll, false);
       }
       onScroll = null;
       rid && window.cancelAnimationFrame(rid);

package/ui/bindScrollHandler.js.flow

@@ -1,46 +1,46 @@
-// @flow
-
-type ScrollHandle = {
-  dispose: () => void,
-};
-
-export default function bindScrollHandler(
-  target: Element,
-  callback: Function
-): ScrollHandle {
-  const defaultView = target.ownerDocument.defaultView;
-  const els = [];
-
-  let rid = 0;
-
-  let onScroll = () => {
-    // Debounce the scroll handler.
-    rid && cancelAnimationFrame(rid);
-    rid = requestAnimationFrame(callback);
-  };
-
-  let el: any = target;
-
-  // Scroll event does not bubble, so we need to look up all the scrollable
-  // elements.
-  while (el) {
-    const overflow = defaultView.getComputedStyle(el).overflow;
-    if ((onScroll && overflow === 'auto') || overflow === 'scroll') {
-      el.addEventListener('scroll', onScroll, false);
-      els.push(el);
-    }
-    el = el.parentElement;
-  }
-
-  return {
-    dispose() {
-      while (onScroll && els.length) {
-        el = els.pop();
-        el && el.removeEventListener('scroll', onScroll, false);
-      }
-      onScroll = null;
-      rid && window.cancelAnimationFrame(rid);
-      rid = 0;
-    },
-  };
-}
+// @flow
+
+type ScrollHandle = {
+  dispose: () => void,
+};
+
+export default function bindScrollHandler(
+  target: Element,
+  callback: Function
+): ScrollHandle {
+  const defaultView = target.ownerDocument.defaultView;
+  const els = [];
+
+  let rid = 0;
+
+  let onScroll = () => {
+    // Debounce the scroll handler.
+    rid && cancelAnimationFrame(rid);
+    rid = requestAnimationFrame(callback);
+  };
+
+  let el: any = target;
+
+  // Scroll event does not bubble, so we need to look up all the scrollable
+  // elements.
+  while (el) {
+    const overflow = defaultView.getComputedStyle(el).overflow;
+    if ((onScroll && overflow === 'auto') || overflow === 'scroll') {
+      el.addEventListener('scroll', onScroll, false);
+      els.push(el);
+    }
+    el = el.parentElement;
+  }
+
+  return {
+    dispose() {
+      while (onScroll && els.length) {
+        el = els.pop();
+        el?.removeEventListener('scroll', onScroll, false);
+      }
+      onScroll = null;
+      rid && window.cancelAnimationFrame(rid);
+      rid = 0;
+    },
+  };
+}

package/ui/canUseCSSFont.js

@@ -1,10 +1,11 @@
 var cached = {};
 export default function canUseCSSFont(fontName) {
+  var _doc$fonts, _doc$fonts2, _doc$fonts3, _doc$fonts4;
   var doc = document;
   if (cached.hasOwnProperty(fontName)) {
     return Promise.resolve(cached[fontName]);
   }
-  if (!doc.fonts || !doc.fonts.check || !doc.fonts.ready || !doc.fonts.status || !doc.fonts.values) {
+  if (!((_doc$fonts = doc.fonts) !== null && _doc$fonts !== void 0 && _doc$fonts.check) || !((_doc$fonts2 = doc.fonts) !== null && _doc$fonts2 !== void 0 && _doc$fonts2.ready) || !((_doc$fonts3 = doc.fonts) !== null && _doc$fonts3 !== void 0 && _doc$fonts3.status) || !((_doc$fonts4 = doc.fonts) !== null && _doc$fonts4 !== void 0 && _doc$fonts4.values)) {
     // Feature is not supported, install the CSS anyway
     // https://developer.mozilla.org/en-US/docs/Web/API/FontFaceSet/check#Browser_compatibility
     // TODO: Polyfill this.
@@ -14,9 +15,9 @@ export default function canUseCSSFont(fontName) {
   return new Promise(function (resolve) {
     // https://stackoverflow.com/questions/5680013/how-to-be-notified-once-a-web-font-has-loaded
     // All fonts in use by visible text have loaded.
-    var check = function check() {
+    var _check = function check() {
       if (doc.fonts.status !== 'loaded') {
-        setTimeout(check, 350);
+        setTimeout(_check, 350);
         return;
       }
       // Do not use `doc.fonts.check()` because it may return falsey result.
@@ -28,6 +29,6 @@ export default function canUseCSSFont(fontName) {
       cached[fontName] = result;
       resolve(result);
     };
-    doc.fonts.ready.then(check);
+    doc.fonts.ready.then(_check);
   });
 }

package/ui/canUseCSSFont.js.flow

@@ -1,43 +1,42 @@
-// @flow
-
-const cached = {};
-
-export default function canUseCSSFont(fontName: string): Promise<boolean> {
-  const doc: any = document;
-
-  if (cached.hasOwnProperty(fontName)) {
-    return Promise.resolve(cached[fontName]);
-  }
-
-  if (
-    !doc.fonts ||
-    !doc.fonts.check ||
-    !doc.fonts.ready ||
-    !doc.fonts.status ||
-    !doc.fonts.values
-  ) {
-    // Feature is not supported, install the CSS anyway
-    // https://developer.mozilla.org/en-US/docs/Web/API/FontFaceSet/check#Browser_compatibility
-    // TODO: Polyfill this.
-    console.log('FontFaceSet is not supported');
-    return Promise.resolve(false);
-  }
-
-  return new Promise((resolve) => {
-    // https://stackoverflow.com/questions/5680013/how-to-be-notified-once-a-web-font-has-loaded
-    // All fonts in use by visible text have loaded.
-    const check = () => {
-      if (doc.fonts.status !== 'loaded') {
-        setTimeout(check, 350);
-        return;
-      }
-      // Do not use `doc.fonts.check()` because it may return falsey result.
-      const fontFaces = Array.from(doc.fonts.values());
-      const matched = fontFaces.find((ff) => ff.family === fontName);
-      const result = !!matched;
-      cached[fontName] = result;
-      resolve(result);
-    };
-    doc.fonts.ready.then(check);
-  });
-}
+// @flow
+
+const cached = {};
+
+export default function canUseCSSFont(fontName: string): Promise<boolean> {
+  const doc: any = document;
+
+  if (cached.hasOwnProperty(fontName)) {
+    return Promise.resolve(cached[fontName]);
+  }
+
+  if (
+    !doc.fonts?.check ||
+    !doc.fonts?.ready ||
+    !doc.fonts?.status ||
+    !doc.fonts?.values
+  ) {
+    // Feature is not supported, install the CSS anyway
+    // https://developer.mozilla.org/en-US/docs/Web/API/FontFaceSet/check#Browser_compatibility
+    // TODO: Polyfill this.
+    console.log('FontFaceSet is not supported');
+    return Promise.resolve(false);
+  }
+
+  return new Promise((resolve) => {
+    // https://stackoverflow.com/questions/5680013/how-to-be-notified-once-a-web-font-has-loaded
+    // All fonts in use by visible text have loaded.
+    const check = () => {
+      if (doc.fonts.status !== 'loaded') {
+        setTimeout(check, 350);
+        return;
+      }
+      // Do not use `doc.fonts.check()` because it may return falsey result.
+      const fontFaces = Array.from(doc.fonts.values());
+      const matched = fontFaces.find((ff) => ff.family === fontName);
+      const result = !!matched;
+      cached[fontName] = result;
+      resolve(result);
+    };
+    doc.fonts.ready.then(check);
+  });
+}

package/ui/czi-body-layout-editor.css

@@ -1,16 +1,16 @@
-@import './czi-vars.css';
-
-.czi-body-layout-editor {
-  background: #fff;
-  box-shadow: var(--czi-overlay-shadow);
-  font-family: var(--czi-font-family);
-  font-size: var(--czi-font-size);
-  padding-bottom: 4px;
-  padding-left: 10px;
-  padding-right: 10px;
-  padding-top: 4px;
-}
-
-.czi-body-layout-editor .czi-form {
-  width: 300px;
-}
+@import './czi-vars.css';
+
+.czi-body-layout-editor {
+  background: #fff;
+  box-shadow: var(--czi-overlay-shadow);
+  font-family: var(--czi-font-family);
+  font-size: var(--czi-font-size);
+  padding-bottom: 4px;
+  padding-left: 10px;
+  padding-right: 10px;
+  padding-top: 4px;
+}
+
+.czi-body-layout-editor .czi-form {
+  width: 300px;
+}

package/ui/czi-bookmark-view.css

@@ -1,10 +1,10 @@
-.czi-bookmark-view {
-  color: #5e8adb;
-  display: inline-block;
-  margin-bottom: 0;
-  margin-left: 4px;
-  margin-right: 4px;
-  margin-top: 0;
-  vertical-align: middle;
-  width: 20px;
-}
+.czi-bookmark-view {
+  color: #5e8adb;
+  display: inline-block;
+  margin-bottom: 0;
+  margin-left: 4px;
+  margin-right: 4px;
+  margin-top: 0;
+  vertical-align: middle;
+  width: 20px;
+}

package/ui/czi-cursor-placeholder.css

@@ -1,36 +1,36 @@
-@import 'czi-vars.css';
-
-.czi-cursor-placeholder {
-  display: inline-block;
-  position: relative;
-  vertical-align: text-bottom;
-}
-
-.czi-cursor-placeholder::after {
-  -webkit-animation-direction: alternate;
-  animation-direction: alternate;
-  -webkit-animation-duration: 0.5s;
-  animation-duration: 0.5s;
-  -webkit-animation-iteration-count: infinite;
-  animation-iteration-count: infinite;
-  -webkit-animation-name: czi_cursor_blink;
-  animation-name: czi_cursor_blink;
-  -webkit-animation-timing-function: ease-in-out;
-  animation-timing-function: ease-in-out;
-  background-color: var(--czi-selection-highlight-color-dark);
-  bottom: 0;
-  content: '';
-  height: 1.2em;
-  left: -1px;
-  position: absolute;
-  width: 3px;
-}
-
-@-webkit-keyframes czi_cursor_blink {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
+@import 'czi-vars.css';
+
+.czi-cursor-placeholder {
+  display: inline-block;
+  position: relative;
+  vertical-align: text-bottom;
+}
+
+.czi-cursor-placeholder::after {
+  -webkit-animation-direction: alternate;
+  animation-direction: alternate;
+  -webkit-animation-duration: 0.5s;
+  animation-duration: 0.5s;
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+  -webkit-animation-name: czi_cursor_blink;
+  animation-name: czi_cursor_blink;
+  -webkit-animation-timing-function: ease-in-out;
+  animation-timing-function: ease-in-out;
+  background-color: var(--czi-selection-highlight-color-dark);
+  bottom: 0;
+  content: '';
+  height: 1.2em;
+  left: -1px;
+  position: absolute;
+  width: 3px;
+}
+
+@-webkit-keyframes czi_cursor_blink {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}

package/ui/czi-custom-menu-button.css

@@ -1,18 +1,18 @@
-.czi-custom-menu-button.expanded.expanded.expanded {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-  border-color: transparent;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
-}
-
-.czi-custom-menu-button.width-100 {
-  width: 100px;
-}
-
-.czi-custom-menu-button.width-30 {
-  width: 30px;
-}
-
-.czi-custom-menu-button.width-60 {
-  width: 60px;
-}
+.czi-custom-menu-button.expanded.expanded.expanded {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  border-color: transparent;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
+}
+
+.czi-custom-menu-button.width-100 {
+  width: 100px;
+}
+
+.czi-custom-menu-button.width-30 {
+  width: 30px;
+}
+
+.czi-custom-menu-button.width-60 {
+  width: 60px;
+}

package/ui/czi-custom-menu-item.css

@@ -1,30 +1,30 @@
-.czi-custom-menu-item.czi-custom-button {
-  border: none;
-  border-radius: 0;
-  display: block;
-  margin: 0;
-  padding-bottom: 8px;
-  padding-left: 20px;
-  padding-right: 20px;
-  padding-top: 8px;
-}
-
-.czi-custom-menu-item.czi-custom-button:hover {
-  background-color: var(--czi-button-hover-background-color);
-}
-
-/* [FS] IRAD-1044 2020-09-22
-To adjust the width of the custom style menu dropdown. */
-
-.custom-style-menu-item {
-  width: 250px;
-}
-
-.czi-custom-menu-item-separator {
-  background-color: var(--czi-button-hover-background-color);
-  height: 1px;
-  margin-bottom: 8px;
-  margin-left: 0;
-  margin-right: 0;
-  margin-top: 8px;
-}
+.czi-custom-menu-item.czi-custom-button {
+  border: none;
+  border-radius: 0;
+  display: block;
+  margin: 0;
+  padding-bottom: 8px;
+  padding-left: 20px;
+  padding-right: 20px;
+  padding-top: 8px;
+}
+
+.czi-custom-menu-item.czi-custom-button:hover {
+  background-color: var(--czi-button-hover-background-color);
+}
+
+/* [FS] IRAD-1044 2020-09-22
+To adjust the width of the custom style menu dropdown. */
+
+.custom-style-menu-item {
+  width: 250px;
+}
+
+.czi-custom-menu-item-separator {
+  background-color: var(--czi-button-hover-background-color);
+  height: 1px;
+  margin-bottom: 8px;
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 8px;
+}

package/ui/czi-custom-menu.css

@@ -1,8 +1,8 @@
-.czi-custom-menu {
-  background: #fff;
-  box-shadow: var(--czi-overlay-shadow);
-  font-family: var(--czi-font-family);
-  font-size: var(--czi-font-size);
-  max-height: 98vh;
-  overflow: auto;
-}
+.czi-custom-menu {
+  background: #fff;
+  box-shadow: var(--czi-overlay-shadow);
+  font-family: var(--czi-font-family);
+  font-size: var(--czi-font-size);
+  max-height: 98vh;
+  overflow: auto;
+}