@frontify/guideline-blocks-settings 3.0.2 → 3.0.4

package/dist/components/RichTextEditor/plugins/TextStylePlugins/custom3Plugin.es.js

@@ -1,46 +1,40 @@
-import { jsx as m } from "react/jsx-runtime";
-import { Plugin as u, TextStyles as l, MarkupElement as a, createPluginFactory as c, merge as i, alignmentClassnames as p, getColumnBreakClasses as g } from "@frontify/fondue/rte";
-import { BlockStyles as y } from "../styles.es.js";
-const C = "textstyle-custom3-plugin";
-class f extends u {
-  styles = {};
-  constructor({ styles: s = y.custom3, ...e } = {}) {
-    super(l.custom3, {
-      label: "Custom 3",
-      markupElement: new k(),
-      ...e
-    }), this.styles = s;
-  }
-  plugins() {
-    return [x(this.styles)];
-  }
-}
-class k extends a {
-  constructor(s = C, e = n) {
-    super(s, e);
-  }
-}
-const n = ({ element: t, attributes: s, children: e, styles: r }) => {
-  const o = t.align;
-  return /* @__PURE__ */ m(
-    "p",
-    {
-      ...s,
-      className: i([o && p[o], g(t)]),
-      style: r,
-      children: e
-    }
-  );
-}, x = (t) => c({
-  key: l.custom3,
-  isElement: !0,
-  deserializeHtml: {
-    rules: [{ validClassName: l.custom3 }]
-  }
-})({
-  component: (s) => /* @__PURE__ */ m(n, { ...s, styles: t })
-});
-export {
-  f as Custom3Plugin
-};
-//# sourceMappingURL=custom3Plugin.es.js.map
+import { BlockStyles as e } from "../styles.es.js";
+import { jsx as t } from "react/jsx-runtime";
+import { MarkupElement as n, Plugin as r, TextStyles as i, alignmentClassnames as a, createPluginFactory as o, getColumnBreakClasses as s, merge as c } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/TextStylePlugins/custom3Plugin.tsx
+var l = "textstyle-custom3-plugin", u = class extends r {
+	styles = {};
+	constructor({ styles: t = e.custom3, ...n } = {}) {
+		super(i.custom3, {
+			label: "Custom 3",
+			markupElement: new d(),
+			...n
+		}), this.styles = t;
+	}
+	plugins() {
+		return [p(this.styles)];
+	}
+}, d = class extends n {
+	constructor(e = l, t = f) {
+		super(e, t);
+	}
+}, f = ({ element: e, attributes: n, children: r, styles: i }) => {
+	let o = e.align;
+	return /* @__PURE__ */ t("p", {
+		...n,
+		className: c([o && a[o], s(e)]),
+		style: i,
+		children: r
+	});
+}, p = (e) => o({
+	key: i.custom3,
+	isElement: !0,
+	deserializeHtml: { rules: [{ validClassName: i.custom3 }] }
+})({ component: (n) => /* @__PURE__ */ t(f, {
+	...n,
+	styles: e
+}) });
+//#endregion
+export { u as Custom3Plugin };
+
+//# sourceMappingURL=custom3Plugin.es.js.map

