@frontify/guideline-blocks-settings 3.0.1 → 3.0.3

package/dist/components/RichTextEditor/plugins/ButtonPlugin/utils/styles.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/utils/styles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type CSSProperties } from 'react';\n\nconst DefaultButtonStyles: CSSProperties = {\n    marginTop: '10px',\n    marginBottom: '10px',\n    display: 'inline-block',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    maxWidth: '100%',\n    verticalAlign: 'middle',\n    boxSizing: 'border-box',\n    overflowWrap: 'normal',\n};\n\nexport const BlockButtonStyles: Record<string, CSSProperties & { hover?: CSSProperties }> = {\n    buttonPrimary: {\n        ...DefaultButtonStyles,\n        fontFamily: 'var(--f-theme-settings-button-primary-font-family)',\n        fontSize: 'var(--f-theme-settings-button-primary-font-size)',\n        fontWeight: 'var(--f-theme-settings-button-primary-font-weight)',\n        lineHeight: 'var(--f-theme-settings-button-primary-line-height)',\n        paddingTop: 'var(--f-theme-settings-button-primary-padding-top)',\n        paddingRight: 'var(--f-theme-settings-button-primary-padding-right)',\n        paddingBottom: 'var(--f-theme-settings-button-primary-padding-bottom)',\n        paddingLeft: 'var(--f-theme-settings-button-primary-padding-left)',\n        fontStyle: 'var(--f-theme-settings-button-primary-font-style)',\n        textTransform: 'var(--f-theme-settings-button-primary-text-transform)' as CSSProperties['textTransform'],\n        backgroundColor: 'var(--f-theme-settings-button-primary-background-color)',\n        borderColor: 'var(--f-theme-settings-button-primary-border-color)',\n        borderRadius: 'var(--f-theme-settings-button-primary-border-radius)',\n        borderWidth: 'var(--f-theme-settings-button-primary-border-width)',\n        color: 'var(--f-theme-settings-button-primary-color)',\n\n        hover: {\n            backgroundColor: 'var(--f-theme-settings-button-primary-background-color-hover)',\n            borderColor: 'var(--f-theme-settings-button-primary-border-color-hover)',\n            color: 'var(--f-theme-settings-button-primary-color-hover)',\n        },\n    },\n\n    buttonSecondary: {\n        ...DefaultButtonStyles,\n        fontFamily: 'var(--f-theme-settings-button-secondary-font-family)',\n        fontSize: 'var(--f-theme-settings-button-secondary-font-size)',\n        fontWeight: 'var(--f-theme-settings-button-secondary-font-weight)',\n        lineHeight: 'var(--f-theme-settings-button-secondary-line-height)',\n        paddingTop: 'var(--f-theme-settings-button-secondary-padding-top)',\n        paddingRight: 'var(--f-theme-settings-button-secondary-padding-right)',\n        paddingBottom: 'var(--f-theme-settings-button-secondary-padding-bottom)',\n        paddingLeft: 'var(--f-theme-settings-button-secondary-padding-left)',\n        fontStyle: 'var(--f-theme-settings-button-secondary-font-style)',\n        textTransform: 'var(--f-theme-settings-button-secondary-text-transform)' as CSSProperties['textTransform'],\n        backgroundColor: 'var(--f-theme-settings-button-secondary-background-color)',\n        borderColor: 'var(--f-theme-settings-button-secondary-border-color)',\n        borderRadius: 'var(--f-theme-settings-button-secondary-border-radius)',\n        borderWidth: 'var(--f-theme-settings-button-secondary-border-width)',\n        color: 'var(--f-theme-settings-button-secondary-color)',\n        hover: {\n            backgroundColor: 'var(--f-theme-settings-button-secondary-background-color-hover)',\n            borderColor: 'var(--f-theme-settings-button-secondary-border-color-hover)',\n            color: 'var(--f-theme-settings-button-secondary-color-hover)',\n        },\n    },\n\n    buttonTertiary: {\n        ...DefaultButtonStyles,\n        fontFamily: 'var(--f-theme-settings-button-tertiary-font-family)',\n        fontSize: 'var(--f-theme-settings-button-tertiary-font-size)',\n        fontWeight: 'var(--f-theme-settings-button-tertiary-font-weight)',\n        lineHeight: 'var(--f-theme-settings-button-tertiary-line-height)',\n        paddingTop: 'var(--f-theme-settings-button-tertiary-padding-top)',\n        paddingRight: 'var(--f-theme-settings-button-tertiary-padding-right)',\n        paddingBottom: 'var(--f-theme-settings-button-tertiary-padding-bottom)',\n        paddingLeft: 'var(--f-theme-settings-button-tertiary-padding-left)',\n        fontStyle: 'var(--f-theme-settings-button-tertiary-font-style)',\n        textTransform: 'var(--f-theme-settings-button-tertiary-text-transform)' as CSSProperties['textTransform'],\n        backgroundColor: 'var(--f-theme-settings-button-tertiary-background-color)',\n        borderColor: 'var(--f-theme-settings-button-tertiary-border-color)',\n        borderRadius: 'var(--f-theme-settings-button-tertiary-border-radius)',\n        borderWidth: 'var(--f-theme-settings-button-tertiary-border-width)',\n        color: 'var(--f-theme-settings-button-tertiary-color)',\n        hover: {\n            backgroundColor: 'var(--f-theme-settings-button-tertiary-background-color-hover)',\n            borderColor: 'var(--f-theme-settings-button-tertiary-border-color-hover)',\n            color: 'var(--f-theme-settings-button-tertiary-color-hover)',\n        },\n    },\n};\n"],"names":["DefaultButtonStyles","BlockButtonStyles"],"mappings":"AAIA,MAAMA,IAAqC;AAAA,EACvC,WAAW;AAAA,EACX,cAAc;AAAA,EACd,SAAS;AAAA,EACT,UAAU;AAAA,EACV,cAAc;AAAA,EACd,UAAU;AAAA,EACV,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc;AAClB,GAEaC,IAA+E;AAAA,EACxF,eAAe;AAAA,IACX,GAAGD;AAAA,IACH,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,WAAW;AAAA,IACX,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,aAAa;AAAA,IACb,cAAc;AAAA,IACd,aAAa;AAAA,IACb,OAAO;AAAA,IAEP,OAAO;AAAA,MACH,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EACX;AAAA,EAGJ,iBAAiB;AAAA,IACb,GAAGA;AAAA,IACH,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,WAAW;AAAA,IACX,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,aAAa;AAAA,IACb,cAAc;AAAA,IACd,aAAa;AAAA,IACb,OAAO;AAAA,IACP,OAAO;AAAA,MACH,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EACX;AAAA,EAGJ,gBAAgB;AAAA,IACZ,GAAGA;AAAA,IACH,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,eAAe;AAAA,IACf,aAAa;AAAA,IACb,WAAW;AAAA,IACX,eAAe;AAAA,IACf,iBAAiB;AAAA,IACjB,aAAa;AAAA,IACb,cAAc;AAAA,IACd,aAAa;AAAA,IACb,OAAO;AAAA,IACP,OAAO;AAAA,MACH,iBAAiB;AAAA,MACjB,aAAa;AAAA,MACb,OAAO;AAAA,IAAA;AAAA,EACX;AAER;"}
+{"version":3,"file":"styles.es.js","names":[],"sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/utils/styles.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type CSSProperties } from 'react';\n\nconst DefaultButtonStyles: CSSProperties = {\n    marginTop: '10px',\n    marginBottom: '10px',\n    display: 'inline-block',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    maxWidth: '100%',\n    verticalAlign: 'middle',\n    boxSizing: 'border-box',\n    overflowWrap: 'normal',\n};\n\nexport const BlockButtonStyles: Record<string, CSSProperties & { hover?: CSSProperties }> = {\n    buttonPrimary: {\n        ...DefaultButtonStyles,\n        fontFamily: 'var(--f-theme-settings-button-primary-font-family)',\n        fontSize: 'var(--f-theme-settings-button-primary-font-size)',\n        fontWeight: 'var(--f-theme-settings-button-primary-font-weight)',\n        lineHeight: 'var(--f-theme-settings-button-primary-line-height)',\n        paddingTop: 'var(--f-theme-settings-button-primary-padding-top)',\n        paddingRight: 'var(--f-theme-settings-button-primary-padding-right)',\n        paddingBottom: 'var(--f-theme-settings-button-primary-padding-bottom)',\n        paddingLeft: 'var(--f-theme-settings-button-primary-padding-left)',\n        fontStyle: 'var(--f-theme-settings-button-primary-font-style)',\n        textTransform: 'var(--f-theme-settings-button-primary-text-transform)' as CSSProperties['textTransform'],\n        backgroundColor: 'var(--f-theme-settings-button-primary-background-color)',\n        borderColor: 'var(--f-theme-settings-button-primary-border-color)',\n        borderRadius: 'var(--f-theme-settings-button-primary-border-radius)',\n        borderWidth: 'var(--f-theme-settings-button-primary-border-width)',\n        color: 'var(--f-theme-settings-button-primary-color)',\n\n        hover: {\n            backgroundColor: 'var(--f-theme-settings-button-primary-background-color-hover)',\n            borderColor: 'var(--f-theme-settings-button-primary-border-color-hover)',\n            color: 'var(--f-theme-settings-button-primary-color-hover)',\n        },\n    },\n\n    buttonSecondary: {\n        ...DefaultButtonStyles,\n        fontFamily: 'var(--f-theme-settings-button-secondary-font-family)',\n        fontSize: 'var(--f-theme-settings-button-secondary-font-size)',\n        fontWeight: 'var(--f-theme-settings-button-secondary-font-weight)',\n        lineHeight: 'var(--f-theme-settings-button-secondary-line-height)',\n        paddingTop: 'var(--f-theme-settings-button-secondary-padding-top)',\n        paddingRight: 'var(--f-theme-settings-button-secondary-padding-right)',\n        paddingBottom: 'var(--f-theme-settings-button-secondary-padding-bottom)',\n        paddingLeft: 'var(--f-theme-settings-button-secondary-padding-left)',\n        fontStyle: 'var(--f-theme-settings-button-secondary-font-style)',\n        textTransform: 'var(--f-theme-settings-button-secondary-text-transform)' as CSSProperties['textTransform'],\n        backgroundColor: 'var(--f-theme-settings-button-secondary-background-color)',\n        borderColor: 'var(--f-theme-settings-button-secondary-border-color)',\n        borderRadius: 'var(--f-theme-settings-button-secondary-border-radius)',\n        borderWidth: 'var(--f-theme-settings-button-secondary-border-width)',\n        color: 'var(--f-theme-settings-button-secondary-color)',\n        hover: {\n            backgroundColor: 'var(--f-theme-settings-button-secondary-background-color-hover)',\n            borderColor: 'var(--f-theme-settings-button-secondary-border-color-hover)',\n            color: 'var(--f-theme-settings-button-secondary-color-hover)',\n        },\n    },\n\n    buttonTertiary: {\n        ...DefaultButtonStyles,\n        fontFamily: 'var(--f-theme-settings-button-tertiary-font-family)',\n        fontSize: 'var(--f-theme-settings-button-tertiary-font-size)',\n        fontWeight: 'var(--f-theme-settings-button-tertiary-font-weight)',\n        lineHeight: 'var(--f-theme-settings-button-tertiary-line-height)',\n        paddingTop: 'var(--f-theme-settings-button-tertiary-padding-top)',\n        paddingRight: 'var(--f-theme-settings-button-tertiary-padding-right)',\n        paddingBottom: 'var(--f-theme-settings-button-tertiary-padding-bottom)',\n        paddingLeft: 'var(--f-theme-settings-button-tertiary-padding-left)',\n        fontStyle: 'var(--f-theme-settings-button-tertiary-font-style)',\n        textTransform: 'var(--f-theme-settings-button-tertiary-text-transform)' as CSSProperties['textTransform'],\n        backgroundColor: 'var(--f-theme-settings-button-tertiary-background-color)',\n        borderColor: 'var(--f-theme-settings-button-tertiary-border-color)',\n        borderRadius: 'var(--f-theme-settings-button-tertiary-border-radius)',\n        borderWidth: 'var(--f-theme-settings-button-tertiary-border-width)',\n        color: 'var(--f-theme-settings-button-tertiary-color)',\n        hover: {\n            backgroundColor: 'var(--f-theme-settings-button-tertiary-background-color-hover)',\n            borderColor: 'var(--f-theme-settings-button-tertiary-border-color-hover)',\n            color: 'var(--f-theme-settings-button-tertiary-color-hover)',\n        },\n    },\n};\n"],"mappings":";AAIA,IAAM,IAAqC;CACvC,WAAW;CACX,cAAc;CACd,SAAS;CACT,UAAU;CACV,cAAc;CACd,UAAU;CACV,eAAe;CACf,WAAW;CACX,cAAc;AAClB,GAEa,IAA+E;CACxF,eAAe;EACX,GAAG;EACH,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,YAAY;EACZ,YAAY;EACZ,cAAc;EACd,eAAe;EACf,aAAa;EACb,WAAW;EACX,eAAe;EACf,iBAAiB;EACjB,aAAa;EACb,cAAc;EACd,aAAa;EACb,OAAO;EAEP,OAAO;GACH,iBAAiB;GACjB,aAAa;GACb,OAAO;EACX;CACJ;CAEA,iBAAiB;EACb,GAAG;EACH,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,YAAY;EACZ,YAAY;EACZ,cAAc;EACd,eAAe;EACf,aAAa;EACb,WAAW;EACX,eAAe;EACf,iBAAiB;EACjB,aAAa;EACb,cAAc;EACd,aAAa;EACb,OAAO;EACP,OAAO;GACH,iBAAiB;GACjB,aAAa;GACb,OAAO;EACX;CACJ;CAEA,gBAAgB;EACZ,GAAG;EACH,YAAY;EACZ,UAAU;EACV,YAAY;EACZ,YAAY;EACZ,YAAY;EACZ,cAAc;EACd,eAAe;EACf,aAAa;EACb,WAAW;EACX,eAAe;EACf,iBAAiB;EACjB,aAAa;EACb,cAAc;EACd,aAAa;EACb,OAAO;EACP,OAAO;GACH,iBAAiB;GACjB,aAAa;GACb,OAAO;EACX;CACJ;AACJ"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButton.es.js

