@bigbinary/neeto-editor 1.46.1 → 1.47.0

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/dist/Editor.js CHANGED
@@ -4,7 +4,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
4
4
  import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
5
5
  import * as React from 'react';
6
6
  import React__default, { memo, useEffect, useState, useRef, useCallback, createElement, forwardRef, useImperativeHandle } from 'react';
7
- import { E as Extension, a as Mark, m as mergeAttributes, b as markInputRule, c as markPasteRule, D as DecorationSet, d as Decoration, g as getMarkAttributes, N as Node, i as isNodeActive, e as isAtStartOfNode, f as isAtEndOfNode, h as getNodeType, j as getNodeAtPosition, w as wrappingInputRule, t as textblockTypeInputRule, k as keydownHandler, l as callOrReturn, n as getExtensionField, o as isNodeSelection, p as nodeInputRule, q as findChildren, r as NodeViewWrapper, s as NodeViewContent, R as ReactNodeViewRenderer, P as PasteRule, v as validateUrl, u as escapeForRegEx, x as ReactRenderer, y as EmojiPickerMenu, z as emojiPickerApi, A as combineTransactionSteps, B as getChangedRanges, C as findChildrenInRange, F as getMarksBetween, G as getAttributes, I as InputRule, H as highlightFocussedNode, J as resetFocussedNode, K as findParentNodeClosestToPos, L as BubbleMenu, O as getLinkPopoverPosition, Q as getMarkType, S as getMarkRange, T as useEditor, U as useEditorState, M as Menu$3, V as EditorContent, W as MediaUploader, X as EmbedOption, Y as EditorView } from './chunk-C7yqzIpq.js';
7
+ import { E as Extension, a as Mark, m as mergeAttributes, b as markInputRule, c as markPasteRule, D as DecorationSet, d as Decoration, g as getMarkAttributes, N as Node, i as isNodeActive, e as isAtStartOfNode, f as isAtEndOfNode, h as getNodeType, j as getNodeAtPosition, w as wrappingInputRule, t as textblockTypeInputRule, k as keydownHandler, l as callOrReturn, n as getExtensionField, o as isNodeSelection, p as nodeInputRule, q as findChildren, r as NodeViewWrapper, s as NodeViewContent, R as ReactNodeViewRenderer, P as PasteRule, v as validateUrl, u as escapeForRegEx, x as ReactRenderer, y as EmojiPickerMenu, z as emojiPickerApi, A as combineTransactionSteps, B as getChangedRanges, C as findChildrenInRange, F as getMarksBetween, G as getAttributes, I as InputRule, H as highlightFocussedNode, J as resetFocussedNode, K as findParentNodeClosestToPos, L as BubbleMenu, O as getLinkPopoverPosition, Q as getMarkType, S as getMarkRange, T as useEditor, U as useEditorState, M as Menu$3, V as EditorContent, W as MediaUploader, X as EmbedOption, Y as EditorView } from './chunk-BWTtXW7N.js';
8
8
  import classnames from 'classnames';
9
9
  import { C as COMBINED_REGEX, D as DIRECT_UPLOAD_ENDPOINT, E as EDITOR_OPTIONS, a as EDITOR_SIZES } from './chunk-FWwP48qR.js';
10
10
  import { isNotPresent, isNotEmpty, isPresent, noop as noop$1, slugify } from '@bigbinary/neeto-cist';
@@ -8,7 +8,7 @@ import Editor from './Editor.js';
8
8
  import { jsx } from 'react/jsx-runtime';
9
9
  import '@babel/runtime/helpers/toConsumableArray';
10
10
  import '@babel/runtime/helpers/slicedToArray';
11
- import './chunk-C7yqzIpq.js';
11
+ import './chunk-BWTtXW7N.js';
12
12
  import './chunk-DmrvuTKK.js';
13
13
  import 'i18next';
14
14
  import '@bigbinary/neeto-icons/TextH1';
package/dist/Menu.js CHANGED
@@ -3,7 +3,7 @@ import '@babel/runtime/helpers/toConsumableArray';
3
3
  import '@babel/runtime/helpers/slicedToArray';
4
4
  import 'react';
5
5
  import 'ramda';
6
- export { M as default } from './chunk-C7yqzIpq.js';
6
+ export { M as default } from './chunk-BWTtXW7N.js';
7
7
  import './chunk-CftSm0ZU.js';