package/dist/components/RichTextEditor/plugins/TextStylePlugins/custom3Plugin.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom3Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/custom3Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    type PlateRenderElementProps,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    TextStyles,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles } from '../styles';\n\nconst ID = 'textstyle-custom3-plugin';\n\nexport class Custom3Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.custom3, ...props }: PluginProps = {}) {\n        super(TextStyles.custom3, {\n            label: 'Custom 3',\n            markupElement: new Custom3MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createCustom3Plugin(this.styles)];\n    }\n}\n\nclass Custom3MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Custom3MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Custom3MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <p\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </p>\n    );\n};\n\nconst createCustom3Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.custom3,\n        isElement: true,\n        deserializeHtml: {\n            rules: [{ validClassName: TextStyles.custom3 }],\n        },\n    })({\n        component: (props: PlateRenderElementProps) => <Custom3MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Custom3Plugin","Plugin","styles","BlockStyles","props","TextStyles","Custom3MarkupElement","createCustom3Plugin","MarkupElement","id","node","Custom3MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;AAmBA,MAAMA,IAAK;AAEJ,MAAMC,UAAsBC,EAAO;AAAA,EAC/B,SAAwB,CAAA;AAAA,EAC/B,YAAY,EAAE,QAAAC,IAASC,EAAY,SAAS,GAAGC,EAAA,IAAuB,IAAI;AACtE,UAAMC,EAAW,SAAS;AAAA,MACtB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN,GACD,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACK,EAAoB,KAAK,MAAM,CAAC;AAAA,EAC5C;AACJ;AAEA,MAAMD,UAA6BE,EAAc;AAAA,EAC7C,YAAYC,IAAKV,GAAIW,IAAOC,GAA0B;AAClD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA2B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAZ,QAA0C;AACzG,QAAMa,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOV;AAAA,MAEN,UAAAY;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAsB,CAACL,MACzBkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,gBAAgBA,EAAW,SAAS;AAAA,EAAA;AAEtD,CAAC,EAAE;AAAA,EACC,WAAW,CAACD,wBAAoCO,GAAA,EAA0B,GAAGP,GAAO,QAAAF,EAAA,CAAgB;AACxG,CAAC;"}
+{"version":3,"file":"custom3Plugin.es.js","names":[],"sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/custom3Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    type PlateRenderElementProps,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    TextStyles,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles } from '../styles';\n\nconst ID = 'textstyle-custom3-plugin';\n\nexport class Custom3Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.custom3, ...props }: PluginProps = {}) {\n        super(TextStyles.custom3, {\n            label: 'Custom 3',\n            markupElement: new Custom3MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createCustom3Plugin(this.styles)];\n    }\n}\n\nclass Custom3MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Custom3MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Custom3MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <p\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </p>\n    );\n};\n\nconst createCustom3Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.custom3,\n        isElement: true,\n        deserializeHtml: {\n            rules: [{ validClassName: TextStyles.custom3 }],\n        },\n    })({\n        component: (props: PlateRenderElementProps) => <Custom3MarkupElementNode {...props} styles={styles} />,\n    });\n"],"mappings":";;;;AAmBA,IAAM,IAAK,4BAEE,IAAb,cAAmC,EAAO;CACtC,SAA+B,CAAC;CAChC,YAAY,EAAE,YAAS,EAAY,SAAS,GAAG,MAAuB,CAAC,GAAG;EAMtE,AALA,MAAM,EAAW,SAAS;GACtB,OAAO;GACP,eAAe,IAAI,EAAqB;GACxC,GAAG;EACP,CAAC,GACD,KAAK,SAAS;CAClB;CAEA,UAAyB;EACrB,OAAO,CAAC,EAAoB,KAAK,MAAM,CAAC;CAC5C;AACJ,GAEM,IAAN,cAAmC,EAAc;CAC7C,YAAY,IAAK,GAAI,IAAO,GAA0B;EAClD,MAAM,GAAI,CAAI;CAClB;AACJ,GAEM,KAA4B,EAAE,YAAS,eAAY,aAAU,gBAA0C;CACzG,IAAM,IAAQ,EAAQ;CACtB,OACI,kBAAC,KAAD;EACI,GAAI;EACJ,WAAW,EAAM,CAAC,KAAS,EAAoB,IAAQ,EAAsB,CAAO,CAAC,CAAC;EACtF,OAAO;EAEN;CACF,CAAA;AAEX,GAEM,KAAuB,MACzB,EAAoB;CAChB,KAAK,EAAW;CAChB,WAAW;CACX,iBAAiB,EACb,OAAO,CAAC,EAAE,gBAAgB,EAAW,QAAQ,CAAC,EAClD;AACJ,CAAC,CAAC,CAAC,EACC,YAAY,MAAmC,kBAAC,GAAD;CAA0B,GAAI;CAAe;AAAS,CAAA,EACzG,CAAC"}

package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.es.js

@@ -1,47 +1,41 @@
-import { jsx as a } from "react/jsx-runtime";
-import { Plugin as o, MarkupElement as g, createPluginFactory as m, merge as u, alignmentClassnames as c, getColumnBreakClasses as d } from "@frontify/fondue/rte";
-import { TextStyles as r, BlockStyles as p } from "../styles.es.js";
-const y = "textstyle-heading1-plugin";
-class N extends o {
-  styles = {};
-  constructor({ styles: e = p.heading1, ...n } = {}) {
-    super(r.heading1, {
-      label: "Heading 1",
-      markupElement: new h(),
-      ...n
-    }), this.styles = e;
-  }
-  plugins() {
-    return [k(this.styles)];
-  }
-}
-class h extends g {
-  constructor(e = y, n = s) {
-    super(e, n);
-  }
-}
-const s = ({ element: t, attributes: e, children: n, styles: i }) => {
-  const l = t.align;
-  return /* @__PURE__ */ a(
-    "h1",
-    {
-      ...e,
-      className: u([l && c[l], d(t)]),
-      style: i,
-      children: n
-    }
-  );
-}, k = (t) => m({
-  key: r.heading1,
-  isElement: !0,
-  component: s,
-  deserializeHtml: {
-    rules: [{ validNodeName: ["h1", "H1"] }]
-  }
-})({
-  component: (e) => /* @__PURE__ */ a(s, { ...e, styles: t })
-});
-export {
-  N as Heading1Plugin
-};
-//# sourceMappingURL=heading1Plugin.es.js.map
+import { BlockStyles as e, TextStyles as t } from "../styles.es.js";
+import { jsx as n } from "react/jsx-runtime";
+import { MarkupElement as r, Plugin as i, alignmentClassnames as a, createPluginFactory as o, getColumnBreakClasses as s, merge as c } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.tsx
+var l = "textstyle-heading1-plugin", u = class extends i {
+	styles = {};
+	constructor({ styles: n = e.heading1, ...r } = {}) {
+		super(t.heading1, {
+			label: "Heading 1",
+			markupElement: new d(),
+			...r
+		}), this.styles = n;
+	}
+	plugins() {
+		return [p(this.styles)];
+	}
+}, d = class extends r {
+	constructor(e = l, t = f) {
+		super(e, t);
+	}
+}, f = ({ element: e, attributes: t, children: r, styles: i }) => {
+	let o = e.align;
+	return /* @__PURE__ */ n("h1", {
+		...t,
+		className: c([o && a[o], s(e)]),
+		style: i,
+		children: r
+	});
+}, p = (e) => o({
+	key: t.heading1,
+	isElement: !0,
+	component: f,
+	deserializeHtml: { rules: [{ validNodeName: ["h1", "H1"] }] }
+})({ component: (t) => /* @__PURE__ */ n(f, {
+	...t,
+	styles: e
+}) });
+//#endregion
+export { u as Heading1Plugin };
+
+//# sourceMappingURL=heading1Plugin.es.js.map

package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading1Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    type PlateRenderElementProps,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading1-plugin';\nexport class Heading1Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading1, ...props }: PluginProps = {}) {\n        super(TextStyles.heading1, {\n            label: 'Heading 1',\n            markupElement: new Heading1MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createHeading1Plugin(this.styles)];\n    }\n}\n\nclass Heading1MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading1MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Heading1MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h1\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </h1>\n    );\n};\n\nconst createHeading1Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading1,\n        isElement: true,\n        component: Heading1MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h1', 'H1'] }],\n        },\n    })({\n        component: (props: PlateRenderElementProps) => <Heading1MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Heading1Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading1MarkupElement","createHeading1Plugin","MarkupElement","id","node","Heading1MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;AAkBA,MAAMA,IAAK;AACJ,MAAMC,UAAuBC,EAAO;AAAA,EAChC,SAAwB,CAAA;AAAA,EAC/B,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAA,IAAuB,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN,GACD,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACK,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMD,UAA8BE,EAAc;AAAA,EAC9C,YAAYC,IAAKV,GAAIW,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAZ,QAA0C;AAC1G,QAAMa,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOV;AAAA,MAEN,UAAAY;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACL,MAC1BkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWM;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACP,wBAAoCO,GAAA,EAA2B,GAAGP,GAAO,QAAAF,EAAA,CAAgB;AACzG,CAAC;"}
+{"version":3,"file":"heading1Plugin.es.js","names":[],"sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    type PlateRenderElementProps,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading1-plugin';\nexport class Heading1Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading1, ...props }: PluginProps = {}) {\n        super(TextStyles.heading1, {\n            label: 'Heading 1',\n            markupElement: new Heading1MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createHeading1Plugin(this.styles)];\n    }\n}\n\nclass Heading1MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading1MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Heading1MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h1\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </h1>\n    );\n};\n\nconst createHeading1Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading1,\n        isElement: true,\n        component: Heading1MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h1', 'H1'] }],\n        },\n    })({\n        component: (props: PlateRenderElementProps) => <Heading1MarkupElementNode {...props} styles={styles} />,\n    });\n"],"mappings":";;;;AAkBA,IAAM,IAAK,6BACE,IAAb,cAAoC,EAAO;CACvC,SAA+B,CAAC;CAChC,YAAY,EAAE,YAAS,EAAY,UAAU,GAAG,MAAuB,CAAC,GAAG;EAMvE,AALA,MAAM,EAAW,UAAU;GACvB,OAAO;GACP,eAAe,IAAI,EAAsB;GACzC,GAAG;EACP,CAAC,GACD,KAAK,SAAS;CAClB;CAEA,UAAyB;EACrB,OAAO,CAAC,EAAqB,KAAK,MAAM,CAAC;CAC7C;AACJ,GAEM,IAAN,cAAoC,EAAc;CAC9C,YAAY,IAAK,GAAI,IAAO,GAA2B;EACnD,MAAM,GAAI,CAAI;CAClB;AACJ,GAEM,KAA6B,EAAE,YAAS,eAAY,aAAU,gBAA0C;CAC1G,IAAM,IAAQ,EAAQ;CACtB,OACI,kBAAC,MAAD;EACI,GAAI;EACJ,WAAW,EAAM,CAAC,KAAS,EAAoB,IAAQ,EAAsB,CAAO,CAAC,CAAC;EACtF,OAAO;EAEN;CACD,CAAA;AAEZ,GAEM,KAAwB,MAC1B,EAAoB;CAChB,KAAK,EAAW;CAChB,WAAW;CACX,WAAW;CACX,iBAAiB,EACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,EAAE,CAAC,EAC3C;AACJ,CAAC,CAAC,CAAC,EACC,YAAY,MAAmC,kBAAC,GAAD;CAA2B,GAAI;CAAe;AAAS,CAAA,EAC1G,CAAC"}

package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.es.js

@@ -1,47 +1,41 @@
-import { jsx as a } from "react/jsx-runtime";
-import { Plugin as o, MarkupElement as g, createPluginFactory as m, merge as u, alignmentClassnames as c, getColumnBreakClasses as d } from "@frontify/fondue/rte";
-import { TextStyles as r, BlockStyles as p } from "../styles.es.js";
-const y = "textstyle-heading2-plugin";
-class N extends o {
-  styles = {};
-  constructor({ styles: e = p.heading2, ...n } = {}) {
-    super(r.heading2, {
-      label: "Heading 2",
-      markupElement: new h(),
-      ...n
-    }), this.styles = e;
-  }
-  plugins() {
-    return [k(this.styles)];
-  }
-}
-class h extends g {
-  constructor(e = y, n = s) {
-    super(e, n);
-  }
-}
-const s = ({ element: t, attributes: e, children: n, styles: i }) => {
-  const l = t.align;
-  return /* @__PURE__ */ a(
-    "h2",
-    {
-      ...e,
-      className: u([l && c[l], d(t)]),
-      style: i,
-      children: n
-    }
-  );
-}, k = (t) => m({
-  key: r.heading2,
-  isElement: !0,
-  component: s,
-  deserializeHtml: {
-    rules: [{ validNodeName: ["h2", "H2"] }]
-  }
-})({
-  component: (e) => /* @__PURE__ */ a(s, { ...e, styles: t })
-});
-export {
-  N as Heading2Plugin
-};
-//# sourceMappingURL=heading2Plugin.es.js.map
+import { BlockStyles as e, TextStyles as t } from "../styles.es.js";
+import { jsx as n } from "react/jsx-runtime";
+import { MarkupElement as r, Plugin as i, alignmentClassnames as a, createPluginFactory as o, getColumnBreakClasses as s, merge as c } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.tsx
+var l = "textstyle-heading2-plugin", u = class extends i {
+	styles = {};
+	constructor({ styles: n = e.heading2, ...r } = {}) {
+		super(t.heading2, {
+			label: "Heading 2",
+			markupElement: new d(),
+			...r
+		}), this.styles = n;
+	}
+	plugins() {
+		return [p(this.styles)];
+	}
+}, d = class extends r {
+	constructor(e = l, t = f) {
+		super(e, t);
+	}
+}, f = ({ element: e, attributes: t, children: r, styles: i }) => {
+	let o = e.align;
+	return /* @__PURE__ */ n("h2", {
+		...t,
+		className: c([o && a[o], s(e)]),
+		style: i,
+		children: r
+	});
+}, p = (e) => o({
+	key: t.heading2,
+	isElement: !0,
+	component: f,
+	deserializeHtml: { rules: [{ validNodeName: ["h2", "H2"] }] }
+})({ component: (t) => /* @__PURE__ */ n(f, {
+	...t,
+	styles: e
+}) });
+//#endregion
+export { u as Heading2Plugin };
+
+//# sourceMappingURL=heading2Plugin.es.js.map

package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading2Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading2-plugin';\n\nexport class Heading2Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading2, ...props }: PluginProps = {}) {\n        super(TextStyles.heading2, {\n            label: 'Heading 2',\n            markupElement: new Heading2MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createHeading2Plugin(this.styles)];\n    }\n}\n\nclass Heading2MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading2MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Heading2MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h2\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </h2>\n    );\n};\n\nconst createHeading2Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading2,\n        isElement: true,\n        component: Heading2MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h2', 'H2'] }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Heading2MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Heading2Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading2MarkupElement","createHeading2Plugin","MarkupElement","id","node","Heading2MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAChC,SAAwB,CAAA;AAAA,EAC/B,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAA,IAAuB,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN,GACD,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACK,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMD,UAA8BE,EAAc;AAAA,EAC9C,YAAYC,IAAKV,GAAIW,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAZ,QAA0C;AAC1G,QAAMa,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOV;AAAA,MAEN,UAAAY;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACL,MAC1BkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWM;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACP,wBAAwCO,GAAA,EAA2B,GAAGP,GAAO,QAAAF,EAAA,CAAgB;AAC7G,CAAC;"}
+{"version":3,"file":"heading2Plugin.es.js","names":[],"sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading2-plugin';\n\nexport class Heading2Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading2, ...props }: PluginProps = {}) {\n        super(TextStyles.heading2, {\n            label: 'Heading 2',\n            markupElement: new Heading2MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createHeading2Plugin(this.styles)];\n    }\n}\n\nclass Heading2MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading2MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Heading2MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h2\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </h2>\n    );\n};\n\nconst createHeading2Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading2,\n        isElement: true,\n        component: Heading2MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h2', 'H2'] }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Heading2MarkupElementNode {...props} styles={styles} />,\n    });\n"],"mappings":";;;;AAiBA,IAAM,IAAK,6BAEE,IAAb,cAAoC,EAAO;CACvC,SAA+B,CAAC;CAChC,YAAY,EAAE,YAAS,EAAY,UAAU,GAAG,MAAuB,CAAC,GAAG;EAMvE,AALA,MAAM,EAAW,UAAU;GACvB,OAAO;GACP,eAAe,IAAI,EAAsB;GACzC,GAAG;EACP,CAAC,GACD,KAAK,SAAS;CAClB;CAEA,UAAyB;EACrB,OAAO,CAAC,EAAqB,KAAK,MAAM,CAAC;CAC7C;AACJ,GAEM,IAAN,cAAoC,EAAc;CAC9C,YAAY,IAAK,GAAI,IAAO,GAA2B;EACnD,MAAM,GAAI,CAAI;CAClB;AACJ,GAEM,KAA6B,EAAE,YAAS,eAAY,aAAU,gBAA0C;CAC1G,IAAM,IAAQ,EAAQ;CACtB,OACI,kBAAC,MAAD;EACI,GAAI;EACJ,WAAW,EAAM,CAAC,KAAS,EAAoB,IAAQ,EAAsB,CAAO,CAAC,CAAC;EACtF,OAAO;EAEN;CACD,CAAA;AAEZ,GAEM,KAAwB,MAC1B,EAAoB;CAChB,KAAK,EAAW;CAChB,WAAW;CACX,WAAW;CACX,iBAAiB,EACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,EAAE,CAAC,EAC3C;AACJ,CAAC,CAAC,CAAC,EACC,YAAY,MAAuC,kBAAC,GAAD;CAA2B,GAAI;CAAe;AAAS,CAAA,EAC9G,CAAC"}