@@ -1,18 +1,15 @@
-import { floatingButtonSelectors as r } from "../components/FloatingButton/floatingButtonStore.es.js";
-import { triggerFloatingButtonEdit as i } from "./triggerFloatingButtonEdit.es.js";
+import { floatingButtonSelectors as e } from "../components/FloatingButton/floatingButtonStore.es.js";
+import { triggerFloatingButtonEdit as t } from "./triggerFloatingButtonEdit.es.js";
 import { triggerFloatingButtonInsert as n } from "./triggerFloatingButtonInsert.es.js";
-const f = (t, {
-  focused: o
-} = {}) => {
-  if (r.mode() === "edit") {
-    i(t);
-    return;
-  }
-  n(t, {
-    focused: o
-  });
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButton.ts
+var r = (r, { focused: i } = {}) => {
+	if (e.mode() === "edit") {
+		t(r);
+		return;
+	}
+	n(r, { focused: i });
 };
-export {
-  f as triggerFloatingButton
-};
-//# sourceMappingURL=triggerFloatingButton.es.js.map
+//#endregion
+export { r as triggerFloatingButton };
+
+//# sourceMappingURL=triggerFloatingButton.es.js.map

package/dist/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"triggerFloatingButton.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButton.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlateEditor, type Value } from '@frontify/fondue/rte';\n\nimport { floatingButtonSelectors } from '../components';\n\nimport { triggerFloatingButtonEdit, triggerFloatingButtonInsert } from '.';\n\nexport const triggerFloatingButton = <V extends Value>(\n    editor: PlateEditor<V>,\n    {\n        focused,\n    }: {\n        focused?: boolean;\n    } = {},\n) => {\n    if (floatingButtonSelectors.mode() === 'edit') {\n        triggerFloatingButtonEdit(editor);\n        return;\n    }\n\n    triggerFloatingButtonInsert(editor, {\n        focused,\n    });\n};\n"],"names":["triggerFloatingButton","editor","focused","floatingButtonSelectors","triggerFloatingButtonEdit","triggerFloatingButtonInsert"],"mappings":";;;AAQO,MAAMA,IAAwB,CACjCC,GACA;AAAA,EACI,SAAAC;AACJ,IAEI,OACH;AACD,MAAIC,EAAwB,KAAA,MAAW,QAAQ;AAC3C,IAAAC,EAA0BH,CAAM;AAChC;AAAA,EACJ;AAEA,EAAAI,EAA4BJ,GAAQ;AAAA,IAChC,SAAAC;AAAA,EAAA,CACH;AACL;"}
+{"version":3,"file":"triggerFloatingButton.es.js","names":[],"sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButton.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlateEditor, type Value } from '@frontify/fondue/rte';\n\nimport { floatingButtonSelectors } from '../components';\n\nimport { triggerFloatingButtonEdit, triggerFloatingButtonInsert } from '.';\n\nexport const triggerFloatingButton = <V extends Value>(\n    editor: PlateEditor<V>,\n    {\n        focused,\n    }: {\n        focused?: boolean;\n    } = {},\n) => {\n    if (floatingButtonSelectors.mode() === 'edit') {\n        triggerFloatingButtonEdit(editor);\n        return;\n    }\n\n    triggerFloatingButtonInsert(editor, {\n        focused,\n    });\n};\n"],"mappings":";;;;AAQA,IAAa,KACT,GACA,EACI,eAGA,CAAC,MACJ;CACD,IAAI,EAAwB,KAAK,MAAM,QAAQ;EAC3C,EAA0B,CAAM;EAChC;CACJ;CAEA,EAA4B,GAAQ,EAChC,WACJ,CAAC;AACL"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonEdit.es.js

