@empoleon/tiptap/cjs/RichTextEditorToolbar/RichTextEditorToolbar.cjs

Rich text editor based on tiptap

'use strict';

var web = require('solid-js/web');
var solidJs = require('solid-js');
var core = require('@empoleon/core');
var RichTextEditor_context = require('../RichTextEditor.context.cjs');
var RichTextEditor_module = require('../RichTextEditor.module.css.cjs');

const defaultProps = {};
const RichTextEditorToolbar = core.factory(_props => {
  const props = core.useProps("RichTextEditorToolbar", defaultProps, _props);
  const [local, others] = solidJs.splitProps(props, ["classNames", "className", "style", "styles", "vars", "sticky", "stickyOffset", "mod", "variant", "ref"]);
  const ctx = RichTextEditor_context.useRichTextEditorContext();
  return web.createComponent(core.Box, web.mergeProps({
    ref(r$) {
      var _ref$ = local.ref;
      typeof _ref$ === "function" ? _ref$(r$) : local.ref = r$;
    },
    get mod() {
      return [{
        sticky: local.sticky
      }, local.mod];
    },
    get variant() {
      return local.variant || ctx.variant;
    }
  }, () => ctx.getStyles("toolbar", {
    className: local.className,
    style: local.style,
    styles: local.styles,
    classNames: local.classNames
  }), others, {
    get __vars() {
      return {
        "--rte-sticky-offset": core.rem(local.stickyOffset)
      };
    }
  }));
});
RichTextEditorToolbar.classes = RichTextEditor_module;
RichTextEditorToolbar.displayName = "@empoleon/tiptap/RichTextEditorToolbar";

exports.RichTextEditorToolbar = RichTextEditorToolbar;
//# sourceMappingURL=RichTextEditorToolbar.cjs.map