package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.es.js

@@ -1,47 +1,41 @@
-import { jsx as a } from "react/jsx-runtime";
-import { Plugin as o, MarkupElement as g, createPluginFactory as m, merge as u, alignmentClassnames as c, getColumnBreakClasses as d } from "@frontify/fondue/rte";
-import { TextStyles as r, BlockStyles as p } from "../styles.es.js";
-const y = "textstyle-heading3-plugin";
-class N extends o {
-  styles = {};
-  constructor({ styles: e = p.heading3, ...n } = {}) {
-    super(r.heading3, {
-      label: "Heading 3",
-      markupElement: new h(),
-      ...n
-    }), this.styles = e;
-  }
-  plugins() {
-    return [k(this.styles)];
-  }
-}
-class h extends g {
-  constructor(e = y, n = s) {
-    super(e, n);
-  }
-}
-const s = ({ element: t, attributes: e, children: n, styles: i }) => {
-  const l = t.align;
-  return /* @__PURE__ */ a(
-    "h3",
-    {
-      ...e,
-      className: u([l && c[l], d(t)]),
-      style: i,
-      children: n
-    }
-  );
-}, k = (t) => m({
-  key: r.heading3,
-  isElement: !0,
-  component: s,
-  deserializeHtml: {
-    rules: [{ validNodeName: ["h3", "H3"] }]
-  }
-})({
-  component: (e) => /* @__PURE__ */ a(s, { ...e, styles: t })
-});
-export {
-  N as Heading3Plugin
-};
-//# sourceMappingURL=heading3Plugin.es.js.map
+import { BlockStyles as e, TextStyles as t } from "../styles.es.js";
+import { jsx as n } from "react/jsx-runtime";
+import { MarkupElement as r, Plugin as i, alignmentClassnames as a, createPluginFactory as o, getColumnBreakClasses as s, merge as c } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.tsx
+var l = "textstyle-heading3-plugin", u = class extends i {
+	styles = {};
+	constructor({ styles: n = e.heading3, ...r } = {}) {
+		super(t.heading3, {
+			label: "Heading 3",
+			markupElement: new d(),
+			...r
+		}), this.styles = n;
+	}
+	plugins() {
+		return [p(this.styles)];
+	}
+}, d = class extends r {
+	constructor(e = l, t = f) {
+		super(e, t);
+	}
+}, f = ({ element: e, attributes: t, children: r, styles: i }) => {
+	let o = e.align;
+	return /* @__PURE__ */ n("h3", {
+		...t,
+		className: c([o && a[o], s(e)]),
+		style: i,
+		children: r
+	});
+}, p = (e) => o({
+	key: t.heading3,
+	isElement: !0,
+	component: f,
+	deserializeHtml: { rules: [{ validNodeName: ["h3", "H3"] }] }
+})({ component: (t) => /* @__PURE__ */ n(f, {
+	...t,
+	styles: e
+}) });
+//#endregion
+export { u as Heading3Plugin };
+
+//# sourceMappingURL=heading3Plugin.es.js.map

