@webiny/lexical-nodes 5.43.2 → 6.0.0-alpha.0

package/FontColorNode.js

@@ -1,169 +1,121 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.$applyStylesToNode = $applyStylesToNode;
-exports.ThemeColorValue = exports.FontColorNode = exports.ADD_FONT_COLOR_COMMAND = exports.$isFontColorNode = exports.$createFontColorNode = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _lexical = require("lexical");
-var ThemeColorValue = exports.ThemeColorValue = /*#__PURE__*/function () {
+import { $getSelection, $isRangeSelection, createCommand, TextNode } from "lexical";
+export class ThemeColorValue {
   // Webiny theme color variable, like color1, color2, etc.
 
   // This can be a HEX value or a CSS variable.
 
-  function ThemeColorValue(value, name) {
-    (0, _classCallCheck2.default)(this, ThemeColorValue);
+  constructor(value, name) {
     this.value = value;
     this.name = name ?? "custom";
   }
-  return (0, _createClass2.default)(ThemeColorValue, [{
-    key: "getValue",
-    value: function getValue() {
-      return this.value;
-    }
-  }, {
-    key: "getName",
-    value: function getName() {
-      return this.name;
-    }
-  }, {
-    key: "updateFromTheme",
-    value: function updateFromTheme(theme) {
-      if (theme?.styles?.colors && this.name !== "custom") {
-        this.value = theme.styles?.colors[this.name];
-      }
+  getValue() {
+    return this.value;
+  }
+  getName() {
+    return this.name;
+  }
+  updateFromTheme(theme) {
+    if (theme?.styles?.colors && this.name !== "custom") {
+      this.value = theme.styles?.colors[this.name];
     }
-  }]);
-}();
-var ADD_FONT_COLOR_COMMAND = exports.ADD_FONT_COLOR_COMMAND = (0, _lexical.createCommand)("ADD_FONT_COLOR_COMMAND");
-var FontColorNodeAttrName = "data-theme-font-color-name";
+  }
+}
+export const ADD_FONT_COLOR_COMMAND = createCommand("ADD_FONT_COLOR_COMMAND");
+const FontColorNodeAttrName = "data-theme-font-color-name";
 /**
  * Main responsibility of this node is to apply custom or Webiny theme color to selected text.
  * Extends the original TextNode node to add additional transformation and support for webiny theme font color.
  */
-var FontColorNode = exports.FontColorNode = /*#__PURE__*/function (_TextNode) {
-  function FontColorNode(text, color, key) {
-    var _this;
-    (0, _classCallCheck2.default)(this, FontColorNode);
-    _this = (0, _callSuper2.default)(this, FontColorNode, [text, key]);
-    _this.__color = color;
-    return _this;
+export class FontColorNode extends TextNode {
+  constructor(text, color, key) {
+    super(text, key);
+    this.__color = color;
   }
-  (0, _inherits2.default)(FontColorNode, _TextNode);
-  return (0, _createClass2.default)(FontColorNode, [{
-    key: "splitText",
-    value: function splitText() {
-      var _this2 = this;
-      for (var _len = arguments.length, splitOffsets = new Array(_len), _key = 0; _key < _len; _key++) {
-        splitOffsets[_key] = arguments[_key];
+  static getType() {
+    return "font-color-node";
+  }
+  static clone(node) {
+    return new FontColorNode(node.__text, node.__color, node.__key);
+  }
+  static importJSON(serializedNode) {
+    const node = new FontColorNode(serializedNode.text, new ThemeColorValue(serializedNode.color, serializedNode.themeColor));
+    node.setTextContent(serializedNode.text);
+    node.setFormat(serializedNode.format);
+    node.setDetail(serializedNode.detail);
+    node.setMode(serializedNode.mode);
+    node.setStyle(serializedNode.style);
+    return node;
+  }
+  splitText(...splitOffsets) {
+    const newNodes = super.splitText(...splitOffsets);
+    const selection = $getSelection();
+
+    // After splitting, we need to re-apply styling to the new TextNodes.
+    const fontColorNodes = newNodes.map(node => {
+      if (node instanceof FontColorNode) {
+        return node;
       }
-      var newNodes = (0, _superPropGet2.default)(FontColorNode, "splitText", this, 3)(splitOffsets);
-      var selection = (0, _lexical.$getSelection)();
+      const fontColorNode = $createFontColorNode(node.getTextContent(), this.__color);
+      $applyStylesToNode(fontColorNode, this);
+      const newNode = node.replace(fontColorNode);
 
-      // After splitting, we need to re-apply styling to the new TextNodes.
-      var fontColorNodes = newNodes.map(function (node) {
-        if (node instanceof FontColorNode) {
-          return node;
+      // Since we're replacing the existing node, we need to update the selection keys.
+      // This is very important to not break the editor functionality!
+      if ($isRangeSelection(selection)) {
+        const anchor = selection.anchor;
+        const focus = selection.focus;
+        if (anchor.key === node.getKey()) {
+          anchor.key = newNode.getKey();
         }
-        var fontColorNode = $createFontColorNode(node.getTextContent(), _this2.__color);
-        $applyStylesToNode(fontColorNode, _this2);
-        var newNode = node.replace(fontColorNode);
-
-        // Since we're replacing the existing node, we need to update the selection keys.
-        // This is very important to not break the editor functionality!
-        if ((0, _lexical.$isRangeSelection)(selection)) {
-          var anchor = selection.anchor;
-          var focus = selection.focus;
-          if (anchor.key === node.getKey()) {
-            anchor.key = newNode.getKey();
-          }
-          if (focus.key === node.getKey()) {
-            focus.key = newNode.getKey();
-          }
+        if (focus.key === node.getKey()) {
+          focus.key = newNode.getKey();
         }
-        return newNode;
-      });
-      return fontColorNodes;
-    }
-  }, {
-    key: "exportJSON",
-    value: function exportJSON() {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _superPropGet2.default)(FontColorNode, "exportJSON", this, 3)([])), {}, {
-        themeColor: this.__color.getName(),
-        color: this.__color.getValue(),
-        type: "font-color-node",
-        version: 1
-      });
-    }
-  }, {
-    key: "addColorValueToHTMLElement",
-    value: function addColorValueToHTMLElement(element, theme) {
-      // Update color from webiny theme
-      this.__color.updateFromTheme(theme);
-      element.setAttribute(FontColorNodeAttrName, this.__color.getName());
-      element.style.color = this.__color.getValue();
-      return element;
-    }
-  }, {
-    key: "updateDOM",
-    value: function updateDOM(prevNode, dom, config) {
-      var isUpdated = (0, _superPropGet2.default)(FontColorNode, "updateDOM", this, 3)([prevNode, dom, config]);
-      this.__color.updateFromTheme(config.theme);
-      dom.setAttribute(FontColorNodeAttrName, this.__color.getName());
-      dom.style.color = this.__color.getValue();
-      return isUpdated;
-    }
-  }, {
-    key: "getColorStyle",
-    value: function getColorStyle() {
-      return {
-        color: this.__color.getValue(),
-        themeColor: this.__color.getName()
-      };
-    }
-  }, {
-    key: "createDOM",
-    value: function createDOM(config) {
-      var element = (0, _superPropGet2.default)(FontColorNode, "createDOM", this, 3)([config]);
-      return this.addColorValueToHTMLElement(element, config.theme);
-    }
-  }], [{
-    key: "getType",
-    value: function getType() {
-      return "font-color-node";
-    }
-  }, {
-    key: "clone",
-    value: function clone(node) {
-      return new FontColorNode(node.__text, node.__color, node.__key);
-    }
-  }, {
-    key: "importJSON",
-    value: function importJSON(serializedNode) {
-      var node = new FontColorNode(serializedNode.text, new ThemeColorValue(serializedNode.color, serializedNode.themeColor));
-      node.setTextContent(serializedNode.text);
-      node.setFormat(serializedNode.format);
-      node.setDetail(serializedNode.detail);
-      node.setMode(serializedNode.mode);
-      node.setStyle(serializedNode.style);
-      return node;
-    }
-  }]);
-}(_lexical.TextNode);
-var $createFontColorNode = exports.$createFontColorNode = function $createFontColorNode(text, color) {
+      }
+      return newNode;
+    });
+    return fontColorNodes;
+  }
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      themeColor: this.__color.getName(),
+      color: this.__color.getValue(),
+      type: "font-color-node",
+      version: 1
+    };
+  }
+  addColorValueToHTMLElement(element, theme) {
+    // Update color from webiny theme
+    this.__color.updateFromTheme(theme);
+    element.setAttribute(FontColorNodeAttrName, this.__color.getName());
+    element.style.color = this.__color.getValue();
+    return element;
+  }
+  updateDOM(prevNode, dom, config) {
+    const isUpdated = super.updateDOM(prevNode, dom, config);
+    this.__color.updateFromTheme(config.theme);
+    dom.setAttribute(FontColorNodeAttrName, this.__color.getName());
+    dom.style.color = this.__color.getValue();
+    return isUpdated;
+  }
+  getColorStyle() {
+    return {
+      color: this.__color.getValue(),
+      themeColor: this.__color.getName()
+    };
+  }
+  createDOM(config) {
+    const element = super.createDOM(config);
+    return this.addColorValueToHTMLElement(element, config.theme);
+  }
+}
+export const $createFontColorNode = (text, color) => {
   return new FontColorNode(text, color);
 };
-var $isFontColorNode = exports.$isFontColorNode = function $isFontColorNode(node) {
+export const $isFontColorNode = node => {
   return node instanceof FontColorNode;
 };
-function $applyStylesToNode(node, source) {
+export function $applyStylesToNode(node, source) {
   node.setFormat(source.getFormat());
   node.setStyle(source.getStyle());
 }

package/FontColorNode.js.map

@@ -1 +1 @@
-{"version":3,"names":["_lexical","require","ThemeColorValue","exports","value","name","_classCallCheck2","default","_createClass2","key","getValue","getName","updateFromTheme","theme","styles","colors","ADD_FONT_COLOR_COMMAND","createCommand","FontColorNodeAttrName","FontColorNode","_TextNode","text","color","_this","_callSuper2","__color","_inherits2","splitText","_this2","_len","arguments","length","splitOffsets","Array","_key","newNodes","_superPropGet2","selection","$getSelection","fontColorNodes","map","node","fontColorNode","$createFontColorNode","getTextContent","$applyStylesToNode","newNode","replace","$isRangeSelection","anchor","focus","getKey","exportJSON","_objectSpread2","themeColor","type","version","addColorValueToHTMLElement","element","setAttribute","style","updateDOM","prevNode","dom","config","isUpdated","getColorStyle","createDOM","getType","clone","__text","__key","importJSON","serializedNode","setTextContent","setFormat","format","setDetail","detail","setMode","mode","setStyle","TextNode","$isFontColorNode","source","getFormat","getStyle"],"sources":["FontColorNode.ts"],"sourcesContent":["import {\n    $getSelection,\n    $isRangeSelection,\n    createCommand,\n    EditorConfig,\n    LexicalNode,\n    SerializedTextNode,\n    Spread,\n    TextNode\n} from \"lexical\";\nimport { EditorTheme } from \"@webiny/lexical-theme\";\n\nexport class ThemeColorValue {\n    // Webiny theme color variable, like color1, color2, etc.\n    private readonly name: string;\n    // This can be a HEX value or a CSS variable.\n    private value: string;\n\n    constructor(value: string, name?: string) {\n        this.value = value;\n        this.name = name ?? \"custom\";\n    }\n\n    getValue() {\n        return this.value;\n    }\n\n    getName() {\n        return this.name;\n    }\n\n    updateFromTheme(theme: EditorTheme) {\n        if (theme?.styles?.colors && this.name !== \"custom\") {\n            this.value = theme.styles?.colors[this.name];\n        }\n    }\n}\n\nexport const ADD_FONT_COLOR_COMMAND = createCommand<FontColorPayload>(\"ADD_FONT_COLOR_COMMAND\");\n\nconst FontColorNodeAttrName = \"data-theme-font-color-name\";\n\nexport interface FontColorPayload {\n    color: ThemeColorValue;\n}\n\nexport type SerializedFontColorNode = Spread<\n    {\n        themeColor: string;\n        color: string;\n        type: \"font-color-node\";\n        version: 1;\n    },\n    SerializedTextNode\n>;\n\n/**\n * Main responsibility of this node is to apply custom or Webiny theme color to selected text.\n * Extends the original TextNode node to add additional transformation and support for webiny theme font color.\n */\nexport class FontColorNode extends TextNode {\n    private readonly __color: ThemeColorValue;\n\n    constructor(text: string, color: ThemeColorValue, key?: string) {\n        super(text, key);\n        this.__color = color;\n    }\n\n    static override getType(): string {\n        return \"font-color-node\";\n    }\n\n    static override clone(node: FontColorNode): FontColorNode {\n        return new FontColorNode(node.__text, node.__color, node.__key);\n    }\n\n    static override importJSON(serializedNode: SerializedFontColorNode): TextNode {\n        const node = new FontColorNode(\n            serializedNode.text,\n            new ThemeColorValue(serializedNode.color, serializedNode.themeColor)\n        );\n        node.setTextContent(serializedNode.text);\n        node.setFormat(serializedNode.format);\n        node.setDetail(serializedNode.detail);\n        node.setMode(serializedNode.mode);\n        node.setStyle(serializedNode.style);\n        return node;\n    }\n\n    override splitText(...splitOffsets: Array<number>): Array<FontColorNode> {\n        const newNodes = super.splitText(...splitOffsets);\n\n        const selection = $getSelection();\n\n        // After splitting, we need to re-apply styling to the new TextNodes.\n        const fontColorNodes = newNodes.map(node => {\n            if (node instanceof FontColorNode) {\n                return node;\n            }\n\n            const fontColorNode = $createFontColorNode(node.getTextContent(), this.__color);\n            $applyStylesToNode(fontColorNode, this);\n\n            const newNode = node.replace(fontColorNode);\n\n            // Since we're replacing the existing node, we need to update the selection keys.\n            // This is very important to not break the editor functionality!\n            if ($isRangeSelection(selection)) {\n                const anchor = selection.anchor;\n                const focus = selection.focus;\n\n                if (anchor.key === node.getKey()) {\n                    anchor.key = newNode.getKey();\n                }\n\n                if (focus.key === node.getKey()) {\n                    focus.key = newNode.getKey();\n                }\n            }\n\n            return newNode;\n        });\n\n        return fontColorNodes as Array<FontColorNode>;\n    }\n\n    override exportJSON(): SerializedFontColorNode {\n        return {\n            ...super.exportJSON(),\n            themeColor: this.__color.getName(),\n            color: this.__color.getValue(),\n            type: \"font-color-node\",\n            version: 1\n        };\n    }\n\n    private addColorValueToHTMLElement(element: HTMLElement, theme: EditorTheme): HTMLElement {\n        // Update color from webiny theme\n        this.__color.updateFromTheme(theme);\n        element.setAttribute(FontColorNodeAttrName, this.__color.getName());\n        element.style.color = this.__color.getValue();\n        return element;\n    }\n\n    override updateDOM(prevNode: this, dom: HTMLElement, config: EditorConfig): boolean {\n        const isUpdated = super.updateDOM(prevNode, dom, config);\n        this.__color.updateFromTheme(config.theme as EditorTheme);\n\n        dom.setAttribute(FontColorNodeAttrName, this.__color.getName());\n        dom.style.color = this.__color.getValue();\n        return isUpdated;\n    }\n\n    getColorStyle() {\n        return {\n            color: this.__color.getValue(),\n            themeColor: this.__color.getName()\n        };\n    }\n\n    override createDOM(config: EditorConfig): HTMLElement {\n        const element = super.createDOM(config);\n        return this.addColorValueToHTMLElement(element, config.theme as EditorTheme);\n    }\n}\n\nexport const $createFontColorNode = (text: string, color: ThemeColorValue): FontColorNode => {\n    return new FontColorNode(text, color);\n};\n\nexport const $isFontColorNode = (node: LexicalNode): node is FontColorNode => {\n    return node instanceof FontColorNode;\n};\n\nexport function $applyStylesToNode(node: TextNode, source: TextNode) {\n    node.setFormat(source.getFormat());\n    node.setStyle(source.getStyle());\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AASiB,IAGJC,eAAe,GAAAC,OAAA,CAAAD,eAAA;EACxB;;EAEA;;EAGA,SAAAA,gBAAYE,KAAa,EAAEC,IAAa,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAL,eAAA;IACtC,IAAI,CAACE,KAAK,GAAGA,KAAK;IAClB,IAAI,CAACC,IAAI,GAAGA,IAAI,IAAI,QAAQ;EAChC;EAAC,WAAAG,aAAA,CAAAD,OAAA,EAAAL,eAAA;IAAAO,GAAA;IAAAL,KAAA,EAED,SAAAM,QAAQA,CAAA,EAAG;MACP,OAAO,IAAI,CAACN,KAAK;IACrB;EAAC;IAAAK,GAAA;IAAAL,KAAA,EAED,SAAAO,OAAOA,CAAA,EAAG;MACN,OAAO,IAAI,CAACN,IAAI;IACpB;EAAC;IAAAI,GAAA;IAAAL,KAAA,EAED,SAAAQ,eAAeA,CAACC,KAAkB,EAAE;MAChC,IAAIA,KAAK,EAAEC,MAAM,EAAEC,MAAM,IAAI,IAAI,CAACV,IAAI,KAAK,QAAQ,EAAE;QACjD,IAAI,CAACD,KAAK,GAAGS,KAAK,CAACC,MAAM,EAAEC,MAAM,CAAC,IAAI,CAACV,IAAI,CAAC;MAChD;IACJ;EAAC;AAAA;AAGE,IAAMW,sBAAsB,GAAAb,OAAA,CAAAa,sBAAA,GAAG,IAAAC,sBAAa,EAAmB,wBAAwB,CAAC;AAE/F,IAAMC,qBAAqB,GAAG,4BAA4B;AAgB1D;AACA;AACA;AACA;AAHA,IAIaC,aAAa,GAAAhB,OAAA,CAAAgB,aAAA,0BAAAC,SAAA;EAGtB,SAAAD,cAAYE,IAAY,EAAEC,KAAsB,EAAEb,GAAY,EAAE;IAAA,IAAAc,KAAA;IAAA,IAAAjB,gBAAA,CAAAC,OAAA,QAAAY,aAAA;IAC5DI,KAAA,OAAAC,WAAA,CAAAjB,OAAA,QAAAY,aAAA,GAAME,IAAI,EAAEZ,GAAG;IACfc,KAAA,CAAKE,OAAO,GAAGH,KAAK;IAAC,OAAAC,KAAA;EACzB;EAAC,IAAAG,UAAA,CAAAnB,OAAA,EAAAY,aAAA,EAAAC,SAAA;EAAA,WAAAZ,aAAA,CAAAD,OAAA,EAAAY,aAAA;IAAAV,GAAA;IAAAL,KAAA,EAuBD,SAASuB,SAASA,CAAA,EAAuD;MAAA,IAAAC,MAAA;MAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAnDC,YAAY,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;QAAZF,YAAY,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;MAAA;MAC9B,IAAMC,QAAQ,OAAAC,cAAA,CAAA7B,OAAA,EAAAY,aAAA,wBAAsBa,YAAY,CAAC;MAEjD,IAAMK,SAAS,GAAG,IAAAC,sBAAa,EAAC,CAAC;;MAEjC;MACA,IAAMC,cAAc,GAAGJ,QAAQ,CAACK,GAAG,CAAC,UAAAC,IAAI,EAAI;QACxC,IAAIA,IAAI,YAAYtB,aAAa,EAAE;UAC/B,OAAOsB,IAAI;QACf;QAEA,IAAMC,aAAa,GAAGC,oBAAoB,CAACF,IAAI,CAACG,cAAc,CAAC,CAAC,EAAEhB,MAAI,CAACH,OAAO,CAAC;QAC/EoB,kBAAkB,CAACH,aAAa,EAAEd,MAAI,CAAC;QAEvC,IAAMkB,OAAO,GAAGL,IAAI,CAACM,OAAO,CAACL,aAAa,CAAC;;QAE3C;QACA;QACA,IAAI,IAAAM,0BAAiB,EAACX,SAAS,CAAC,EAAE;UAC9B,IAAMY,MAAM,GAAGZ,SAAS,CAACY,MAAM;UAC/B,IAAMC,KAAK,GAAGb,SAAS,CAACa,KAAK;UAE7B,IAAID,MAAM,CAACxC,GAAG,KAAKgC,IAAI,CAACU,MAAM,CAAC,CAAC,EAAE;YAC9BF,MAAM,CAACxC,GAAG,GAAGqC,OAAO,CAACK,MAAM,CAAC,CAAC;UACjC;UAEA,IAAID,KAAK,CAACzC,GAAG,KAAKgC,IAAI,CAACU,MAAM,CAAC,CAAC,EAAE;YAC7BD,KAAK,CAACzC,GAAG,GAAGqC,OAAO,CAACK,MAAM,CAAC,CAAC;UAChC;QACJ;QAEA,OAAOL,OAAO;MAClB,CAAC,CAAC;MAEF,OAAOP,cAAc;IACzB;EAAC;IAAA9B,GAAA;IAAAL,KAAA,EAED,SAASgD,UAAUA,CAAA,EAA4B;MAC3C,WAAAC,cAAA,CAAA9C,OAAA,MAAA8C,cAAA,CAAA9C,OAAA,UAAA6B,cAAA,CAAA7B,OAAA,EAAAY,aAAA;QAEImC,UAAU,EAAE,IAAI,CAAC7B,OAAO,CAACd,OAAO,CAAC,CAAC;QAClCW,KAAK,EAAE,IAAI,CAACG,OAAO,CAACf,QAAQ,CAAC,CAAC;QAC9B6C,IAAI,EAAE,iBAAiB;QACvBC,OAAO,EAAE;MAAC;IAElB;EAAC;IAAA/C,GAAA;IAAAL,KAAA,EAED,SAAQqD,0BAA0BA,CAACC,OAAoB,EAAE7C,KAAkB,EAAe;MACtF;MACA,IAAI,CAACY,OAAO,CAACb,eAAe,CAACC,KAAK,CAAC;MACnC6C,OAAO,CAACC,YAAY,CAACzC,qBAAqB,EAAE,IAAI,CAACO,OAAO,CAACd,OAAO,CAAC,CAAC,CAAC;MACnE+C,OAAO,CAACE,KAAK,CAACtC,KAAK,GAAG,IAAI,CAACG,OAAO,CAACf,QAAQ,CAAC,CAAC;MAC7C,OAAOgD,OAAO;IAClB;EAAC;IAAAjD,GAAA;IAAAL,KAAA,EAED,SAASyD,SAASA,CAACC,QAAc,EAAEC,GAAgB,EAAEC,MAAoB,EAAW;MAChF,IAAMC,SAAS,OAAA7B,cAAA,CAAA7B,OAAA,EAAAY,aAAA,yBAAmB2C,QAAQ,EAAEC,GAAG,EAAEC,MAAM,EAAC;MACxD,IAAI,CAACvC,OAAO,CAACb,eAAe,CAACoD,MAAM,CAACnD,KAAoB,CAAC;MAEzDkD,GAAG,CAACJ,YAAY,CAACzC,qBAAqB,EAAE,IAAI,CAACO,OAAO,CAACd,OAAO,CAAC,CAAC,CAAC;MAC/DoD,GAAG,CAACH,KAAK,CAACtC,KAAK,GAAG,IAAI,CAACG,OAAO,CAACf,QAAQ,CAAC,CAAC;MACzC,OAAOuD,SAAS;IACpB;EAAC;IAAAxD,GAAA;IAAAL,KAAA,EAED,SAAA8D,aAAaA,CAAA,EAAG;MACZ,OAAO;QACH5C,KAAK,EAAE,IAAI,CAACG,OAAO,CAACf,QAAQ,CAAC,CAAC;QAC9B4C,UAAU,EAAE,IAAI,CAAC7B,OAAO,CAACd,OAAO,CAAC;MACrC,CAAC;IACL;EAAC;IAAAF,GAAA;IAAAL,KAAA,EAED,SAAS+D,SAASA,CAACH,MAAoB,EAAe;MAClD,IAAMN,OAAO,OAAAtB,cAAA,CAAA7B,OAAA,EAAAY,aAAA,yBAAmB6C,MAAM,EAAC;MACvC,OAAO,IAAI,CAACP,0BAA0B,CAACC,OAAO,EAAEM,MAAM,CAACnD,KAAoB,CAAC;IAChF;EAAC;IAAAJ,GAAA;IAAAL,KAAA,EA/FD,SAAgBgE,OAAOA,CAAA,EAAW;MAC9B,OAAO,iBAAiB;IAC5B;EAAC;IAAA3D,GAAA;IAAAL,KAAA,EAED,SAAgBiE,KAAKA,CAAC5B,IAAmB,EAAiB;MACtD,OAAO,IAAItB,aAAa,CAACsB,IAAI,CAAC6B,MAAM,EAAE7B,IAAI,CAAChB,OAAO,EAAEgB,IAAI,CAAC8B,KAAK,CAAC;IACnE;EAAC;IAAA9D,GAAA;IAAAL,KAAA,EAED,SAAgBoE,UAAUA,CAACC,cAAuC,EAAY;MAC1E,IAAMhC,IAAI,GAAG,IAAItB,aAAa,CAC1BsD,cAAc,CAACpD,IAAI,EACnB,IAAInB,eAAe,CAACuE,cAAc,CAACnD,KAAK,EAAEmD,cAAc,CAACnB,UAAU,CACvE,CAAC;MACDb,IAAI,CAACiC,cAAc,CAACD,cAAc,CAACpD,IAAI,CAAC;MACxCoB,IAAI,CAACkC,SAAS,CAACF,cAAc,CAACG,MAAM,CAAC;MACrCnC,IAAI,CAACoC,SAAS,CAACJ,cAAc,CAACK,MAAM,CAAC;MACrCrC,IAAI,CAACsC,OAAO,CAACN,cAAc,CAACO,IAAI,CAAC;MACjCvC,IAAI,CAACwC,QAAQ,CAACR,cAAc,CAACb,KAAK,CAAC;MACnC,OAAOnB,IAAI;IACf;EAAC;AAAA,EA3B8ByC,iBAAQ;AA0GpC,IAAMvC,oBAAoB,GAAAxC,OAAA,CAAAwC,oBAAA,GAAG,SAAvBA,oBAAoBA,CAAItB,IAAY,EAAEC,KAAsB,EAAoB;EACzF,OAAO,IAAIH,aAAa,CAACE,IAAI,EAAEC,KAAK,CAAC;AACzC,CAAC;AAEM,IAAM6D,gBAAgB,GAAAhF,OAAA,CAAAgF,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAI1C,IAAiB,EAA4B;EAC1E,OAAOA,IAAI,YAAYtB,aAAa;AACxC,CAAC;AAEM,SAAS0B,kBAAkBA,CAACJ,IAAc,EAAE2C,MAAgB,EAAE;EACjE3C,IAAI,CAACkC,SAAS,CAACS,MAAM,CAACC,SAAS,CAAC,CAAC,CAAC;EAClC5C,IAAI,CAACwC,QAAQ,CAACG,MAAM,CAACE,QAAQ,CAAC,CAAC,CAAC;AACpC","ignoreList":[]}
+{"version":3,"names":["$getSelection","$isRangeSelection","createCommand","TextNode","ThemeColorValue","constructor","value","name","getValue","getName","updateFromTheme","theme","styles","colors","ADD_FONT_COLOR_COMMAND","FontColorNodeAttrName","FontColorNode","text","color","key","__color","getType","clone","node","__text","__key","importJSON","serializedNode","themeColor","setTextContent","setFormat","format","setDetail","detail","setMode","mode","setStyle","style","splitText","splitOffsets","newNodes","selection","fontColorNodes","map","fontColorNode","$createFontColorNode","getTextContent","$applyStylesToNode","newNode","replace","anchor","focus","getKey","exportJSON","type","version","addColorValueToHTMLElement","element","setAttribute","updateDOM","prevNode","dom","config","isUpdated","getColorStyle","createDOM","$isFontColorNode","source","getFormat","getStyle"],"sources":["FontColorNode.ts"],"sourcesContent":["import {\n    $getSelection,\n    $isRangeSelection,\n    createCommand,\n    EditorConfig,\n    LexicalNode,\n    SerializedTextNode,\n    Spread,\n    TextNode\n} from \"lexical\";\nimport { EditorTheme } from \"@webiny/lexical-theme\";\n\nexport class ThemeColorValue {\n    // Webiny theme color variable, like color1, color2, etc.\n    private readonly name: string;\n    // This can be a HEX value or a CSS variable.\n    private value: string;\n\n    constructor(value: string, name?: string) {\n        this.value = value;\n        this.name = name ?? \"custom\";\n    }\n\n    getValue() {\n        return this.value;\n    }\n\n    getName() {\n        return this.name;\n    }\n\n    updateFromTheme(theme: EditorTheme) {\n        if (theme?.styles?.colors && this.name !== \"custom\") {\n            this.value = theme.styles?.colors[this.name];\n        }\n    }\n}\n\nexport const ADD_FONT_COLOR_COMMAND = createCommand<FontColorPayload>(\"ADD_FONT_COLOR_COMMAND\");\n\nconst FontColorNodeAttrName = \"data-theme-font-color-name\";\n\nexport interface FontColorPayload {\n    color: ThemeColorValue;\n}\n\nexport type SerializedFontColorNode = Spread<\n    {\n        themeColor: string;\n        color: string;\n        type: \"font-color-node\";\n        version: 1;\n    },\n    SerializedTextNode\n>;\n\n/**\n * Main responsibility of this node is to apply custom or Webiny theme color to selected text.\n * Extends the original TextNode node to add additional transformation and support for webiny theme font color.\n */\nexport class FontColorNode extends TextNode {\n    private readonly __color: ThemeColorValue;\n\n    constructor(text: string, color: ThemeColorValue, key?: string) {\n        super(text, key);\n        this.__color = color;\n    }\n\n    static override getType(): string {\n        return \"font-color-node\";\n    }\n\n    static override clone(node: FontColorNode): FontColorNode {\n        return new FontColorNode(node.__text, node.__color, node.__key);\n    }\n\n    static override importJSON(serializedNode: SerializedFontColorNode): TextNode {\n        const node = new FontColorNode(\n            serializedNode.text,\n            new ThemeColorValue(serializedNode.color, serializedNode.themeColor)\n        );\n        node.setTextContent(serializedNode.text);\n        node.setFormat(serializedNode.format);\n        node.setDetail(serializedNode.detail);\n        node.setMode(serializedNode.mode);\n        node.setStyle(serializedNode.style);\n        return node;\n    }\n\n    override splitText(...splitOffsets: Array<number>): Array<FontColorNode> {\n        const newNodes = super.splitText(...splitOffsets);\n\n        const selection = $getSelection();\n\n        // After splitting, we need to re-apply styling to the new TextNodes.\n        const fontColorNodes = newNodes.map(node => {\n            if (node instanceof FontColorNode) {\n                return node;\n            }\n\n            const fontColorNode = $createFontColorNode(node.getTextContent(), this.__color);\n            $applyStylesToNode(fontColorNode, this);\n\n            const newNode = node.replace(fontColorNode);\n\n            // Since we're replacing the existing node, we need to update the selection keys.\n            // This is very important to not break the editor functionality!\n            if ($isRangeSelection(selection)) {\n                const anchor = selection.anchor;\n                const focus = selection.focus;\n\n                if (anchor.key === node.getKey()) {\n                    anchor.key = newNode.getKey();\n                }\n\n                if (focus.key === node.getKey()) {\n                    focus.key = newNode.getKey();\n                }\n            }\n\n            return newNode;\n        });\n\n        return fontColorNodes as Array<FontColorNode>;\n    }\n\n    override exportJSON(): SerializedFontColorNode {\n        return {\n            ...super.exportJSON(),\n            themeColor: this.__color.getName(),\n            color: this.__color.getValue(),\n            type: \"font-color-node\",\n            version: 1\n        };\n    }\n\n    private addColorValueToHTMLElement(element: HTMLElement, theme: EditorTheme): HTMLElement {\n        // Update color from webiny theme\n        this.__color.updateFromTheme(theme);\n        element.setAttribute(FontColorNodeAttrName, this.__color.getName());\n        element.style.color = this.__color.getValue();\n        return element;\n    }\n\n    override updateDOM(prevNode: this, dom: HTMLElement, config: EditorConfig): boolean {\n        const isUpdated = super.updateDOM(prevNode, dom, config);\n        this.__color.updateFromTheme(config.theme as EditorTheme);\n\n        dom.setAttribute(FontColorNodeAttrName, this.__color.getName());\n        dom.style.color = this.__color.getValue();\n        return isUpdated;\n    }\n\n    getColorStyle() {\n        return {\n            color: this.__color.getValue(),\n            themeColor: this.__color.getName()\n        };\n    }\n\n    override createDOM(config: EditorConfig): HTMLElement {\n        const element = super.createDOM(config);\n        return this.addColorValueToHTMLElement(element, config.theme as EditorTheme);\n    }\n}\n\nexport const $createFontColorNode = (text: string, color: ThemeColorValue): FontColorNode => {\n    return new FontColorNode(text, color);\n};\n\nexport const $isFontColorNode = (node: LexicalNode): node is FontColorNode => {\n    return node instanceof FontColorNode;\n};\n\nexport function $applyStylesToNode(node: TextNode, source: TextNode) {\n    node.setFormat(source.getFormat());\n    node.setStyle(source.getStyle());\n}\n"],"mappings":"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","ignoreList":[]}

package/HeadingNode.js

@@ -1,165 +1,113 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.$createHeadingNode = $createHeadingNode;
-exports.$isHeadingNode = $isHeadingNode;
-exports.HeadingNode = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _lexical = require("lexical");
-var _utils = require("@lexical/utils");
-var _richText = require("@lexical/rich-text");
-var _lexicalTheme = require("@webiny/lexical-theme");
-var HeadingNode = exports.HeadingNode = /*#__PURE__*/function (_BaseHeadingNode) {
-  function HeadingNode(tag, typographyStyleId, key) {
-    var _this;
-    (0, _classCallCheck2.default)(this, HeadingNode);
-    _this = (0, _callSuper2.default)(this, HeadingNode, [tag, key]);
-    (0, _defineProperty2.default)(_this, "__styles", []);
+import { $applyNodeReplacement } from "lexical";
+import { addClassNamesToElement } from "@lexical/utils";
+import { HeadingNode as BaseHeadingNode } from "@lexical/rich-text";
+import { findTypographyStyleByHtmlTag } from "@webiny/lexical-theme";
+export class HeadingNode extends BaseHeadingNode {
+  __styles = [];
+  constructor(tag, typographyStyleId, key) {
+    super(tag, key);
     if (typographyStyleId) {
-      _this.__styles.push({
+      this.__styles.push({
         styleId: typographyStyleId,
         type: "typography"
       });
     }
-    return _this;
   }
-  (0, _inherits2.default)(HeadingNode, _BaseHeadingNode);
-  return (0, _createClass2.default)(HeadingNode, [{
-    key: "setDefaultTypography",
-    value: function setDefaultTypography(themeEmotionMap) {
-      var typographyStyle = (0, _lexicalTheme.findTypographyStyleByHtmlTag)(this.__tag, themeEmotionMap);
-      if (typographyStyle) {
-        this.__styles.push({
-          styleId: typographyStyle.id,
-          type: "typography"
-        });
-      }
-    }
-  }, {
-    key: "getTypographyStyleId",
-    value: function getTypographyStyleId() {
-      var style = this.__styles.find(function (x) {
-        return x.type === "typography";
+  setDefaultTypography(themeEmotionMap) {
+    const typographyStyle = findTypographyStyleByHtmlTag(this.__tag, themeEmotionMap);
+    if (typographyStyle) {
+      this.__styles.push({
+        styleId: typographyStyle.id,
+        type: "typography"
       });
-      return style?.styleId || undefined;
     }
-  }, {
-    key: "hasTypographyStyle",
-    value: function hasTypographyStyle() {
-      return !!this.getTypographyStyleId();
-    }
-  }, {
-    key: "getThemeStyles",
-    value: function getThemeStyles() {
-      var self = (0, _superPropGet2.default)(HeadingNode, "getLatest", this, 3)([]);
-      return self.__styles;
+  }
+  getTypographyStyleId() {
+    const style = this.__styles.find(x => x.type === "typography");
+    return style?.styleId || undefined;
+  }
+  hasTypographyStyle() {
+    return !!this.getTypographyStyleId();
+  }
+  getThemeStyles() {
+    const self = super.getLatest();
+    return self.__styles;
+  }
+  setThemeStyles(styles) {
+    const self = super.getWritable();
+    self.__styles = [...styles];
+    return self;
+  }
+  static getType() {
+    return "heading-element";
+  }
+  static clone(node) {
+    return new HeadingNode(node.getTag(), node.getTypographyStyleId(), node.__key);
+  }
+  updateElementWithThemeClasses(element, theme) {
+    if (!theme?.emotionMap) {
+      return element;
     }
-  }, {
-    key: "setThemeStyles",
-    value: function setThemeStyles(styles) {
-      var self = (0, _superPropGet2.default)(HeadingNode, "getWritable", this, 3)([]);
-      self.__styles = (0, _toConsumableArray2.default)(styles);
-      return self;
+    if (!this.hasTypographyStyle()) {
+      this.setDefaultTypography(theme.emotionMap);
     }
-  }, {
-    key: "updateElementWithThemeClasses",
-    value: function updateElementWithThemeClasses(element, theme) {
-      if (!theme?.emotionMap) {
-        return element;
-      }
-      if (!this.hasTypographyStyle()) {
-        this.setDefaultTypography(theme.emotionMap);
-      }
-      var typoStyleId = this.getTypographyStyleId();
-      var themeClasses;
+    const typoStyleId = this.getTypographyStyleId();
+    let themeClasses;
 
-      // Typography css class
-      if (typoStyleId) {
-        var typographyStyle = theme.emotionMap[typoStyleId];
-        if (typographyStyle) {
-          themeClasses = typographyStyle.className;
-        }
-      }
-      if (themeClasses) {
-        (0, _utils.addClassNamesToElement)(element, themeClasses);
+    // Typography css class
+    if (typoStyleId) {
+      const typographyStyle = theme.emotionMap[typoStyleId];
+      if (typographyStyle) {
+        themeClasses = typographyStyle.className;
       }
-      return element;
     }
-  }, {
-    key: "createDOM",
-    value: function createDOM(config) {
-      var element = (0, _superPropGet2.default)(HeadingNode, "createDOM", this, 3)([config]);
-      return this.updateElementWithThemeClasses(element, config.theme);
-    }
-  }, {
-    key: "exportJSON",
-    value: function exportJSON() {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _superPropGet2.default)(HeadingNode, "exportJSON", this, 3)([])), {}, {
-        styles: this.__styles,
-        type: "heading-element",
-        version: 1
-      });
+    if (themeClasses) {
+      addClassNamesToElement(element, themeClasses);
     }
+    return element;
+  }
+  createDOM(config) {
+    const element = super.createDOM(config);
+    return this.updateElementWithThemeClasses(element, config.theme);
+  }
+  static importJSON(serializedNode) {
+    const node = $createHeadingNode(serializedNode.tag);
+    node.setFormat(serializedNode.format);
+    node.setIndent(serializedNode.indent);
+    node.setDirection(serializedNode.direction);
+    node.setThemeStyles(serializedNode.styles);
+    return node;
+  }
+  exportJSON() {
+    return {
+      ...super.exportJSON(),
+      styles: this.__styles,
+      type: "heading-element",
+      version: 1
+    };
+  }
 
-    // Mutation
-  }, {
-    key: "insertNewAfter",
-    value: function insertNewAfter(selection) {
-      var restoreSelection = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-      // Next line for headings are always headings with the same tag
-      var newElement = $createHeadingNode(this.getTag());
-      var direction = this.getDirection();
-      newElement.setDirection(direction);
-      this.insertAfter(newElement, restoreSelection);
-      return newElement;
-    }
-  }, {
-    key: "collapseAtStart",
-    value: function collapseAtStart() {
-      var newElement = $createHeadingNode(this.getTag());
-      var children = this.getChildren();
-      children.forEach(function (child) {
-        return newElement.append(child);
-      });
-      this.replace(newElement);
-      return true;
-    }
-  }], [{
-    key: "getType",
-    value: function getType() {
-      return "heading-element";
-    }
-  }, {
-    key: "clone",
-    value: function clone(node) {
-      return new HeadingNode(node.getTag(), node.getTypographyStyleId(), node.__key);
-    }
-  }, {
-    key: "importJSON",
-    value: function importJSON(serializedNode) {
-      var node = $createHeadingNode(serializedNode.tag);
-      node.setFormat(serializedNode.format);
-      node.setIndent(serializedNode.indent);
-      node.setDirection(serializedNode.direction);
-      node.setThemeStyles(serializedNode.styles);
-      return node;
-    }
-  }]);
-}(_richText.HeadingNode);
-function $createHeadingNode(tag, typographyStyleId) {
-  return (0, _lexical.$applyNodeReplacement)(new HeadingNode(tag, typographyStyleId));
+  // Mutation
+  insertNewAfter(selection, restoreSelection = true) {
+    // Next line for headings are always headings with the same tag
+    const newElement = $createHeadingNode(this.getTag());
+    const direction = this.getDirection();
+    newElement.setDirection(direction);
+    this.insertAfter(newElement, restoreSelection);
+    return newElement;
+  }
+  collapseAtStart() {
+    const newElement = $createHeadingNode(this.getTag());
+    const children = this.getChildren();
+    children.forEach(child => newElement.append(child));
+    this.replace(newElement);
+    return true;
+  }
+}
+export function $createHeadingNode(tag, typographyStyleId) {
+  return $applyNodeReplacement(new HeadingNode(tag, typographyStyleId));
 }
-function $isHeadingNode(node) {
+export function $isHeadingNode(node) {
   return node instanceof HeadingNode;
 }
 

package/HeadingNode.js.map

@@ -1 +1 @@
-{"version":3,"names":["_lexical","require","_utils","_richText","_lexicalTheme","HeadingNode","exports","_BaseHeadingNode","tag","typographyStyleId","key","_this","_classCallCheck2","default","_callSuper2","_defineProperty2","__styles","push","styleId","type","_inherits2","_createClass2","value","setDefaultTypography","themeEmotionMap","typographyStyle","findTypographyStyleByHtmlTag","__tag","id","getTypographyStyleId","style","find","x","undefined","hasTypographyStyle","getThemeStyles","self","_superPropGet2","setThemeStyles","styles","_toConsumableArray2","updateElementWithThemeClasses","element","theme","emotionMap","typoStyleId","themeClasses","className","addClassNamesToElement","createDOM","config","exportJSON","_objectSpread2","version","insertNewAfter","selection","restoreSelection","arguments","length","newElement","$createHeadingNode","getTag","direction","getDirection","setDirection","insertAfter","collapseAtStart","children","getChildren","forEach","child","append","replace","getType","clone","node","__key","importJSON","serializedNode","setFormat","format","setIndent","indent","BaseHeadingNode","$applyNodeReplacement","$isHeadingNode"],"sources":["HeadingNode.ts"],"sourcesContent":["import {\n    EditorConfig,\n    $applyNodeReplacement,\n    LexicalNode,\n    NodeKey,\n    RangeSelection,\n    Spread\n} from \"lexical\";\nimport { addClassNamesToElement } from \"@lexical/utils\";\nimport {\n    HeadingNode as BaseHeadingNode,\n    HeadingTagType,\n    SerializedHeadingNode as BaseSerializedHeadingNode\n} from \"@lexical/rich-text\";\nimport { EditorTheme, ThemeEmotionMap, findTypographyStyleByHtmlTag } from \"@webiny/lexical-theme\";\nimport { ParagraphNode } from \"~/ParagraphNode\";\nimport { TypographyStylesNode, ThemeStyleValue, TextNodeThemeStyles } from \"~/types\";\n\nexport type SerializeHeadingNode = Spread<\n    {\n        styles: ThemeStyleValue[];\n        type: \"heading-element\";\n    },\n    BaseSerializedHeadingNode\n>;\n\nexport class HeadingNode\n    extends BaseHeadingNode\n    implements TextNodeThemeStyles, TypographyStylesNode\n{\n    __styles: ThemeStyleValue[] = [];\n\n    constructor(tag: HeadingTagType, typographyStyleId?: string, key?: NodeKey) {\n        super(tag, key);\n\n        if (typographyStyleId) {\n            this.__styles.push({ styleId: typographyStyleId, type: \"typography\" });\n        }\n    }\n\n    private setDefaultTypography(themeEmotionMap: ThemeEmotionMap) {\n        const typographyStyle = findTypographyStyleByHtmlTag(this.__tag, themeEmotionMap);\n        if (typographyStyle) {\n            this.__styles.push({ styleId: typographyStyle.id, type: \"typography\" });\n        }\n    }\n\n    getTypographyStyleId(): string | undefined {\n        const style = this.__styles.find(x => x.type === \"typography\");\n        return style?.styleId || undefined;\n    }\n\n    private hasTypographyStyle(): boolean {\n        return !!this.getTypographyStyleId();\n    }\n\n    getThemeStyles(): ThemeStyleValue[] {\n        const self = super.getLatest();\n        return self.__styles;\n    }\n\n    setThemeStyles(styles: ThemeStyleValue[]) {\n        const self = super.getWritable();\n        self.__styles = [...styles];\n        return self;\n    }\n\n    static override getType(): string {\n        return \"heading-element\";\n    }\n\n    static override clone(node: HeadingNode): HeadingNode {\n        return new HeadingNode(node.getTag(), node.getTypographyStyleId(), node.__key);\n    }\n\n    protected updateElementWithThemeClasses(element: HTMLElement, theme: EditorTheme): HTMLElement {\n        if (!theme?.emotionMap) {\n            return element;\n        }\n\n        if (!this.hasTypographyStyle()) {\n            this.setDefaultTypography(theme.emotionMap);\n        }\n\n        const typoStyleId = this.getTypographyStyleId();\n\n        let themeClasses;\n\n        // Typography css class\n        if (typoStyleId) {\n            const typographyStyle = theme.emotionMap[typoStyleId];\n            if (typographyStyle) {\n                themeClasses = typographyStyle.className;\n            }\n        }\n\n        if (themeClasses) {\n            addClassNamesToElement(element, themeClasses);\n        }\n\n        return element;\n    }\n\n    override createDOM(config: EditorConfig): HTMLElement {\n        const element = super.createDOM(config);\n        return this.updateElementWithThemeClasses(element, config.theme as EditorTheme);\n    }\n\n    static override importJSON(serializedNode: SerializeHeadingNode): BaseHeadingNode {\n        const node = $createHeadingNode(serializedNode.tag);\n        node.setFormat(serializedNode.format);\n        node.setIndent(serializedNode.indent);\n        node.setDirection(serializedNode.direction);\n        node.setThemeStyles(serializedNode.styles);\n        return node;\n    }\n\n    override exportJSON(): SerializeHeadingNode {\n        return {\n            ...super.exportJSON(),\n            styles: this.__styles,\n            type: \"heading-element\",\n            version: 1\n        };\n    }\n\n    // Mutation\n    override insertNewAfter(\n        selection?: RangeSelection,\n        restoreSelection = true\n    ): ParagraphNode | HeadingNode {\n        // Next line for headings are always headings with the same tag\n        const newElement = $createHeadingNode(this.getTag());\n        const direction = this.getDirection();\n        newElement.setDirection(direction);\n        this.insertAfter(newElement, restoreSelection);\n        return newElement;\n    }\n\n    override collapseAtStart(): true {\n        const newElement = $createHeadingNode(this.getTag());\n        const children = this.getChildren();\n        children.forEach(child => newElement.append(child));\n        this.replace(newElement);\n        return true;\n    }\n}\n\nexport function $createHeadingNode(tag: HeadingTagType, typographyStyleId?: string): HeadingNode {\n    return $applyNodeReplacement(new HeadingNode(tag, typographyStyleId));\n}\n\nexport function $isHeadingNode(node: LexicalNode | null | undefined): node is HeadingNode {\n    return node instanceof HeadingNode;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["$applyNodeReplacement","addClassNamesToElement","HeadingNode","BaseHeadingNode","findTypographyStyleByHtmlTag","__styles","constructor","tag","typographyStyleId","key","push","styleId","type","setDefaultTypography","themeEmotionMap","typographyStyle","__tag","id","getTypographyStyleId","style","find","x","undefined","hasTypographyStyle","getThemeStyles","self","getLatest","setThemeStyles","styles","getWritable","getType","clone","node","getTag","__key","updateElementWithThemeClasses","element","theme","emotionMap","typoStyleId","themeClasses","className","createDOM","config","importJSON","serializedNode","$createHeadingNode","setFormat","format","setIndent","indent","setDirection","direction","exportJSON","version","insertNewAfter","selection","restoreSelection","newElement","getDirection","insertAfter","collapseAtStart","children","getChildren","forEach","child","append","replace","$isHeadingNode"],"sources":["HeadingNode.ts"],"sourcesContent":["import {\n    EditorConfig,\n    $applyNodeReplacement,\n    LexicalNode,\n    NodeKey,\n    RangeSelection,\n    Spread\n} from \"lexical\";\nimport { addClassNamesToElement } from \"@lexical/utils\";\nimport {\n    HeadingNode as BaseHeadingNode,\n    HeadingTagType,\n    SerializedHeadingNode as BaseSerializedHeadingNode\n} from \"@lexical/rich-text\";\nimport { EditorTheme, ThemeEmotionMap, findTypographyStyleByHtmlTag } from \"@webiny/lexical-theme\";\nimport { ParagraphNode } from \"~/ParagraphNode\";\nimport { TypographyStylesNode, ThemeStyleValue, TextNodeThemeStyles } from \"~/types\";\n\nexport type SerializeHeadingNode = Spread<\n    {\n        styles: ThemeStyleValue[];\n        type: \"heading-element\";\n    },\n    BaseSerializedHeadingNode\n>;\n\nexport class HeadingNode\n    extends BaseHeadingNode\n    implements TextNodeThemeStyles, TypographyStylesNode\n{\n    __styles: ThemeStyleValue[] = [];\n\n    constructor(tag: HeadingTagType, typographyStyleId?: string, key?: NodeKey) {\n        super(tag, key);\n\n        if (typographyStyleId) {\n            this.__styles.push({ styleId: typographyStyleId, type: \"typography\" });\n        }\n    }\n\n    private setDefaultTypography(themeEmotionMap: ThemeEmotionMap) {\n        const typographyStyle = findTypographyStyleByHtmlTag(this.__tag, themeEmotionMap);\n        if (typographyStyle) {\n            this.__styles.push({ styleId: typographyStyle.id, type: \"typography\" });\n        }\n    }\n\n    getTypographyStyleId(): string | undefined {\n        const style = this.__styles.find(x => x.type === \"typography\");\n        return style?.styleId || undefined;\n    }\n\n    private hasTypographyStyle(): boolean {\n        return !!this.getTypographyStyleId();\n    }\n\n    getThemeStyles(): ThemeStyleValue[] {\n        const self = super.getLatest();\n        return self.__styles;\n    }\n\n    setThemeStyles(styles: ThemeStyleValue[]) {\n        const self = super.getWritable();\n        self.__styles = [...styles];\n        return self;\n    }\n\n    static override getType(): string {\n        return \"heading-element\";\n    }\n\n    static override clone(node: HeadingNode): HeadingNode {\n        return new HeadingNode(node.getTag(), node.getTypographyStyleId(), node.__key);\n    }\n\n    protected updateElementWithThemeClasses(element: HTMLElement, theme: EditorTheme): HTMLElement {\n        if (!theme?.emotionMap) {\n            return element;\n        }\n\n        if (!this.hasTypographyStyle()) {\n            this.setDefaultTypography(theme.emotionMap);\n        }\n\n        const typoStyleId = this.getTypographyStyleId();\n\n        let themeClasses;\n\n        // Typography css class\n        if (typoStyleId) {\n            const typographyStyle = theme.emotionMap[typoStyleId];\n            if (typographyStyle) {\n                themeClasses = typographyStyle.className;\n            }\n        }\n\n        if (themeClasses) {\n            addClassNamesToElement(element, themeClasses);\n        }\n\n        return element;\n    }\n\n    override createDOM(config: EditorConfig): HTMLElement {\n        const element = super.createDOM(config);\n        return this.updateElementWithThemeClasses(element, config.theme as EditorTheme);\n    }\n\n    static override importJSON(serializedNode: SerializeHeadingNode): BaseHeadingNode {\n        const node = $createHeadingNode(serializedNode.tag);\n        node.setFormat(serializedNode.format);\n        node.setIndent(serializedNode.indent);\n        node.setDirection(serializedNode.direction);\n        node.setThemeStyles(serializedNode.styles);\n        return node;\n    }\n\n    override exportJSON(): SerializeHeadingNode {\n        return {\n            ...super.exportJSON(),\n            styles: this.__styles,\n            type: \"heading-element\",\n            version: 1\n        };\n    }\n\n    // Mutation\n    override insertNewAfter(\n        selection?: RangeSelection,\n        restoreSelection = true\n    ): ParagraphNode | HeadingNode {\n        // Next line for headings are always headings with the same tag\n        const newElement = $createHeadingNode(this.getTag());\n        const direction = this.getDirection();\n        newElement.setDirection(direction);\n        this.insertAfter(newElement, restoreSelection);\n        return newElement;\n    }\n\n    override collapseAtStart(): true {\n        const newElement = $createHeadingNode(this.getTag());\n        const children = this.getChildren();\n        children.forEach(child => newElement.append(child));\n        this.replace(newElement);\n        return true;\n    }\n}\n\nexport function $createHeadingNode(tag: HeadingTagType, typographyStyleId?: string): HeadingNode {\n    return $applyNodeReplacement(new HeadingNode(tag, typographyStyleId));\n}\n\nexport function $isHeadingNode(node: LexicalNode | null | undefined): node is HeadingNode {\n    return node instanceof HeadingNode;\n}\n"],"mappings":"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","ignoreList":[]}