@cyberskill/cyber-editor 3.8.9 → 3.9.1

package/README.md

@@ -1,5 +1,5 @@
-# Hướng Dẫn Sử Dụng Dự Án
+## Instructions
 
-<a href="node_modules/@cyberskill/shared/public/wiki/convention.md">
-    Đọc tại đây
+<a href="https://github.com/cyberskill-world/.github/wiki">
+    Read here
 </a>

package/dist/_tsup-dts-rollup.d.cts

@@ -0,0 +1,196 @@
+import type { Color } from 'antd/es/color-picker/index.js';
+import { ColorOptions } from '@tiptap/extension-color';
+import type { CommandProps } from '@tiptap/react';
+import type { CommandProps as CommandProps_2 } from '@tiptap/core';
+import type { Editor as Editor_2 } from '@tiptap/react';
+import type { Editor as Editor_3 } from '@tiptap/core';
+import { Extension } from '@tiptap/core';
+import { Mark } from '@tiptap/core';
+import { Node as Node_2 } from '@tiptap/core';
+import type { NodeViewProps } from '@tiptap/core';
+import type { RawCommands } from '@tiptap/react';
+import type { RawCommands as RawCommands_2 } from '@tiptap/core';
+import { default as React_2 } from 'react';
+import { StarterKitOptions } from '@tiptap/starter-kit';
+import { UnderlineOptions } from '@tiptap/extension-underline';
+
+declare const AccordionExtension: Node_2<any, any>;
+export { AccordionExtension }
+export { AccordionExtension as AccordionExtension_alias_1 }
+export { AccordionExtension as AccordionExtension_alias_2 }
+export { AccordionExtension as AccordionExtension_alias_3 }
+
+declare function AccordionView({ node, editor }: I_AccordionViewProps): React_2.JSX.Element;
+export { AccordionView }
+export { AccordionView as AccordionView_alias_1 }
+export { AccordionView as AccordionView_alias_2 }
+export { AccordionView as AccordionView_alias_3 }
+
+declare function ColorPicker({ value, onChange }: I_ColorPickerProps_2): React_2.JSX.Element;
+export { ColorPicker }
+export { ColorPicker as ColorPicker_alias_1 }
+export { ColorPicker as ColorPicker_alias_2 }
+
+declare function CustomExtensions({ editor }: any): React_2.JSX.Element;
+export { CustomExtensions }
+export { CustomExtensions as CustomExtensions_alias_1 }
+export { CustomExtensions as CustomExtensions_alias_2 }
+export { CustomExtensions as CustomExtensions_alias_3 }
+
+declare function Editor({ content, slotBefore, className, editorClassName, editable, onChange, }: I_EditorProps): React_2.JSX.Element;
+export { Editor }
+export { Editor as Editor_alias_1 }
+export { Editor as Editor_alias_2 }
+export { Editor as Editor_alias_3 }
+
+declare const EDITOR_EXTENSIONS: (Node_2<any, any> | Extension<ColorOptions, any> | Extension<StarterKitOptions, any> | Mark<UnderlineOptions, any>)[];
+export { EDITOR_EXTENSIONS }
+export { EDITOR_EXTENSIONS as EDITOR_EXTENSIONS_alias_1 }
+export { EDITOR_EXTENSIONS as EDITOR_EXTENSIONS_alias_2 }
+export { EDITOR_EXTENSIONS as EDITOR_EXTENSIONS_alias_3 }
+
+declare function Heading({ editor }: I_HeadingProps): React_2.JSX.Element | null;
+export { Heading }
+export { Heading as Heading_alias_1 }
+export { Heading as Heading_alias_2 }
+export { Heading as Heading_alias_3 }
+
+declare function HomePage(): React_2.JSX.Element;
+export { HomePage }
+export { HomePage as HomePage_alias_1 }
+export { HomePage as HomePage_alias_2 }
+export { HomePage as HomePage_alias_3 }
+
+declare interface I_AccordionViewProps {
+    node: any;
+    editor: Editor_2;
+}
+export { I_AccordionViewProps }
+export { I_AccordionViewProps as I_AccordionViewProps_alias_1 }
+export { I_AccordionViewProps as I_AccordionViewProps_alias_2 }
+export { I_AccordionViewProps as I_AccordionViewProps_alias_3 }
+
+declare interface I_ColorPickerProps {
+    editor: Editor_2;
+}
+export { I_ColorPickerProps }
+export { I_ColorPickerProps as I_ColorPickerProps_alias_1 }
+export { I_ColorPickerProps as I_ColorPickerProps_alias_2 }
+export { I_ColorPickerProps as I_ColorPickerProps_alias_5 }
+
+declare interface I_ColorPickerProps_2 {
+    value: string;
+    onChange: (value: Color) => void;
+}
+export { I_ColorPickerProps_2 as I_ColorPickerProps_alias_3 }
+export { I_ColorPickerProps_2 as I_ColorPickerProps_alias_4 }
+export { I_ColorPickerProps_2 as I_ColorPickerProps_alias_6 }
+
+declare interface I_EditorProps {
+    content?: string;
+    slotBefore?: boolean;
+    className?: string;
+    editorClassName?: string;
+    editable?: boolean;
+    onChange?: (content: string) => void;
+}
+export { I_EditorProps }
+export { I_EditorProps as I_EditorProps_alias_1 }
+export { I_EditorProps as I_EditorProps_alias_2 }
+export { I_EditorProps as I_EditorProps_alias_3 }
+
+declare interface I_HeadingProps {
+    editor: Editor_2;
+}
+export { I_HeadingProps }
+export { I_HeadingProps as I_HeadingProps_alias_1 }
+export { I_HeadingProps as I_HeadingProps_alias_2 }
+export { I_HeadingProps as I_HeadingProps_alias_3 }
+
+declare interface I_ImageViewProps extends NodeViewProps {
+    editor: Editor_3;
+}
+export { I_ImageViewProps }
+export { I_ImageViewProps as I_ImageViewProps_alias_1 }
+export { I_ImageViewProps as I_ImageViewProps_alias_2 }
+export { I_ImageViewProps as I_ImageViewProps_alias_3 }
+
+declare interface I_ModalEditProps {
+    title: string;
+    childrenContent: React.ReactNode;
+    editable: boolean;
+    childrenEdit?: React.ReactNode;
+}
+export { I_ModalEditProps }
+export { I_ModalEditProps as I_ModalEditProps_alias_1 }
+export { I_ModalEditProps as I_ModalEditProps_alias_2 }
+
+declare interface I_TableSelectorProps {
+    editor: Editor_2;
+    buttonClass: string;
+    activeClass: string;
+}
+export { I_TableSelectorProps }
+export { I_TableSelectorProps as I_TableSelectorProps_alias_1 }
+export { I_TableSelectorProps as I_TableSelectorProps_alias_2 }
+export { I_TableSelectorProps as I_TableSelectorProps_alias_3 }
+
+declare const Image_2: Node_2<any, any>;
+export { Image_2 as Image }
+export { Image_2 as Image_alias_1 }
+export { Image_2 as Image_alias_2 }
+export { Image_2 as Image_alias_3 }
+
+declare function ImageView({ node, updateAttributes, editor, }: I_ImageViewProps): React_2.JSX.Element;
+export { ImageView }
+export { ImageView as ImageView_alias_1 }
+export { ImageView as ImageView_alias_2 }
+export { ImageView as ImageView_alias_3 }
+
+declare function ModalEdit({ title, childrenContent, editable, childrenEdit, }: I_ModalEditProps): React_2.JSX.Element;
+export { ModalEdit }
+export { ModalEdit as ModalEdit_alias_1 }
+export { ModalEdit as ModalEdit_alias_2 }
+
+declare type T_AccordionCustomCommands = RawCommands & {
+    setAccordion: (attrs: {
+        title: string;
+        content: string;
+    }) => (props: CommandProps) => boolean;
+};
+export { T_AccordionCustomCommands }
+export { T_AccordionCustomCommands as T_AccordionCustomCommands_alias_1 }
+export { T_AccordionCustomCommands as T_AccordionCustomCommands_alias_2 }
+export { T_AccordionCustomCommands as T_AccordionCustomCommands_alias_3 }
+
+declare type T_ImageCustomCommands = RawCommands_2 & {
+    setImage: (attrs: {
+        src: string;
+        width?: number;
+        height?: string;
+    }) => (props: CommandProps_2) => boolean;
+};
+export { T_ImageCustomCommands }
+export { T_ImageCustomCommands as T_ImageCustomCommands_alias_1 }
+export { T_ImageCustomCommands as T_ImageCustomCommands_alias_2 }
+export { T_ImageCustomCommands as T_ImageCustomCommands_alias_3 }
+
+declare function Table({ editor, buttonClass, activeClass, }: I_TableSelectorProps): React_2.JSX.Element;
+export { Table }
+export { Table as Table_alias_1 }
+export { Table as Table_alias_2 }
+export { Table as Table_alias_3 }
+
+declare function TextColorPicker({ editor }: I_ColorPickerProps): React_2.JSX.Element;
+export { TextColorPicker }
+export { TextColorPicker as TextColorPicker_alias_1 }
+export { TextColorPicker as TextColorPicker_alias_2 }
+export { TextColorPicker as TextColorPicker_alias_3 }
+
+declare function ToolBar({ editor }: any): React_2.JSX.Element | null;
+export { ToolBar }
+export { ToolBar as ToolBar_alias_1 }
+export { ToolBar as ToolBar_alias_2 }
+export { ToolBar as ToolBar_alias_3 }
+
+export { }

package/dist/_tsup-dts-rollup.d.ts