package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading3Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading3-plugin';\n\nexport class Heading3Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading3, ...props }: PluginProps = {}) {\n        super(TextStyles.heading3, {\n            label: 'Heading 3',\n            markupElement: new Heading3MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createHeading3Plugin(this.styles)];\n    }\n}\n\nclass Heading3MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading3MarkupElementNode) {\n        super(id, node);\n    }\n}\nconst Heading3MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h3\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </h3>\n    );\n};\n\nconst createHeading3Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading3,\n        isElement: true,\n        component: Heading3MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h3', 'H3'] }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Heading3MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Heading3Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading3MarkupElement","createHeading3Plugin","MarkupElement","id","node","Heading3MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAChC,SAAwB,CAAA;AAAA,EAC/B,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAA,IAAuB,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN,GACD,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACK,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMD,UAA8BE,EAAc;AAAA,EAC9C,YAAYC,IAAKV,GAAIW,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AACA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAZ,QAA0C;AAC1G,QAAMa,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOV;AAAA,MAEN,UAAAY;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACL,MAC1BkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWM;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACP,wBAAwCO,GAAA,EAA2B,GAAGP,GAAO,QAAAF,EAAA,CAAgB;AAC7G,CAAC;"}
+{"version":3,"file":"heading3Plugin.es.js","names":[],"sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading3-plugin';\n\nexport class Heading3Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading3, ...props }: PluginProps = {}) {\n        super(TextStyles.heading3, {\n            label: 'Heading 3',\n            markupElement: new Heading3MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createHeading3Plugin(this.styles)];\n    }\n}\n\nclass Heading3MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading3MarkupElementNode) {\n        super(id, node);\n    }\n}\nconst Heading3MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h3\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </h3>\n    );\n};\n\nconst createHeading3Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading3,\n        isElement: true,\n        component: Heading3MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h3', 'H3'] }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Heading3MarkupElementNode {...props} styles={styles} />,\n    });\n"],"mappings":";;;;AAiBA,IAAM,IAAK,6BAEE,IAAb,cAAoC,EAAO;CACvC,SAA+B,CAAC;CAChC,YAAY,EAAE,YAAS,EAAY,UAAU,GAAG,MAAuB,CAAC,GAAG;EAMvE,AALA,MAAM,EAAW,UAAU;GACvB,OAAO;GACP,eAAe,IAAI,EAAsB;GACzC,GAAG;EACP,CAAC,GACD,KAAK,SAAS;CAClB;CAEA,UAAyB;EACrB,OAAO,CAAC,EAAqB,KAAK,MAAM,CAAC;CAC7C;AACJ,GAEM,IAAN,cAAoC,EAAc;CAC9C,YAAY,IAAK,GAAI,IAAO,GAA2B;EACnD,MAAM,GAAI,CAAI;CAClB;AACJ,GACM,KAA6B,EAAE,YAAS,eAAY,aAAU,gBAA0C;CAC1G,IAAM,IAAQ,EAAQ;CACtB,OACI,kBAAC,MAAD;EACI,GAAI;EACJ,WAAW,EAAM,CAAC,KAAS,EAAoB,IAAQ,EAAsB,CAAO,CAAC,CAAC;EACtF,OAAO;EAEN;CACD,CAAA;AAEZ,GAEM,KAAwB,MAC1B,EAAoB;CAChB,KAAK,EAAW;CAChB,WAAW;CACX,WAAW;CACX,iBAAiB,EACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,EAAE,CAAC,EAC3C;AACJ,CAAC,CAAC,CAAC,EACC,YAAY,MAAuC,kBAAC,GAAD;CAA2B,GAAI;CAAe;AAAS,CAAA,EAC9G,CAAC"}