8
8
  import 'react/jsx-runtime';
9
9
  import './chunk-DmrvuTKK.js';
@@ -15838,7 +15838,7 @@ var MenuButton = function MenuButton(_ref) {
15838
15838
  style: isActive ? "secondary" : "text",
15839
15839
  tabIndex: "-1",
15840
15840
  tooltipProps: {
15841
- content: label,
15841
+ content: renderTooltipContent(label, optionName),
15842
15842
  position: "bottom"
15843
15843
  },
15844
15844
  onClick: command
@@ -15867,9 +15867,6 @@ var EmojiOption = function EmojiOption(_ref) {
15867
15867
  return /*#__PURE__*/jsx(Dropdown$1, {
15868
15868
  buttonStyle: "text",
15869
15869
  closeOnSelect: false,
15870
- dropdownProps: {
15871
- classNames: "neeto-editor-fixed-menu__emoji-dropdown"
15872
- },
15873
15870
  icon: Smiley,
15874
15871
  isOpen: isActive,
15875
15872
  position: isSecondaryMenu ? "left-start" : "bottom-start",
@@ -15887,6 +15884,12 @@ var EmojiOption = function EmojiOption(_ref) {
15887
15884
  label: label,
15888
15885
  icon: Smiley
15889
15886
  }),
15887
+ dropdownProps: {
15888
+ classNames: "neeto-editor-fixed-menu__emoji-dropdown",
15889
+ onClick: function onClick(e) {
15890
+ return isSecondaryMenu && e.stopPropagation();
15891
+ }
15892
+ },
15890
15893
  onClose: function onClose() {
15891
15894
  return setActive(false);
15892
15895
  },
@@ -19057,6 +19060,7 @@ var TableOption = function TableOption(_ref) {
19057
19060
  };
19058
19061
  var TableOption$1 = /*#__PURE__*/memo(TableOption);
19059
19062
 
19063
+ var _SHORTCUTS;
19060
19064
  var MENU_ELEMENT_TYPES = {
19061
19065
  BUTTON: "button",
19062
19066
  FONT_SIZE: "fontSize",
@@ -19065,13 +19069,47 @@ var MENU_ELEMENT_TYPES = {
19065
19069
  EMOJI: "emoji",
19066
19070
  MENTIONS: "mentions"
19067
19071
  };
19072
+ var SHORTCUTS = (_SHORTCUTS = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_SHORTCUTS, EDITOR_OPTIONS.BOLD, {
19073
+ mac: "⌘B",
19074
+ win: "Ctrl+B"
19075
+ }), EDITOR_OPTIONS.ITALIC, {
19076
+ mac: "⌘I",
19077
+ win: "Ctrl+I"
19078
+ }), EDITOR_OPTIONS.UNDERLINE, {
19079
+ mac: "⌘U",
19080
+ win: "Ctrl+U"
19081
+ }), EDITOR_OPTIONS.STRIKETHROUGH, {
19082
+ mac: "⌘⇧S or ⌘⇧X",
19083
+ win: "Ctrl+Shift+S or Ctrl+Shift+X"
19084
+ }), EDITOR_OPTIONS.CODE, {
19085
+ mac: "⌘E",
19086
+ win: "Ctrl+E"
19087
+ }), EDITOR_OPTIONS.UNDO, {
19088
+ mac: "⌘Z",
19089
+ win: "Ctrl+Z"
19090
+ }), EDITOR_OPTIONS.REDO, {
19091
+ mac: "⌘⇧Z",
19092
+ win: "Ctrl+Shift+Z"
19093
+ }), EDITOR_OPTIONS.LINK, {
19094
+ mac: "⌘K",
19095
+ win: "Ctrl+K"
19096
+ }), EDITOR_OPTIONS.HIGHLIGHT, {
19097
+ mac: "⌘⇧H",
19098
+ win: "Ctrl+Shift+H"
19099
+ }), "bulletList", {
19100
+ mac: "⌘⇧8",
19101
+ win: "Ctrl+Shift+8"
19102
+ }), _defineProperty(_SHORTCUTS, "orderedList", {
19103
+ mac: "⌘⇧7",
19104
+ win: "Ctrl+Shift+7"
19105
+ }));
19068
19106
  var MENU_ELEMENTS = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MENU_ELEMENT_TYPES.BUTTON, MenuButton$1), MENU_ELEMENT_TYPES.FONT_SIZE, FontSizeOption$1), MENU_ELEMENT_TYPES.TABLE, TableOption$1), MENU_ELEMENT_TYPES.TEXT_COLOR, TextColorOption), MENU_ELEMENT_TYPES.EMOJI, EmojiOption$1), MENU_ELEMENT_TYPES.MENTIONS, Mentions$1);