@@ -0,0 +1,196 @@
+import type { Color } from 'antd/es/color-picker/index.js';
+import { ColorOptions } from '@tiptap/extension-color';
+import type { CommandProps } from '@tiptap/react';
+import type { CommandProps as CommandProps_2 } from '@tiptap/core';
+import type { Editor as Editor_2 } from '@tiptap/react';
+import type { Editor as Editor_3 } from '@tiptap/core';
+import { Extension } from '@tiptap/core';
+import { Mark } from '@tiptap/core';
+import { Node as Node_2 } from '@tiptap/core';
+import type { NodeViewProps } from '@tiptap/core';
+import type { RawCommands } from '@tiptap/react';
+import type { RawCommands as RawCommands_2 } from '@tiptap/core';
+import { default as React_2 } from 'react';
+import { StarterKitOptions } from '@tiptap/starter-kit';
+import { UnderlineOptions } from '@tiptap/extension-underline';
+
+declare const AccordionExtension: Node_2<any, any>;
+export { AccordionExtension }
+export { AccordionExtension as AccordionExtension_alias_1 }
+export { AccordionExtension as AccordionExtension_alias_2 }
+export { AccordionExtension as AccordionExtension_alias_3 }
+
+declare function AccordionView({ node, editor }: I_AccordionViewProps): React_2.JSX.Element;
+export { AccordionView }
+export { AccordionView as AccordionView_alias_1 }
+export { AccordionView as AccordionView_alias_2 }
+export { AccordionView as AccordionView_alias_3 }
+
+declare function ColorPicker({ value, onChange }: I_ColorPickerProps_2): React_2.JSX.Element;
+export { ColorPicker }
+export { ColorPicker as ColorPicker_alias_1 }
+export { ColorPicker as ColorPicker_alias_2 }
+
+declare function CustomExtensions({ editor }: any): React_2.JSX.Element;
+export { CustomExtensions }
+export { CustomExtensions as CustomExtensions_alias_1 }
+export { CustomExtensions as CustomExtensions_alias_2 }
+export { CustomExtensions as CustomExtensions_alias_3 }
+
+declare function Editor({ content, slotBefore, className, editorClassName, editable, onChange, }: I_EditorProps): React_2.JSX.Element;
+export { Editor }
+export { Editor as Editor_alias_1 }
+export { Editor as Editor_alias_2 }
+export { Editor as Editor_alias_3 }
+
+declare const EDITOR_EXTENSIONS: (Node_2<any, any> | Extension<ColorOptions, any> | Extension<StarterKitOptions, any> | Mark<UnderlineOptions, any>)[];
+export { EDITOR_EXTENSIONS }
+export { EDITOR_EXTENSIONS as EDITOR_EXTENSIONS_alias_1 }
+export { EDITOR_EXTENSIONS as EDITOR_EXTENSIONS_alias_2 }
+export { EDITOR_EXTENSIONS as EDITOR_EXTENSIONS_alias_3 }
+
+declare function Heading({ editor }: I_HeadingProps): React_2.JSX.Element | null;
+export { Heading }
+export { Heading as Heading_alias_1 }
+export { Heading as Heading_alias_2 }
+export { Heading as Heading_alias_3 }
+
+declare function HomePage(): React_2.JSX.Element;
+export { HomePage }
+export { HomePage as HomePage_alias_1 }
+export { HomePage as HomePage_alias_2 }
+export { HomePage as HomePage_alias_3 }
+
+declare interface I_AccordionViewProps {
+    node: any;
+    editor: Editor_2;
+}
+export { I_AccordionViewProps }
+export { I_AccordionViewProps as I_AccordionViewProps_alias_1 }
+export { I_AccordionViewProps as I_AccordionViewProps_alias_2 }
+export { I_AccordionViewProps as I_AccordionViewProps_alias_3 }
+
+declare interface I_ColorPickerProps {
+    editor: Editor_2;
+}
+export { I_ColorPickerProps }
+export { I_ColorPickerProps as I_ColorPickerProps_alias_1 }
+export { I_ColorPickerProps as I_ColorPickerProps_alias_2 }
+export { I_ColorPickerProps as I_ColorPickerProps_alias_5 }
+
+declare interface I_ColorPickerProps_2 {
+    value: string;
+    onChange: (value: Color) => void;
+}
+export { I_ColorPickerProps_2 as I_ColorPickerProps_alias_3 }
+export { I_ColorPickerProps_2 as I_ColorPickerProps_alias_4 }
+export { I_ColorPickerProps_2 as I_ColorPickerProps_alias_6 }
+
+declare interface I_EditorProps {
+    content?: string;
+    slotBefore?: boolean;
+    className?: string;
+    editorClassName?: string;
+    editable?: boolean;
+    onChange?: (content: string) => void;
+}
+export { I_EditorProps }
+export { I_EditorProps as I_EditorProps_alias_1 }
+export { I_EditorProps as I_EditorProps_alias_2 }
+export { I_EditorProps as I_EditorProps_alias_3 }
+
+declare interface I_HeadingProps {
+    editor: Editor_2;
+}
+export { I_HeadingProps }
+export { I_HeadingProps as I_HeadingProps_alias_1 }
+export { I_HeadingProps as I_HeadingProps_alias_2 }
+export { I_HeadingProps as I_HeadingProps_alias_3 }
+
+declare interface I_ImageViewProps extends NodeViewProps {
+    editor: Editor_3;
+}
+export { I_ImageViewProps }
+export { I_ImageViewProps as I_ImageViewProps_alias_1 }
+export { I_ImageViewProps as I_ImageViewProps_alias_2 }
+export { I_ImageViewProps as I_ImageViewProps_alias_3 }
+
+declare interface I_ModalEditProps {
+    title: string;
+    childrenContent: React.ReactNode;
+    editable: boolean;
+    childrenEdit?: React.ReactNode;
+}
+export { I_ModalEditProps }
+export { I_ModalEditProps as I_ModalEditProps_alias_1 }
+export { I_ModalEditProps as I_ModalEditProps_alias_2 }
+
+declare interface I_TableSelectorProps {
+    editor: Editor_2;
+    buttonClass: string;
+    activeClass: string;
+}
+export { I_TableSelectorProps }
+export { I_TableSelectorProps as I_TableSelectorProps_alias_1 }
+export { I_TableSelectorProps as I_TableSelectorProps_alias_2 }
+export { I_TableSelectorProps as I_TableSelectorProps_alias_3 }
+
+declare const Image_2: Node_2<any, any>;
+export { Image_2 as Image }
+export { Image_2 as Image_alias_1 }
+export { Image_2 as Image_alias_2 }
+export { Image_2 as Image_alias_3 }
+
+declare function ImageView({ node, updateAttributes, editor, }: I_ImageViewProps): React_2.JSX.Element;
+export { ImageView }
+export { ImageView as ImageView_alias_1 }
+export { ImageView as ImageView_alias_2 }
+export { ImageView as ImageView_alias_3 }
+
+declare function ModalEdit({ title, childrenContent, editable, childrenEdit, }: I_ModalEditProps): React_2.JSX.Element;
+export { ModalEdit }
+export { ModalEdit as ModalEdit_alias_1 }
+export { ModalEdit as ModalEdit_alias_2 }
+
+declare type T_AccordionCustomCommands = RawCommands & {
+    setAccordion: (attrs: {
+        title: string;
+        content: string;
+    }) => (props: CommandProps) => boolean;
+};
+export { T_AccordionCustomCommands }
+export { T_AccordionCustomCommands as T_AccordionCustomCommands_alias_1 }
+export { T_AccordionCustomCommands as T_AccordionCustomCommands_alias_2 }
+export { T_AccordionCustomCommands as T_AccordionCustomCommands_alias_3 }
+
+declare type T_ImageCustomCommands = RawCommands_2 & {
+    setImage: (attrs: {
+        src: string;
+        width?: number;
+        height?: string;
+    }) => (props: CommandProps_2) => boolean;
+};
+export { T_ImageCustomCommands }
+export { T_ImageCustomCommands as T_ImageCustomCommands_alias_1 }
+export { T_ImageCustomCommands as T_ImageCustomCommands_alias_2 }
+export { T_ImageCustomCommands as T_ImageCustomCommands_alias_3 }
+
+declare function Table({ editor, buttonClass, activeClass, }: I_TableSelectorProps): React_2.JSX.Element;
+export { Table }
+export { Table as Table_alias_1 }
+export { Table as Table_alias_2 }
+export { Table as Table_alias_3 }
+
+declare function TextColorPicker({ editor }: I_ColorPickerProps): React_2.JSX.Element;
+export { TextColorPicker }
+export { TextColorPicker as TextColorPicker_alias_1 }
+export { TextColorPicker as TextColorPicker_alias_2 }
+export { TextColorPicker as TextColorPicker_alias_3 }
+
+declare function ToolBar({ editor }: any): React_2.JSX.Element | null;
+export { ToolBar }
+export { ToolBar as ToolBar_alias_1 }
+export { ToolBar as ToolBar_alias_2 }
+export { ToolBar as ToolBar_alias_3 }
+
+export { }

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";function e(e,t){if(t==null||t>e.length)t=e.length;for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function t(e){if(Array.isArray(e))return e}function r(t){if(Array.isArray(t))return e(t)}function n(e,t,r){if(t in e){Object.defineProperty(e,t,{value:r,enumerable:true,configurable:true,writable:true})}else{e[t]=r}return e}function a(e,t){if(t!=null&&typeof Symbol!=="undefined"&&t[Symbol.hasInstance]){return!!t[Symbol.hasInstance](e)}else{return e instanceof t}}function c(e){if(typeof Symbol!=="undefined"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function i(e,t){var r=e==null?null:typeof Symbol!=="undefined"&&e[Symbol.iterator]||e["@@iterator"];if(r==null)return;var n=[];var a=true;var c=false;var i,l;try{for(r=r.call(e);!(a=(i=r.next()).done);a=true){n.push(i.value);if(t&&n.length===t)break}}catch(e){c=true;l=e}finally{try{if(!a&&r["return"]!=null)r["return"]()}finally{if(c)throw l}}return n}function l(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function o(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function u(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};var a=Object.keys(r);if(typeof Object.getOwnPropertySymbols==="function"){a=a.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))}a.forEach(function(t){n(e,t,r[t])})}return e}function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);if(t){n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})}r.push.apply(r,n)}return r}function s(e,t){t=t!=null?t:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(e,Object.getOwnPropertyDescriptors(t))}else{d(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}function f(e,r){return t(e)||i(e,r)||p(e,r)||l()}function m(e){return r(e)||c(e)||p(e)||o()}function g(e){"@swc/helpers - typeof";return e&&typeof Symbol!=="undefined"&&e.constructor===Symbol?"symbol":typeof e}function p(t,r){if(!t)return;if(typeof t==="string")return e(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);if(n==="Object"&&t.constructor)n=t.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,r)}var b=Object.create;var h=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var w=function(e,t){return h(e,"name",{value:t,configurable:!0})};var C=function(e,t){for(var r in t)h(e,r,{get:t[r],enumerable:!0})},N=function(e,t,r,n){var a=true,c=false,i=undefined;if(t&&(typeof t==="undefined"?"undefined":g(t))=="object"||typeof t=="function")try{var l=function(){var a=u.value;!x.call(e,a)&&a!==r&&h(e,a,{get:function(){return t[a]},enumerable:!(n=v(t,a))||n.enumerable})};for(var o=E(t)[Symbol.iterator](),u;!(a=(u=o.next()).done);a=true)l()}catch(e){c=true;i=e}finally{try{if(!a&&o.return!=null){o.return()}}finally{if(c){throw i}}}return e};var A=function(e,t,r){return r=e!=null?b(y(e)):{},N(t||!e||!e.__esModule?h(r,"default",{value:e,enumerable:!0}):r,e)},k=function(e){return N(h({},"__esModule",{value:!0}),e)};var S={};C(S,{AccordionExtension:function(){return B},AccordionView:function(){return D},CustomExtensions:function(){return ed},EDITOR_EXTENSIONS:function(){return eL},Editor:function(){return eP},Heading:function(){return et},HomePage:function(){return eM},Image:function(){return ez},ImageView:function(){return eO},Table:function(){return el},TextColorPicker:function(){return W},ToolBar:function(){return es}});module.exports=k(S);var T=require("@tiptap/core"),q=require("@tiptap/react");var O=require("@tiptap/react"),H=require("lucide-react"),I=A(require("react"),1);var z=require("antd"),L=A(require("react"),1);function j(e){var t=e.value,r=e.onChange;return L.default.createElement(z.ColorPicker,{value:t,onChange:r,presets:[{label:"Recommended",colors:["#1677ff","#52c41a","#faad14","#ff4d4f","#722ed1","#13c2c2","#ffffff","#000000"]}]})}w(j,"ColorPicker");var P=require("antd"),R=A(require("react"),1);function M(e){var t=e.title,r=e.childrenContent,n=e.editable,a=e.childrenEdit;var c=f((0,R.useState)(!1),2),i=c[0],l=c[1],o=n?R.default.createElement(P.Menu,null,R.default.createElement(P.Menu.Item,{key:"edit",onClick:w(function(){return l(!0)},"onClick")},"Edit")):null;return R.default.createElement("div",null,n&&o?R.default.createElement(P.Dropdown,{dropdownRender:w(function(){return o},"dropdownRender"),trigger:["contextMenu"]},r):r,R.default.createElement(P.Modal,{title:"Edit ".concat(t),open:i,onOk:w(function(){return l(!1)},"onOk"),onCancel:w(function(){return l(!1)},"onCancel")},a))}w(M,"ModalEdit");function D(e){var t=e.node,r=e.editor;var n=f((0,I.useState)(!1),2),a=n[0],c=n[1],i=f((0,I.useState)(t.attrs.bgColor||"#f3f4f6"),2),l=i[0],o=i[1],u=f((0,I.useState)(t.attrs.titleColor||"#000000"),2),d=u[0],s=u[1],m=w(function(e){e.preventDefault()},"handleRightClick"),g=w(function(e){o(e.toHexString())},"handleBgColorChange"),p=w(function(e){s(e.toHexString())},"handleTitleColorChange");return I.default.createElement(O.NodeViewWrapper,{className:"accordion-wrapper"},I.default.createElement(M,{title:"Accordion",childrenContent:I.default.createElement("div",{className:"ce:my-4 ce:transition-all ce:duration-300 ce:border ce:rounded-lg ce:shadow-sm",onContextMenu:m},I.default.createElement("div",{className:"ce:flex ce:items-center ce:justify-between ce:p-4 ce:transition-colors ce:accordion-header",style:{backgroundColor:l},onClick:w(function(){return c(!a)},"onClick")},I.default.createElement("input",{className:"ce:w-full ce:text-lg ce:font-medium ce:bg-transparent ce:border-none ce:outline-none",style:{color:d},defaultValue:t.attrs.title||"Accordion Title",disabled:!r.isEditable,suppressContentEditableWarning:!0,contentEditable:!0,placeholder:"Accordion title"}),I.default.createElement(H.ChevronDown,{className:"ce:transition-transform ce:duration-300 ".concat(a?"ce:rotate-180":""),size:20})),I.default.createElement("div",{className:"ce:overflow-hidden ce:duration-300 ce:ease-in-out ".concat(a?"ce:max-h-96 ce:opacity-100":"ce:max-h-0 ce:opacity-0"," ")},I.default.createElement("div",{className:"ce:p-4 ce:border-t"},I.default.createElement(O.NodeViewContent,{contentEditable:r.isEditable})))),editable:r.isEditable,childrenEdit:I.default.createElement("div",{className:"ce:px-6 ce:py-4 ce:space-y-6 ce:rounded-lg ce:bg-gray-50"},I.default.createElement("div",{className:"ce:grid ce:grid-cols-1 ce:gap-6"},I.default.createElement("div",{className:"ce:flex ce:flex-col ce:space-y-2"},I.default.createElement("label",{className:"ce:font-medium ce:text-gray-700"},"Background Color"),I.default.createElement("div",{className:"ce:flex ce:items-center ce:space-x-3"},I.default.createElement("div",{className:"ce:w-8 ce:h-8 ce:border ce:rounded ce:shadow",style:{backgroundColor:l}}),I.default.createElement(j,{value:l,onChange:g}))),I.default.createElement("div",{className:"ce:flex ce:flex-col ce:space-y-2"},I.default.createElement("label",{className:"ce:font-medium ce:text-gray-700"},"Title Color"),I.default.createElement("div",{className:"ce:flex ce:items-center ce:space-x-3"},I.default.createElement("div",{className:"ce:w-8 ce:h-8 ce:border ce:rounded ce:shadow",style:{backgroundColor:d}}),I.default.createElement(j,{value:d,onChange:p})))),I.default.createElement("div",{className:"ce:pt-4 ce:border-t ce:border-gray-200"},I.default.createElement("div",{className:"ce:p-3 ce:bg-white ce:border ce:rounded-md"},I.default.createElement("div",{className:"ce:text-sm ce:text-gray-600"},"Preview"),I.default.createElement("div",{className:"ce:p-2 ce:mt-2 ce:rounded",style:{backgroundColor:l}},I.default.createElement("span",{style:{color:d,fontWeight:500}},"Accordion Title")))))}))}w(D,"AccordionView");var B=T.Node.create({name:"accordion",group:"block",content:"block+",atom:!1,draggable:!0,selectable:!0,inline:!1,defining:!0,addAttributes:function e(){return{title:{default:"Accordion Title"},bgColor:{default:"#f3f4f6"},titleColor:{default:"#000000"}}},parseHTML:function e(){return[{tag:"accordion"}]},renderHTML:function e(e){var t=e.HTMLAttributes;return["accordion",(0,T.mergeAttributes)(t)]},addNodeView:function e(){return(0,q.ReactNodeViewRenderer)(D)},addCommands:function e(){return{setAccordion:w(function(e){return function(t){var r=t.chain;return r().insertContent({type:"accordion",attrs:e,content:[{type:"paragraph",content:[{type:"text",text:"Accordion content"}]}]}).run()}},"setAccordion")}}});var V=require("antd"),U=require("lucide-react"),_=A(require("react"),1);function W(e){var t=e.editor;var r=f((0,_.useState)("#1677ff"),2),n=r[0],a=r[1],c=f((0,_.useState)("#ffffff"),2),i=c[0],l=c[1],o=w(function(e){var r=e.toHexString();a(r),t.chain().focus().setColor(r).run()},"handleTextColorChange"),u=w(function(e){var r=e.toHexString();l(r),t.chain().focus().setHighlight({color:r}).run()},"handleBgColorChange"),d=w(function(e){e.preventDefault()},"keepEditorFocused");return _.default.createElement("div",{className:"ce:flex ce:items-center ce:gap-4"},_.default.createElement(V.Tooltip,{title:"Text Color"},_.default.createElement("div",{className:"ce:flex ce:items-center ce:gap-2",onMouseDown:d},_.default.createElement(U.TextCursor,{size:20,color:"black"}),_.default.createElement(j,{value:n,onChange:o}))),_.default.createElement(V.Tooltip,{title:"Highlight Color"},_.default.createElement("div",{className:"ce:flex ce:items-center ce:gap-2",onMouseDown:d},_.default.createElement(U.PaintBucket,{size:20,color:"black"}),_.default.createElement(j,{value:i,onChange:u}))))}w(W,"TextColorPicker");var X=require("@cyberskill/shared/react/loading"),J=require("@tiptap/react"),F=A(require("clsx"),1),Q=A(require("react"),1);var $=require("antd"),G=require("lucide-react"),K=A(require("react"),1);var Y=require("antd"),Z=require("lucide-react"),ee=A(require("react"),1);function et(e){var t=e.editor;if(!t)return null;var r=w(function(){for(var e=1;e<=6;e++)if(t.isActive("heading",{level:e}))switch(e){case 1:return ee.default.createElement(Z.Heading1,{size:16});case 2:return ee.default.createElement(Z.Heading2,{size:16});case 3:return ee.default.createElement(Z.Heading3,{size:16});case 4:return ee.default.createElement(Z.Heading4,{size:16});case 5:return ee.default.createElement(Z.Heading5,{size:16});case 6:return ee.default.createElement(Z.Heading6,{size:16})}return ee.default.createElement(Z.Heading1,{size:16})},"getCurrentHeadingIcon"),n=m(Array.from({length:6},function(e,r){return{key:"".concat(r+1),label:ee.default.createElement("div",{className:"ce:flex ce:items-center ce:gap-2",onClick:w(function(){return t.chain().focus().toggleHeading({level:r+1}).run()},"onClick")},function(){var e=[Z.Heading1,Z.Heading2,Z.Heading3,Z.Heading4,Z.Heading5,Z.Heading6][r];return e?ee.default.createElement(e,{size:16}):null}(),ee.default.createElement("span",null,"Heading",r+1)),className:t.isActive("heading",{level:r+1})?"ant-dropdown-menu-item-active":""}}));return ee.default.createElement(Y.Dropdown,{menu:{items:n},trigger:["hover"],placement:"bottomLeft"},ee.default.createElement("button",{className:"ce:flex ce:items-center ce:gap-1 ce:p-2 ce:rounded-md ce:hover:bg-blue-100 ce:hover:text-blue-600",type:"button"},r()))}w(et,"Heading");var er=require("antd"),en=require("lucide-react"),ea=A(require("react"),1);var ec=8,ei=8;function el(e){var t=e.editor,r=e.buttonClass,n=e.activeClass;var a=f((0,ea.useState)({rows:0,cols:0}),2),c=a[0],i=a[1],l=f((0,ea.useState)(!1),2),o=l[0],u=l[1],d=(0,ea.useCallback)(function(e,r){t&&(t.chain().focus().insertTable({rows:e,cols:r,withHeaderRow:!0}).run(),u(!1))},[t]);return ea.default.createElement(er.Dropdown,{open:o,onOpenChange:w(function(e){return u(e)},"onOpenChange"),trigger:["hover"],dropdownRender:w(function(){return ea.default.createElement("div",{className:"ce:w-56 ce:p-4 ce:bg-white ce:border ce:border-gray-300 ce:rounded-lg ce:shadow-xl"},ea.default.createElement("div",{className:"ce:grid ce:grid-cols-8 ce:gap-1"},Array.from({length:ec}).map(function(e,t){return Array.from({length:ei}).map(function(e,r){var n=t<c.rows&&r<c.cols;return ea.default.createElement("div",{key:"cell-".concat(t,"-").concat(r),className:"ce:w-5 ce:h-5 ce:border ce:rounded-sm ce:cursor-pointer ce:transition-all ce:duration-200 ".concat(n?"ce:bg-blue-400 ce:border-white ce:scale-110":"ce:bg-gray-200 ce:hover:bg-gray-300"),onMouseEnter:w(function(){return i({rows:t+1,cols:r+1})},"onMouseEnter"),onClick:w(function(e){e.stopPropagation(),d(t+1,r+1)},"onClick")})})})),ea.default.createElement("div",{className:"ce:mt-3 ce:text-sm ce:font-medium ce:text-center ce:text-gray-700"},c.rows>0&&c.cols>0?"".concat(c.rows," \xd7 ").concat(c.cols," Table"):"Insert Table"))},"dropdownRender")},ea.default.createElement("button",{type:"button",className:"".concat(r," ").concat(o?n:""," ce:transition-all"),onClick:w(function(e){e.preventDefault(),u(!o)},"onClick")},ea.default.createElement(en.TableIcon,{className:"ce:w-5 ce:h-5"})))}w(el,"Table");var eo=require("lucide-react"),eu=A(require("react"),1);function ed(e){var t=e.editor;var r=f((0,eu.useState)(!1),2),n=r[0],a=r[1];return eu.default.createElement("div",{className:"ce:relative"},eu.default.createElement("button",{type:"button",className:"ce:p-1 ce:text-black ce:transition-all ce:duration-300 ce:rounded-md ce:shadow-lg ce:hover:bg-blue-100 ce:hover:text-blue-600 ".concat(n?"ce:bg-blue-100 ce:text-blue-600":""),onClick:w(function(e){e.preventDefault(),e.stopPropagation(),a(!n)},"onClick")},n?eu.default.createElement(eo.X,{size:24}):eu.default.createElement(eo.Layers,{size:24})),n&&eu.default.createElement("div",{className:"ce:fixed ce:z-40 ce:w-64 ce:p-4 ce:bg-white ce:border ce:border-gray-200 ce:rounded-lg ce:shadow-xl ce:bottom-20 ce:right-4 ce:animate-slide-up"},eu.default.createElement("div",{className:"ce:space-y-2"},eu.default.createElement("h3",{className:"ce:mb-3 ce:font-bold ce:text-center ce:text-gray-700"},"Custom Extensions"),eu.default.createElement("button",{type:"button",onClick:w(function(){t.chain().focus().insertContent({type:"accordion",content:[{type:"paragraph",content:[{type:"text",text:"Accordion content"}]}]}).run()},"onClick"),className:"ce:flex ce:items-center ce:justify-center ce:w-full ce:gap-2 ce:px-3 ce:py-1 ce:text-blue-600 ce:duration-300 ce:rounded-md ce:bg-blue-50 ce:hover:bg-blue-100 ce:hover:text-blue-700"},eu.default.createElement(eo.Plus,{size:16})," ","Accordion"))))}w(ed,"CustomExtensions");function es(e){var t=e.editor;if(!t)return null;var r="ce:p-2 ce:rounded-md ce:transition-all ce:duration-200 ce:hover:bg-blue-100 ce:hover:text-blue-600",n="ce:bg-blue-100  ce:text-blue-600",a=w(function(e,t,a,c,i){return K.default.createElement($.Tooltip,{title:i},K.default.createElement("button",{type:"button",onClick:t,disabled:c,className:"\n                    ".concat(r," \n                    ").concat(a?n:""," \n                    ").concat(c?"ce:opacity-50 ce:cursor-not-allowed":"","\n                ")},e))},"renderButton");return K.default.createElement("div",{className:"ce:flex ce:flex-wrap ce:items-center ce:gap-2 ce:p-2 ce:border-b ce:border-gray-200 ce:rounded-t-lg ce:bg-gray-50"},K.default.createElement("div",{className:"ce:flex ce:items-center ce:gap-1"},a(K.default.createElement(G.Bold,{size:16}),function(){return t.chain().focus().toggleBold().run()},t.isActive("bold"),!1,"Bold"),a(K.default.createElement(G.Italic,{size:16}),function(){return t.chain().focus().toggleItalic().run()},t.isActive("italic"),!1,"Italic"),a(K.default.createElement(G.Underline,{size:16}),function(){return t.chain().focus().toggleUnderline().run()},t.isActive("underline"),!1,"Underline"),a(K.default.createElement(G.Strikethrough,{size:16}),function(){return t.chain().focus().toggleStrike().run()},t.isActive("strike"),!1,"Strikethrough"),a(K.default.createElement(G.Code,{size:16}),function(){return t.chain().focus().toggleCode().run()},t.isActive("code"),!1,"Code"),a(K.default.createElement(G.Subscript,{size:16}),function(){return t.chain().focus().toggleSubscript().run()},t.isActive("subscript"),!1,"Subscript"),a(K.default.createElement(G.Superscript,{size:16}),function(){return t.chain().focus().toggleSuperscript().run()},t.isActive("superscript"),!1,"Superscript")),K.default.createElement("div",{className:"ce:h-5 ce:w-[1px] ce:bg-gray-300 ce:mx-2"}),K.default.createElement(et,{editor:t}),K.default.createElement("div",{className:"ce:h-5 ce:w-[1px] ce:bg-gray-300 ce:mx-2"}),K.default.createElement("div",{className:"ce:flex ce:items-center ce:gap-1"},a(K.default.createElement(G.AlignLeft,{size:16}),function(){return t.chain().focus().setTextAlign("left").run()},t.isActive({textAlign:"left"}),!1,"Align Left"),a(K.default.createElement(G.AlignCenter,{size:16}),function(){return t.chain().focus().setTextAlign("center").run()},t.isActive({textAlign:"center"}),!1,"Align Center"),a(K.default.createElement(G.AlignRight,{size:16}),function(){return t.chain().focus().setTextAlign("right").run()},t.isActive({textAlign:"right"}),!1,"Align Right"),a(K.default.createElement(G.AlignJustify,{size:16}),function(){return t.chain().focus().setTextAlign("justify").run()},t.isActive({textAlign:"justify"}),!1,"Align Justify")),K.default.createElement("div",{className:"ce:h-5 ce:w-[1px] ce:bg-gray-300 ce:mx-2"}),K.default.createElement("div",{className:"ce:flex ce:items-center ce:gap-1"},a(K.default.createElement(G.List,{size:16}),function(){return t.chain().focus().toggleBulletList().run()},t.isActive("bulletList"),!1,"Bullet List"),a(K.default.createElement(G.ListOrdered,{size:16}),function(){return t.chain().focus().toggleOrderedList().run()},t.isActive("orderedList"),!1,"Ordered List"),a(K.default.createElement(G.CheckSquare,{size:16}),function(){return t.chain().focus().toggleTaskList().run()},t.isActive("taskList"),!1,"Task List")),K.default.createElement("div",{className:"ce:h-5 ce:w-[1px] ce:bg-gray-300 ce:mx-2"}),K.default.createElement("div",{className:"ce:flex ce:items-center ce:gap-1"},a(K.default.createElement(G.Quote,{size:16}),function(){return t.chain().focus().toggleBlockquote().run()},t.isActive("blockquote"),!1,"Blockquote"),K.default.createElement(el,{editor:t,buttonClass:r,activeClass:n}),a(K.default.createElement(G.Minus,{size:16}),function(){return t.chain().focus().setHorizontalRule().run()},!1,!1,"Horizontal Rule"),a(K.default.createElement(G.CornerDownRight,{size:16}),function(){return t.chain().focus().setHardBreak().run()},!1,!1,"Line Break")),K.default.createElement("div",{className:"ce:h-5 ce:w-[1px] ce:bg-gray-300 ce:mx-2"}),K.default.createElement("div",{className:"ce:flex ce:items-center ce:gap-1"},a(K.default.createElement(G.Undo,{size:16}),function(){return t.chain().focus().undo().run()},!1,!t.can().chain().focus().undo().run()),a(K.default.createElement(G.Redo,{size:16}),function(){return t.chain().focus().redo().run()},!1,!t.can().chain().focus().redo().run())),K.default.createElement("div",{className:"ce:h-5 ce:w-[1px] ce:bg-gray-300 ce:mx-2"}),a(K.default.createElement(G.Image,{size:16}),function(){var e=prompt("Enter the image URL");e&&t.chain().focus().insertContent({type:"image",attrs:{src:e,width:50,height:50,marginLeft:0,marginRight:0}}).run()},!1,!1,"Insert Image"),K.default.createElement("div",{className:"ce:h-5 ce:w-[1px] ce:bg-gray-300 ce:mx-2"}),K.default.createElement(W,{editor:t}),K.default.createElement("div",{className:"ce:h-5 ce:w-[1px] ce:bg-gray-300 ce:mx-2"}),K.default.createElement(ed,{editor:t}))}w(es,"ToolBar");var ef=require("@tiptap/extension-color"),em=A(require("@tiptap/extension-highlight"),1),eg=A(require("@tiptap/extension-list-item"),1),ep=A(require("@tiptap/extension-subscript"),1),eb=A(require("@tiptap/extension-superscript"),1),eh=A(require("@tiptap/extension-table"),1),ev=A(require("@tiptap/extension-table-cell"),1),eE=A(require("@tiptap/extension-table-header"),1),ey=A(require("@tiptap/extension-table-row"),1),ex=A(require("@tiptap/extension-task-item"),1),ew=A(require("@tiptap/extension-task-list"),1),eC=A(require("@tiptap/extension-text-align"),1),eN=A(require("@tiptap/extension-text-style"),1),eA=A(require("@tiptap/extension-underline"),1),ek=A(require("@tiptap/starter-kit"),1);var eS=require("@tiptap/react"),eT=require("antd"),eq=A(require("react"),1);function eO(e){var t=e.node,r=e.updateAttributes,n=e.editor;var a,c,i,l;var o=f((0,eq.useState)({width:(a=t.attrs.width)!==null&&a!==void 0?a:50,height:(c=t.attrs.height)!==null&&c!==void 0?c:"auto"}),2),d=o[0],m=o[1],g=f((0,eq.useState)({left:(i=t.attrs.marginLeft)!==null&&i!==void 0?i:"0%",right:(l=t.attrs.marginRight)!==null&&l!==void 0?l:"0%"}),2),p=g[0],b=g[1],h=f((0,eq.useState)(t.attrs.src||""),2),v=h[0],E=h[1],y=(0,eq.useRef)(null);(0,eq.useEffect)(function(){if(t.attrs.src&&y.current){var e=new Image;e.onload=function(){t.attrs.width===void 0&&m({width:100,height:"auto"})},e.src=t.attrs.src}},[t.attrs]);var x=w(function(){r({src:v,width:d.width,height:d.height,marginLeft:p.left,marginRight:p.right})},"handleUpdate"),C=w(function(e){e.preventDefault()},"handleRightClick");return eq.default.createElement(eS.NodeViewWrapper,{className:"image-wrapper ce:w-full"},eq.default.createElement(M,{title:"Image",childrenContent:eq.default.createElement("div",{className:"ce:relative ce:w-full ce:max-w-full ce:overflow-hidden",style:{marginLeft:"".concat(p.left,"%"),marginRight:"".concat(p.right,"%")},onContextMenu:C},eq.default.createElement("img",{ref:y,src:t.attrs.src,alt:"Uploaded",className:"ce:w-full ce:h-auto ce:object-contain ce:inline-block",style:{width:"".concat(d.width,"%"),height:d.height==="auto"?"auto":"".concat(d.height,"%"),maxWidth:"100%"},draggable:!1})),editable:n.isEditable,childrenEdit:eq.default.createElement("div",{className:"ce:space-y-4"},eq.default.createElement("div",null,eq.default.createElement("label",{className:"ce:block ce:text-sm ce:font-medium ce:text-gray-700"},"Image URL"),eq.default.createElement(eT.Input,{type:"text",value:v,onChange:w(function(e){return E(e.target.value)},"onChange"),className:"ce:mt-1 ce:block ce:w-full ce:rounded-md ce:border-gray-300 ce:shadow-sm ce:focus:border-indigo-300 ce:focus:ring ce:focus:ring-indigo-200 focus:ring-opacity-50",disabled:!n.isEditable})),eq.default.createElement("div",{className:"ce:flex ce:gap-4"},eq.default.createElement("div",{className:"ce:flex-1"},eq.default.createElement("label",{className:"ce:block ce:text-sm ce:font-medium ce:text-gray-700"},"Width (%)"),eq.default.createElement(eT.Input,{type:"number",value:d.width,onChange:w(function(e){return m(s(u({},d),{width:Number(e.target.value)}))},"onChange"),className:"ce:mt-1 ce:block ce:w-full ce:rounded-md ce:border-gray-300 ce:shadow-sm ce:focus:border-indigo-300 ce:focus:ring ce:focus:ring-indigo-200 ce:focus:ring-opacity-50",disabled:!n.isEditable})),eq.default.createElement("div",{className:"ce:flex-1"},eq.default.createElement("label",{className:"ce:block ce:text-sm ce:font-medium ce:text-gray-700"},"Height"),eq.default.createElement(eT.Select,{value:d.height,onChange:w(function(e){return m(s(u({},d),{height:e}))},"onChange"),className:"ce:mt-1 ce:block ce:w-full ce:rounded-md ce:border-gray-300 ce:shadow-sm ce:focus:border-indigo-300 ce:focus:ring ce:focus:ring-indigo-200 ce:focus:ring-opacity-50",disabled:!n.isEditable},eq.default.createElement(eT.Select.Option,{value:"auto"},"Auto"),eq.default.createElement(eT.Select.Option,{value:"25"},"25%"),eq.default.createElement(eT.Select.Option,{value:"50"},"50%"),eq.default.createElement(eT.Select.Option,{value:"75"},"75%"),eq.default.createElement(eT.Select.Option,{value:"100"},"100%")))),eq.default.createElement("div",{className:"ce:flex ce:gap-4"},eq.default.createElement("div",{className:"ce:flex-1"},eq.default.createElement("label",{className:"ce:block ce:text-sm ce:font-medium ce:text-gray-700"},"Margin Left (%)"),eq.default.createElement(eT.Input,{type:"number",value:p.left,onChange:w(function(e){return b(s(u({},p),{left:String(Number(e.target.value))}))},"onChange"),className:"ce:mt-1 ce:block ce:w-full ce:rounded-md ce:border-gray-300 ce:shadow-sm ce:focus:border-indigo-300 ce:focus:ring focus:ring-indigo-200 ce:focus:ring-opacity-50",disabled:!n.isEditable})),eq.default.createElement("div",{className:"ce:flex-1"},eq.default.createElement("label",{className:"ce:block ce:text-sm ce:font-medium ce:text-gray-700"},"Margin Right (%)"),eq.default.createElement(eT.Input,{type:"number",value:p.right,onChange:w(function(e){return b(s(u({},p),{right:String(Number(e.target.value))}))},"onChange"),className:"ce:mt-1 ce:block ce:w-full ce:rounded-md ce:border-gray-300 ce:shadow-sm ce:focus:border-indigo-300 ce:focus:ring ce:focus:ring-indigo-200 ce:focus:ring-opacity-50",disabled:!n.isEditable}))),eq.default.createElement("button",{type:"button",onClick:x,className:"ce:w-full ce:py-2 ce:px-4 ce:bg-indigo-600 ce:text-white ce:rounded-md ce:hover:bg-indigo-700 ce:focus:outline-none ce:focus:ring-2 ce:focus:ring-indigo-500 ce:focus:ring-offset-2",disabled:!n.isEditable},"Update Image"))}))}w(eO,"ImageView");var eH=require("@tiptap/core"),eI=require("@tiptap/react");var ez=eH.Node.create({name:"image",group:"block",content:"inline*",atom:!0,draggable:!0,selectable:!0,addAttributes:function e(){return{src:{default:null},width:{default:50},height:{default:"auto"},marginLeft:{default:0},marginRight:{default:0}}},parseHTML:function e(){return[{tag:"img",getAttrs:w(function(e){return a(e,HTMLElement)?{src:e.getAttribute("src"),width:e.getAttribute("width")?Number(e.getAttribute("width")):50,height:e.getAttribute("height")||"auto",marginLeft:e.getAttribute("marginleft")?Number(e.getAttribute("marginleft")):0,marginRight:e.getAttribute("marginright")?Number(e.getAttribute("marginright")):0}:null},"getAttrs")}]},renderHTML:function e(e){var t=e.HTMLAttributes;return["img",(0,eH.mergeAttributes)(t)]},addNodeView:function e(){return(0,eI.ReactNodeViewRenderer)(eO)},addCommands:function e(){var e=this;return{setImage:w(function(t){return function(r){var n=r.chain;var a,c;return n().insertContent({type:e.name,attrs:s(u({},t),{width:(a=t===null||t===void 0?void 0:t.width)!==null&&a!==void 0?a:50,height:(c=t===null||t===void 0?void 0:t.height)!==null&&c!==void 0?c:"auto"})}).run()}},"setImage")}}});var eL=[ef.Color.configure({types:[eN.default.name,eg.default.name]}),eN.default,em.default.configure({multicolor:!0}),ek.default.configure({bulletList:{keepMarks:!0,keepAttributes:!1},orderedList:{keepMarks:!0,keepAttributes:!1}}),eA.default,ep.default,eb.default,eC.default.configure({types:["heading","paragraph"]}),ew.default,ex.default,eh.default.configure({resizable:!0,lastColumnResizable:!0,allowTableNodeSelection:!0,HTMLAttributes:{class:"table-wrapper"}}),ey.default,eE.default,ev.default.configure({HTMLAttributes:{class:"table-cell"}}),ez,B];var ej=A(require("./modules/editor/editor.module.scss"),1);function eP(e){var t=e.content,r=t===void 0?"":t,n=e.slotBefore,a=n===void 0?!1:n,c=e.className,i=c===void 0?"":c,l=e.editorClassName,o=l===void 0?"":l,u=e.editable,d=u===void 0?!0:u,s=e.onChange;var f=(0,J.useEditor)({extensions:eL,content:r,editable:d,onUpdate:w(function(e){var t=e.editor;s===null||s===void 0?void 0:s(t.getHTML())},"onUpdate")});return(0,Q.useEffect)(function(){f&&r!==f.getHTML()&&f.commands.setContent(r,!1)},[f,r]),f?Q.default.createElement("div",{className:(0,F.default)(ej.default["cyber-editor"],i)},a&&Q.default.createElement(es,{editor:f}),Q.default.createElement(J.EditorContent,{editor:f,className:o})):Q.default.createElement(X.Loading,{full:!0})}w(eP,"Editor");var eR=A(require("react"),1);function eM(){var e=f((0,eR.useState)('\n        <h1>Welcome to the Editor</h1>\n        <img src="https://d1hjkbq40fs2x4.cloudfront.net/2017-08-21/files/landscape-photography_1645.jpg" width="300" height="300" marginleft="0" marginright="0">\n        <p>This is a paragraph.</p>\n        <accordion title="Accordion Title" bgcolor="#f3f4f6" titlecolor="#000000"></accordion>\n    '),2),t=e[0],r=e[1],n=w(function(e){r(e)},"handleContentChange");return eR.default.createElement(eP,{content:t,onChange:n,slotBefore:!0})}w(eM,"HomePage");0&&(module.exports={AccordionExtension:AccordionExtension,AccordionView:AccordionView,CustomExtensions:CustomExtensions,EDITOR_EXTENSIONS:EDITOR_EXTENSIONS,Editor:Editor,Heading:Heading,HomePage:HomePage,Image:Image,ImageView:ImageView,Table:Table,TextColorPicker:TextColorPicker,ToolBar:ToolBar});

