https://quilljs.com/_next/static/chunks/pages/standalone/bubble-0065d51f14559f56.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[532],{3498:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/standalone/bubble",function(){return n(4718)}])},4718:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return c}});var s=n(2322),r=n(9302),i=n(1238);function a(e){return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("title",{children:"Bubble Theme"}),"\n","\n",(0,s.jsx)(i.sz,{preferPreview:!0,activeFile:"index.js",files:{"index.html":'\n<script src="{{site.highlightjs}}/highlight.min.js"></script>\n<link rel="stylesheet" href="{{site.highlightjs}}/styles/atom-one-dark.min.css" />\n<script src="{{site.katex}}/katex.min.js"></script>\n<link rel="stylesheet" href="{{site.katex}}/katex.min.css" />\n<link rel="stylesheet" href="{{site.cdn}}/quill.bubble.css" />\n<script src="{{site.cdn}}/quill.js"></script>\n<div id="editor" style="height: 220px">\n</div>\n<script src="/index.js"></script>\n    ',"index.js":"\nconst quill = new Quill('#editor', {\n placeholder: 'Compose an epic...',\n theme: 'bubble' \n});\n    "}})]})}function c(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.ah)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(a,{...e})}):a(e)}},3126:function(e,t,n){"use strict";var s=n(3542);let{version:r,homepage:i}=n(4147),a=s.env.NEXT_PUBLIC_LOCAL_QUILL?"http://localhost:".concat(s.env.npm_package_config_ports_webpack):"https://cdn.jsdelivr.net/npm/quill@".concat(r,"/dist");e.exports={version:r,cdn:a,github:"https://github.com/slab/quill/tree/main/packages/website/",highlightjs:"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0",katex:"https://cdn.jsdelivr.net/npm/[email protected]/dist",url:i,title:"Quill - Your powerful rich text editor",shortTitle:"Quill Rich Text Editor",description:"Quill is a free, open source WYSIWYG editor built for the modern web. Completely customize it for any need with its modular architecture and expressive API.",shortDescription:"Quill is a free, open source rich text editor built for the modern web."}},1126:function(e,t,n){"use strict";n.d(t,{T:function(){return c}});var s=n(2322),r=n(2784);let i=r.useLayoutEffect,a=e=>{let{children:t,defer:n,fallback:s}=e,[a,c]=(0,r.useState)(!1);return i(()=>{n||c(!0)},[n]),(0,r.useEffect)(()=>{n&&c(!0)},[n]),a?t:s},c=e=>{let t=t=>(0,s.jsx)(a,{children:(0,s.jsx)(e,{...t})});return t.displayName="withoutSSR",t};t.Z=a},1238:function(e,t,n){"use strict";n.d(t,{DX:function(){return v},sz:function(){return m}});var s=n(2322),r=n(2650),i=n(2784),a=n(5891),c=n(7298),o=n(4865),l=n(2524),d=n.n(l),u=n(6954),p=n(1126),h=n(8944);let x=e=>{let{isPreviewEnabled:t,setIsPreviewEnabled:n}=e,{sandpack:i}=(0,r.X3)();return(0,s.jsx)(a.z,{onClick:()=>{t||i.runSandpack(),n(!t)},children:t?"Hide Result":(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(c.o1U,{})," Run Code"]})})},_=e=>{let{isCodeEnabled:t,setIsCodeEnabled:n}=e,{sandpack:i}=(0,r.X3)();return(0,s.jsx)(a.z,{className:o.button,onClick:()=>{t||i.runSandpack(),n(!t)},children:t?"Hide Code":"Show Code"})},f=e=>{let{filenames:t}=e,{sandpack:n}=(0,r.X3)(),[l,p]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{if(!l)return;let e=setTimeout(()=>{p(!1)},1e3);return()=>{clearTimeout(e)}},[l]),(0,s.jsxs)("div",{className:o.shareButton,children:[(0,s.jsx)("div",{className:d()(o.copied,{[o.active]:l})}),(0,s.jsxs)(a.z,{onClick:()=>{let e={};t.forEach(t=>{var s;let r=t.startsWith("/")?t:"/".concat(t);e[r]=null===(s=n.files[r])||void 0===s?void 0:s.code});let s=(0,u.compressToEncodedURIComponent)(JSON.stringify(e));location.hash="code".concat(s),navigator.clipboard.writeText(location.href),p(!0)},children:[(0,s.jsx)(c.rLr,{})," Share Your Edits"]})]})},m=(0,p.T)(e=>{let{files:t,visibleFiles:n,activeFile:a,externalResources:c}=e,[l]=(0,i.useState)(()=>{if(location.hash.startsWith("#code")){let e;let t=location.hash.replace("#code","").trim();try{e=JSON.parse((0,u.decompressFromEncodedURIComponent)(t))}catch(e){}return e||{}}return{}});return(0,s.jsxs)(r.oT,{options:{visibleFiles:n,activeFile:a,externalResources:c&&c.map(h.Z)},template:"static",files:Object.keys(t).reduce((e,n)=>{var s;let r=n.startsWith("/")?n:"/".concat(n);return{...e,[n]:(0,h.Z)(null!==(s=l[r])&&void 0!==s?s:t[n]).trim()}},{}),children:[(0,s.jsx)(f,{filenames:Object.keys(t)}),(0,s.jsxs)("div",{className:o.standaloneWrapper,children:[(0,s.jsx)("div",{className:o.standaloneFileTree,children:(0,s.jsx)(r.Lj,{autoHiddenFiles:!0})}),(0,s.jsx)("div",{className:o.standaloneEditor,children:(0,s.jsx)(r._V,{showTabs:!1,wrapContent:!0,showRunButton:!1})}),(0,s.jsx)("div",{className:o.standalonePreview,children:(0,s.jsx)(r.Gj,{showOpenInCodeSandbox:!1})})]})]})}),j=e=>{let{defaultShowPreview:t,preferPreview:n,files:a,visibleFiles:c,activeFile:l,externalResources:u,showFileTree:p,defaultShowCode:f}=e,[m,j]=(0,i.useState)(n||t),[v,w]=(0,i.useState)(!n||f),[k,b]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{setTimeout(()=>{b(!0)},100)},[]),(0,s.jsx)("div",{className:o.container,style:k?{}:{opacity:"0"},children:(0,s.jsx)(r.oT,{options:{autorun:t,visibleFiles:c,activeFile:l,externalResources:u&&u.map(h.Z)},template:"static",files:Object.keys(a).reduce((e,t)=>