@@ -1,17 +1,14 @@
-import { findNode as g, getPluginType as l, getEditorString as u } from "@frontify/fondue/rte";
-import { floatingButtonActions as t } from "../components/FloatingButton/floatingButtonStore.es.js";
-import { ELEMENT_BUTTON as f } from "../createButtonPlugin.es.js";
-const E = (i) => {
-  const o = g(i, {
-    match: { type: l(i, f) }
-  });
-  if (!o)
-    return;
-  const [r, e] = o;
-  let n = u(i, e);
-  t.url(r.url), t.newTab(r.target === void 0), n === r.url && (n = ""), t.text(n), t.isEditing(!0);
+import { floatingButtonActions as e } from "../components/FloatingButton/floatingButtonStore.es.js";
+import { ELEMENT_BUTTON as t } from "../createButtonPlugin.es.js";
+import { findNode as n, getEditorString as r, getPluginType as i } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonEdit.ts
+var a = (a) => {
+	let o = n(a, { match: { type: i(a, t) } });
+	if (!o) return;
+	let [s, c] = o, l = r(a, c);
+	e.url(s.url), e.newTab(s.target === void 0), l === s.url && (l = ""), e.text(l), e.isEditing(!0);
 };
-export {
-  E as triggerFloatingButtonEdit
-};
-//# sourceMappingURL=triggerFloatingButtonEdit.es.js.map
+//#endregion
+export { a as triggerFloatingButtonEdit };
+
+//# sourceMappingURL=triggerFloatingButtonEdit.es.js.map

package/dist/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonEdit.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"triggerFloatingButtonEdit.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonEdit.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlateEditor, type Value, findNode, getEditorString, getPluginType } from '@frontify/fondue/rte';\n\nimport { ELEMENT_BUTTON, type TButtonElement } from '..';\nimport { floatingButtonActions } from '../components/FloatingButton/floatingButtonStore';\n\nexport const triggerFloatingButtonEdit = <V extends Value>(editor: PlateEditor<V>) => {\n    const entry = findNode<TButtonElement>(editor, {\n        match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n    });\n    if (!entry) {\n        return;\n    }\n\n    const [link, path] = entry;\n\n    let text = getEditorString(editor, path);\n\n    floatingButtonActions.url(link.url);\n\n    floatingButtonActions.newTab(link.target === undefined);\n\n    if (text === link.url) {\n        text = '';\n    }\n\n    floatingButtonActions.text(text);\n\n    floatingButtonActions.isEditing(true);\n};\n"],"names":["triggerFloatingButtonEdit","editor","entry","findNode","getPluginType","ELEMENT_BUTTON","link","path","text","getEditorString","floatingButtonActions"],"mappings":";;;AAOO,MAAMA,IAA4B,CAAkBC,MAA2B;AAClF,QAAMC,IAAQC,EAAyBF,GAAQ;AAAA,IAC3C,OAAO,EAAE,MAAMG,EAAcH,GAAQI,CAAc,EAAA;AAAA,EAAE,CACxD;AACD,MAAI,CAACH;AACD;AAGJ,QAAM,CAACI,GAAMC,CAAI,IAAIL;AAErB,MAAIM,IAAOC,EAAgBR,GAAQM,CAAI;AAEvC,EAAAG,EAAsB,IAAIJ,EAAK,GAAG,GAElCI,EAAsB,OAAOJ,EAAK,WAAW,MAAS,GAElDE,MAASF,EAAK,QACdE,IAAO,KAGXE,EAAsB,KAAKF,CAAI,GAE/BE,EAAsB,UAAU,EAAI;AACxC;"}
+{"version":3,"file":"triggerFloatingButtonEdit.es.js","names":[],"sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonEdit.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlateEditor, type Value, findNode, getEditorString, getPluginType } from '@frontify/fondue/rte';\n\nimport { ELEMENT_BUTTON, type TButtonElement } from '..';\nimport { floatingButtonActions } from '../components/FloatingButton/floatingButtonStore';\n\nexport const triggerFloatingButtonEdit = <V extends Value>(editor: PlateEditor<V>) => {\n    const entry = findNode<TButtonElement>(editor, {\n        match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n    });\n    if (!entry) {\n        return;\n    }\n\n    const [link, path] = entry;\n\n    let text = getEditorString(editor, path);\n\n    floatingButtonActions.url(link.url);\n\n    floatingButtonActions.newTab(link.target === undefined);\n\n    if (text === link.url) {\n        text = '';\n    }\n\n    floatingButtonActions.text(text);\n\n    floatingButtonActions.isEditing(true);\n};\n"],"mappings":";;;;AAOA,IAAa,KAA8C,MAA2B;CAClF,IAAM,IAAQ,EAAyB,GAAQ,EAC3C,OAAO,EAAE,MAAM,EAAc,GAAQ,CAAc,EAAE,EACzD,CAAC;CACD,IAAI,CAAC,GACD;CAGJ,IAAM,CAAC,GAAM,KAAQ,GAEjB,IAAO,EAAgB,GAAQ,CAAI;CAYvC,AAVA,EAAsB,IAAI,EAAK,GAAG,GAElC,EAAsB,OAAO,EAAK,WAAW,KAAA,CAAS,GAElD,MAAS,EAAK,QACd,IAAO,KAGX,EAAsB,KAAK,CAAI,GAE/B,EAAsB,UAAU,EAAI;AACxC"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonInsert.es.js

@@ -1,14 +1,11 @@
-import { isRangeAcrossBlocks as e, someNode as r, getPluginType as s, getEditorString as i } from "@frontify/fondue/rte";
-import { floatingButtonSelectors as g, floatingButtonActions as n } from "../components/FloatingButton/floatingButtonStore.es.js";
-import { ELEMENT_BUTTON as u } from "../createButtonPlugin.es.js";
-const l = (t, {
-  focused: o
-} = {}) => {
-  g.mode() || !o || e(t, { at: t.selection }) || r(t, {
-    match: { type: s(t, u) }
-  }) || (n.text(i(t, t.selection)), n.show("insert", t.id));
+import { floatingButtonActions as e, floatingButtonSelectors as t } from "../components/FloatingButton/floatingButtonStore.es.js";
+import "../createButtonPlugin.es.js";
+import { getEditorString as n, getPluginType as r, isRangeAcrossBlocks as i, someNode as a } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonInsert.ts
+var o = (o, { focused: s } = {}) => {
+	t.mode() || s && (i(o, { at: o.selection }) || a(o, { match: { type: r(o, "button") } }) || (e.text(n(o, o.selection)), e.show("insert", o.id)));
 };
-export {
-  l as triggerFloatingButtonInsert
-};
-//# sourceMappingURL=triggerFloatingButtonInsert.es.js.map
+//#endregion
+export { o as triggerFloatingButtonInsert };
+
+//# sourceMappingURL=triggerFloatingButtonInsert.es.js.map

package/dist/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonInsert.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"triggerFloatingButtonInsert.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonInsert.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type PlateEditor,\n    type Value,\n    getEditorString,\n    getPluginType,\n    isRangeAcrossBlocks,\n    someNode,\n} from '@frontify/fondue/rte';\n\nimport { floatingButtonActions, floatingButtonSelectors } from '../components/FloatingButton/floatingButtonStore';\nimport { ELEMENT_BUTTON } from '../createButtonPlugin';\n\n/**\n * Trigger floating button.\n *\n * Do not trigger when:\n * - selection is across blocks\n * - selection has more than one leaf node\n * - lowest selection is not text\n * - selection has a button node\n */\nexport const triggerFloatingButtonInsert = <V extends Value>(\n    editor: PlateEditor<V>,\n    {\n        focused,\n    }: {\n        focused?: boolean;\n    } = {},\n) => {\n    if (floatingButtonSelectors.mode()) {\n        return;\n    }\n\n    if (!focused) {\n        return;\n    }\n\n    if (isRangeAcrossBlocks(editor, { at: editor.selection })) {\n        return;\n    }\n\n    const hasButton = someNode(editor, {\n        match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n    });\n    if (hasButton) {\n        return;\n    }\n    floatingButtonActions.text(getEditorString(editor, editor.selection));\n    floatingButtonActions.show('insert', editor.id);\n};\n"],"names":["triggerFloatingButtonInsert","editor","focused","floatingButtonSelectors","isRangeAcrossBlocks","someNode","getPluginType","ELEMENT_BUTTON","floatingButtonActions","getEditorString"],"mappings":";;;AAuBO,MAAMA,IAA8B,CACvCC,GACA;AAAA,EACI,SAAAC;AACJ,IAEI,OACH;AAgBD,EAfIC,EAAwB,UAIxB,CAACD,KAIDE,EAAoBH,GAAQ,EAAE,IAAIA,EAAO,UAAA,CAAW,KAItCI,EAASJ,GAAQ;AAAA,IAC/B,OAAO,EAAE,MAAMK,EAAcL,GAAQM,CAAc,EAAA;AAAA,EAAE,CACxD,MAIDC,EAAsB,KAAKC,EAAgBR,GAAQA,EAAO,SAAS,CAAC,GACpEO,EAAsB,KAAK,UAAUP,EAAO,EAAE;AAClD;"}
+{"version":3,"file":"triggerFloatingButtonInsert.es.js","names":[],"sources":["../../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonInsert.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type PlateEditor,\n    type Value,\n    getEditorString,\n    getPluginType,\n    isRangeAcrossBlocks,\n    someNode,\n} from '@frontify/fondue/rte';\n\nimport { floatingButtonActions, floatingButtonSelectors } from '../components/FloatingButton/floatingButtonStore';\nimport { ELEMENT_BUTTON } from '../createButtonPlugin';\n\n/**\n * Trigger floating button.\n *\n * Do not trigger when:\n * - selection is across blocks\n * - selection has more than one leaf node\n * - lowest selection is not text\n * - selection has a button node\n */\nexport const triggerFloatingButtonInsert = <V extends Value>(\n    editor: PlateEditor<V>,\n    {\n        focused,\n    }: {\n        focused?: boolean;\n    } = {},\n) => {\n    if (floatingButtonSelectors.mode()) {\n        return;\n    }\n\n    if (!focused) {\n        return;\n    }\n\n    if (isRangeAcrossBlocks(editor, { at: editor.selection })) {\n        return;\n    }\n\n    const hasButton = someNode(editor, {\n        match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n    });\n    if (hasButton) {\n        return;\n    }\n    floatingButtonActions.text(getEditorString(editor, editor.selection));\n    floatingButtonActions.show('insert', editor.id);\n};\n"],"mappings":";;;;AAuBA,IAAa,KACT,GACA,EACI,eAGA,CAAC,MACJ;CACG,EAAwB,KAAK,KAI5B,MAID,EAAoB,GAAQ,EAAE,IAAI,EAAO,UAAU,CAAC,KAItC,EAAS,GAAQ,EAC/B,OAAO,EAAE,MAAM,EAAc,GAAA,QAAsB,EAAE,EACzD,CACI,MAGJ,EAAsB,KAAK,EAAgB,GAAQ,EAAO,SAAS,CAAC,GACpE,EAAsB,KAAK,UAAU,EAAO,EAAE;AAClD"}