19069
19107
  var MENU_ELEMENT_WIDTHS = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MENU_ELEMENT_TYPES.BUTTON, 36), MENU_ELEMENT_TYPES.FONT_SIZE, 103), MENU_ELEMENT_TYPES.TABLE, 36), MENU_ELEMENT_TYPES.TEXT_COLOR, 36), MENU_ELEMENT_TYPES.EMOJI, 36), MENU_ELEMENT_TYPES.MENTIONS, 36);
19070
19108
 
19071
19109
  function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
19072
19110
  function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
19073
19111
  var createMenuOptions = function createMenuOptions(_ref) {
19074
- var _tooltips$undo, _tooltips$redo, _tooltips$fontSize, _tooltips$bold, _tooltips$italic, _tooltips$underline, _tooltips$link, _tooltips$strike, _tooltips$highlight, _tooltips$bulletList, _tooltips$orderedList, _tooltips$blockQuote, _tooltips$code, _tooltips$codeBlock, _tooltips$table, _tooltips$attachments, _tooltips$imageUpload, _tooltips$videoUpload, _tooltips$videoEmbed, _tooltips$textColor, _tooltips$emoji, _tooltips$mention;
19112
+ var _tooltips$undo, _tooltips$redo, _tooltips$fontSize, _tooltips$bold, _tooltips$italic, _tooltips$link, _tooltips$strike, _tooltips$highlight, _tooltips$bulletList, _tooltips$orderedList, _tooltips$blockQuote, _tooltips$table, _tooltips$attachments, _tooltips$imageUpload, _tooltips$videoEmbed, _tooltips$textColor, _tooltips$emoji, _tooltips$mention, _tooltips$code, _tooltips$codeBlock, _tooltips$videoUpload, _tooltips$underline;
19075
19113
  var tooltips = _ref.tooltips,
19076
19114
  setMediaUploader = _ref.setMediaUploader,
19077
19115
  attachmentProps = _ref.attachmentProps,
@@ -19133,15 +19171,6 @@ var createMenuOptions = function createMenuOptions(_ref) {
19133
19171
  }),
19134
19172
  optionName: EDITOR_OPTIONS.ITALIC,
19135
19173
  label: (_tooltips$italic = tooltips.italic) !== null && _tooltips$italic !== void 0 ? _tooltips$italic : t$1("neetoEditor.menu.italic")
19136
- }, {
19137
- type: MENU_ELEMENT_TYPES.BUTTON,
19138
- icon: Underline,
19139
- isEnabled: options.includes(EDITOR_OPTIONS.UNDERLINE),
19140
- command: runEditorCommand(function (editor) {
19141
- return editor.chain().focus().toggleUnderline().run();
19142
- }),
19143
- optionName: EDITOR_OPTIONS.UNDERLINE,
19144
- label: (_tooltips$underline = tooltips.underline) !== null && _tooltips$underline !== void 0 ? _tooltips$underline : t$1("neetoEditor.menu.underline")
19145
19174
  }, {
19146
19175
  type: MENU_ELEMENT_TYPES.BUTTON,
19147
19176
  icon: Link,
@@ -19203,24 +19232,6 @@ var createMenuOptions = function createMenuOptions(_ref) {
19203
19232
  optionName: "blockquote",
19204
19233
  highlight: true,
19205
19234
  label: (_tooltips$blockQuote = tooltips.blockQuote) !== null && _tooltips$blockQuote !== void 0 ? _tooltips$blockQuote : t$1("neetoEditor.menu.blockQuote")
19206
- }, {
19207
- type: MENU_ELEMENT_TYPES.BUTTON,
19208
- icon: Code,
19209
- command: runEditorCommand(function (editor) {
19210
- return editor.chain().focus().toggleCode().run();
19211
- }),
19212
- isEnabled: options.includes(EDITOR_OPTIONS.CODE),
19213
- optionName: EDITOR_OPTIONS.CODE,
19214
- label: (_tooltips$code = tooltips.code) !== null && _tooltips$code !== void 0 ? _tooltips$code : t$1("neetoEditor.menu.code")
19215
- }, {
19216
- type: MENU_ELEMENT_TYPES.BUTTON,
19217
- icon: CodeBlock,
19218
- command: runEditorCommand(function (editor) {
19219
- return editor.chain().focus().toggleCodeBlock().run();
19220
- }),
19221
- isEnabled: options.includes(EDITOR_OPTIONS.CODE_BLOCK),
19222
- optionName: "codeBlock",
19223
- label: (_tooltips$codeBlock = tooltips.codeBlock) !== null && _tooltips$codeBlock !== void 0 ? _tooltips$codeBlock : t$1("neetoEditor.menu.codeBlock")
19224
19235
  }],