package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading4Plugin.es.js

@@ -1,47 +1,41 @@
-import { jsx as a } from "react/jsx-runtime";
-import { Plugin as o, MarkupElement as g, createPluginFactory as m, merge as u, alignmentClassnames as c, getColumnBreakClasses as d } from "@frontify/fondue/rte";
-import { TextStyles as r, BlockStyles as p } from "../styles.es.js";
-const y = "textstyle-heading4-plugin";
-class N extends o {
-  styles = {};
-  constructor({ styles: e = p.heading4, ...n } = {}) {
-    super(r.heading4, {
-      label: "Heading 4",
-      markupElement: new h(),
-      ...n
-    }), this.styles = e;
-  }
-  plugins() {
-    return [k(this.styles)];
-  }
-}
-class h extends g {
-  constructor(e = y, n = s) {
-    super(e, n);
-  }
-}
-const s = ({ element: t, attributes: e, children: n, styles: i }) => {
-  const l = t.align;
-  return /* @__PURE__ */ a(
-    "h4",
-    {
-      ...e,
-      className: u([l && c[l], d(t)]),
-      style: i,
-      children: n
-    }
-  );
-}, k = (t) => m({
-  key: r.heading4,
-  isElement: !0,
-  component: s,
-  deserializeHtml: {
-    rules: [{ validNodeName: ["h4", "H4"] }]
-  }
-})({
-  component: (e) => /* @__PURE__ */ a(s, { ...e, styles: t })
-});
-export {
-  N as Heading4Plugin
-};
-//# sourceMappingURL=heading4Plugin.es.js.map
+import { BlockStyles as e, TextStyles as t } from "../styles.es.js";
+import { jsx as n } from "react/jsx-runtime";
+import { MarkupElement as r, Plugin as i, alignmentClassnames as a, createPluginFactory as o, getColumnBreakClasses as s, merge as c } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/TextStylePlugins/heading4Plugin.tsx
+var l = "textstyle-heading4-plugin", u = class extends i {
+	styles = {};
+	constructor({ styles: n = e.heading4, ...r } = {}) {
+		super(t.heading4, {
+			label: "Heading 4",
+			markupElement: new d(),
+			...r
+		}), this.styles = n;
+	}
+	plugins() {
+		return [p(this.styles)];
+	}
+}, d = class extends r {
+	constructor(e = l, t = f) {
+		super(e, t);
+	}
+}, f = ({ element: e, attributes: t, children: r, styles: i }) => {
+	let o = e.align;
+	return /* @__PURE__ */ n("h4", {
+		...t,
+		className: c([o && a[o], s(e)]),
+		style: i,
+		children: r
+	});
+}, p = (e) => o({
+	key: t.heading4,
+	isElement: !0,
+	component: f,
+	deserializeHtml: { rules: [{ validNodeName: ["h4", "H4"] }] }
+})({ component: (t) => /* @__PURE__ */ n(f, {
+	...t,
+	styles: e
+}) });
+//#endregion
+export { u as Heading4Plugin };
+
+//# sourceMappingURL=heading4Plugin.es.js.map