package/dist/index.d.cts

@@ -0,0 +1,20 @@
+export { AccordionExtension } from './_tsup-dts-rollup.cjs';
+export { AccordionView } from './_tsup-dts-rollup.cjs';
+export { I_AccordionViewProps } from './_tsup-dts-rollup.cjs';
+export { T_AccordionCustomCommands } from './_tsup-dts-rollup.cjs';
+export { TextColorPicker } from './_tsup-dts-rollup.cjs';
+export { I_ColorPickerProps } from './_tsup-dts-rollup.cjs';
+export { Editor } from './_tsup-dts-rollup.cjs';
+export { EDITOR_EXTENSIONS } from './_tsup-dts-rollup.cjs';
+export { I_EditorProps } from './_tsup-dts-rollup.cjs';
+export { Heading } from './_tsup-dts-rollup.cjs';
+export { I_HeadingProps } from './_tsup-dts-rollup.cjs';
+export { HomePage } from './_tsup-dts-rollup.cjs';
+export { ImageView } from './_tsup-dts-rollup.cjs';
+export { I_ImageViewProps } from './_tsup-dts-rollup.cjs';
+export { T_ImageCustomCommands } from './_tsup-dts-rollup.cjs';
+export { Image } from './_tsup-dts-rollup.cjs';
+export { Table } from './_tsup-dts-rollup.cjs';
+export { I_TableSelectorProps } from './_tsup-dts-rollup.cjs';
+export { ToolBar } from './_tsup-dts-rollup.cjs';
+export { CustomExtensions } from './_tsup-dts-rollup.cjs';

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+export { AccordionExtension } from './_tsup-dts-rollup.js';
+export { AccordionView } from './_tsup-dts-rollup.js';
+export { I_AccordionViewProps } from './_tsup-dts-rollup.js';
+export { T_AccordionCustomCommands } from './_tsup-dts-rollup.js';
+export { TextColorPicker } from './_tsup-dts-rollup.js';
+export { I_ColorPickerProps } from './_tsup-dts-rollup.js';
+export { Editor } from './_tsup-dts-rollup.js';
+export { EDITOR_EXTENSIONS } from './_tsup-dts-rollup.js';
+export { I_EditorProps } from './_tsup-dts-rollup.js';
+export { Heading } from './_tsup-dts-rollup.js';
+export { I_HeadingProps } from './_tsup-dts-rollup.js';
+export { HomePage } from './_tsup-dts-rollup.js';
+export { ImageView } from './_tsup-dts-rollup.js';
+export { I_ImageViewProps } from './_tsup-dts-rollup.js';
+export { T_ImageCustomCommands } from './_tsup-dts-rollup.js';
+export { Image } from './_tsup-dts-rollup.js';
+export { Table } from './_tsup-dts-rollup.js';
+export { I_TableSelectorProps } from './_tsup-dts-rollup.js';
+export { ToolBar } from './_tsup-dts-rollup.js';
+export { CustomExtensions } from './_tsup-dts-rollup.js';