19225
19236
  // misc
19226
19237
  [{
@@ -19247,15 +19258,6 @@ var createMenuOptions = function createMenuOptions(_ref) {
19247
19258
  isEnabled: options.includes(EDITOR_OPTIONS.IMAGE_UPLOAD),
19248
19259
  optionName: EDITOR_OPTIONS.IMAGE_UPLOAD,
19249
19260
  label: (_tooltips$imageUpload = tooltips.imageUpload) !== null && _tooltips$imageUpload !== void 0 ? _tooltips$imageUpload : t$1("neetoEditor.menu.imageUpload")
19250
- }, {
19251
- type: MENU_ELEMENT_TYPES.BUTTON,
19252
- icon: Video,
19253
- command: function command() {
19254
- return setMediaUploader(assoc("video", true));
19255
- },
19256
- isEnabled: options.includes(EDITOR_OPTIONS.VIDEO_UPLOAD),
19257
- optionName: EDITOR_OPTIONS.VIDEO_UPLOAD,
19258
- label: (_tooltips$videoUpload = tooltips.videoUpload) !== null && _tooltips$videoUpload !== void 0 ? _tooltips$videoUpload : t$1("neetoEditor.menu.videoUpload")
19259
19261
  }, {
19260
19262
  type: MENU_ELEMENT_TYPES.BUTTON,
19261
19263
  icon: MediaVideo,
@@ -19285,6 +19287,42 @@ var createMenuOptions = function createMenuOptions(_ref) {
19285
19287
  isEnabled: isNotEmpty(mentions),
19286
19288
  optionName: "mentions",
19287
19289
  mentions: mentions
19290
+ }, {
19291
+ type: MENU_ELEMENT_TYPES.BUTTON,
19292
+ icon: Code,
19293
+ command: runEditorCommand(function (editor) {
19294
+ return editor.chain().focus().toggleCode().run();
19295
+ }),
19296
+ isEnabled: options.includes(EDITOR_OPTIONS.CODE),
19297
+ optionName: EDITOR_OPTIONS.CODE,
19298
+ label: (_tooltips$code = tooltips.code) !== null && _tooltips$code !== void 0 ? _tooltips$code : t$1("neetoEditor.menu.code")
19299
+ }, {
19300
+ type: MENU_ELEMENT_TYPES.BUTTON,
19301
+ icon: CodeBlock,
19302
+ command: runEditorCommand(function (editor) {
19303
+ return editor.chain().focus().toggleCodeBlock().run();
19304
+ }),
19305
+ isEnabled: options.includes(EDITOR_OPTIONS.CODE_BLOCK),
19306
+ optionName: "codeBlock",
19307
+ label: (_tooltips$codeBlock = tooltips.codeBlock) !== null && _tooltips$codeBlock !== void 0 ? _tooltips$codeBlock : t$1("neetoEditor.menu.codeBlock")
19308
+ }, {
19309
+ type: MENU_ELEMENT_TYPES.BUTTON,
19310
+ icon: Video,
19311
+ command: function command() {
19312
+ return setMediaUploader(assoc("video", true));
19313
+ },
19314
+ isEnabled: options.includes(EDITOR_OPTIONS.VIDEO_UPLOAD),
19315
+ optionName: EDITOR_OPTIONS.VIDEO_UPLOAD,
19316
+ label: (_tooltips$videoUpload = tooltips.videoUpload) !== null && _tooltips$videoUpload !== void 0 ? _tooltips$videoUpload : t$1("neetoEditor.menu.videoUpload")
19317
+ }, {
19318
+ type: MENU_ELEMENT_TYPES.BUTTON,
19319
+ icon: Underline,
19320
+ isEnabled: options.includes(EDITOR_OPTIONS.UNDERLINE),
19321
+ command: runEditorCommand(function (editor) {
19322
+ return editor.chain().focus().toggleUnderline().run();
19323
+ }),
19324
+ optionName: EDITOR_OPTIONS.UNDERLINE,
19325
+ label: (_tooltips$underline = tooltips.underline) !== null && _tooltips$underline !== void 0 ? _tooltips$underline : t$1("neetoEditor.menu.underline")
19288
19326
  }], //addons
19289
19327
  _toConsumableArray(addonCommandOptions)];
19290
19328
  };
