{"version":3,"mappings":";iVAGA,MAAMA,GAA4B,CACjC,MAAO,GACP,KAAM,GACN,KAAM,EACP,EAEaC,EAAcC,EAAsBF,EAAY,mMC6L/CG,EAAc,+JAFsGA,EAAS,6BAD1IC,EAIKC,EAAAC,EAAAC,CAAA,EADJC,EAAgDF,EAAAG,CAAA,iCAApCN,EAAc,8KAFsGA,EAAS,4QAL1IC,EAEKC,EAAAK,EAAAH,CAAA,+EAHDJ,EAAO,GAAAQ,8TArLP,IAAAC,EAAU,GACVC,EACAC,EACAC,EAAU,KACR,MAAAC,EAAWC,EAAqB,MAO3B,MAAAC,CAAa,EAAAC,GACb,QAAAC,EAAO,CAAkB,KAAM,GAAI,KAAM,GAAI,MAAO,EAAE,GAAAD,GAEtD,eAAAE,EAAc,CACrB,SAAQ,CAAO,UAAQ,CAAK,eAAc,OAAQ,QAAS,OAAO,EACpE,QAAQ,SAAU,YAAa,QAAQ,EACrC,aAAe,WAAU,KACzB,OAAM,UAAS,IACf,MAAK,MACP,OAAO,MAIE,MAAAC,EAAO,EAAK,EAAAH,EACZ,SAAAI,GAAWD,CAAI,EAAAH,EAEtBK,EAAM,SAEJC,EAAa,CAClB,QAAS,GACT,SAAU,KACV,UAAW,IACX,UAAW,aACX,MAAO,GACP,qBAAsB,GACtB,iBAAkB,QAGfF,EACHC,EAAM,CACL,QAAO,CAAI,QAASH,CAAc,EAClC,MAAO,OACP,YAAa,iCAGdG,EAAM,CACL,QAAO,CAAI,QAAS,EAAK,EACzB,MAAO,OACP,YAAa,gCACb,SAAU,IAmCZA,EAAM,IACFA,EACH,QACI,IAAAA,EAAO,QACV,cAAAC,CAAA,GAIE,IAAAC,EAAiB,6BAGfC,EAAU,SACfP,EAAO,CACN,KAAMQ,EAAU,SAASf,EAAM,KAAK,SAAS,EAC7C,KAAMA,EAAM,QAAQ,CAAC,EACrB,MAAO,KAAK,UAAUA,EAAM,YAAW,KAExCgB,EAAA5B,EAAA6B,EAAeV,EAAOU,CAAA,EACtBD,EAAAE,EAAAC,EAAW,SAAWZ,EAAQ,MAAKY,CAAA,OAGhCC,EAQJC,EAAO,MAKgB,gBACZ,QAASC,CAAK,QAAAC,EAAA,wBAAAD,CAAA,eAAkB,eAAO,iBAAAA,CAAA,oDACvC,QAASE,CAAa,QAAAD,EAAA,wBAAAC,CAAA,eAAkB,eAAsB,OAAAC,KAAA,kBAAAD,CAAA,sDACtEF,EAAM,SAAS,wBAAyBE,CAAa,EACrDxB,EAAY,IAAAsB,EAAMrB,EAAQU,CAAM,EAE5BN,EAAK,CACJ,IAAAqB,EAAM,KAAK,MAAMrB,CAAK,EAAE,IAC5BL,EAAM,YAAY0B,CAAG,EAEtB1B,EAAM,GAAG,cAAa,WACrBc,EAAU,IAEXd,EAAM,UAAU,WAAW,KAAK,aAAY,CAAG2B,EAAMtB,KACpDA,EAAM,IAAI,QAASuB,GAAE,CAChBA,EAAG,YAAcA,EAAG,WAAW,cAC3BA,EAAG,WAAW,QAGhBvB,IAGRL,EAAM,KAAK,iBAAiB,QAAO,KAClC,gBAEkBA,EAAM,KAAK,iBAAiB,GAAG,EACvC,QAAS6B,GAAE,GACdA,EAAG,MAAM,OAASA,EAAG,MAAM,QAAU,WACzCA,EAAG,MAAM,MAAQ,WAEdA,EAAG,UAAY,MAClBA,EAAG,MAAM,MAAQ,aAIA7B,EAAM,KAAK,iBAAiB,GAAG,EACvC,QAAS8B,GAAC,CACpBA,EAAE,MAAM,aAAe,QAGxBhB,EAAU,GACR,KAGJA,EAAU,EACVX,EAAS,MAAM,IAGD,EACf4B,EAAA,EAAAhC,EAAU,EAAK,mFAqBuBE,EAAM+B,yOA/F3CnB,EAAkBF,EAAO,QAAQ,QAAe,oCAAL,EAAwC,sBAcnFS,EAAYX,EAAO,YAAc,EAAE","names":["editorSchema","editorStore","writable","ctx","insert_hydration","target","div1","anchor","append_hydration","div0","div","create_if_block","loading","quill","editor","myValue","dispatch","createEventDispatcher","delta","$$props","content","toolbarOptions","view","toolbar","config","imageCompress","containerClass","setContent","DOMPurify","set_store_value","$editorStore","postStore","$postStore","viewStyle","onMount","Quill","__vitePreload","ImageCompress","n","ops","node","op","el","p","$$invalidate","$$value"],"ignoreList":[],"sources":["../../../../../../src/lib/components/editor/editor.store.ts","../../../../../../src/lib/components/editor/editor.svelte"],"sourcesContent":["import { writable } from 'svelte/store';\nimport type { EditorAttrs } from './editor.type';\n\nconst editorSchema: EditorAttrs = {\n\tdelta: '',\n\thtml: '',\n\ttext: ''\n};\n\nexport const editorStore = writable<EditorAttrs>(editorSchema);\n","<script lang=\"ts\">\n\timport DOMPurify from 'dompurify';\n\timport { onMount, createEventDispatcher } from 'svelte';\n\timport type { EditorAttrs } from '$lib/components/editor/editor.type';\n\timport { editorStore } from '$lib/components/editor/editor.store';\n\timport { postStore } from '$lib/posts';\n\t// import ImageCompress from 'quill-image-compress';\n\timport { browser } from '$app/environment';\n\n\tlet loading = true;\n\tlet quill;\n\tlet editor;\n\tlet myValue = 1600;\n\tconst dispatch = createEventDispatcher();\n\n\t// This function will be called whenever the 'myEvent' event is dispatched on the window object\n\t// function handleMyEvent(event) {\n\t// \tconsole.log('myEvent occurred:', event);\n\t// }\n\n\texport let delta: string;\n\texport let content: EditorAttrs = { html: '', text: '', delta: '' };\n\n\texport let toolbarOptions = [\n\t\t[{ header: 1 }, { header: 2 }, 'blockquote', 'link', 'image', 'video'],\n\t\t['bold', 'italic', 'underline', 'strike'],\n\t\t[{ color: [] }, { background: [] }],\n\t\t[{ list: 'ordered' }],\n\t\t[{ align: [] }],\n\t\t['clean']\n\t];\n\t// , { list: 'bullet' }\n\n\texport let view = false;\n\texport let toolbar = !view; // display the toolbar by default if we aren't in view mode\n\n\tlet config: any = {};\n\t// TODO: this will be removed, as handleImageUpload does this now\n\tconst imageCompress = {\n\t\tquality: 0.8, // .7 is default\n\t\tmaxWidth: 1200, // 1000 isdefault\n\t\tmaxHeight: 800, // default\n\t\timageType: 'image/jpeg', // default\n\t\tdebug: true, // default\n\t\tsuppressErrorLogging: false, // default\n\t\tinsertIntoEditor: undefined // default\n\t};\n\n\tif (toolbar) {\n\t\tconfig = {\n\t\t\tmodules: { toolbar: toolbarOptions },\n\t\t\ttheme: 'snow',\n\t\t\tplaceholder: 'What would you like to say?..'\n\t\t};\n\t} else {\n\t\tconfig = {\n\t\t\tmodules: { toolbar: false },\n\t\t\ttheme: 'snow',\n\t\t\tplaceholder: 'What would you like to say?..',\n\t\t\treadOnly: true\n\t\t};\n\t}\n\n\t// TODO: replace that toolbar if statement with\n\t// \tif (toolbar) {\n\t//   config = {\n\t//     modules: {\n\t//       toolbar: {\n\t//         container: toolbarOptions,\n\t//         handlers: {\n\t//           image: function() {\n\t//             const input = document.createElement('input');\n\t//             input.setAttribute('type', 'file');\n\t//             input.setAttribute('accept', 'image/*');\n\t//             input.click();\n\n\t//             input.onchange = async () => {\n\t//               const file = input.files[0];\n\t//               const url = await handleImageUpload(file);\n\t//               if (url) {\n\t//                 const range = this.quill.getSelection(true);\n\t//                 this.quill.insertEmbed(range.index, 'image', url);\n\t//               }\n\t//             };\n\t//           }\n\t//         }\n\t//       }\n\t//     },\n\t//     theme: 'snow',\n\t//     placeholder: 'What would you like to say?..'\n\t//   };\n\t// }\n\n\t// include all keys and their values, then through existing modules, then add imageCompress\n\tconfig = {\n\t\t...config,\n\t\tmodules: {\n\t\t\t...config.modules,\n\t\t\timageCompress\n\t\t}\n\t};\n\n\tlet containerClass = 'border border-[#639]';\n\t$: containerClass = !config.modules.toolbar ? '' : 'border border-[#639] rounded-b-md';\n\n\tconst setContent = () => {\n\t\tcontent = {\n\t\t\thtml: DOMPurify.sanitize(quill.root.innerHTML),\n\t\t\ttext: quill.getText(0),\n\t\t\tdelta: JSON.stringify(quill.getContents())\n\t\t};\n\t\t$editorStore = content;\n\t\t$postStore.contents = content.delta; // update postStore\n\t};\n\n\tlet viewStyle: string;\n\n\t$: viewStyle = view ? 'min-h-fit' : '';\n\n\t// function handleResize(event) {\n\t// \tconsole.log('Window resized:', event);\n\t// }\n\n\tonMount(() => {\n\t\tif (browser) {\n\t\t\t// window.addEventListener('myEvent', handleMyEvent);\n\n\t\t\t// Define a function to handle the import and initialization\n\t\t\tconst initializeQuill = async () => {\n\t\t\t\tconst { default: Quill } = await import('quill');\n\t\t\t\tconst { default: ImageCompress } = await import('quill-image-compress');\n\t\t\t\tQuill.register('modules/imageCompress', ImageCompress);\n\t\t\t\tquill = new Quill(editor, config);\n\n\t\t\t\tif (delta) {\n\t\t\t\t\tlet ops = JSON.parse(delta)['ops'];\n\t\t\t\t\tquill.setContents(ops);\n\t\t\t\t}\n\t\t\t\tquill.on('text-change', function () {\n\t\t\t\t\tsetContent();\n\t\t\t\t});\n\t\t\t\tquill.clipboard.addMatcher(Node.ELEMENT_NODE, (node, delta) => {\n\t\t\t\t\tdelta.ops.forEach((op) => {\n\t\t\t\t\t\tif (op.attributes && op.attributes.color) {\n\t\t\t\t\t\t\tdelete op.attributes.color; // Remove any inline color styles\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\treturn delta;\n\t\t\t\t});\n\n\t\t\t\tquill.root.addEventListener('paste', () => {\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t// Ensure all text is white and links are blue\n\t\t\t\t\t\tconst elements = quill.root.querySelectorAll('*');\n\t\t\t\t\t\telements.forEach((el) => {\n\t\t\t\t\t\t\tif (!el.style.color || el.style.color === 'black') {\n\t\t\t\t\t\t\t\tel.style.color = '#F3F4F6'; // Force text color to white\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif (el.tagName === 'A') {\n\t\t\t\t\t\t\t\tel.style.color = '#1E90FF'; // Force link color to blue\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tconst paragraphs = quill.root.querySelectorAll('p');\n\t\t\t\t\t\tparagraphs.forEach((p) => {\n\t\t\t\t\t\t\tp.style.marginBottom = '1em'; // Force spacing between paragraphs\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\tsetContent();\n\t\t\t\t\t}, 0);\n\t\t\t\t});\n\n\t\t\t\tsetContent();\n\t\t\t\tdispatch('load');\n\t\t\t};\n\n\t\t\tinitializeQuill();\n\t\t\tloading = false;\n\t\t}\n\t});\n\t// onDestroy(() => {\n\t// \tif (browser) {\n\t// \t\t// It's a good practice to remove event listeners when the component is destroyed\n\t// \t\twindow.removeEventListener('myEvent', handleMyEvent);\n\t// \t}\n\t// });\n</script>\n\n<svelte:window bind:innerWidth={myValue} />\n\n{#if loading}\n\t<div class=\"h-96\">\n\t\t<!-- Placeholder content (you can style this) -->\n\t</div>\n{:else}\n\t<div\n\t\tclass=\"h-full max-w-full md:max-w-[600px] lg:max-w-[650px] xl:max-w-[800px] xl:px-3 2xl:max-w-full 3xl:w-[1000px] mx-auto pt-5 {viewStyle}\"\n\t>\n\t\t<div class={containerClass} bind:this={editor} />\n\t</div>\n{/if}\n\n<style>\n\t.ql-editor {\n\t\tcolor: #f3f4f6;\n\t}\n\n\t/* .ql-editor a {\n\t\tcolor: #1e90ff; \n\t}\n\n\t.ql-editor p {\n\t\tmargin-bottom: 1em;\n\t} */\n</style>\n"],"file":"_app/immutable/chunks/7EGFUFwt.js"}