package/dist/components/RichTextEditor/plugins/ButtonPlugin/withButton.es.js

@@ -1,52 +1,46 @@
-import { isCollapsed as l, getAboveNode as y, getPluginType as P, isStartPoint as g, getPreviousNodeEndPoint as x, isEndPoint as i, getNextNodeStartPoint as u, select as m, Path as E, insertNodes as h, withRemoveEmptyNodes as r, mockPlugin as w } from "@frontify/fondue/rte";
-import { ELEMENT_BUTTON as p } from "./createButtonPlugin.es.js";
-const z = (t, { type: N }) => {
-  const { apply: f, normalizeNode: a } = t;
-  return t.apply = (e) => {
-    if (e.type !== "set_selection") {
-      f(e);
-      return;
-    }
-    const n = e.newProperties;
-    if (!n?.focus || !n.anchor || !l(n)) {
-      f(e);
-      return;
-    }
-    const o = y(t, {
-      at: n,
-      match: { type: P(t, p) }
-    });
-    if (o) {
-      const [, c] = o;
-      let s;
-      g(t, n.focus, c) && (s = x(t, c)), i(t, n.focus, c) && (s = u(t, c)), s && (e.newProperties = {
-        anchor: s,
-        focus: s
-      });
-    }
-    f(e);
-  }, t.normalizeNode = ([e, n]) => {
-    if (e.type === P(t, p)) {
-      const o = t.selection;
-      if (o && l(o) && i(t, o.focus, n)) {
-        const c = u(t, n);
-        if (c)
-          m(t, c);
-        else {
-          const s = E.next(n);
-          h(t, { text: "" }, { at: s }), m(t, s);
-        }
-      }
-    }
-    a([e, n]);
-  }, r(
-    t,
-    w({
-      options: { types: N }
-    })
-  );
+import { ELEMENT_BUTTON as e } from "./createButtonPlugin.es.js";
+import { Path as t, getAboveNode as n, getNextNodeStartPoint as r, getPluginType as i, getPreviousNodeEndPoint as a, insertNodes as o, isCollapsed as s, isEndPoint as c, isStartPoint as l, mockPlugin as u, select as d, withRemoveEmptyNodes as f } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/ButtonPlugin/withButton.ts
+var p = (p, { type: m }) => {
+	let { apply: h, normalizeNode: g } = p;
+	return p.apply = (t) => {
+		if (t.type !== "set_selection") {
+			h(t);
+			return;
+		}
+		let o = t.newProperties;
+		if (!o?.focus || !o.anchor || !s(o)) {
+			h(t);
+			return;
+		}
+		let u = n(p, {
+			at: o,
+			match: { type: i(p, e) }
+		});
+		if (u) {
+			let [, e] = u, n;
+			l(p, o.focus, e) && (n = a(p, e)), c(p, o.focus, e) && (n = r(p, e)), n && (t.newProperties = {
+				anchor: n,
+				focus: n
+			});
+		}
+		h(t);
+	}, p.normalizeNode = ([e, n]) => {
+		if (e.type === i(p, "button")) {
+			let e = p.selection;
+			if (e && s(e) && c(p, e.focus, n)) {
+				let e = r(p, n);
+				if (e) d(p, e);
+				else {
+					let e = t.next(n);
+					o(p, { text: "" }, { at: e }), d(p, e);
+				}
+			}
+		}
+		g([e, n]);
+	}, f(p, u({ options: { types: m } }));
 };
-export {
-  z as withButton
-};
-//# sourceMappingURL=withButton.es.js.map
+//#endregion
+export { p as withButton };
+
+//# sourceMappingURL=withButton.es.js.map

package/dist/components/RichTextEditor/plugins/ButtonPlugin/withButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"withButton.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/withButton.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type EText,\n    Path,\n    type PlateEditor,\n    type Point,\n    type Range,\n    type Value,\n    type WithOverride,\n    getAboveNode,\n    getNextNodeStartPoint,\n    getPluginType,\n    getPreviousNodeEndPoint,\n    insertNodes,\n    isCollapsed,\n    isEndPoint,\n    isStartPoint,\n    mockPlugin,\n    select,\n    withRemoveEmptyNodes,\n} from '@frontify/fondue/rte';\n\nimport { ELEMENT_BUTTON } from './createButtonPlugin';\n\n/**\n * Insert space after a url to wrap a button.\n * Lookup from the block start to the cursor to check if there is an url.\n * If not found, lookup before the cursor for a space character to check the url.\n *\n * On insert data:\n * Paste a string inside a button element will edit its children text but not its url.\n *\n */\n\nexport const withButton: WithOverride = (editor, { type }) => {\n    const { apply, normalizeNode } = editor;\n\n    editor.apply = (operation) => {\n        if (operation.type !== 'set_selection') {\n            apply(operation);\n            return;\n        }\n\n        const range = operation.newProperties;\n        if (!range?.focus || !range.anchor || !isCollapsed(range as Range)) {\n            apply(operation);\n            return;\n        }\n\n        const entry = getAboveNode(editor, {\n            at: range as Range,\n            match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n        });\n\n        if (entry) {\n            const [, path] = entry;\n\n            let newPoint: Point | undefined;\n\n            if (isStartPoint(editor, range.focus, path)) {\n                newPoint = getPreviousNodeEndPoint(editor, path);\n            }\n\n            if (isEndPoint(editor, range.focus, path)) {\n                newPoint = getNextNodeStartPoint(editor, path);\n            }\n\n            if (newPoint) {\n                operation.newProperties = {\n                    anchor: newPoint,\n                    focus: newPoint,\n                };\n            }\n        }\n\n        apply(operation);\n    };\n\n    editor.normalizeNode = ([node, path]) => {\n        if (node.type === getPluginType(editor, ELEMENT_BUTTON)) {\n            const range = editor.selection as Range | null;\n\n            if (range && isCollapsed(range) && isEndPoint(editor, range.focus, path)) {\n                const nextPoint = getNextNodeStartPoint(editor, path);\n\n                // select next text node if any\n                if (nextPoint) {\n                    select(editor, nextPoint);\n                } else {\n                    // insert text node then select\n                    const nextPath = Path.next(path);\n                    insertNodes(editor, { text: '' } as EText<Value>, { at: nextPath });\n                    select(editor, nextPath);\n                }\n            }\n        }\n\n        normalizeNode([node, path]);\n    };\n\n    return withRemoveEmptyNodes<Value, PlateEditor<Value>>(\n        editor,\n        mockPlugin<Record<string, any>, Value, PlateEditor<Value>>({\n            options: { types: type },\n        }),\n    );\n};\n"],"names":["withButton","editor","type","apply","normalizeNode","operation","range","isCollapsed","entry","getAboveNode","getPluginType","ELEMENT_BUTTON","path","newPoint","isStartPoint","getPreviousNodeEndPoint","isEndPoint","getNextNodeStartPoint","node","nextPoint","select","nextPath","Path","insertNodes","withRemoveEmptyNodes","mockPlugin"],"mappings":";;AAmCO,MAAMA,IAA2B,CAACC,GAAQ,EAAE,MAAAC,QAAW;AAC1D,QAAM,EAAE,OAAAC,GAAO,eAAAC,EAAA,IAAkBH;AAEjC,SAAAA,EAAO,QAAQ,CAACI,MAAc;AAC1B,QAAIA,EAAU,SAAS,iBAAiB;AACpC,MAAAF,EAAME,CAAS;AACf;AAAA,IACJ;AAEA,UAAMC,IAAQD,EAAU;AACxB,QAAI,CAACC,GAAO,SAAS,CAACA,EAAM,UAAU,CAACC,EAAYD,CAAc,GAAG;AAChE,MAAAH,EAAME,CAAS;AACf;AAAA,IACJ;AAEA,UAAMG,IAAQC,EAAaR,GAAQ;AAAA,MAC/B,IAAIK;AAAA,MACJ,OAAO,EAAE,MAAMI,EAAcT,GAAQU,CAAc,EAAA;AAAA,IAAE,CACxD;AAED,QAAIH,GAAO;AACP,YAAM,CAAA,EAAGI,CAAI,IAAIJ;AAEjB,UAAIK;AAEJ,MAAIC,EAAab,GAAQK,EAAM,OAAOM,CAAI,MACtCC,IAAWE,EAAwBd,GAAQW,CAAI,IAG/CI,EAAWf,GAAQK,EAAM,OAAOM,CAAI,MACpCC,IAAWI,EAAsBhB,GAAQW,CAAI,IAG7CC,MACAR,EAAU,gBAAgB;AAAA,QACtB,QAAQQ;AAAA,QACR,OAAOA;AAAA,MAAA;AAAA,IAGnB;AAEA,IAAAV,EAAME,CAAS;AAAA,EACnB,GAEAJ,EAAO,gBAAgB,CAAC,CAACiB,GAAMN,CAAI,MAAM;AACrC,QAAIM,EAAK,SAASR,EAAcT,GAAQU,CAAc,GAAG;AACrD,YAAML,IAAQL,EAAO;AAErB,UAAIK,KAASC,EAAYD,CAAK,KAAKU,EAAWf,GAAQK,EAAM,OAAOM,CAAI,GAAG;AACtE,cAAMO,IAAYF,EAAsBhB,GAAQW,CAAI;AAGpD,YAAIO;AACA,UAAAC,EAAOnB,GAAQkB,CAAS;AAAA,aACrB;AAEH,gBAAME,IAAWC,EAAK,KAAKV,CAAI;AAC/B,UAAAW,EAAYtB,GAAQ,EAAE,MAAM,GAAA,GAAsB,EAAE,IAAIoB,GAAU,GAClED,EAAOnB,GAAQoB,CAAQ;AAAA,QAC3B;AAAA,MACJ;AAAA,IACJ;AAEA,IAAAjB,EAAc,CAACc,GAAMN,CAAI,CAAC;AAAA,EAC9B,GAEOY;AAAA,IACHvB;AAAA,IACAwB,EAA2D;AAAA,MACvD,SAAS,EAAE,OAAOvB,EAAA;AAAA,IAAK,CAC1B;AAAA,EAAA;AAET;"}
+{"version":3,"file":"withButton.es.js","names":[],"sources":["../../../../../src/components/RichTextEditor/plugins/ButtonPlugin/withButton.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type EText,\n    Path,\n    type PlateEditor,\n    type Point,\n    type Range,\n    type Value,\n    type WithOverride,\n    getAboveNode,\n    getNextNodeStartPoint,\n    getPluginType,\n    getPreviousNodeEndPoint,\n    insertNodes,\n    isCollapsed,\n    isEndPoint,\n    isStartPoint,\n    mockPlugin,\n    select,\n    withRemoveEmptyNodes,\n} from '@frontify/fondue/rte';\n\nimport { ELEMENT_BUTTON } from './createButtonPlugin';\n\n/**\n * Insert space after a url to wrap a button.\n * Lookup from the block start to the cursor to check if there is an url.\n * If not found, lookup before the cursor for a space character to check the url.\n *\n * On insert data:\n * Paste a string inside a button element will edit its children text but not its url.\n *\n */\n\nexport const withButton: WithOverride = (editor, { type }) => {\n    const { apply, normalizeNode } = editor;\n\n    editor.apply = (operation) => {\n        if (operation.type !== 'set_selection') {\n            apply(operation);\n            return;\n        }\n\n        const range = operation.newProperties;\n        if (!range?.focus || !range.anchor || !isCollapsed(range as Range)) {\n            apply(operation);\n            return;\n        }\n\n        const entry = getAboveNode(editor, {\n            at: range as Range,\n            match: { type: getPluginType(editor, ELEMENT_BUTTON) },\n        });\n\n        if (entry) {\n            const [, path] = entry;\n\n            let newPoint: Point | undefined;\n\n            if (isStartPoint(editor, range.focus, path)) {\n                newPoint = getPreviousNodeEndPoint(editor, path);\n            }\n\n            if (isEndPoint(editor, range.focus, path)) {\n                newPoint = getNextNodeStartPoint(editor, path);\n            }\n\n            if (newPoint) {\n                operation.newProperties = {\n                    anchor: newPoint,\n                    focus: newPoint,\n                };\n            }\n        }\n\n        apply(operation);\n    };\n\n    editor.normalizeNode = ([node, path]) => {\n        if (node.type === getPluginType(editor, ELEMENT_BUTTON)) {\n            const range = editor.selection as Range | null;\n\n            if (range && isCollapsed(range) && isEndPoint(editor, range.focus, path)) {\n                const nextPoint = getNextNodeStartPoint(editor, path);\n\n                // select next text node if any\n                if (nextPoint) {\n                    select(editor, nextPoint);\n                } else {\n                    // insert text node then select\n                    const nextPath = Path.next(path);\n                    insertNodes(editor, { text: '' } as EText<Value>, { at: nextPath });\n                    select(editor, nextPath);\n                }\n            }\n        }\n\n        normalizeNode([node, path]);\n    };\n\n    return withRemoveEmptyNodes<Value, PlateEditor<Value>>(\n        editor,\n        mockPlugin<Record<string, any>, Value, PlateEditor<Value>>({\n            options: { types: type },\n        }),\n    );\n};\n"],"mappings":";;;AAmCA,IAAa,KAA4B,GAAQ,EAAE,cAAW;CAC1D,IAAM,EAAE,UAAO,qBAAkB;CAiEjC,OA/DA,EAAO,SAAS,MAAc;EAC1B,IAAI,EAAU,SAAS,iBAAiB;GACpC,EAAM,CAAS;GACf;EACJ;EAEA,IAAM,IAAQ,EAAU;EACxB,IAAI,CAAC,GAAO,SAAS,CAAC,EAAM,UAAU,CAAC,EAAY,CAAc,GAAG;GAChE,EAAM,CAAS;GACf;EACJ;EAEA,IAAM,IAAQ,EAAa,GAAQ;GAC/B,IAAI;GACJ,OAAO,EAAE,MAAM,EAAc,GAAQ,CAAc,EAAE;EACzD,CAAC;EAED,IAAI,GAAO;GACP,IAAM,GAAG,KAAQ,GAEb;GAUJ,AARI,EAAa,GAAQ,EAAM,OAAO,CAAI,MACtC,IAAW,EAAwB,GAAQ,CAAI,IAG/C,EAAW,GAAQ,EAAM,OAAO,CAAI,MACpC,IAAW,EAAsB,GAAQ,CAAI,IAG7C,MACA,EAAU,gBAAgB;IACtB,QAAQ;IACR,OAAO;GACX;EAER;EAEA,EAAM,CAAS;CACnB,GAEA,EAAO,iBAAiB,CAAC,GAAM,OAAU;EACrC,IAAI,EAAK,SAAS,EAAc,GAAA,QAAsB,GAAG;GACrD,IAAM,IAAQ,EAAO;GAErB,IAAI,KAAS,EAAY,CAAK,KAAK,EAAW,GAAQ,EAAM,OAAO,CAAI,GAAG;IACtE,IAAM,IAAY,EAAsB,GAAQ,CAAI;IAGpD,IAAI,GACA,EAAO,GAAQ,CAAS;SACrB;KAEH,IAAM,IAAW,EAAK,KAAK,CAAI;KAE/B,AADA,EAAY,GAAQ,EAAE,MAAM,GAAG,GAAmB,EAAE,IAAI,EAAS,CAAC,GAClE,EAAO,GAAQ,CAAQ;IAC3B;GACJ;EACJ;EAEA,EAAc,CAAC,GAAM,CAAI,CAAC;CAC9B,GAEO,EACH,GACA,EAA2D,EACvD,SAAS,EAAE,OAAO,EAAK,EAC3B,CAAC,CACL;AACJ"}