@@ -19413,6 +19451,15 @@ var getLinkPopoverPosition = function getLinkPopoverPosition(editor, popoverRef)
19413
19451
  popoverPosition: popoverPosition
19414
19452
  };
19415
19453
  };
19454
+ function renderTooltipContent(label, optionName) {
19455
+ var shortcut = SHORTCUTS[optionName];
19456
+ if (!shortcut) return label;
19457
+ var isMac = function isMac() {
19458
+ return typeof window !== "undefined" && /Mac|iPod|iPhone|iPad/.test(window.navigator.userAgent);
19459
+ };
19460
+ var key = isMac() ? shortcut.mac : shortcut.win;
19461
+ return "".concat(label, " (").concat(key, ")");
19462
+ }
19416
19463
 
19417
19464
  var css = ".neeto-editor-fixed-menu{background-color:rgb(var(--neeto-ui-white));border:thin solid rgb(var(--neeto-ui-gray-400));border-bottom:none;border-radius:var(--neeto-ui-rounded) var(--neeto-ui-rounded) 0 0;display:flex;position:relative}.neeto-editor-fixed-menu--independant{border-bottom:thin solid rgb(var(--neeto-ui-gray-400));border-radius:0;border-radius:initial}.neeto-editor-fixed-menu--independant .neeto-editor-fixed-menu__wrapper{border-bottom:0!important}.neeto-editor-fixed-menu--independant .neeto-editor-fixed-menu__wrapper button.neeto-editor-fixed-menu__item .neeto-ui-btn__icon path{stroke-width:1.8px}.neeto-editor-fixed-menu__item{border-radius:0}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item{--neeto-ui-btn-border-radius:0;--neeto-ui-btn-icon-size:22px;--neeto-ui-btn-padding-x:0;--neeto-ui-btn-padding-y:0;--neeto-ui-btn-focus-box-shadow:none;align-items:center;height:36px;justify-content:center;min-width:-moz-fit-content;min-width:fit-content;padding:0;width:36px}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item .neeto-ui-btn__icon{color:rgb(var(--neeto-ui-black))}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item .neeto-ui-btn__icon path{stroke-width:1.5px}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item:hover{background-color:rgb(var(--neeto-ui-gray-100))}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item.neeto-ui-btn--style-secondary{background-color:rgb(var(--neeto-ui-accent-100))}.neeto-editor-fixed-menu button.neeto-editor-fixed-menu__item.neeto-ui-btn--style-secondary .neeto-ui-btn__icon{color:rgb(var(--neeto-ui-accent-800))}.neeto-editor-fixed-menu__wrapper{align-items:center;border-bottom:thin solid rgb(var(--neeto-ui-gray-400));display:flex;flex-grow:1;justify-content:flex-start;padding:0 2px;width:100%}.neeto-editor-fixed-menu__wrapper__button-group{display:flex}.neeto-editor-fixed-menu__variables{bottom:-42px;position:absolute;right:8px;z-index:10}.neeto-editor-fixed-menu__variables .neeto-editor-menu__item{background-color:rgb(var(--neeto-ui-gray-700));border-radius:var(--neeto-ui-rounded-sm);padding:4px}.neeto-editor-fixed-menu__variables .neeto-editor-menu__item.active,.neeto-editor-fixed-menu__variables .neeto-editor-menu__item:hover{background-color:rgb(var(--neeto-ui-gray-600))}.neeto-editor-fixed-menu__right-options{display:flex}.neeto-editor-fixed-menu__emoji-dropdown{max-height:none!important}.neeto-editor-fixed-menu__separator{display:flex;height:28px;width:32px}.neeto-editor-fixed-menu__separator span{width:100%}.neeto-editor-fixed-menu__separator span:first-child{border-right:1px solid rgb(var(--neeto-ui-gray-200))}.neeto-editor-text-color-option__options-group{align-items:center;display:flex;gap:8px;margin:8px 4px}.neeto-editor-text-color-option__options-group__input{max-width:120px}.neeto-editor-text-color-option__options-group__reset-button{align-self:center}.react-colorful{width:100%!important}.neeto-editor-menu__item{align-items:center;border-radius:2px;cursor:pointer;display:flex;flex-direction:row;gap:4px;justify-content:center;padding:8px;transition:var(--neeto-ui-transition)}.neeto-editor-menu__item p{color:rgb(var(--neeto-ui-gray-600));font-size:var(--neeto-ui-text-xs);line-height:1;white-space:nowrap}.neeto-editor-menu__item.active,.neeto-editor-menu__item:hover{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-editor-menu__item:focus,.neeto-editor-menu__item:focus-visible{outline:rgb(var(--neeto-ui-gray-300)) auto 1px}.neeto-editor-menu__item input[type=color]{height:0;visibility:hidden;width:0}.neeto-editor-menu__item:disabled{background-color:rgb(var(--neeto-ui-gray-100));opacity:.5}.neeto-editor-link__item{align-items:flex-start;justify-content:flex-start}.neeto-editor-link__item,.neeto-editor-table__item{display:flex!important;flex-direction:row;gap:8px;padding:8px!important}.neeto-editor-table__item{min-width:210px}.neeto-editor-table__item input{max-width:60px!important}.neeto-editor-table__options-menu{display:flex;flex-direction:column;gap:8px;max-height:150px!important;overflow:scroll;padding:8px!important}.neeto-editor-font-size__wrapper{font-size:16px;font-weight:var(--neeto-ui-font-normal)!important;padding-left:4px!important;padding-right:4px!important}.neeto-editor-bubble-menu{align-items:center;background:rgb(var(--neeto-ui-gray-800));border-radius:var(--neeto-ui-rounded);display:flex;flex-direction:row;gap:1px;justify-content:flex-start;padding:0 4px;position:relative}.neeto-editor-bubble-menu button.neeto-ui-btn--style-text{color:rgb(var(--neeto-ui-gray-200));min-width:-moz-fit-content;min-width:fit-content}.neeto-editor-bubble-menu button.neeto-ui-btn--style-text.active,.neeto-editor-bubble-menu button.neeto-ui-btn--style-text:active,.neeto-editor-bubble-menu button.neeto-ui-btn--style-text:hover{background-color:rgb(var(--neeto-ui-gray-600))!important;color:rgb(var(--neeto-ui-gray-200))!important}.neeto-editor-bubble-menu button.neeto-ui-btn--style-secondary{background-color:rgb(var(--neeto-ui-gray-400));min-width:-moz-fit-content;min-width:fit-content}.neeto-editor-bubble-menu .neeto-ui-dropdown__popup{background-color:rgb(var(--neeto-ui-gray-700))}.neeto-editor-bubble-menu .neeto-ui-dropdown__popup-menu-item-btn{background-color:inherit!important;color:rgb(var(--neeto-ui-gray-200))!important}.neeto-editor-bubble-menu .neeto-ui-dropdown__popup-menu-item-btn.active,.neeto-editor-bubble-menu .neeto-ui-dropdown__popup-menu-item-btn:active,.neeto-editor-bubble-menu .neeto-ui-dropdown__popup-menu-item-btn:hover{background-color:rgb(var(--neeto-ui-gray-600))!important}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link{align-items:center;display:flex;gap:8px;justify-content:space-between;padding:6px;width:256px}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link .neeto-editor-bubble-menu-link__input{background-color:transparent;color:rgb(var(--neeto-ui-gray-200));line-height:20px;outline:none;width:100%}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link .neeto-editor-bubble-menu-link__input::-moz-placeholder{color:rgba(.4);color:rgba(var(--neeto-ui-white,.4))}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link .neeto-editor-bubble-menu-link__input::placeholder{color:rgba(.4);color:rgba(var(--neeto-ui-white,.4))}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link .ne-btn--icon-only{min-height:0;opacity:.8;padding:0}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__link .ne-btn--icon-only:hover{opacity:1}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table{align-items:center;display:flex;gap:6px;justify-content:space-between;max-width:256px;padding:4px}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table input{background-color:rgba(var(--neeto-ui-gray-400),.2);height:24px;line-height:20px;outline:none;padding:3px 5px;width:60px}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table input::-moz-placeholder{color:rgba(.4);color:rgba(var(--neeto-ui-white,.4))}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table input::placeholder{color:rgba(.4);color:rgba(var(--neeto-ui-white,.4))}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table__menu-item{display:flex;flex-direction:column;gap:4px}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table__input-label{color:#fff}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table__buttons{align-self:flex-end;display:flex;gap:4px;justify-content:space-between}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__table__options{display:flex;flex-direction:column;gap:2px;max-height:190px;overflow:scroll}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__dropdown-target{align-items:center;display:flex;font-size:var(--neeto-ui-text-xs);gap:4px;line-height:var(--neeto-ui-leading-normal);white-space:nowrap}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__dropdown{align-items:flex-start;display:flex;flex-direction:column}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__dropdown .neeto-editor-bubble-menu__dropdown-item{font-size:var(--neeto-ui-text-xs);padding:8px 12px;text-align:left;width:100%}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__dropdown .neeto-editor-bubble-menu__dropdown-item:first-child{border-top-left-radius:var(--neeto-ui-rounded);border-top-right-radius:var(--neeto-ui-rounded)}.neeto-editor-bubble-menu .neeto-editor-bubble-menu__dropdown .neeto-editor-bubble-menu__dropdown-item:last-child{border-bottom-left-radius:var(--neeto-ui-rounded);border-bottom-right-radius:var(--neeto-ui-rounded)}.neeto-editor-bubble-menu-animate-shake{animation:shake 1s linear infinite alternate both}.neeto-editor-table-menu__button{align-items:flex-end;display:flex}.neeto-editor__image-menu .neeto-ui-dropdown__popup{display:flex;min-width:0;min-width:auto}.neeto-editor__image-menu .neeto-ui-dropdown__popup .neeto-ui-btn .neeto-ui-btn__icon{height:18px!important;width:18px!important}.neeto-editor__image-menu-btn{border-radius:100%;position:absolute!important;right:6px;top:6px;z-index:1}.neeto-editor-menu-font-size-options{padding:8px!important}.neeto-editor-menu-font-size-options .neeto-ui-dropdown__popup-menu-item{background-color:transparent!important}.neeto-editor-menu-font-size-options .neeto-editor-menu-font-size-options__item-btn{border-radius:var(--neeto-ui-btn-border-radius)!important;justify-content:center;min-height:34px;min-width:34px;overflow:hidden;padding-left:0!important;padding-right:0!important;text-align:center}.neeto-editor-menu-font-size-options .neeto-editor-menu-font-size-options__item-btn--selected{background-color:rgb(var(--neeto-ui-accent-100))!important;color:rgb(var(--neeto-ui-accent-800))!important}";
