@bbl-digital/snorre 4.2.82 → 4.2.83

package/esm/core/QuillEditor/QuillEditor.stories.js

@@ -1,107 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.WithError = exports.Rich = exports.Readonly = exports.Placeholder = exports.MaxlenghtWordCount = exports.InModal = exports.Default = exports.CustomSize = void 0;
-var _ = _interopRequireDefault(require("."));
-var _Modal = _interopRequireDefault(require("../Modal"));
-var _Header = _interopRequireDefault(require("../Header"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  title: 'Core/QuillEditor',
-  component: _.default
-};
-const Default = exports.Default = {
-  render: () => {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      onBlur: html => console.log('blur', html),
-      onFocus: () => console.log('focus'),
-      onChange: (e, length) => console.log(e, length),
-      initialValue: "<p>test</p><br /><br /><br /><p>test</p><p class=\"ql-indent-1\">test</p><p class=\"ql-indent-1\">test</p><br /><p class=\"ql-indent-1\">test</p><p class=\"ql-indent-2\">test</p><br /><p class=\"ql-indent-2\">test</p><p>testtest</p><br /><p>test</p>",
-      width: "500px",
-      pasteAsText: true
-    });
-  },
-  name: 'Default'
-};
-const MaxlenghtWordCount = exports.MaxlenghtWordCount = {
-  render: () => {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      onBlur: html => console.log('blur', html),
-      onFocus: () => console.log('focus'),
-      onChange: (e, length) => console.log(e, length),
-      initialValue: "<p>test</p><br /><br /><br /><p>test</p><p class=\"ql-indent-1\">test</p><p class=\"ql-indent-1\">test</p><br /><p class=\"ql-indent-1\">test</p><p class=\"ql-indent-2\">test</p><br /><p class=\"ql-indent-2\">test</p><p>testtest</p><br /><p>test</p>",
-      width: "500px",
-      maxHeight: "700px",
-      resizable: true,
-      pasteAsText: true,
-      maxlenght: 100,
-      wordCount: true
-    });
-  },
-  name: 'MaxlenghtWordCount'
-};
-const Rich = exports.Rich = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    type: "rich",
-    onChange: e => console.log(e)
-  }),
-  name: 'Rich'
-};
-const Readonly = exports.Readonly = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    resize: true,
-    readOnly: true,
-    initialValue: "Readonly"
-  }),
-  name: 'Readonly'
-};
-const CustomSize = exports.CustomSize = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    height: "500px",
-    width: "500px",
-    onChange: e => console.log(e)
-  }),
-  name: 'Custom size'
-};
-const Placeholder = exports.Placeholder = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    placeholder: "Placeholder",
-    onChange: e => console.log(e)
-  }),
-  name: 'Placeholder'
-};
-const WithError = exports.WithError = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-    invalidMessage: "Memes are not allowed",
-    onChange: e => console.log(e)
-  }),
-  name: 'With error'
-};
-const InModal = exports.InModal = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.default, {
-    open: true,
-    onClose: () => console.log('closed'),
-    header: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Header.default, {
-      level: 3,
-      children: "Her kommer en header"
-    }),
-    actionButton: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
-      children: "Save changes"
-    }),
-    width: "600px",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
-      onBlur: html => console.log('blur', html),
-      onFocus: () => console.log('focus'),
-      maxHeight: "500px",
-      width: "500px",
-      initialValue: `<p><strong>test</strong></p><ol><li data-list="ordered"><span class="ql-ui" contenteditable="false"></span>test</li><li data-list="ordered" style="margin-left: 3em;"><span class="ql-ui" contenteditable="false"></span>test</li></ol><p><br></p><ul><li data-list="bullet"><span class="ql-ui" contenteditable="false"></span>test</li><li data-list="bullet" style="margin-left: 4em;"><span class="ql-ui" contenteditable="false"></span>test</li></ul>`,
-      pasteAsText: true,
-      type: "rich"
-    })
-  }),
-  name: 'In modal'
-};

package/esm/core/QuillEditor/classes/IndentAttributor.js