package/dist/components/RichTextEditor/plugins/ColumnBreakPlugin/ColumnBreakPlugin.es.js

@@ -1,23 +1,21 @@
-import { Plugin as t, ColumnBreakButton as n, createColumnBreakPlugin as o } from "@frontify/fondue/rte";
-import { getResponsiveColumnClasses as u } from "./helpers.es.js";
-const m = "breakAfterColumn", l = "normal";
-class i extends t {
-  columns;
-  gap;
-  customClass;
-  constructor(s) {
-    super("break-after-plugin", {
-      button: n,
-      ...s
-    }), this.columns = s?.columns ?? 1, this.gap = s?.gap ?? l, this.customClass = u(this.columns);
-  }
-  plugins() {
-    return [o(this.columns, this.gap, this.customClass)];
-  }
-}
-export {
-  i as BreakAfterPlugin,
-  l as GAP_DEFAULT,
-  m as KEY_ELEMENT_BREAK_AFTER_COLUMN
+import { getResponsiveColumnClasses as e } from "./helpers.es.js";
+import { ColumnBreakButton as t, Plugin as n, createColumnBreakPlugin as r } from "@frontify/fondue/rte";
+//#region src/components/RichTextEditor/plugins/ColumnBreakPlugin/ColumnBreakPlugin.ts
+var i = "breakAfterColumn", a = "normal", o = class extends n {
+	columns;
+	gap;
+	customClass;
+	constructor(n) {
+		super("break-after-plugin", {
+			button: t,
+			...n
+		}), this.columns = n?.columns ?? 1, this.gap = n?.gap ?? "normal", this.customClass = e(this.columns);
+	}
+	plugins() {
+		return [r(this.columns, this.gap, this.customClass)];
+	}
 };
-//# sourceMappingURL=ColumnBreakPlugin.es.js.map
+//#endregion
+export { o as BreakAfterPlugin, a as GAP_DEFAULT, i as KEY_ELEMENT_BREAK_AFTER_COLUMN };
+
+//# sourceMappingURL=ColumnBreakPlugin.es.js.map

package/dist/components/RichTextEditor/plugins/ColumnBreakPlugin/ColumnBreakPlugin.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnBreakPlugin.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/ColumnBreakPlugin/ColumnBreakPlugin.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlatePlugin, Plugin, createColumnBreakPlugin, ColumnBreakButton } from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { getResponsiveColumnClasses } from './helpers';\n\nexport const KEY_ELEMENT_BREAK_AFTER_COLUMN = 'breakAfterColumn';\nexport const GAP_DEFAULT = 'normal';\n\nexport class BreakAfterPlugin extends Plugin {\n    private columns: number;\n    private gap: CSSProperties['gap'];\n    private customClass: string | undefined;\n    constructor(props?: { columns?: number; gap?: string | number }) {\n        super('break-after-plugin', {\n            button: ColumnBreakButton,\n            ...props,\n        });\n        this.columns = props?.columns ?? 1;\n        this.gap = props?.gap ?? GAP_DEFAULT;\n        this.customClass = getResponsiveColumnClasses(this.columns);\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createColumnBreakPlugin(this.columns, this.gap, this.customClass)];\n    }\n}\n"],"names":["KEY_ELEMENT_BREAK_AFTER_COLUMN","GAP_DEFAULT","BreakAfterPlugin","Plugin","props","ColumnBreakButton","getResponsiveColumnClasses","createColumnBreakPlugin"],"mappings":";;AAOO,MAAMA,IAAiC,oBACjCC,IAAc;AAEpB,MAAMC,UAAyBC,EAAO;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACR,YAAYC,GAAqD;AAC7D,UAAM,sBAAsB;AAAA,MACxB,QAAQC;AAAA,MACR,GAAGD;AAAA,IAAA,CACN,GACD,KAAK,UAAUA,GAAO,WAAW,GACjC,KAAK,MAAMA,GAAO,OAAOH,GACzB,KAAK,cAAcK,EAA2B,KAAK,OAAO;AAAA,EAC9D;AAAA,EAEA,UAAyB;AACrB,WAAO,CAACC,EAAwB,KAAK,SAAS,KAAK,KAAK,KAAK,WAAW,CAAC;AAAA,EAC7E;AACJ;"}
+{"version":3,"file":"ColumnBreakPlugin.es.js","names":[],"sources":["../../../../../src/components/RichTextEditor/plugins/ColumnBreakPlugin/ColumnBreakPlugin.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { type PlatePlugin, Plugin, createColumnBreakPlugin, ColumnBreakButton } from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\n\nimport { getResponsiveColumnClasses } from './helpers';\n\nexport const KEY_ELEMENT_BREAK_AFTER_COLUMN = 'breakAfterColumn';\nexport const GAP_DEFAULT = 'normal';\n\nexport class BreakAfterPlugin extends Plugin {\n    private columns: number;\n    private gap: CSSProperties['gap'];\n    private customClass: string | undefined;\n    constructor(props?: { columns?: number; gap?: string | number }) {\n        super('break-after-plugin', {\n            button: ColumnBreakButton,\n            ...props,\n        });\n        this.columns = props?.columns ?? 1;\n        this.gap = props?.gap ?? GAP_DEFAULT;\n        this.customClass = getResponsiveColumnClasses(this.columns);\n    }\n\n    plugins(): PlatePlugin[] {\n        return [createColumnBreakPlugin(this.columns, this.gap, this.customClass)];\n    }\n}\n"],"mappings":";;;AAOA,IAAa,IAAiC,oBACjC,IAAc,UAEd,IAAb,cAAsC,EAAO;CACzC;CACA;CACA;CACA,YAAY,GAAqD;EAO7D,AANA,MAAM,sBAAsB;GACxB,QAAQ;GACR,GAAG;EACP,CAAC,GACD,KAAK,UAAU,GAAO,WAAW,GACjC,KAAK,MAAM,GAAO,OAAA,UAClB,KAAK,cAAc,EAA2B,KAAK,OAAO;CAC9D;CAEA,UAAyB;EACrB,OAAO,CAAC,EAAwB,KAAK,SAAS,KAAK,KAAK,KAAK,WAAW,CAAC;CAC7E;AACJ"}