19418
19465
  n(css,{});
@@ -19482,4 +19529,4 @@ var Menu = function Menu(props) {
19482
19529
  };
19483
19530
 
19484
19531
  export { combineTransactionSteps as A, getChangedRanges as B, findChildrenInRange as C, DecorationSet as D, Extension as E, getMarksBetween as F, getAttributes as G, highlightFocussedNode as H, InputRule as I, resetFocussedNode as J, findParentNodeClosestToPos as K, BubbleMenu as L, Menu as M, Node as N, getLinkPopoverPosition as O, PasteRule as P, getMarkType as Q, ReactNodeViewRenderer as R, getMarkRange as S, useEditor as T, useEditorState$1 as U, EditorContent as V, MediaUploader as W, EmbedOption as X, EditorView as Y, Mark as a, markInputRule as b, markPasteRule as c, Decoration as d, isAtStartOfNode as e, isAtEndOfNode as f, getMarkAttributes as g, getNodeType$1 as h, isNodeActive as i, getNodeAtPosition as j, keydownHandler as k, callOrReturn as l, mergeAttributes as m, getExtensionField as n, isNodeSelection as o, nodeInputRule as p, findChildren as q, NodeViewWrapper as r, NodeViewContent as s, textblockTypeInputRule as t, escapeForRegEx as u, validateUrl as v, wrappingInputRule as w, ReactRenderer as x, EmojiPickerMenu as y, emojiPickerApi as z };
19485
- //# sourceMappingURL=chunk-C7yqzIpq.js.map
19532
+ //# sourceMappingURL=chunk-BWTtXW7N.js.map