package/dist/index.js

@@ -0,0 +1 @@
+function e(e,t){if(t==null||t>e.length)t=e.length;for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function t(e){if(Array.isArray(e))return e}function r(t){if(Array.isArray(t))return e(t)}function n(e,t,r){if(t in e){Object.defineProperty(e,t,{value:r,enumerable:true,configurable:true,writable:true})}else{e[t]=r}return e}function c(e,t){if(t!=null&&typeof Symbol!=="undefined"&&t[Symbol.hasInstance]){return!!t[Symbol.hasInstance](e)}else{return e instanceof t}}function a(e){if(typeof Symbol!=="undefined"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function o(e,t){var r=e==null?null:typeof Symbol!=="undefined"&&e[Symbol.iterator]||e["@@iterator"];if(r==null)return;var n=[];var c=true;var a=false;var o,i;try{for(r=r.call(e);!(c=(o=r.next()).done);c=true){n.push(o.value);if(t&&n.length===t)break}}catch(e){a=true;i=e}finally{try{if(!c&&r["return"]!=null)r["return"]()}finally{if(a)throw i}}return n}function i(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function l(){throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function s(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};var c=Object.keys(r);if(typeof Object.getOwnPropertySymbols==="function"){c=c.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))}c.forEach(function(t){n(e,t,r[t])})}return e}function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);if(t){n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})}r.push.apply(r,n)}return r}function m(e,t){t=t!=null?t:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(e,Object.getOwnPropertyDescriptors(t))}else{u(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}function d(e,r){return t(e)||o(e,r)||g(e,r)||i()}function f(e){return r(e)||a(e)||g(e)||l()}function g(t,r){if(!t)return;if(typeof t==="string")return e(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);if(n==="Object"&&t.constructor)n=t.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,r)}var p=Object.defineProperty;var b=function(e,t){return p(e,"name",{value:t,configurable:!0})};import{mergeAttributes as h,Node as v}from"@tiptap/core";import{ReactNodeViewRenderer as E}from"@tiptap/react";import{NodeViewContent as y,NodeViewWrapper as x}from"@tiptap/react";import{ChevronDown as w}from"lucide-react";import C,{useState as N}from"react";import{ColorPicker as A}from"antd";import k from"react";function T(e){var t=e.value,r=e.onChange;return k.createElement(A,{value:t,onChange:r,presets:[{label:"Recommended",colors:["#1677ff","#52c41a","#faad14","#ff4d4f","#722ed1","#13c2c2","#ffffff","#000000"]}]})}b(T,"ColorPicker");import{Dropdown as S,Menu as O,Modal as z}from"antd";import L,{useState as H}from"react";function I(e){var t=e.title,r=e.childrenContent,n=e.editable,c=e.childrenEdit;var a=d(H(!1),2),o=a[0],i=a[1],l=n?L.createElement(O,null,L.createElement(O.Item,{key:"edit",onClick:b(function(){return i(!0)},"onClick")},"Edit")):null;return L.createElement("div",null,n&&l?L.createElement(S,{dropdownRender:b(function(){return l},"dropdownRender"),trigger:["contextMenu"]},r):r,L.createElement(z,{title:"Edit ".concat(t),open:o,onOk:b(function(){return i(!1)},"onOk"),onCancel:b(function(){return i(!1)},"onCancel")},c))}b(I,"ModalEdit");function R(e){var t=e.node,r=e.editor;var n=d(N(!1),2),c=n[0],a=n[1],o=d(N(t.attrs.bgColor||"#f3f4f6"),2),i=o[0],l=o[1],s=d(N(t.attrs.titleColor||"#000000"),2),u=s[0],m=s[1],f=b(function(e){e.preventDefault()},"handleRightClick"),g=b(function(e){l(e.toHexString())},"handleBgColorChange"),p=b(function(e){m(e.toHexString())},"handleTitleColorChange");return C.createElement(x,{className:"accordion-wrapper"},C.createElement(I,{title:"Accordion",childrenContent:C.createElement("div",{className:"ce:my-4 ce:transition-all ce:duration-300 ce:border ce:rounded-lg ce:shadow-sm",onContextMenu:f},C.createElement("div",{className:"ce:flex ce:items-center ce:justify-between ce:p-4 ce:transition-colors ce:accordion-header",style:{backgroundColor:i},onClick:b(function(){return a(!c)},"onClick")},C.createElement("input",{className:"ce:w-full ce:text-lg ce:font-medium ce:bg-transparent ce:border-none ce:outline-none",style:{color:u},defaultValue:t.attrs.title||"Accordion Title",disabled:!r.isEditable,suppressContentEditableWarning:!0,contentEditable:!0,placeholder:"Accordion title"}),C.createElement(w,{className:"ce:transition-transform ce:duration-300 ".concat(c?"ce:rotate-180":""),size:20})),C.createElement("div",{className:"ce:overflow-hidden ce:duration-300 ce:ease-in-out ".concat(c?"ce:max-h-96 ce:opacity-100":"ce:max-h-0 ce:opacity-0"," ")},C.createElement("div",{className:"ce:p-4 ce:border-t"},C.createElement(y,{contentEditable:r.isEditable})))),editable:r.isEditable,childrenEdit:C.createElement("div",{className:"ce:px-6 ce:py-4 ce:space-y-6 ce:rounded-lg ce:bg-gray-50"},C.createElement("div",{className:"ce:grid ce:grid-cols-1 ce:gap-6"},C.createElement("div",{className:"ce:flex ce:flex-col ce:space-y-2"},C.createElement("label",{className:"ce:font-medium ce:text-gray-700"},"Background Color"),C.createElement("div",{className:"ce:flex ce:items-center ce:space-x-3"},C.createElement("div",{className:"ce:w-8 ce:h-8 ce:border ce:rounded ce:shadow",style:{backgroundColor:i}}),C.createElement(T,{value:i,onChange:g}))),C.createElement("div",{className:"ce:flex ce:flex-col ce:space-y-2"},C.createElement("label",{className:"ce:font-medium ce:text-gray-700"},"Title Color"),C.createElement("div",{className:"ce:flex ce:items-center ce:space-x-3"},C.createElement("div",{className:"ce:w-8 ce:h-8 ce:border ce:rounded ce:shadow",style:{backgroundColor:u}}),C.createElement(T,{value:u,onChange:p})))),C.createElement("div",{className:"ce:pt-4 ce:border-t ce:border-gray-200"},C.createElement("div",{className:"ce:p-3 ce:bg-white ce:border ce:rounded-md"},C.createElement("div",{className:"ce:text-sm ce:text-gray-600"},"Preview"),C.createElement("div",{className:"ce:p-2 ce:mt-2 ce:rounded",style:{backgroundColor:i}},C.createElement("span",{style:{color:u,fontWeight:500}},"Accordion Title")))))}))}b(R,"AccordionView");var M=v.create({name:"accordion",group:"block",content:"block+",atom:!1,draggable:!0,selectable:!0,inline:!1,defining:!0,addAttributes:function e(){return{title:{default:"Accordion Title"},bgColor:{default:"#f3f4f6"},titleColor:{default:"#000000"}}},parseHTML:function e(){return[{tag:"accordion"}]},renderHTML:function e(e){var t=e.HTMLAttributes;return["accordion",h(t)]},addNodeView:function e(){return E(R)},addCommands:function e(){return{setAccordion:b(function(e){return function(t){var r=t.chain;return r().insertContent({type:"accordion",attrs:e,content:[{type:"paragraph",content:[{type:"text",text:"Accordion content"}]}]}).run()}},"setAccordion")}}});import{Tooltip as j}from"antd";import{PaintBucket as P,TextCursor as B}from"lucide-react";import D,{useState as U}from"react";function V(e){var t=e.editor;var r=d(U("#1677ff"),2),n=r[0],c=r[1],a=d(U("#ffffff"),2),o=a[0],i=a[1],l=b(function(e){var r=e.toHexString();c(r),t.chain().focus().setColor(r).run()},"handleTextColorChange"),s=b(function(e){var r=e.toHexString();i(r),t.chain().focus().setHighlight({color:r}).run()},"handleBgColorChange"),u=b(function(e){e.preventDefault()},"keepEditorFocused");return D.createElement("div",{className:"ce:flex ce:items-center ce:gap-4"},D.createElement(j,{title:"Text Color"},D.createElement("div",{className:"ce:flex ce:items-center ce:gap-2",onMouseDown:u},D.createElement(B,{size:20,color:"black"}),D.createElement(T,{value:n,onChange:l}))),D.createElement(j,{title:"Highlight Color"},D.createElement("div",{className:"ce:flex ce:items-center ce:gap-2",onMouseDown:u},D.createElement(P,{size:20,color:"black"}),D.createElement(T,{value:o,onChange:s}))))}b(V,"TextColorPicker");import{Loading as W}from"@cyberskill/shared/react/loading";import{EditorContent as q,useEditor as J}from"@tiptap/react";import X from"clsx";import _,{useEffect as F}from"react";import{Tooltip as $}from"antd";import{AlignCenter as G,AlignJustify as K,AlignLeft as Q,AlignRight as Y,Bold as Z,CheckSquare as ee,Code as et,CornerDownRight as er,Image as en,Italic as ec,List as ea,ListOrdered as eo,Minus as ei,Quote as el,Redo as es,Strikethrough as eu,Subscript as em,Superscript as ed,Underline as ef,Undo as eg}from"lucide-react";import ep from"react";import{Dropdown as eb}from"antd";import{Heading1 as eh,Heading2 as ev,Heading3 as eE,Heading4 as ey,Heading5 as ex,Heading6 as ew}from"lucide-react";import eC from"react";function eN(e){var t=e.editor;if(!t)return null;var r=b(function(){for(var e=1;e<=6;e++)if(t.isActive("heading",{level:e}))switch(e){case 1:return eC.createElement(eh,{size:16});case 2:return eC.createElement(ev,{size:16});case 3:return eC.createElement(eE,{size:16});case 4:return eC.createElement(ey,{size:16});case 5:return eC.createElement(ex,{size:16});case 6:return eC.createElement(ew,{size:16})}return eC.createElement(eh,{size:16})},"getCurrentHeadingIcon"),n=f(Array.from({length:6},function(e,r){return{key:"".concat(r+1),label:eC.createElement("div",{className:"ce:flex ce:items-center ce:gap-2",onClick:b(function(){return t.chain().focus().toggleHeading({level:r+1}).run()},"onClick")},function(){var e=[eh,ev,eE,ey,ex,ew][r];return e?eC.createElement(e,{size:16}):null}(),eC.createElement("span",null,"Heading",r+1)),className:t.isActive("heading",{level:r+1})?"ant-dropdown-menu-item-active":""}}));return eC.createElement(eb,{menu:{items:n},trigger:["hover"],placement:"bottomLeft"},eC.createElement("button",{className:"ce:flex ce:items-center ce:gap-1 ce:p-2 ce:rounded-md ce:hover:bg-blue-100 ce:hover:text-blue-600",type:"button"},r()))}b(eN,"Heading");import{Dropdown as eA}from"antd";import{TableIcon as ek}from"lucide-react";import eT,{useCallback as eS,useState as eO}from"react";var ez=8,eL=8;function eH(e){var t=e.editor,r=e.buttonClass,n=e.activeClass;var c=d(eO({rows:0,cols:0}),2),a=c[0],o=c[1],i=d(eO(!1),2),l=i[0],s=i[1],u=eS(function(e,r){t&&(t.chain().focus().insertTable({rows:e,cols:r,withHeaderRow:!0}).run(),s(!1))},[t]);return eT.createElement(eA,{open:l,onOpenChange:b(function(e){return s(e)},"onOpenChange"),trigger:["hover"],dropdownRender:b(function(){return eT.createElement("div",{className:"ce:w-56 ce:p-4 ce:bg-white ce:border ce:border-gray-300 ce:rounded-lg ce:shadow-xl"},eT.createElement("div",{className:"ce:grid ce:grid-cols-8 ce:gap-1"},Array.from({length:ez}).map(function(e,t){return Array.from({length:eL}).map(function(e,r){var n=t<a.rows&&r<a.cols;return eT.createElement("div",{key:"cell-".concat(t,"-").concat(r),className:"ce:w-5 ce:h-5 ce:border ce:rounded-sm ce:cursor-pointer ce:transition-all ce:duration-200 ".concat(n?"ce:bg-blue-400 ce:border-white ce:scale-110":"ce:bg-gray-200 ce:hover:bg-gray-300"),onMouseEnter:b(function(){return o({rows:t+1,cols:r+1})},"onMouseEnter"),onClick:b(function(e){e.stopPropagation(),u(t+1,r+1)},"onClick")})})})),eT.createElement("div",{className:"ce:mt-3 ce:text-sm ce:font-medium ce:text-center ce:text-gray-700"},a.rows>0&&a.cols>0?"".concat(a.rows," \xd7 ").concat(a.cols," Table"):"Insert Table"))},"dropdownRender")},eT.createElement("button",{type:"button",className:"".concat(r," ").concat(l?n:""," ce:transition-all"),onClick:b(function(e){e.preventDefault(),s(!l)},"onClick")},eT.createElement(ek,{className:"ce:w-5 ce:h-5"})))}b(eH,"Table");import{Layers as eI,Plus as eR,X as eM}from"lucide-react";import ej,{useState as eP}from"react";function eB(e){var t=e.editor;var r=d(eP(!1),2),n=r[0],c=r[1];return ej.createElement("div",{className:"ce:relative"},ej.createElement("button",{type:"button",className:"ce:p-1 ce:text-black ce:transition-all ce:duration-300 ce:rounded-md ce:shadow-lg ce:hover:bg-blue-100 ce:hover:text-blue-600 ".concat(n?"ce:bg-blue-100 ce:text-blue-600":""),onClick:b(function(e){e.preventDefault(),e.stopPropagation(),c(!n)},"onClick")},n?ej.createElement(eM,{size:24}):ej.createElement(eI,{size:24})),n&&ej.createElement("div",{className:"ce:fixed ce:z-40 ce:w-64 ce:p-4 ce:bg-white ce:border ce:border-gray-200 ce:rounded-lg ce:shadow-xl ce:bottom-20 ce:right-4 ce:animate-slide-up"},ej.createElement("div",{className:"ce:space-y-2"},ej.createElement("h3",{className:"ce:mb-3 ce:font-bold ce:text-center ce:text-gray-700"},"Custom Extensions"),ej.createElement("button",{type:"button",onClick:b(function(){t.chain().focus().insertContent({type:"accordion",content:[{type:"paragraph",content:[{type:"text",text:"Accordion content"}]}]}).run()},"onClick"),className:"ce:flex ce:items-center ce:justify-center ce:w-full ce:gap-2 ce:px-3 ce:py-1 ce:text-blue-600 ce:duration-300 ce:rounded-md ce:bg-blue-50 ce:hover:bg-blue-100 ce:hover:text-blue-700"},ej.createElement(eR,{size:16})," ","Accordion"))))}b(eB,"CustomExtensions");function eD(e){var t=e.editor;if(!t)return null;var r="ce:p-2 ce:rounded-md ce:transition-all ce:duration-200 ce:hover:bg-blue-100 ce:hover:text-blue-600",n="ce:bg-blue-100  ce:text-blue-600",c=b(function(e,t,c,a,o){return ep.createElement($,{title:o},ep.createElement("button",{type:"button",onClick:t,disabled:a,className:"\n                    ".concat(r," \n                    ").concat(c?n:""," \n                    ").concat(a?"ce:opacity-50 ce:cursor-not-allowed":"","\n                ")},e))},"renderButton");return ep.createElement("div",{className:"ce:flex ce:flex-wrap ce:items-center ce:gap-2 ce:p-2 ce:border-b ce:border-gray-200 ce:rounded-t-lg ce:bg-gray-50"},ep.createElement("div",{className:"ce:flex ce:items-center ce:gap-1"},c(ep.createElement(Z,{size:16}),function(){return t.chain().focus().toggleBold().run()},t.isActive("bold"),!1,"Bold"),c(ep.createElement(ec,{size:16}),function(){return t.chain().focus().toggleItalic().run()},t.isActive("italic"),!1,"Italic"),c(ep.createElement(ef,{size:16}),function(){return t.chain().focus().toggleUnderline().run()},t.isActive("underline"),!1,"Underline"),c(ep.createElement(eu,{size:16}),function(){return t.chain().focus().toggleStrike().run()},t.isActive("strike"),!1,"Strikethrough"),c(ep.createElement(et,{size:16}),function(){return t.chain().focus().toggleCode().run()},t.isActive("code"),!1,"Code"),c(ep.createElement(em,{size:16}),function(){return t.chain().focus().toggleSubscript().run()},t.isActive("subscript"),!1,"Subscript"),c(ep.createElement(ed,{size:16}),function(){return t.chain().focus().toggleSuperscript().run()},t.isActive("superscript"),!1,"Superscript")),ep.createElement("div",{className:"ce:h-5 ce:w-[1px] ce:bg-gray-300 ce:mx-2"}),ep.createElement(eN,{editor:t}),ep.createElement("div",{className:"ce:h-5 ce:w-[1px] ce:bg-gray-300 ce:mx-2"}),ep.createElement("div",{className:"ce:flex ce:items-center ce:gap-1"},c(ep.createElement(Q,{size:16}),function(){return t.chain().focus().setTextAlign("left").run()},t.isActive({textAlign:"left"}),!1,"Align Left"),c(ep.createElement(G,{size:16}),function(){return t.chain().focus().setTextAlign("center").run()},t.isActive({textAlign:"center"}),!1,"Align Center"),c(ep.createElement(Y,{size:16}),function(){return t.chain().focus().setTextAlign("right").run()},t.isActive({textAlign:"right"}),!1,"Align Right"),c(ep.createElement(K,{size:16}),function(){return t.chain().focus().setTextAlign("justify").run()},t.isActive({textAlign:"justify"}),!1,"Align Justify")),ep.createElement("div",{className:"ce:h-5 ce:w-[1px] ce:bg-gray-300 ce:mx-2"}),ep.createElement("div",{className:"ce:flex ce:items-center ce:gap-1"},c(ep.createElement(ea,{size:16}),function(){return t.chain().focus().toggleBulletList().run()},t.isActive("bulletList"),!1,"Bullet List"),c(ep.createElement(eo,{size:16}),function(){return t.chain().focus().toggleOrderedList().run()},t.isActive("orderedList"),!1,"Ordered List"),c(ep.createElement(ee,{size:16}),function(){return t.chain().focus().toggleTaskList().run()},t.isActive("taskList"),!1,"Task List")),ep.createElement("div",{className:"ce:h-5 ce:w-[1px] ce:bg-gray-300 ce:mx-2"}),ep.createElement("div",{className:"ce:flex ce:items-center ce:gap-1"},c(ep.createElement(el,{size:16}),function(){return t.chain().focus().toggleBlockquote().run()},t.isActive("blockquote"),!1,"Blockquote"),ep.createElement(eH,{editor:t,buttonClass:r,activeClass:n}),c(ep.createElement(ei,{size:16}),function(){return t.chain().focus().setHorizontalRule().run()},!1,!1,"Horizontal Rule"),c(ep.createElement(er,{size:16}),function(){return t.chain().focus().setHardBreak().run()},!1,!1,"Line Break")),ep.createElement("div",{className:"ce:h-5 ce:w-[1px] ce:bg-gray-300 ce:mx-2"}),ep.createElement("div",{className:"ce:flex ce:items-center ce:gap-1"},c(ep.createElement(eg,{size:16}),function(){return t.chain().focus().undo().run()},!1,!t.can().chain().focus().undo().run()),c(ep.createElement(es,{size:16}),function(){return t.chain().focus().redo().run()},!1,!t.can().chain().focus().redo().run())),ep.createElement("div",{className:"ce:h-5 ce:w-[1px] ce:bg-gray-300 ce:mx-2"}),c(ep.createElement(en,{size:16}),function(){var e=prompt("Enter the image URL");e&&t.chain().focus().insertContent({type:"image",attrs:{src:e,width:50,height:50,marginLeft:0,marginRight:0}}).run()},!1,!1,"Insert Image"),ep.createElement("div",{className:"ce:h-5 ce:w-[1px] ce:bg-gray-300 ce:mx-2"}),ep.createElement(V,{editor:t}),ep.createElement("div",{className:"ce:h-5 ce:w-[1px] ce:bg-gray-300 ce:mx-2"}),ep.createElement(eB,{editor:t}))}b(eD,"ToolBar");import{Color as eU}from"@tiptap/extension-color";import eV from"@tiptap/extension-highlight";import eW from"@tiptap/extension-list-item";import eq from"@tiptap/extension-subscript";import eJ from"@tiptap/extension-superscript";import eX from"@tiptap/extension-table";import e_ from"@tiptap/extension-table-cell";import eF from"@tiptap/extension-table-header";import e$ from"@tiptap/extension-table-row";import eG from"@tiptap/extension-task-item";import eK from"@tiptap/extension-task-list";import eQ from"@tiptap/extension-text-align";import eY from"@tiptap/extension-text-style";import eZ from"@tiptap/extension-underline";import e0 from"@tiptap/starter-kit";import{NodeViewWrapper as e1}from"@tiptap/react";import{Input as e2,Select as e6}from"antd";import e3,{useEffect as e5,useRef as e4,useState as e7}from"react";function e8(e){var t=e.node,r=e.updateAttributes,n=e.editor;var c,a,o,i;var l=d(e7({width:(c=t.attrs.width)!==null&&c!==void 0?c:50,height:(a=t.attrs.height)!==null&&a!==void 0?a:"auto"}),2),u=l[0],f=l[1],g=d(e7({left:(o=t.attrs.marginLeft)!==null&&o!==void 0?o:"0%",right:(i=t.attrs.marginRight)!==null&&i!==void 0?i:"0%"}),2),p=g[0],h=g[1],v=d(e7(t.attrs.src||""),2),E=v[0],y=v[1],x=e4(null);e5(function(){if(t.attrs.src&&x.current){var e=new Image;e.onload=function(){t.attrs.width===void 0&&f({width:100,height:"auto"})},e.src=t.attrs.src}},[t.attrs]);var w=b(function(){r({src:E,width:u.width,height:u.height,marginLeft:p.left,marginRight:p.right})},"handleUpdate"),C=b(function(e){e.preventDefault()},"handleRightClick");return e3.createElement(e1,{className:"image-wrapper ce:w-full"},e3.createElement(I,{title:"Image",childrenContent:e3.createElement("div",{className:"ce:relative ce:w-full ce:max-w-full ce:overflow-hidden",style:{marginLeft:"".concat(p.left,"%"),marginRight:"".concat(p.right,"%")},onContextMenu:C},e3.createElement("img",{ref:x,src:t.attrs.src,alt:"Uploaded",className:"ce:w-full ce:h-auto ce:object-contain ce:inline-block",style:{width:"".concat(u.width,"%"),height:u.height==="auto"?"auto":"".concat(u.height,"%"),maxWidth:"100%"},draggable:!1})),editable:n.isEditable,childrenEdit:e3.createElement("div",{className:"ce:space-y-4"},e3.createElement("div",null,e3.createElement("label",{className:"ce:block ce:text-sm ce:font-medium ce:text-gray-700"},"Image URL"),e3.createElement(e2,{type:"text",value:E,onChange:b(function(e){return y(e.target.value)},"onChange"),className:"ce:mt-1 ce:block ce:w-full ce:rounded-md ce:border-gray-300 ce:shadow-sm ce:focus:border-indigo-300 ce:focus:ring ce:focus:ring-indigo-200 focus:ring-opacity-50",disabled:!n.isEditable})),e3.createElement("div",{className:"ce:flex ce:gap-4"},e3.createElement("div",{className:"ce:flex-1"},e3.createElement("label",{className:"ce:block ce:text-sm ce:font-medium ce:text-gray-700"},"Width (%)"),e3.createElement(e2,{type:"number",value:u.width,onChange:b(function(e){return f(m(s({},u),{width:Number(e.target.value)}))},"onChange"),className:"ce:mt-1 ce:block ce:w-full ce:rounded-md ce:border-gray-300 ce:shadow-sm ce:focus:border-indigo-300 ce:focus:ring ce:focus:ring-indigo-200 ce:focus:ring-opacity-50",disabled:!n.isEditable})),e3.createElement("div",{className:"ce:flex-1"},e3.createElement("label",{className:"ce:block ce:text-sm ce:font-medium ce:text-gray-700"},"Height"),e3.createElement(e6,{value:u.height,onChange:b(function(e){return f(m(s({},u),{height:e}))},"onChange"),className:"ce:mt-1 ce:block ce:w-full ce:rounded-md ce:border-gray-300 ce:shadow-sm ce:focus:border-indigo-300 ce:focus:ring ce:focus:ring-indigo-200 ce:focus:ring-opacity-50",disabled:!n.isEditable},e3.createElement(e6.Option,{value:"auto"},"Auto"),e3.createElement(e6.Option,{value:"25"},"25%"),e3.createElement(e6.Option,{value:"50"},"50%"),e3.createElement(e6.Option,{value:"75"},"75%"),e3.createElement(e6.Option,{value:"100"},"100%")))),e3.createElement("div",{className:"ce:flex ce:gap-4"},e3.createElement("div",{className:"ce:flex-1"},e3.createElement("label",{className:"ce:block ce:text-sm ce:font-medium ce:text-gray-700"},"Margin Left (%)"),e3.createElement(e2,{type:"number",value:p.left,onChange:b(function(e){return h(m(s({},p),{left:String(Number(e.target.value))}))},"onChange"),className:"ce:mt-1 ce:block ce:w-full ce:rounded-md ce:border-gray-300 ce:shadow-sm ce:focus:border-indigo-300 ce:focus:ring focus:ring-indigo-200 ce:focus:ring-opacity-50",disabled:!n.isEditable})),e3.createElement("div",{className:"ce:flex-1"},e3.createElement("label",{className:"ce:block ce:text-sm ce:font-medium ce:text-gray-700"},"Margin Right (%)"),e3.createElement(e2,{type:"number",value:p.right,onChange:b(function(e){return h(m(s({},p),{right:String(Number(e.target.value))}))},"onChange"),className:"ce:mt-1 ce:block ce:w-full ce:rounded-md ce:border-gray-300 ce:shadow-sm ce:focus:border-indigo-300 ce:focus:ring ce:focus:ring-indigo-200 ce:focus:ring-opacity-50",disabled:!n.isEditable}))),e3.createElement("button",{type:"button",onClick:w,className:"ce:w-full ce:py-2 ce:px-4 ce:bg-indigo-600 ce:text-white ce:rounded-md ce:hover:bg-indigo-700 ce:focus:outline-none ce:focus:ring-2 ce:focus:ring-indigo-500 ce:focus:ring-offset-2",disabled:!n.isEditable},"Update Image"))}))}b(e8,"ImageView");import{mergeAttributes as e9,Node as te}from"@tiptap/core";import{ReactNodeViewRenderer as tt}from"@tiptap/react";var tr=te.create({name:"image",group:"block",content:"inline*",atom:!0,draggable:!0,selectable:!0,addAttributes:function e(){return{src:{default:null},width:{default:50},height:{default:"auto"},marginLeft:{default:0},marginRight:{default:0}}},parseHTML:function e(){return[{tag:"img",getAttrs:b(function(e){return c(e,HTMLElement)?{src:e.getAttribute("src"),width:e.getAttribute("width")?Number(e.getAttribute("width")):50,height:e.getAttribute("height")||"auto",marginLeft:e.getAttribute("marginleft")?Number(e.getAttribute("marginleft")):0,marginRight:e.getAttribute("marginright")?Number(e.getAttribute("marginright")):0}:null},"getAttrs")}]},renderHTML:function e(e){var t=e.HTMLAttributes;return["img",e9(t)]},addNodeView:function e(){return tt(e8)},addCommands:function e(){var e=this;return{setImage:b(function(t){return function(r){var n=r.chain;var c,a;return n().insertContent({type:e.name,attrs:m(s({},t),{width:(c=t===null||t===void 0?void 0:t.width)!==null&&c!==void 0?c:50,height:(a=t===null||t===void 0?void 0:t.height)!==null&&a!==void 0?a:"auto"})}).run()}},"setImage")}}});var tn=[eU.configure({types:[eY.name,eW.name]}),eY,eV.configure({multicolor:!0}),e0.configure({bulletList:{keepMarks:!0,keepAttributes:!1},orderedList:{keepMarks:!0,keepAttributes:!1}}),eZ,eq,eJ,eQ.configure({types:["heading","paragraph"]}),eK,eG,eX.configure({resizable:!0,lastColumnResizable:!0,allowTableNodeSelection:!0,HTMLAttributes:{class:"table-wrapper"}}),e$,eF,e_.configure({HTMLAttributes:{class:"table-cell"}}),tr,M];import tc from"./modules/editor/editor.module.scss";function ta(e){var t=e.content,r=t===void 0?"":t,n=e.slotBefore,c=n===void 0?!1:n,a=e.className,o=a===void 0?"":a,i=e.editorClassName,l=i===void 0?"":i,s=e.editable,u=s===void 0?!0:s,m=e.onChange;var d=J({extensions:tn,content:r,editable:u,onUpdate:b(function(e){var t=e.editor;m===null||m===void 0?void 0:m(t.getHTML())},"onUpdate")});return F(function(){d&&r!==d.getHTML()&&d.commands.setContent(r,!1)},[d,r]),d?_.createElement("div",{className:X(tc["cyber-editor"],o)},c&&_.createElement(eD,{editor:d}),_.createElement(q,{editor:d,className:l})):_.createElement(W,{full:!0})}b(ta,"Editor");import to,{useState as ti}from"react";function tl(){var e=d(ti('\n        <h1>Welcome to the Editor</h1>\n        <img src="https://d1hjkbq40fs2x4.cloudfront.net/2017-08-21/files/landscape-photography_1645.jpg" width="300" height="300" marginleft="0" marginright="0">\n        <p>This is a paragraph.</p>\n        <accordion title="Accordion Title" bgcolor="#f3f4f6" titlecolor="#000000"></accordion>\n    '),2),t=e[0],r=e[1],n=b(function(e){r(e)},"handleContentChange");return to.createElement(ta,{content:t,onChange:n,slotBefore:!0})}b(tl,"HomePage");export{M as AccordionExtension,R as AccordionView,eB as CustomExtensions,tn as EDITOR_EXTENSIONS,ta as Editor,eN as Heading,tl as HomePage,tr as Image,e8 as ImageView,eH as Table,V as TextColorPicker,eD as ToolBar};

