@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.
@@ -5,7 +5,7 @@ var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
5
5
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
6
6
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
7
7
  var React = require('react');
8
- var Menu$3 = require('./chunk-DWmDAnNq.cjs.js');
8
+ var Menu$3 = require('./chunk-DutgnIWp.cjs.js');
9
9
  var classnames = require('classnames');
10
10
  var constants = require('./chunk-B9Evf49b.cjs.js');
11
11
  var neetoCist = require('@bigbinary/neeto-cist');
@@ -10,7 +10,7 @@ var Editor = require('./Editor.cjs.js');
10
10
  var jsxRuntime = require('react/jsx-runtime');
11
11
  require('@babel/runtime/helpers/toConsumableArray');
12
12
  require('@babel/runtime/helpers/slicedToArray');
13
- require('./chunk-DWmDAnNq.cjs.js');
13
+ require('./chunk-DutgnIWp.cjs.js');
14
14
  require('./chunk-vQvjPR2x.cjs.js');
15
15
  require('i18next');
16
16
  require('@bigbinary/neeto-icons/TextH1');
@@ -5,7 +5,7 @@ require('@babel/runtime/helpers/toConsumableArray');
5
5
  require('@babel/runtime/helpers/slicedToArray');
6
6
  require('react');
7
7
  require('ramda');
8
- var Menu = require('./chunk-DWmDAnNq.cjs.js');
8
+ var Menu = require('./chunk-DutgnIWp.cjs.js');
9
9
  require('./chunk-D_e3pQI3.cjs.js');
10
10
  require('react/jsx-runtime');
11
11
  require('./chunk-vQvjPR2x.cjs.js');
@@ -15840,7 +15840,7 @@ var MenuButton = function MenuButton(_ref) {
15840
15840
  style: isActive ? "secondary" : "text",
15841
15841
  tabIndex: "-1",
15842
15842
  tooltipProps: {
15843
- content: label,
15843
+ content: renderTooltipContent(label, optionName),
15844
15844
  position: "bottom"
15845
15845
  },
15846
15846
  onClick: command
@@ -15869,9 +15869,6 @@ var EmojiOption = function EmojiOption(_ref) {
15869
15869
  return /*#__PURE__*/jsxRuntime.jsx(Dropdown$1, {
15870
15870
  buttonStyle: "text",
15871
15871
  closeOnSelect: false,
15872
- dropdownProps: {
15873
- classNames: "neeto-editor-fixed-menu__emoji-dropdown"
15874
- },
15875
15872
  icon: Smiley,
15876
15873
  isOpen: isActive,
15877
15874
  position: isSecondaryMenu ? "left-start" : "bottom-start",
@@ -15889,6 +15886,12 @@ var EmojiOption = function EmojiOption(_ref) {
15889
15886
  label: label,
15890
15887
  icon: Smiley
15891
15888
  }),
15889
+ dropdownProps: {
15890
+ classNames: "neeto-editor-fixed-menu__emoji-dropdown",
15891
+ onClick: function onClick(e) {
15892
+ return isSecondaryMenu && e.stopPropagation();
15893
+ }
15894
+ },
15892
15895
  onClose: function onClose() {
15893
15896
  return setActive(false);
15894
15897
  },
@@ -19059,6 +19062,7 @@ var TableOption = function TableOption(_ref) {
19059
19062
  };
19060
19063
  var TableOption$1 = /*#__PURE__*/React.memo(TableOption);
19061
19064
 
19065
+ var _SHORTCUTS;
19062
19066
  var MENU_ELEMENT_TYPES = {
19063
19067
  BUTTON: "button",
19064
19068
  FONT_SIZE: "fontSize",
@@ -19067,13 +19071,47 @@ var MENU_ELEMENT_TYPES = {
19067
19071
  EMOJI: "emoji",
19068
19072
  MENTIONS: "mentions"
19069
19073
  };
19074
+ var SHORTCUTS = (_SHORTCUTS = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_SHORTCUTS, constants.EDITOR_OPTIONS.BOLD, {
19075
+ mac: "⌘B",
19076
+ win: "Ctrl+B"
19077
+ }), constants.EDITOR_OPTIONS.ITALIC, {
19078
+ mac: "⌘I",
19079
+ win: "Ctrl+I"
19080
+ }), constants.EDITOR_OPTIONS.UNDERLINE, {
19081
+ mac: "⌘U",
19082
+ win: "Ctrl+U"
19083
+ }), constants.EDITOR_OPTIONS.STRIKETHROUGH, {
19084
+ mac: "⌘⇧S or ⌘⇧X",
19085
+ win: "Ctrl+Shift+S or Ctrl+Shift+X"
19086
+ }), constants.EDITOR_OPTIONS.CODE, {
19087
+ mac: "⌘E",
19088
+ win: "Ctrl+E"
19089
+ }), constants.EDITOR_OPTIONS.UNDO, {
19090
+ mac: "⌘Z",
19091
+ win: "Ctrl+Z"
19092
+ }), constants.EDITOR_OPTIONS.REDO, {
19093
+ mac: "⌘⇧Z",
19094
+ win: "Ctrl+Shift+Z"
19095
+ }), constants.EDITOR_OPTIONS.LINK, {
19096
+ mac: "⌘K",
19097
+ win: "Ctrl+K"
19098
+ }), constants.EDITOR_OPTIONS.HIGHLIGHT, {
19099
+ mac: "⌘⇧H",
19100
+ win: "Ctrl+Shift+H"
19101
+ }), "bulletList", {
19102
+ mac: "⌘⇧8",
19103
+ win: "Ctrl+Shift+8"
19104
+ }), _defineProperty(_SHORTCUTS, "orderedList", {
19105
+ mac: "⌘⇧7",
19106
+ win: "Ctrl+Shift+7"
19107
+ }));
19070
19108
  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);