package/dist/components/RichTextEditor/plugins/TextStylePlugins/heading4Plugin.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"heading4Plugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading4Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading4-plugin';\n\nexport class Heading4Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading4, ...props }: PluginProps = {}) {\n        super(TextStyles.heading4, {\n            label: 'Heading 4',\n            markupElement: new Heading4MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createHeading4Plugin(this.styles)];\n    }\n}\n\nclass Heading4MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading4MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Heading4MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h4\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </h4>\n    );\n};\n\nconst createHeading4Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading4,\n        isElement: true,\n        component: Heading4MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h4', 'H4'] }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Heading4MarkupElementNode {...props} styles={styles} />,\n    });\n"],"names":["ID","Heading4Plugin","Plugin","styles","BlockStyles","props","TextStyles","Heading4MarkupElement","createHeading4Plugin","MarkupElement","id","node","Heading4MarkupElementNode","element","attributes","children","align","jsx","merge","alignmentClassnames","getColumnBreakClasses","createPluginFactory"],"mappings":";;;AAiBA,MAAMA,IAAK;AAEJ,MAAMC,UAAuBC,EAAO;AAAA,EAChC,SAAwB,CAAA;AAAA,EAC/B,YAAY,EAAE,QAAAC,IAASC,EAAY,UAAU,GAAGC,EAAA,IAAuB,IAAI;AACvE,UAAMC,EAAW,UAAU;AAAA,MACvB,OAAO;AAAA,MACP,eAAe,IAAIC,EAAA;AAAA,MACnB,GAAGF;AAAA,IAAA,CACN,GACD,KAAK,SAASF;AAAA,EAClB;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACK,EAAqB,KAAK,MAAM,CAAC;AAAA,EAC7C;AACJ;AAEA,MAAMD,UAA8BE,EAAc;AAAA,EAC9C,YAAYC,IAAKV,GAAIW,IAAOC,GAA2B;AACnD,UAAMF,GAAIC,CAAI;AAAA,EAClB;AACJ;AAEA,MAAMC,IAA4B,CAAC,EAAE,SAAAC,GAAS,YAAAC,GAAY,UAAAC,GAAU,QAAAZ,QAA0C;AAC1G,QAAMa,IAAQH,EAAQ;AACtB,SACI,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,WAAWI,EAAM,CAACF,KAASG,EAAoBH,CAAK,GAAGI,EAAsBP,CAAO,CAAC,CAAC;AAAA,MACtF,OAAOV;AAAA,MAEN,UAAAY;AAAA,IAAA;AAAA,EAAA;AAGb,GAEMP,IAAuB,CAACL,MAC1BkB,EAAoB;AAAA,EAChB,KAAKf,EAAW;AAAA,EAChB,WAAW;AAAA,EACX,WAAWM;AAAA,EACX,iBAAiB;AAAA,IACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,GAAG;AAAA,EAAA;AAE/C,CAAC,EAAE;AAAA,EACC,WAAW,CAACP,wBAAwCO,GAAA,EAA2B,GAAGP,GAAO,QAAAF,EAAA,CAAgB;AAC7G,CAAC;"}
+{"version":3,"file":"heading4Plugin.es.js","names":[],"sources":["../../../../../src/components/RichTextEditor/plugins/TextStylePlugins/heading4Plugin.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    MarkupElement,\n    type PlatePlugin,\n    Plugin,\n    type PluginProps,\n    type TextStyleRenderElementProps,\n    alignmentClassnames,\n    createPluginFactory,\n    getColumnBreakClasses,\n    merge,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { BlockStyles, TextStyles } from '../styles';\n\nconst ID = 'textstyle-heading4-plugin';\n\nexport class Heading4Plugin extends Plugin {\n    public styles: CSSProperties = {};\n    constructor({ styles = BlockStyles.heading4, ...props }: PluginProps = {}) {\n        super(TextStyles.heading4, {\n            label: 'Heading 4',\n            markupElement: new Heading4MarkupElement(),\n            ...props,\n        });\n        this.styles = styles;\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createHeading4Plugin(this.styles)];\n    }\n}\n\nclass Heading4MarkupElement extends MarkupElement {\n    constructor(id = ID, node = Heading4MarkupElementNode) {\n        super(id, node);\n    }\n}\n\nconst Heading4MarkupElementNode = ({ element, attributes, children, styles }: TextStyleRenderElementProps) => {\n    const align = element.align as string;\n    return (\n        <h4\n            {...attributes}\n            className={merge([align && alignmentClassnames[align], getColumnBreakClasses(element)])}\n            style={styles}\n        >\n            {children}\n        </h4>\n    );\n};\n\nconst createHeading4Plugin = (styles: CSSProperties) =>\n    createPluginFactory({\n        key: TextStyles.heading4,\n        isElement: true,\n        component: Heading4MarkupElementNode,\n        deserializeHtml: {\n            rules: [{ validNodeName: ['h4', 'H4'] }],\n        },\n    })({\n        component: (props: TextStyleRenderElementProps) => <Heading4MarkupElementNode {...props} styles={styles} />,\n    });\n"],"mappings":";;;;AAiBA,IAAM,IAAK,6BAEE,IAAb,cAAoC,EAAO;CACvC,SAA+B,CAAC;CAChC,YAAY,EAAE,YAAS,EAAY,UAAU,GAAG,MAAuB,CAAC,GAAG;EAMvE,AALA,MAAM,EAAW,UAAU;GACvB,OAAO;GACP,eAAe,IAAI,EAAsB;GACzC,GAAG;EACP,CAAC,GACD,KAAK,SAAS;CAClB;CAEA,UAAyB;EACrB,OAAO,CAAC,EAAqB,KAAK,MAAM,CAAC;CAC7C;AACJ,GAEM,IAAN,cAAoC,EAAc;CAC9C,YAAY,IAAK,GAAI,IAAO,GAA2B;EACnD,MAAM,GAAI,CAAI;CAClB;AACJ,GAEM,KAA6B,EAAE,YAAS,eAAY,aAAU,gBAA0C;CAC1G,IAAM,IAAQ,EAAQ;CACtB,OACI,kBAAC,MAAD;EACI,GAAI;EACJ,WAAW,EAAM,CAAC,KAAS,EAAoB,IAAQ,EAAsB,CAAO,CAAC,CAAC;EACtF,OAAO;EAEN;CACD,CAAA;AAEZ,GAEM,KAAwB,MAC1B,EAAoB;CAChB,KAAK,EAAW;CAChB,WAAW;CACX,WAAW;CACX,iBAAiB,EACb,OAAO,CAAC,EAAE,eAAe,CAAC,MAAM,IAAI,EAAE,CAAC,EAC3C;AACJ,CAAC,CAAC,CAAC,EACC,YAAY,MAAuC,kBAAC,GAAD;CAA2B,GAAI;CAAe;AAAS,CAAA,EAC9G,CAAC"}