1({...e,[t]:(0,h.Z)(a[t]).trim()}),{}),children:(0,s.jsxs)("div",{className:d()(o.wrapper,{[o.preferPreview]:n}),children:[m&&n&&(0,s.jsxs)("div",{className:o.previewWrapper,children:[(0,s.jsx)("div",{className:o.preview,children:(0,s.jsx)(r.Gj,{showOpenInCodeSandbox:!1,showRefreshButton:!1})}),(0,s.jsx)("div",{className:o.footer,children:(0,s.jsx)(_,{isCodeEnabled:v,setIsCodeEnabled:w})})]}),v&&(0,s.jsxs)("div",{className:o.editorWrapper,children:[(0,s.jsxs)("div",{className:o.codeArea,children:[p&&(0,s.jsx)("div",{className:o.fileTree,children:(0,s.jsx)(r.Lj,{autoHiddenFiles:!0})}),(0,s.jsx)("div",{className:o.editor,children:(0,s.jsx)(r._V,{showTabs:!p&&(c?c.length>1:Object.keys(a).length>1),wrapContent:!0,showRunButton:!1})})]}),!n&&(0,s.jsx)("div",{className:o.footer,children:(0,s.jsx)(x,{defaultShowPreview:t,isPreviewEnabled:m,setIsPreviewEnabled:j})})]}),m&&!n&&(0,s.jsx)("div",{className:o.preview,children:(0,s.jsx)(r.Gj,{showOpenInCodeSandbox:!1})})]})})})},v=e=>{let{files:t,afterEditor:n,beforeEditor:r,content:i,...a}=e;return(0,s.jsx)(j,{...a,files:{"index.html":'\n<!-- Include stylesheet -->\n<link href="{{site.cdn}}/quill.snow.css" rel="stylesheet" />\n'.concat(r||"",'\n<!-- Create the editor container -->\n<div id="editor">').concat(i||"","\n</div>\n").concat(n||"",'\n<!-- Include the Quill library -->\n<script src="{{site.cdn}}/quill.js"></script>\n<script src="/index.js"></script>'),...t},visibleFiles:Object.keys(t),activeFile:Object.keys(t)[0]})};t.ZP=j},8944:function(e,t,n){"use strict";var s=n(3126),r=n.n(s);t.Z=e=>e.replace(/\{\{site\.(\w+)\}\}/g,(e,t)=>"cdn"===t?"https://cdn.jsdelivr.net/npm/[email protected]/dist":r()[t])},4865:function(e){e.exports={container:"Sandpack_container__hQZCA",bar:"Sandpack_bar___x4Gz",togglePreviewButton:"Sandpack_togglePreviewButton__hQKk5",wrapper:"Sandpack_wrapper__fXxET",editorWrapper:"Sandpack_editorWrapper__VlS4d",codeArea:"Sandpack_codeArea__qEZE2",fileTree:"Sandpack_fileTree__blqzy",editor:"Sandpack_editor__5E7Vk",preview:"Sandpack_preview__0Ytj9",preferPreview:"Sandpack_preferPreview__8TOWD",widget:"Sandpack_widget__p8h3j",footer:"Sandpack_footer__15Fzo",standaloneWrapper:"Sandpack_standaloneWrapper__zReyv",standaloneFileTree:"Sandpack_standaloneFileTree__qH_fS",standaloneEditor:"Sandpack_standaloneEditor__JNqqu",standalonePreview:"Sandpack_standalonePreview__KQIvQ",copied:"Sandpack_copied__daY_C",active:"Sandpack_active__a9f_P",shareButton:"Sandpack_shareButton__EL9ea"}},9302:function(e,t,n){"use strict";n.d(t,{NF:function(){return i},Zo:function(){return o},ah:function(){return a},pC:function(){return r}});var s=n(2784);let r=s.createContext({});function i(e){return function(t){let n=a(t.components);return s.createElement(e,{...t,allComponents:n})}}function a(e){let t=s.useContext(r);return s.useMemo(()=>"function"==typeof e?e(t):{...t,...e},[t,e])}let c={};function o({components:e,children:t,disableParentContext:n}){let i;return i=n?"function"==typeof e?e({}):e||c:a(e),s.createElement(r.Provider,{value:i},t)}},4147:function(e){"use strict";e.exports=JSON.parse('{"name":"website","version":"2.0.3","description":"Quill official website","private":true,"homepage":"https://quilljs.com","keywords":[],"license":"BSD-3-Clause","scripts":{"dev":"PORT=$npm_package_config_ports_website next dev","start":"npm run dev","build":"next build","lint":"next lint","serve":"npm run serve"},"dependencies":{"@codesandbox/sandpack-react":"^2.11.3","@docsearch/react":"^3.5.2","@mdx-js/loader":"^3.0.0","@mdx-js/mdx":"^2.1.5","@mdx-js/react":"^2.3.0","@next/mdx":"^14.0.4","@next/third-parties":"^14.1.0","@radix-ui/react-icons":"^1.3.0","@radix-ui/themes":"^2.0.3","@svgr/webpack":"^8.1.0","@types/mdx":"^2.0.10","classnames":"^2.3.2","eslint-config-next":"^14.1.0","lz-string":"^1.5.0","next":"^14.0.4","next-mdx-remote":"^4.4.1","react":"^18.2.0","react-dom":"^18.2.0","react-helmet":"^6.1.0","slugify":"^1.6.5"},"prettier":{"singleQuote":true},"devDependencies":{"http-proxy":"^1.18.1","prism-react-renderer":"^2.3.0","prismjs":"^1.29.0","sass":"^1.55.0"}}')}},function(e){e.O(0,[647,917,487,155,888,774,179],function(){return e(e.s=3498)}),_N_E=e.O()}]);