package/dist/modules/accordion/accordion-extension.cjs

@@ -0,0 +1 @@
+"use strict";function e(e,t){if(t==null||t>e.length)t=e.length;for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function t(e){if(Array.isArray(e))return e}function r(e,t){var r=e==null?null:typeof Symbol!=="undefined"&&e[Symbol.iterator]||e["@@iterator"];if(r==null)return;var n=[];var a=true;var c=false;var o,l;try{for(r=r.call(e);!(a=(o=r.next()).done);a=true){n.push(o.value);if(t&&n.length===t)break}}catch(e){c=true;l=e}finally{try{if(!a&&r["return"]!=null)r["return"]()}finally{if(c)throw l}}return n}function n(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function a(e,a){return t(e)||r(e,a)||o(e,a)||n()}function c(e){"@swc/helpers - typeof";return e&&typeof Symbol!=="undefined"&&e.constructor===Symbol?"symbol":typeof e}function o(t,r){if(!t)return;if(typeof t==="string")return e(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);if(n==="Object"&&t.constructor)n=t.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,r)}var l=Object.create;var i=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,s=Object.prototype.hasOwnProperty;var m=function(e,t){return i(e,"name",{value:t,configurable:!0})};var p=function(e,t){for(var r in t)i(e,r,{get:t[r],enumerable:!0})},v=function(e,t,r,n){var a=true,o=false,l=undefined;if(t&&(typeof t==="undefined"?"undefined":c(t))=="object"||typeof t=="function")try{var f=function(){var a=p.value;!s.call(e,a)&&a!==r&&i(e,a,{get:function(){return t[a]},enumerable:!(n=u(t,a))||n.enumerable})};for(var m=d(t)[Symbol.iterator](),p;!(a=(p=m.next()).done);a=true)f()}catch(e){o=true;l=e}finally{try{if(!a&&m.return!=null){m.return()}}finally{if(o){throw l}}}return e};var b=function(e,t,r){return r=e!=null?l(f(e)):{},v(t||!e||!e.__esModule?i(r,"default",{value:e,enumerable:!0}):r,e)},y=function(e){return v(i({},"__esModule",{value:!0}),e)};var g={};p(g,{AccordionExtension:function(){return q}});module.exports=y(g);var E=require("@tiptap/core"),h=require("@tiptap/react");var C=require("@tiptap/react"),x=require("lucide-react"),w=b(require("react"),1);var N=require("antd"),A=b(require("react"),1);function k(e){var t=e.value,r=e.onChange;return A.default.createElement(N.ColorPicker,{value:t,onChange:r,presets:[{label:"Recommended",colors:["#1677ff","#52c41a","#faad14","#ff4d4f","#722ed1","#13c2c2","#ffffff","#000000"]}]})}m(k,"ColorPicker");var O=require("antd"),S=b(require("react"),1);function M(e){var t=e.title,r=e.childrenContent,n=e.editable,c=e.childrenEdit;var o=a((0,S.useState)(!1),2),l=o[0],i=o[1],u=n?S.default.createElement(O.Menu,null,S.default.createElement(O.Menu.Item,{key:"edit",onClick:m(function(){return i(!0)},"onClick")},"Edit")):null;return S.default.createElement("div",null,n&&u?S.default.createElement(O.Dropdown,{dropdownRender:m(function(){return u},"dropdownRender"),trigger:["contextMenu"]},r):r,S.default.createElement(O.Modal,{title:"Edit ".concat(t),open:l,onOk:m(function(){return i(!1)},"onOk"),onCancel:m(function(){return i(!1)},"onCancel")},c))}m(M,"ModalEdit");function j(e){var t=e.node,r=e.editor;var n=a((0,w.useState)(!1),2),c=n[0],o=n[1],l=a((0,w.useState)(t.attrs.bgColor||"#f3f4f6"),2),i=l[0],u=l[1],d=a((0,w.useState)(t.attrs.titleColor||"#000000"),2),f=d[0],s=d[1],p=m(function(e){e.preventDefault()},"handleRightClick"),v=m(function(e){u(e.toHexString())},"handleBgColorChange"),b=m(function(e){s(e.toHexString())},"handleTitleColorChange");return w.default.createElement(C.NodeViewWrapper,{className:"accordion-wrapper"},w.default.createElement(M,{title:"Accordion",childrenContent:w.default.createElement("div",{className:"ce:my-4 ce:transition-all ce:duration-300 ce:border ce:rounded-lg ce:shadow-sm",onContextMenu:p},w.default.createElement("div",{className:"ce:flex ce:items-center ce:justify-between ce:p-4 ce:transition-colors ce:accordion-header",style:{backgroundColor:i},onClick:m(function(){return o(!c)},"onClick")},w.default.createElement("input",{className:"ce:w-full ce:text-lg ce:font-medium ce:bg-transparent ce:border-none ce:outline-none",style:{color:f},defaultValue:t.attrs.title||"Accordion Title",disabled:!r.isEditable,suppressContentEditableWarning:!0,contentEditable:!0,placeholder:"Accordion title"}),w.default.createElement(x.ChevronDown,{className:"ce:transition-transform ce:duration-300 ".concat(c?"ce:rotate-180":""),size:20})),w.default.createElement("div",{className:"ce:overflow-hidden ce:duration-300 ce:ease-in-out ".concat(c?"ce:max-h-96 ce:opacity-100":"ce:max-h-0 ce:opacity-0"," ")},w.default.createElement("div",{className:"ce:p-4 ce:border-t"},w.default.createElement(C.NodeViewContent,{contentEditable:r.isEditable})))),editable:r.isEditable,childrenEdit:w.default.createElement("div",{className:"ce:px-6 ce:py-4 ce:space-y-6 ce:rounded-lg ce:bg-gray-50"},w.default.createElement("div",{className:"ce:grid ce:grid-cols-1 ce:gap-6"},w.default.createElement("div",{className:"ce:flex ce:flex-col ce:space-y-2"},w.default.createElement("label",{className:"ce:font-medium ce:text-gray-700"},"Background Color"),w.default.createElement("div",{className:"ce:flex ce:items-center ce:space-x-3"},w.default.createElement("div",{className:"ce:w-8 ce:h-8 ce:border ce:rounded ce:shadow",style:{backgroundColor:i}}),w.default.createElement(k,{value:i,onChange:v}))),w.default.createElement("div",{className:"ce:flex ce:flex-col ce:space-y-2"},w.default.createElement("label",{className:"ce:font-medium ce:text-gray-700"},"Title Color"),w.default.createElement("div",{className:"ce:flex ce:items-center ce:space-x-3"},w.default.createElement("div",{className:"ce:w-8 ce:h-8 ce:border ce:rounded ce:shadow",style:{backgroundColor:f}}),w.default.createElement(k,{value:f,onChange:b})))),w.default.createElement("div",{className:"ce:pt-4 ce:border-t ce:border-gray-200"},w.default.createElement("div",{className:"ce:p-3 ce:bg-white ce:border ce:rounded-md"},w.default.createElement("div",{className:"ce:text-sm ce:text-gray-600"},"Preview"),w.default.createElement("div",{className:"ce:p-2 ce:mt-2 ce:rounded",style:{backgroundColor:i}},w.default.createElement("span",{style:{color:f,fontWeight:500}},"Accordion Title")))))}))}m(j,"AccordionView");var q=E.Node.create({name:"accordion",group:"block",content:"block+",atom:!1,draggable:!0,selectable:!0,inline:!1,defining:!0,addAttributes:function e(){return{title:{default:"Accordion Title"},bgColor:{default:"#f3f4f6"},titleColor:{default:"#000000"}}},parseHTML:function e(){return[{tag:"accordion"}]},renderHTML:function e(e){var t=e.HTMLAttributes;return["accordion",(0,E.mergeAttributes)(t)]},addNodeView:function e(){return(0,h.ReactNodeViewRenderer)(j)},addCommands:function e(){return{setAccordion:m(function(e){return function(t){var r=t.chain;return r().insertContent({type:"accordion",attrs:e,content:[{type:"paragraph",content:[{type:"text",text:"Accordion content"}]}]}).run()}},"setAccordion")}}});0&&(module.exports={AccordionExtension:AccordionExtension});

package/dist/modules/accordion/accordion-extension.d.cts

@@ -0,0 +1 @@
+export { AccordionExtension_alias_2 as AccordionExtension } from '../../_tsup-dts-rollup.cjs';

package/dist/modules/accordion/accordion-extension.d.ts

@@ -0,0 +1 @@
+export { AccordionExtension_alias_2 as AccordionExtension } from '../../_tsup-dts-rollup.js';

package/dist/modules/accordion/accordion-extension.js

@@ -0,0 +1 @@
+function e(e,t){if(t==null||t>e.length)t=e.length;for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function t(e){if(Array.isArray(e))return e}function r(e,t){var r=e==null?null:typeof Symbol!=="undefined"&&e[Symbol.iterator]||e["@@iterator"];if(r==null)return;var n=[];var c=true;var a=false;var o,l;try{for(r=r.call(e);!(c=(o=r.next()).done);c=true){n.push(o.value);if(t&&n.length===t)break}}catch(e){a=true;l=e}finally{try{if(!c&&r["return"]!=null)r["return"]()}finally{if(a)throw l}}return n}function n(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function c(e,c){return t(e)||r(e,c)||a(e,c)||n()}function a(t,r){if(!t)return;if(typeof t==="string")return e(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);if(n==="Object"&&t.constructor)n=t.constructor.name;if(n==="Map"||n==="Set")return Array.from(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,r)}var o=Object.defineProperty;var l=function(e,t){return o(e,"name",{value:t,configurable:!0})};import{mergeAttributes as i,Node as d}from"@tiptap/core";import{ReactNodeViewRenderer as s}from"@tiptap/react";import{NodeViewContent as u,NodeViewWrapper as m}from"@tiptap/react";import{ChevronDown as f}from"lucide-react";import p,{useState as b}from"react";import{ColorPicker as g}from"antd";import v from"react";function E(e){var t=e.value,r=e.onChange;return v.createElement(g,{value:t,onChange:r,presets:[{label:"Recommended",colors:["#1677ff","#52c41a","#faad14","#ff4d4f","#722ed1","#13c2c2","#ffffff","#000000"]}]})}l(E,"ColorPicker");import{Dropdown as y,Menu as h,Modal as C}from"antd";import x,{useState as N}from"react";function w(e){var t=e.title,r=e.childrenContent,n=e.editable,a=e.childrenEdit;var o=c(N(!1),2),i=o[0],d=o[1],s=n?x.createElement(h,null,x.createElement(h.Item,{key:"edit",onClick:l(function(){return d(!0)},"onClick")},"Edit")):null;return x.createElement("div",null,n&&s?x.createElement(y,{dropdownRender:l(function(){return s},"dropdownRender"),trigger:["contextMenu"]},r):r,x.createElement(C,{title:"Edit ".concat(t),open:i,onOk:l(function(){return d(!1)},"onOk"),onCancel:l(function(){return d(!1)},"onCancel")},a))}l(w,"ModalEdit");function A(e){var t=e.node,r=e.editor;var n=c(b(!1),2),a=n[0],o=n[1],i=c(b(t.attrs.bgColor||"#f3f4f6"),2),d=i[0],s=i[1],g=c(b(t.attrs.titleColor||"#000000"),2),v=g[0],y=g[1],h=l(function(e){e.preventDefault()},"handleRightClick"),C=l(function(e){s(e.toHexString())},"handleBgColorChange"),x=l(function(e){y(e.toHexString())},"handleTitleColorChange");return p.createElement(m,{className:"accordion-wrapper"},p.createElement(w,{title:"Accordion",childrenContent:p.createElement("div",{className:"ce:my-4 ce:transition-all ce:duration-300 ce:border ce:rounded-lg ce:shadow-sm",onContextMenu:h},p.createElement("div",{className:"ce:flex ce:items-center ce:justify-between ce:p-4 ce:transition-colors ce:accordion-header",style:{backgroundColor:d},onClick:l(function(){return o(!a)},"onClick")},p.createElement("input",{className:"ce:w-full ce:text-lg ce:font-medium ce:bg-transparent ce:border-none ce:outline-none",style:{color:v},defaultValue:t.attrs.title||"Accordion Title",disabled:!r.isEditable,suppressContentEditableWarning:!0,contentEditable:!0,placeholder:"Accordion title"}),p.createElement(f,{className:"ce:transition-transform ce:duration-300 ".concat(a?"ce:rotate-180":""),size:20})),p.createElement("div",{className:"ce:overflow-hidden ce:duration-300 ce:ease-in-out ".concat(a?"ce:max-h-96 ce:opacity-100":"ce:max-h-0 ce:opacity-0"," ")},p.createElement("div",{className:"ce:p-4 ce:border-t"},p.createElement(u,{contentEditable:r.isEditable})))),editable:r.isEditable,childrenEdit:p.createElement("div",{className:"ce:px-6 ce:py-4 ce:space-y-6 ce:rounded-lg ce:bg-gray-50"},p.createElement("div",{className:"ce:grid ce:grid-cols-1 ce:gap-6"},p.createElement("div",{className:"ce:flex ce:flex-col ce:space-y-2"},p.createElement("label",{className:"ce:font-medium ce:text-gray-700"},"Background Color"),p.createElement("div",{className:"ce:flex ce:items-center ce:space-x-3"},p.createElement("div",{className:"ce:w-8 ce:h-8 ce:border ce:rounded ce:shadow",style:{backgroundColor:d}}),p.createElement(E,{value:d,onChange:C}))),p.createElement("div",{className:"ce:flex ce:flex-col ce:space-y-2"},p.createElement("label",{className:"ce:font-medium ce:text-gray-700"},"Title Color"),p.createElement("div",{className:"ce:flex ce:items-center ce:space-x-3"},p.createElement("div",{className:"ce:w-8 ce:h-8 ce:border ce:rounded ce:shadow",style:{backgroundColor:v}}),p.createElement(E,{value:v,onChange:x})))),p.createElement("div",{className:"ce:pt-4 ce:border-t ce:border-gray-200"},p.createElement("div",{className:"ce:p-3 ce:bg-white ce:border ce:rounded-md"},p.createElement("div",{className:"ce:text-sm ce:text-gray-600"},"Preview"),p.createElement("div",{className:"ce:p-2 ce:mt-2 ce:rounded",style:{backgroundColor:d}},p.createElement("span",{style:{color:v,fontWeight:500}},"Accordion Title")))))}))}l(A,"AccordionView");var k=d.create({name:"accordion",group:"block",content:"block+",atom:!1,draggable:!0,selectable:!0,inline:!1,defining:!0,addAttributes:function e(){return{title:{default:"Accordion Title"},bgColor:{default:"#f3f4f6"},titleColor:{default:"#000000"}}},parseHTML:function e(){return[{tag:"accordion"}]},renderHTML:function e(e){var t=e.HTMLAttributes;return["accordion",i(t)]},addNodeView:function e(){return s(A)},addCommands:function e(){return{setAccordion:l(function(e){return function(t){var r=t.chain;return r().insertContent({type:"accordion",attrs:e,content:[{type:"paragraph",content:[{type:"text",text:"Accordion content"}]}]}).run()}},"setAccordion")}}});export{k as AccordionExtension};