package/dist/components/RichTextEditor/plugins/ColumnBreakPlugin/helpers.es.js

@@ -1,12 +1,12 @@
-const t = "[&_.tw-break-after-column]:tw-break-after-auto [&_.tw-break-inside-avoid-column]:tw-break-inside-auto [&_.tw-break-after-column.tw-pb-5]:tw-pb-0 @md:[&_.tw-break-after-column.tw-pb-5]:!tw-pb-5 @md:[&_.tw-break-after-column]:!tw-break-after-column @md:[&_.tw-break-inside-avoid-column]:!tw-break-inside-avoid-column", n = "[&_.tw-break-after-column]:tw-break-after-auto [&_.tw-break-inside-avoid-column]:tw-break-inside-auto [&_.tw-break-after-column.tw-pb-5]:tw-pb-0 @sm:[&_.tw-break-after-column.tw-pb-5]:!tw-pb-5 @sm:[&_.tw-break-after-column]:!tw-break-after-column @sm:[&_.tw-break-inside-avoid-column]:!tw-break-inside-avoid-column", e = {
-  1: "tw-columns-1",
-  2: `tw-columns-1 @sm:!tw-columns-2 ${n}`,
-  3: `tw-columns-1 @md:!tw-columns-3 ${t}`,
-  4: `tw-columns-1 @md:!tw-columns-4 ${t}`,
-  5: `tw-columns-1 @md:!tw-columns-5 ${t}`
-}, o = (a) => a ? e[a] || e[1] : "";
-export {
-  e as columnClassMap,
-  o as getResponsiveColumnClasses
-};
-//# sourceMappingURL=helpers.es.js.map
+//#region src/components/RichTextEditor/plugins/ColumnBreakPlugin/helpers.ts
+var e = "[&_.tw-break-after-column]:tw-break-after-auto [&_.tw-break-inside-avoid-column]:tw-break-inside-auto [&_.tw-break-after-column.tw-pb-5]:tw-pb-0 @md:[&_.tw-break-after-column.tw-pb-5]:!tw-pb-5 @md:[&_.tw-break-after-column]:!tw-break-after-column @md:[&_.tw-break-inside-avoid-column]:!tw-break-inside-avoid-column", t = {
+	1: "tw-columns-1",
+	2: "tw-columns-1 @sm:!tw-columns-2 [&_.tw-break-after-column]:tw-break-after-auto [&_.tw-break-inside-avoid-column]:tw-break-inside-auto [&_.tw-break-after-column.tw-pb-5]:tw-pb-0 @sm:[&_.tw-break-after-column.tw-pb-5]:!tw-pb-5 @sm:[&_.tw-break-after-column]:!tw-break-after-column @sm:[&_.tw-break-inside-avoid-column]:!tw-break-inside-avoid-column",
+	3: `tw-columns-1 @md:!tw-columns-3 ${e}`,
+	4: `tw-columns-1 @md:!tw-columns-4 ${e}`,
+	5: `tw-columns-1 @md:!tw-columns-5 ${e}`
+}, n = (e) => e ? t[e] || t[1] : "";
+//#endregion
+export { t as columnClassMap, n as getResponsiveColumnClasses };
+
+//# sourceMappingURL=helpers.es.js.map