@@ -1,49 +0,0 @@
-import Quill from 'quill';
-const Parchment = Quill.import('parchment');
-
-// Extend the Parchment StyleAttributor class
-export class IndentAttributor extends Parchment.StyleAttributor {
-  constructor(...args) {
-    super(...args);
-  }
-
-  // Add both class and style functionality
-  add(node, value) {
-    if (value === 0) {
-      this.remove(node);
-      return true;
-    } else {
-      // Add the style as before
-      const result = super.add(node, `${value}em`);
-      // Additionally, add a class based on the indent value
-      this.addClass(node, value);
-      return result;
-    }
-  }
-
-  // Method to add a class based on the indent value
-  addClass(node, value) {
-    // Remove any existing indent-related classes to avoid conflicts
-    this.removeClass(node);
-    const className = `ql-indent-${value}`; // Example class, you can customize the naming convention
-    node.classList.add(className);
-  }
-
-  // Remove any existing indent-related class (to reset)
-  removeClass(node) {
-    // Find and remove any class starting with "indent-"
-    node.classList.forEach(className => {
-      if (className.startsWith('ql-indent-')) {
-        node.classList.remove(className);
-      }
-    });
-  }
-
-  // Override the remove method to handle both styles and classes
-  remove(node) {
-    // Remove the style as before
-    super.remove(node);
-    // Remove any indent-related classes
-    this.removeClass(node);
-  }
-}