19071
19109
  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);
19072
19110
 
19073
19111
  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; }
19074
19112
  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; }
19075
19113
  var createMenuOptions = function createMenuOptions(_ref) {
19076
- 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;
19114
+ 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;
19077
19115
  var tooltips = _ref.tooltips,
19078
19116
  setMediaUploader = _ref.setMediaUploader,
19079
19117
  attachmentProps = _ref.attachmentProps,
@@ -19135,15 +19173,6 @@ var createMenuOptions = function createMenuOptions(_ref) {
19135
19173
  }),
19136
19174
  optionName: constants.EDITOR_OPTIONS.ITALIC,
19137
19175
  label: (_tooltips$italic = tooltips.italic) !== null && _tooltips$italic !== void 0 ? _tooltips$italic : i18n.t("neetoEditor.menu.italic")
19138
- }, {
19139
- type: MENU_ELEMENT_TYPES.BUTTON,
19140
- icon: Underline,
19141
- isEnabled: options.includes(constants.EDITOR_OPTIONS.UNDERLINE),
19142
- command: runEditorCommand(function (editor) {
19143
- return editor.chain().focus().toggleUnderline().run();
19144
- }),
19145
- optionName: constants.EDITOR_OPTIONS.UNDERLINE,
19146
- label: (_tooltips$underline = tooltips.underline) !== null && _tooltips$underline !== void 0 ? _tooltips$underline : i18n.t("neetoEditor.menu.underline")
19147
19176
  }, {
19148
19177
  type: MENU_ELEMENT_TYPES.BUTTON,
19149
19178
  icon: Link,
@@ -19205,24 +19234,6 @@ var createMenuOptions = function createMenuOptions(_ref) {
19205
19234
  optionName: "blockquote",
19206
19235
  highlight: true,
19207
19236
  label: (_tooltips$blockQuote = tooltips.blockQuote) !== null && _tooltips$blockQuote !== void 0 ? _tooltips$blockQuote : i18n.t("neetoEditor.menu.blockQuote")
19208
- }, {
19209
- type: MENU_ELEMENT_TYPES.BUTTON,
19210
- icon: Code,
19211
- command: runEditorCommand(function (editor) {
19212
- return editor.chain().focus().toggleCode().run();
19213
- }),
19214
- isEnabled: options.includes(constants.EDITOR_OPTIONS.CODE),
19215
- optionName: constants.EDITOR_OPTIONS.CODE,
19216
- label: (_tooltips$code = tooltips.code) !== null && _tooltips$code !== void 0 ? _tooltips$code : i18n.t("neetoEditor.menu.code")
19217
- }, {
19218
- type: MENU_ELEMENT_TYPES.BUTTON,
19219
- icon: CodeBlock,
19220
- command: runEditorCommand(function (editor) {
19221
- return editor.chain().focus().toggleCodeBlock().run();
19222
- }),
19223
- isEnabled: options.includes(constants.EDITOR_OPTIONS.CODE_BLOCK),
19224
- optionName: "codeBlock",
19225
- label: (_tooltips$codeBlock = tooltips.codeBlock) !== null && _tooltips$codeBlock !== void 0 ? _tooltips$codeBlock : i18n.t("neetoEditor.menu.codeBlock")
19226
19237
  }],
19227
19238
  // misc