package/dist/components/RichTextEditor/plugins/ColumnBreakPlugin/helpers.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.es.js","sources":["../../../../../src/components/RichTextEditor/plugins/ColumnBreakPlugin/helpers.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\n/**\n * As container queries lack a selector like @max-sm, as a workaround\n * the class is disabled by default and reenabled on bigger container sizes\n */\nconst columnBreakDisablingClassUnderMd =\n    '[&_.tw-break-after-column]:tw-break-after-auto [&_.tw-break-inside-avoid-column]:tw-break-inside-auto [&_.tw-break-after-column.tw-pb-5]:tw-pb-0 @md:[&_.tw-break-after-column.tw-pb-5]:!tw-pb-5 @md:[&_.tw-break-after-column]:!tw-break-after-column @md:[&_.tw-break-inside-avoid-column]:!tw-break-inside-avoid-column';\n\nconst columnBreakDisablingClassUnderSm =\n    '[&_.tw-break-after-column]:tw-break-after-auto [&_.tw-break-inside-avoid-column]:tw-break-inside-auto [&_.tw-break-after-column.tw-pb-5]:tw-pb-0 @sm:[&_.tw-break-after-column.tw-pb-5]:!tw-pb-5 @sm:[&_.tw-break-after-column]:!tw-break-after-column @sm:[&_.tw-break-inside-avoid-column]:!tw-break-inside-avoid-column';\n\nexport const columnClassMap = {\n    1: 'tw-columns-1',\n    2: `tw-columns-1 @sm:!tw-columns-2 ${columnBreakDisablingClassUnderSm}`,\n    3: `tw-columns-1 @md:!tw-columns-3 ${columnBreakDisablingClassUnderMd}`,\n    4: `tw-columns-1 @md:!tw-columns-4 ${columnBreakDisablingClassUnderMd}`,\n    5: `tw-columns-1 @md:!tw-columns-5 ${columnBreakDisablingClassUnderMd}`,\n};\n\nexport const getResponsiveColumnClasses = (columnCount?: number) => {\n    if (!columnCount) {\n        return '';\n    }\n\n    return columnClassMap[columnCount as keyof typeof columnClassMap] || columnClassMap[1];\n};\n"],"names":["columnBreakDisablingClassUnderMd","columnBreakDisablingClassUnderSm","columnClassMap","getResponsiveColumnClasses","columnCount"],"mappings":"AAMA,MAAMA,IACF,8TAEEC,IACF,8TAESC,IAAiB;AAAA,EAC1B,GAAG;AAAA,EACH,GAAG,kCAAkCD,CAAgC;AAAA,EACrE,GAAG,kCAAkCD,CAAgC;AAAA,EACrE,GAAG,kCAAkCA,CAAgC;AAAA,EACrE,GAAG,kCAAkCA,CAAgC;AACzE,GAEaG,IAA6B,CAACC,MAClCA,IAIEF,EAAeE,CAA0C,KAAKF,EAAe,CAAC,IAH1E;"}
+{"version":3,"file":"helpers.es.js","names":[],"sources":["../../../../../src/components/RichTextEditor/plugins/ColumnBreakPlugin/helpers.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\n/**\n * As container queries lack a selector like @max-sm, as a workaround\n * the class is disabled by default and reenabled on bigger container sizes\n */\nconst columnBreakDisablingClassUnderMd =\n    '[&_.tw-break-after-column]:tw-break-after-auto [&_.tw-break-inside-avoid-column]:tw-break-inside-auto [&_.tw-break-after-column.tw-pb-5]:tw-pb-0 @md:[&_.tw-break-after-column.tw-pb-5]:!tw-pb-5 @md:[&_.tw-break-after-column]:!tw-break-after-column @md:[&_.tw-break-inside-avoid-column]:!tw-break-inside-avoid-column';\n\nconst columnBreakDisablingClassUnderSm =\n    '[&_.tw-break-after-column]:tw-break-after-auto [&_.tw-break-inside-avoid-column]:tw-break-inside-auto [&_.tw-break-after-column.tw-pb-5]:tw-pb-0 @sm:[&_.tw-break-after-column.tw-pb-5]:!tw-pb-5 @sm:[&_.tw-break-after-column]:!tw-break-after-column @sm:[&_.tw-break-inside-avoid-column]:!tw-break-inside-avoid-column';\n\nexport const columnClassMap = {\n    1: 'tw-columns-1',\n    2: `tw-columns-1 @sm:!tw-columns-2 ${columnBreakDisablingClassUnderSm}`,\n    3: `tw-columns-1 @md:!tw-columns-3 ${columnBreakDisablingClassUnderMd}`,\n    4: `tw-columns-1 @md:!tw-columns-4 ${columnBreakDisablingClassUnderMd}`,\n    5: `tw-columns-1 @md:!tw-columns-5 ${columnBreakDisablingClassUnderMd}`,\n};\n\nexport const getResponsiveColumnClasses = (columnCount?: number) => {\n    if (!columnCount) {\n        return '';\n    }\n\n    return columnClassMap[columnCount as keyof typeof columnClassMap] || columnClassMap[1];\n};\n"],"mappings":";AAMA,IAAM,IACF,8TAKS,IAAiB;CAC1B,GAAG;CACH,GAAG;CACH,GAAG,kCAAkC;CACrC,GAAG,kCAAkC;CACrC,GAAG,kCAAkC;AACzC,GAEa,KAA8B,MAClC,IAIE,EAAe,MAA+C,EAAe,KAHzE"}

package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/CustomFloatingLink.es.js