package/esm/core/QuillEditor/classes/LinkSanitizer.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CustomLinkSanitizer = void 0;
-var _quill = _interopRequireDefault(require("quill"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Link = _quill.default.import('formats/link');
-Link.PROTOCOL_WHITELIST = ['http', 'https', 'mailto', 'tel', 'radar', 'rdar', 'smb', 'sms'];
-class CustomLinkSanitizer extends Link {
-  static sanitize(url) {
-    // Run default sanitize method from Quill
-    const sanitizedUrl = super.sanitize(url);
-
-    // Not whitelisted URL based on protocol so, let's return `blank`
-    if (!sanitizedUrl || sanitizedUrl === 'about:blank') return sanitizedUrl;
-
-    // Verify if the URL already have a whitelisted protocol
-    const hasWhitelistedProtocol = this.PROTOCOL_WHITELIST.some(function (protocol) {
-      return sanitizedUrl.startsWith(protocol);
-    });
-    if (hasWhitelistedProtocol) return sanitizedUrl;
-
-    // if not, then append only 'http' to not to be a relative URL
-    return `http://${sanitizedUrl}`;
-  }
-}
-exports.CustomLinkSanitizer = CustomLinkSanitizer;

package/esm/core/QuillEditor/classes/ListContainer.js

@@ -1,20 +0,0 @@
-import Quill from 'quill';
-const ListContainer = Quill.import('formats/list-container');
-export class MyListContainer extends ListContainer {
-  static tagName = ['OL', 'UL'];
-  static defaultTag = 'OL';
-  static create(value) {
-    return document.createElement(this.getTag(value));
-  }
-  static getTag(val) {
-    const map = {
-      bullet: 'UL',
-      ordered: 'OL'
-    };
-    return map[val] || this.defaultTag;
-  }
-  checkMerge() {
-    // Only merge if the next list is the same type as this one
-    return super.checkMerge() && this.domNode.tagName === this.next?.domNode.tagName;
-  }
-}

package/esm/core/QuillEditor/classes/ListItem.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _quill = _interopRequireDefault(require("quill"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ListItem = _quill.default.import('formats/list');
-class MyListItem extends ListItem {
-  static create(value) {
-    return super.create(value);
-  }
-  optimize(context) {
-    if (this.statics.requiredContainer && !(this.parent instanceof this.statics.requiredContainer)) {
-      // Insert the format value (bullet, ordered) into wrap arguments
-      this.wrap(this.statics.requiredContainer.blotName, MyListItem.formats(this.domNode));
-    }
-    super.optimize(context);
-  }
-  format(name, value) {
-    // If the list type is different, wrap this list item in a new MyListContainer of that type
-    if (name === ListItem.blotName && value !== MyListItem.formats(this.domNode)) {
-      this.wrap(this.statics.requiredContainer.blotName, value);
-    }
-    super.format(name, value);
-  }
-}
-exports.default = MyListItem;

package/esm/core/QuillEditor/config.js

@@ -1,34 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.richToolbar = exports.basicToolbar = void 0;
-// Toolbar options
-const sizes = [{
-  header: [false, 1, 2, 3, 4, 5, 6]
-}];
-const decorations = ['bold', 'italic', 'underline'];
-const lists = [{
-  list: 'bullet'
-}, {
-  list: 'ordered'
-}, {
-  indent: '+1'
-}, {
-  indent: '-1'
-}];
-const alignments = [{
-  align: ''
-}, {
-  align: 'center'
-}, {
-  align: 'right'
-}, {
-  align: 'justify'
-}];
-const link = 'link';
-// const image = 'image'
-
-const basicToolbar = exports.basicToolbar = [decorations, lists];
-const richToolbar = exports.richToolbar = [sizes, decorations, lists, alignments, [link]];

package/esm/core/QuillEditor/index.js

@@ -1,307 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _quill = _interopRequireDefault(require("quill"));
-var _config = require("./config");
-var _styles = require("./styles");
-var _Text = _interopRequireDefault(require("../Text"));
-var _IconErrorOutline = _interopRequireDefault(require("../../icons/General/IconErrorOutline"));
-var _react2 = require("@emotion/react");
-var _LinkSanitizer = require("./classes/LinkSanitizer");
-var _dompurify = _interopRequireDefault(require("dompurify"));
-require("quill/dist/quill.snow.css");
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /** @jsxImportSource @emotion/react */ // Colors
-_quill.default.register(_quill.default.import('attributors/style/color'), true);
-// Background colors
-_quill.default.register(_quill.default.import('attributors/style/background'), true);
-//Text direction
-_quill.default.register(_quill.default.import('attributors/style/direction'), true);
-//Alignment
-_quill.default.register(_quill.default.import('attributors/style/align'), true);
-// Image
-_quill.default.register('attributors/style/image', true);
-// Video
-_quill.default.register('attributors/style/video', true);
-// Strike
-_quill.default.register('attributors/style/strike', true);
-// Table
-_quill.default.register('attributors/style/table', true);
-// Underline
-_quill.default.register('attributors/style/underline', true);
-// Bold
-_quill.default.register('attributors/style/bold', true);
-// Text sizes
-const Size = _quill.default.import('attributors/style/size');
-Size.whitelist = ['0.75em', '1em', '1.5em', '2.5em'];
-_quill.default.register(Size, true);
-
-// Font
-const Font = _quill.default.import('formats/font');
-Font.whitelist = ['Source Sans Pro', 'sans-serif'];
-_quill.default.register(Font, true);
-_quill.default.register(_LinkSanitizer.CustomLinkSanitizer, true);
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "108zowc",
-  styles: "display:flex;gap:4px;align-items:baseline"
-} : {
-  name: "1jvq0lt-WordCount",
-  styles: "display:flex;gap:4px;align-items:baseline;label:WordCount;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-var _ref2 = process.env.NODE_ENV === "production" ? {
-  name: "1soh0gv",
-  styles: "margin-top:4px"
-} : {
-  name: "14rbig3-QuillEditor",
-  styles: "margin-top:4px;label:QuillEditor;",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-const QuillEditor = ({
-  height,
-  width,
-  maxHeight,
-  minHeight = '150px',
-  maxWidth,
-  minWidth,
-  placeholder,
-  initialValue,
-  overrideValue,
-  label,
-  readOnly = false,
-  maxlenght = 0,
-  wordCount = true,
-  type = 'basic',
-  customModules = {
-    toolbar: _config.basicToolbar
-  },
-  formats = ['header', 'size', 'bold', 'italic', 'underline', 'list', 'indent', 'link', 'image', 'align'],
-  bounds,
-  onChange,
-  onFocus,
-  onBlur,
-  invalidMessage,
-  className,
-  disabled,
-  pasteAsText,
-  resizable
-}) => {
-  const [quill, setQuill] = (0, _react.useState)(null);
-  const isMounted = (0, _react.useRef)(false);
-  const quillRef = (0, _react.useRef)(null);
-  const defaultValueRef = (0, _react.useRef)(initialValue);
-  const editorId = (0, _react.useRef)(new Date().getTime() + (100 * Math.random()).toFixed(0));
-  const [currentLength, setCurrentLength] = (0, _react.useState)(initialValue?.length || 0);
-  const isWordCount = wordCount && maxlenght > 0;
-  const {
-    alert
-  } = (0, _react2.useTheme)();
-  const toolbars = {
-    basic: _config.basicToolbar,
-    rich: _config.richToolbar,
-    custom: customModules.toolbar
-  };
-  const handleBackspaceWithIndentetList = (0, _react.useCallback)((range, _context, quill) => {
-    if (!quill) return true;
-    const [line, offset] = quill.getLine(range.index);
-    const formats = line.formats();
-    if (formats.list && formats.indent) {
-      // Check if we're at the beginning of the line
-      if (range.index === range.index - offset) {
-        // Remove indent
-        const indent = parseInt(formats.indent, 10);
-        quill.format('indent', indent ? indent - 1 : false);
-        quill.format('list', formats.list);
-        return false;
-      } else if (range.length === 0 && offset > 0) {
-        // If there's content and the cursor is not at the beginning,
-        // let Quill handle it normally
-        return true;
-      } else {
-        // Remove indent
-        quill.format('indent', false);
-        quill.format('list', formats.list);
-        return false;
-      }
-    }
-    return true;
-  }, [quill]);
-  const modules = {
-    toolbar: toolbars[type || 'basic'],
-    clipboard: {
-      matchVisual: false,
-      onPaste: e => {
-        if (pasteAsText && quill) {
-          e.preventDefault();
-          const text = e.clipboardData?.getData('text/plain') || '';
-          const range = quill.getSelection();
-          if (range) {
-            quill.insertText(range.index, text);
-          }
-        }
-      }
-    }
-  };
-  const formatOutputHtml = (0, _react.useCallback)(html => {
-    let formattedHtml = html.replace(/<p[^>]*?><\/p>/g, '<br />');
-    formattedHtml = formattedHtml.replace(/&nbsp;/g, ' ');
-    return formattedHtml;
-  }, []);
-  const handleChange = (0, _react.useCallback)(quill => {
-    if (!quill) return;
-    const html = _dompurify.default.sanitize(quill.getSemanticHTML(), {
-      USE_PROFILES: {
-        html: true
-      }
-    });
-    const formattedHtml = formatOutputHtml(html);
-    const length = quill.getLength() - 1;
-    if (length === 0) {
-      setCurrentLength(0);
-    } else {
-      setCurrentLength(formattedHtml.length);
-    }
-    onChange?.(formattedHtml, length);
-  }, [onChange, quill]);
-  const WordCount = () => {
-    return (0, _jsxRuntime.jsxs)("div", {
-      css: _ref,
-      children: [(0, _jsxRuntime.jsxs)(_Text.default, {
-        children: [currentLength, " / ", maxlenght]
-      }), (0, _jsxRuntime.jsxs)(_Text.default, {
-        small: true,
-        color: "textSecondary",
-        children: ["(NB: Formatering er inkludert i maksgrensen)", ' ']
-      })]
-    });
-  };
-  (0, _react.useEffect)(() => {
-    if (isMounted.current) return;
-    quillRef.current = new _quill.default(`#editor${editorId.current}`, {
-      debug: false,
-      theme: 'snow',
-      bounds: bounds || `#editor${editorId.current}`,
-      modules: {
-        ...modules,
-        keyboard: {
-          scrollingContainer: null
-        }
-      },
-      formats,
-      placeholder,
-      readOnly
-    });
-    quillRef.current.keyboard.addBinding({
-      key: 'Backspace'
-    }, {
-      format: {
-        list: true,
-        indent: true
-      }
-    }, (range, context) => {
-      return handleBackspaceWithIndentetList(range, context, quillRef.current);
-    });
-    quillRef.current.root.style.touchAction = 'pan-y';
-    quillRef.current.root.style.overflowY = 'auto';
-    quillRef.current.disable();
-    quillRef.current.enable(true);
-    // Move the last binding in the list, to the top. Ensure that the custom binding is called first.
-    quillRef.current.keyboard.bindings['Backspace'].unshift(quillRef.current.keyboard.bindings['Backspace'].pop());
-    quillRef.current.keyboard.bindings['Tab'].unshift(quillRef.current.keyboard.bindings['Tab'].pop());
-    quillRef.current.keyboard.addBinding({
-      key: 'Escape'
-    }, () => {
-      // Remove focus from editor
-      quillRef.current.blur();
-    });
-    if (defaultValueRef.current) {
-      const delta = quillRef.current.clipboard.convert({
-        html: defaultValueRef.current
-      });
-      const formattedDelta = delta.ops.map(op => {
-        if (op.attributes && op.attributes.indent) {
-          op.attributes.indent = parseInt(op.attributes.indent, 10);
-        }
-        return op;
-      });
-      quillRef.current.setContents(formattedDelta);
-    }
-    if (onFocus || onBlur) {
-      quillRef.current.on(_quill.default.events.SELECTION_CHANGE, (range, oldRange, source) => {
-        const hasFocus = range && !oldRange;
-        const hasBlur = !range && oldRange;
-        if (onFocus && hasFocus) onFocus(quillRef.current.root.innerHTML);
-        if (onBlur && hasBlur) onBlur(quillRef.current.root.innerHTML);
-      });
-    }
-    isMounted.current = true;
-    setQuill(quillRef.current);
-    return () => {
-      quillRef.current = null;
-    };
-  }, [quillRef]);
-  (0, _react.useEffect)(() => {
-    if (!quill) return;
-    quill.on(_quill.default.events.TEXT_CHANGE, () => handleChange(quill));
-  }, [quill, handleChange]);
-  (0, _react.useEffect)(() => {
-    if (!quill) return;
-    quill.clipboard.addMatcher(Node.ELEMENT_NODE, (node, delta) => {
-      if (!pasteAsText) return delta;
-      let ops = [];
-      delta.ops.forEach(op => {
-        if (op.insert && typeof op.insert === 'string') {
-          ops.push({
-            insert: op.insert
-          });
-        }
-      });
-      delta.ops = ops;
-      return delta;
-    });
-  }, [quill, pasteAsText]);
-  (0, _react.useEffect)(() => {
-    if (quill && overrideValue !== undefined) {
-      const currentContent = quill.root.innerHTML;
-      if (currentContent !== overrideValue) {
-        const delta = quill.clipboard.convert({
-          html: overrideValue
-        });
-        quill.setContents(delta);
-      }
-    }
-  }, [quill, overrideValue]);
-  (0, _react.useEffect)(() => {
-    if (quill && (disabled || readOnly)) {
-      quill.enable(false);
-    } else if (quill) {
-      quill.enable(true);
-    }
-  }, [readOnly, quill]);
-  return (0, _jsxRuntime.jsxs)("div", {
-    className: className,
-    css: theme => [_styles.styles.default(theme, maxHeight, minHeight, width, minWidth, maxWidth, height, resizable)],
-    children: [label && (0, _jsxRuntime.jsx)(_styles.Label, {
-      children: label
-    }), (0, _jsxRuntime.jsx)("div", {
-      id: `editor${editorId.current}`
-    }), isWordCount && (0, _jsxRuntime.jsx)("div", {
-      css: _ref2,
-      children: (0, _jsxRuntime.jsx)(WordCount, {})
-    }), invalidMessage && (0, _jsxRuntime.jsx)(_styles.ErrorWrapper, {
-      children: (0, _jsxRuntime.jsxs)(_Text.default, {
-        color: alert,
-        children: [(0, _jsxRuntime.jsx)(_IconErrorOutline.default, {
-          size: "16px",
-          color: alert
-        }), " ", invalidMessage]
-      })
-    })]
-  });
-};
-var _default = exports.default = QuillEditor;

package/esm/core/QuillEditor/models.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/esm/core/QuillEditor/styles.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.styles = exports.Label = exports.ErrorWrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = require("@emotion/react");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const styles = exports.styles = {
-  default: (theme, maxHeight, minHeight, maxWidth, width, minWidth, height, resizable) => /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:column;min-height:", minHeight ? `${minHeight}` : '150px', ";max-height:", maxHeight ? `${maxHeight}` : resizable ? 'auto' : '400px', ";width:", width ? `${width}` : '100%', ";min-width:", minWidth ? `${minWidth}` : !!width ? '100%' : 'unset', ";max-width:", maxWidth ? `${maxWidth}` : '100%', ";height:", height ? `${height}` : 'auto', ";.ql-toolbar{border:1px solid ", theme.border, ";background-color:white;border-radius:3px 3px 0 0;padding-top:0;padding-bottom:0;.ql-formats{margin-right:0;padding:4px;&:not(:first-of-type){border-left:1px solid ", theme.border, ";}button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:3px;svg{height:65%;}&:hover{background:rgb(222, 224, 226);}&.ql-active{background:rgb(200, 203, 207);}}}.ql-picker-label{border-color:transparent!important;}.ql-picker-options{border-radius:3px;padding-left:0;padding-right:0;margin-top:3px!important;.ql-picker-item{padding:4px;&:hover{background:rgb(222, 224, 226);}}}}.ql-container{border:1px solid ", theme.border, ";border-top:none;border-radius:0 0 3px 3px;font-size:16px;}.ql-editor[contenteditable='false']{background-color:#b7b7b77a;}.ql-container{height:auto;min-height:10rem;display:flex;flex-direction:column;}.ql-editor{min-height:10rem;height:", height ? height : 'auto', ";background-color:white;overflow-y:auto;resize:", resizable ? 'vertical' : 'none', ";width:100%;}.ql-snow{.ql-tooltip{padding:8px 12px;color:", theme.defaultText, ";background-color:white;border:1px solid ", theme.border, ";box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.1);border-radius:5px;&::before{content:'URL:'!important;font-size:14px;}input[type='text']{width:200px;border:1px solid ", theme.border, ";border-radius:3px;padding:4px;font-size:14px;outline:none;&::placeholder{content:'https://www.eksempel.no';}}a{line-height:25px;&.ql-action{line-height:22px;}&.ql-action::after,&.ql-remove::before{color:#1657e2;font-size:14px;font-weight:500;text-decoration:underline;}&.ql-action::after{content:'Rediger'!important;}&.ql-remove::before{content:'Fjern'!important;}&.ql-preview{color:#1657e2;font-size:14px;max-width:250px;vertical-align:middle;white-space:nowrap;}}&.ql-editing{input[type='text']{}a.ql-action::after{content:'Lagre'!important;}}&[data-mode='link']::before{content:'URL:'!important;}&[data-mode='formula']::before{content:'Formel:'!important;}&[data-mode='video']::before{content:'video-URL:'!important;}}}" + (process.env.NODE_ENV === "production" ? "" : ";label:default;"))
-};
-const Label = exports.Label = /*#__PURE__*/(0, _base.default)("label", process.env.NODE_ENV === "production" ? {
-  target: "e102ifjr1"
-} : {
-  target: "e102ifjr1",
-  label: "Label"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1ge8ozm",
-  styles: "line-height:22px;font-size:1em;font-weight:600;margin-bottom:4px"
-} : {
-  name: "1ge8ozm",
-  styles: "line-height:22px;font-size:1em;font-weight:600;margin-bottom:4px",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const ErrorWrapper = exports.ErrorWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e102ifjr0"
-} : {
-  target: "e102ifjr0",
-  label: "ErrorWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "mfzkyd",
-  styles: "display:flex;flex-direction:column;margin-top:8px;&>span{display:flex;align-items:center;gap:6px;}"
-} : {
-  name: "mfzkyd",
-  styles: "display:flex;flex-direction:column;margin-top:8px;&>span{display:flex;align-items:center;gap:6px;}",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});