19228
19239
  [{
@@ -19249,15 +19260,6 @@ var createMenuOptions = function createMenuOptions(_ref) {
19249
19260
  isEnabled: options.includes(constants.EDITOR_OPTIONS.IMAGE_UPLOAD),
19250
19261
  optionName: constants.EDITOR_OPTIONS.IMAGE_UPLOAD,
19251
19262
  label: (_tooltips$imageUpload = tooltips.imageUpload) !== null && _tooltips$imageUpload !== void 0 ? _tooltips$imageUpload : i18n.t("neetoEditor.menu.imageUpload")
19252
- }, {
19253
- type: MENU_ELEMENT_TYPES.BUTTON,
19254
- icon: Video,
19255
- command: function command() {
19256
- return setMediaUploader(ramda.assoc("video", true));
19257
- },
19258
- isEnabled: options.includes(constants.EDITOR_OPTIONS.VIDEO_UPLOAD),
19259
- optionName: constants.EDITOR_OPTIONS.VIDEO_UPLOAD,
19260
- label: (_tooltips$videoUpload = tooltips.videoUpload) !== null && _tooltips$videoUpload !== void 0 ? _tooltips$videoUpload : i18n.t("neetoEditor.menu.videoUpload")
19261
19263
  }, {
19262
19264
  type: MENU_ELEMENT_TYPES.BUTTON,
19263
19265
  icon: MediaVideo,
@@ -19287,6 +19289,42 @@ var createMenuOptions = function createMenuOptions(_ref) {
19287
19289
  isEnabled: neetoCist.isNotEmpty(mentions),
19288
19290
  optionName: "mentions",
19289
19291
  mentions: mentions
19292
+ }, {
19293
+ type: MENU_ELEMENT_TYPES.BUTTON,
19294
+ icon: Code,
19295
+ command: runEditorCommand(function (editor) {
19296
+ return editor.chain().focus().toggleCode().run();
19297
+ }),
19298
+ isEnabled: options.includes(constants.EDITOR_OPTIONS.CODE),
19299
+ optionName: constants.EDITOR_OPTIONS.CODE,
19300
+ label: (_tooltips$code = tooltips.code) !== null && _tooltips$code !== void 0 ? _tooltips$code : i18n.t("neetoEditor.menu.code")
19301
+ }, {
19302
+ type: MENU_ELEMENT_TYPES.BUTTON,
19303
+ icon: CodeBlock,
19304
+ command: runEditorCommand(function (editor) {
19305
+ return editor.chain().focus().toggleCodeBlock().run();
19306
+ }),
19307
+ isEnabled: options.includes(constants.EDITOR_OPTIONS.CODE_BLOCK),
19308
+ optionName: "codeBlock",
19309
+ label: (_tooltips$codeBlock = tooltips.codeBlock) !== null && _tooltips$codeBlock !== void 0 ? _tooltips$codeBlock : i18n.t("neetoEditor.menu.codeBlock")
19310
+ }, {
19311
+ type: MENU_ELEMENT_TYPES.BUTTON,
19312
+ icon: Video,
19313
+ command: function command() {
19314
+ return setMediaUploader(ramda.assoc("video", true));
19315
+ },
19316
+ isEnabled: options.includes(constants.EDITOR_OPTIONS.VIDEO_UPLOAD),
19317
+ optionName: constants.EDITOR_OPTIONS.VIDEO_UPLOAD,
19318
+ label: (_tooltips$videoUpload = tooltips.videoUpload) !== null && _tooltips$videoUpload !== void 0 ? _tooltips$videoUpload : i18n.t("neetoEditor.menu.videoUpload")
19319
+ }, {
19320
+ type: MENU_ELEMENT_TYPES.BUTTON,
19321
+ icon: Underline,
19322
+ isEnabled: options.includes(constants.EDITOR_OPTIONS.UNDERLINE),
19323
+ command: runEditorCommand(function (editor) {
19324
+ return editor.chain().focus().toggleUnderline().run();
19325
+ }),
19326
+ optionName: constants.EDITOR_OPTIONS.UNDERLINE,
19327
+ label: (_tooltips$underline = tooltips.underline) !== null && _tooltips$underline !== void 0 ? _tooltips$underline : i18n.t("neetoEditor.menu.underline")
19290
19328
  }], //addons
19291
19329
  _toConsumableArray(addonCommandOptions)];
19292
19330
  };
@@ -19415,6 +19453,15 @@ var getLinkPopoverPosition = function getLinkPopoverPosition(editor, popoverRef)
19415
19453
  popoverPosition: popoverPosition
19416
19454
  };
19417
19455
  };
19456
+ function renderTooltipContent(label, optionName) {
19457
+ var shortcut = SHORTCUTS[optionName];
19458
+ if (!shortcut) return label;
19459
+ var isMac = function isMac() {
19460
+ return typeof window !== "undefined" && /Mac|iPod|iPhone|iPad/.test(window.navigator.userAgent);
19461
+ };
19462
+ var key = isMac() ? shortcut.mac : shortcut.win;
19463
+ return "".concat(label, " (").concat(key, ")");
19464
+ }
19418
19465
 
19419
19466
  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}";
19420
19467
  injectCss.n(css,{});
@@ -19534,4 +19581,4 @@ exports.useEditor = useEditor;
19534
19581
  exports.useEditorState = useEditorState$1;
19535
19582
  exports.validateUrl = validateUrl;
19536
19583
  exports.wrappingInputRule = wrappingInputRule;
19537
- //# sourceMappingURL=chunk-DWmDAnNq.cjs.js.map
19584
+ //# sourceMappingURL=chunk-DutgnIWp.cjs.js.map