@@ -1,58 +1,49 @@
-import { jsx as e, jsxs as g, Fragment as k } from "react/jsx-runtime";
-import { useFloatingLinkInsertState as b, useFloatingLinkInsert as F, useFloatingLinkEditState as L, useFloatingLinkEdit as P, offset as S, flip as h } from "@frontify/fondue/rte";
-import { createPortal as s } from "react-dom";
-import { BlockStyles as d, TextStyles as a } from "../../styles.es.js";
-import { InsertLinkModal as x } from "./InsertLinkModal/InsertLinkModal.es.js";
-import { EditModal as E } from "./EditLinkModal/EditModal.es.js";
-const l = {
-  placement: "bottom-start",
-  strategy: "absolute",
-  middleware: [
-    S(12),
-    h({
-      padding: 12,
-      fallbackPlacements: ["bottom-end", "top-start", "top-end"]
-    })
-  ]
-}, M = () => {
-  const n = b({
-    floatingOptions: l
-  }), { props: o, ref: p, hidden: m } = F(n), t = L({
-    floatingOptions: l
-  }), { props: i, ref: u, editButtonProps: c, unlinkButtonProps: f } = P(t);
-  if (m)
-    return null;
-  const r = /* @__PURE__ */ e(x, {}), y = t.isEditing ? r : /* @__PURE__ */ e(E, { editButtonProps: c, unlinkButtonProps: f });
-  return /* @__PURE__ */ g(k, { children: [
-    n.isOpen && !t.isOpen && s(
-      /* @__PURE__ */ e(
-        "div",
-        {
-          "data-is-underlay": !0,
-          ref: p,
-          ...o,
-          style: { ...o.style, ...d[a.p] },
-          children: r
-        }
-      ),
-      document.body
-    ),
-    t.isOpen && s(
-      /* @__PURE__ */ e(
-        "div",
-        {
-          "data-is-underlay": !0,
-          ref: u,
-          ...i,
-          style: { ...i.style, ...d[a.p] },
-          children: y
-        }
-      ),
-      document.body
-    )
-  ] });
+import { BlockStyles as e, TextStyles as t } from "../../styles.es.js";
+import { EditModal as n } from "./EditLinkModal/EditModal.es.js";
+import { InsertLinkModal as r } from "./InsertLinkModal/InsertLinkModal.es.js";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { flip as s, offset as c, useFloatingLinkEdit as l, useFloatingLinkEditState as u, useFloatingLinkInsert as d, useFloatingLinkInsertState as f } from "@frontify/fondue/rte";
+import { createPortal as p } from "react-dom";
+//#region src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/CustomFloatingLink.tsx
+var m = {
+	placement: "bottom-start",
+	strategy: "absolute",
+	middleware: [c(12), s({
+		padding: 12,
+		fallbackPlacements: [
+			"bottom-end",
+			"top-start",
+			"top-end"
+		]
+	})]
+}, h = () => {
+	let s = f({ floatingOptions: m }), { props: c, ref: h, hidden: g } = d(s), _ = u({ floatingOptions: m }), { props: v, ref: y, editButtonProps: b, unlinkButtonProps: x } = l(_);
+	if (g) return null;
+	let S = /* @__PURE__ */ a(r, {}), C = _.isEditing ? S : /* @__PURE__ */ a(n, {
+		editButtonProps: b,
+		unlinkButtonProps: x
+	});
+	return /* @__PURE__ */ o(i, { children: [s.isOpen && !_.isOpen && p(/* @__PURE__ */ a("div", {
+		"data-is-underlay": !0,
+		ref: h,
+		...c,
+		style: {
+			...c.style,
+			...e[t.p]
+		},
+		children: S
+	}), document.body), _.isOpen && p(/* @__PURE__ */ a("div", {
+		"data-is-underlay": !0,
+		ref: y,
+		...v,
+		style: {
+			...v.style,
+			...e[t.p]
+		},
+		children: C
+	}), document.body)] });
 };
-export {
-  M as CustomFloatingLink
-};
-//# sourceMappingURL=CustomFloatingLink.es.js.map
+//#endregion
+export { h as CustomFloatingLink };
+
+//# sourceMappingURL=CustomFloatingLink.es.js.map

package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/CustomFloatingLink.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomFloatingLink.es.js","sources":["../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/CustomFloatingLink.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type LinkFloatingToolbarState,\n    type UseVirtualFloatingOptions,\n    flip,\n    offset,\n    useFloatingLinkEdit,\n    useFloatingLinkEditState,\n    useFloatingLinkInsert,\n    useFloatingLinkInsertState,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { BlockStyles, TextStyles } from '../../../../RichTextEditor/plugins/styles';\n\nimport { EditModal } from './EditLinkModal';\nimport { InsertLinkModal } from './InsertLinkModal/InsertLinkModal';\n\nconst floatingOptions: UseVirtualFloatingOptions = {\n    placement: 'bottom-start',\n    strategy: 'absolute',\n    middleware: [\n        offset(12),\n        flip({\n            padding: 12,\n            fallbackPlacements: ['bottom-end', 'top-start', 'top-end'],\n        }),\n    ],\n};\n\nexport type LinkFloatingToolbarProps = {\n    state?: LinkFloatingToolbarState;\n};\n\nexport const CustomFloatingLink = () => {\n    const insertState = useFloatingLinkInsertState({\n        floatingOptions,\n    });\n    const { props: insertProps, ref: insertRef, hidden } = useFloatingLinkInsert(insertState);\n\n    const editState = useFloatingLinkEditState({\n        floatingOptions,\n    });\n\n    const { props: editProps, ref: editRef, editButtonProps, unlinkButtonProps } = useFloatingLinkEdit(editState);\n\n    if (hidden) {\n        return null;\n    }\n\n    const input = <InsertLinkModal />;\n    const editContent = editState.isEditing ? (\n        input\n    ) : (\n        <EditModal editButtonProps={editButtonProps} unlinkButtonProps={unlinkButtonProps} />\n    );\n\n    return (\n        <>\n            {insertState.isOpen &&\n                !editState.isOpen &&\n                createPortal(\n                    <div\n                        data-is-underlay\n                        ref={insertRef}\n                        {...insertProps}\n                        style={{ ...(insertProps.style as CSSProperties), ...BlockStyles[TextStyles.p] }}\n                    >\n                        {input}\n                    </div>,\n                    document.body,\n                )}\n\n            {editState.isOpen &&\n                createPortal(\n                    <div\n                        data-is-underlay\n                        ref={editRef}\n                        {...editProps}\n                        style={{ ...(editProps.style as CSSProperties), ...BlockStyles[TextStyles.p] }}\n                    >\n                        {editContent}\n                    </div>,\n                    document.body,\n                )}\n        </>\n    );\n};\n"],"names":["floatingOptions","offset","flip","CustomFloatingLink","insertState","useFloatingLinkInsertState","insertProps","insertRef","hidden","useFloatingLinkInsert","editState","useFloatingLinkEditState","editProps","editRef","editButtonProps","unlinkButtonProps","useFloatingLinkEdit","input","InsertLinkModal","editContent","jsx","EditModal","jsxs","Fragment","createPortal","BlockStyles","TextStyles"],"mappings":";;;;;;AAoBA,MAAMA,IAA6C;AAAA,EAC/C,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,IACRC,EAAO,EAAE;AAAA,IACTC,EAAK;AAAA,MACD,SAAS;AAAA,MACT,oBAAoB,CAAC,cAAc,aAAa,SAAS;AAAA,IAAA,CAC5D;AAAA,EAAA;AAET,GAMaC,IAAqB,MAAM;AACpC,QAAMC,IAAcC,EAA2B;AAAA,IAC3C,iBAAAL;AAAA,EAAA,CACH,GACK,EAAE,OAAOM,GAAa,KAAKC,GAAW,QAAAC,EAAA,IAAWC,EAAsBL,CAAW,GAElFM,IAAYC,EAAyB;AAAA,IACvC,iBAAAX;AAAA,EAAA,CACH,GAEK,EAAE,OAAOY,GAAW,KAAKC,GAAS,iBAAAC,GAAiB,mBAAAC,EAAA,IAAsBC,EAAoBN,CAAS;AAE5G,MAAIF;AACA,WAAO;AAGX,QAAMS,sBAASC,GAAA,EAAgB,GACzBC,IAAcT,EAAU,YAC1BO,IAEA,gBAAAG,EAACC,GAAA,EAAU,iBAAAP,GAAkC,mBAAAC,GAAsC;AAGvF,SACI,gBAAAO,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAnB,EAAY,UACT,CAACM,EAAU,UACXc;AAAA,MACI,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,oBAAgB;AAAA,UAChB,KAAKb;AAAA,UACJ,GAAGD;AAAA,UACJ,OAAO,EAAE,GAAIA,EAAY,OAAyB,GAAGmB,EAAYC,EAAW,CAAC,EAAA;AAAA,UAE5E,UAAAT;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,SAAS;AAAA,IAAA;AAAA,IAGhBP,EAAU,UACPc;AAAA,MACI,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,oBAAgB;AAAA,UAChB,KAAKP;AAAA,UACJ,GAAGD;AAAA,UACJ,OAAO,EAAE,GAAIA,EAAU,OAAyB,GAAGa,EAAYC,EAAW,CAAC,EAAA;AAAA,UAE1E,UAAAP;AAAA,QAAA;AAAA,MAAA;AAAA,MAEL,SAAS;AAAA,IAAA;AAAA,EACb,GACR;AAER;"}
+{"version":3,"file":"CustomFloatingLink.es.js","names":[],"sources":["../../../../../../src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/CustomFloatingLink.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport {\n    type LinkFloatingToolbarState,\n    type UseVirtualFloatingOptions,\n    flip,\n    offset,\n    useFloatingLinkEdit,\n    useFloatingLinkEditState,\n    useFloatingLinkInsert,\n    useFloatingLinkInsertState,\n} from '@frontify/fondue/rte';\nimport { type CSSProperties } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { BlockStyles, TextStyles } from '../../../../RichTextEditor/plugins/styles';\n\nimport { EditModal } from './EditLinkModal';\nimport { InsertLinkModal } from './InsertLinkModal/InsertLinkModal';\n\nconst floatingOptions: UseVirtualFloatingOptions = {\n    placement: 'bottom-start',\n    strategy: 'absolute',\n    middleware: [\n        offset(12),\n        flip({\n            padding: 12,\n            fallbackPlacements: ['bottom-end', 'top-start', 'top-end'],\n        }),\n    ],\n};\n\nexport type LinkFloatingToolbarProps = {\n    state?: LinkFloatingToolbarState;\n};\n\nexport const CustomFloatingLink = () => {\n    const insertState = useFloatingLinkInsertState({\n        floatingOptions,\n    });\n    const { props: insertProps, ref: insertRef, hidden } = useFloatingLinkInsert(insertState);\n\n    const editState = useFloatingLinkEditState({\n        floatingOptions,\n    });\n\n    const { props: editProps, ref: editRef, editButtonProps, unlinkButtonProps } = useFloatingLinkEdit(editState);\n\n    if (hidden) {\n        return null;\n    }\n\n    const input = <InsertLinkModal />;\n    const editContent = editState.isEditing ? (\n        input\n    ) : (\n        <EditModal editButtonProps={editButtonProps} unlinkButtonProps={unlinkButtonProps} />\n    );\n\n    return (\n        <>\n            {insertState.isOpen &&\n                !editState.isOpen &&\n                createPortal(\n                    <div\n                        data-is-underlay\n                        ref={insertRef}\n                        {...insertProps}\n                        style={{ ...(insertProps.style as CSSProperties), ...BlockStyles[TextStyles.p] }}\n                    >\n                        {input}\n                    </div>,\n                    document.body,\n                )}\n\n            {editState.isOpen &&\n                createPortal(\n                    <div\n                        data-is-underlay\n                        ref={editRef}\n                        {...editProps}\n                        style={{ ...(editProps.style as CSSProperties), ...BlockStyles[TextStyles.p] }}\n                    >\n                        {editContent}\n                    </div>,\n                    document.body,\n                )}\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAoBA,IAAM,IAA6C;CAC/C,WAAW;CACX,UAAU;CACV,YAAY,CACR,EAAO,EAAE,GACT,EAAK;EACD,SAAS;EACT,oBAAoB;GAAC;GAAc;GAAa;EAAS;CAC7D,CAAC,CACL;AACJ,GAMa,UAA2B;CACpC,IAAM,IAAc,EAA2B,EAC3C,mBACJ,CAAC,GACK,EAAE,OAAO,GAAa,KAAK,GAAW,cAAW,EAAsB,CAAW,GAElF,IAAY,EAAyB,EACvC,mBACJ,CAAC,GAEK,EAAE,OAAO,GAAW,KAAK,GAAS,oBAAiB,yBAAsB,EAAoB,CAAS;CAE5G,IAAI,GACA,OAAO;CAGX,IAAM,IAAQ,kBAAC,GAAD,CAAkB,CAAA,GAC1B,IAAc,EAAU,YAC1B,IAEA,kBAAC,GAAD;EAA4B;EAAoC;CAAoB,CAAA;CAGxF,OACI,kBAAA,GAAA,EAAA,UAAA,CACK,EAAY,UACT,CAAC,EAAU,UACX,EACI,kBAAC,OAAD;EACI,oBAAA;EACA,KAAK;EACL,GAAI;EACJ,OAAO;GAAE,GAAI,EAAY;GAAyB,GAAG,EAAY,EAAW;EAAG;EAE9E,UAAA;CACA,CAAA,GACL,SAAS,IACb,GAEH,EAAU,UACP,EACI,kBAAC,OAAD;EACI,oBAAA;EACA,KAAK;EACL,GAAI;EACJ,OAAO;GAAE,GAAI,EAAU;GAAyB,GAAG,EAAY,EAAW;EAAG;EAE5E,UAAA;CACA,CAAA,GACL,SAAS,IACb,CACN,EAAA,CAAA;AAEV"}