sykpcomposer 0.0.95 → 0.0.97

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/index.es.js +48720 -4
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.umd.js +224 -152
  4. package/dist/index.umd.js.map +1 -1
  5. package/dist/src/components/ExampleTheme.d.ts +3 -0
  6. package/dist/src/components/heading.d.ts +3 -0
  7. package/dist/src/components/plugins/HtmlPlugin.d.ts +6 -0
  8. package/dist/src/{utils/joinClasses.d.ts → components/plugins/TreeViewPlugin.d.ts} +2 -1
  9. package/dist/style.css +1 -1
  10. package/package.json +1 -1
  11. package/dist/ImageComponent-ddf2b888.js +0 -402
  12. package/dist/ImageComponent-ddf2b888.js.map +0 -1
  13. package/dist/InlineImageComponent-46949279.js +0 -249
  14. package/dist/InlineImageComponent-46949279.js.map +0 -1
  15. package/dist/Placeholder-347ad381.js +0 -97
  16. package/dist/Placeholder-347ad381.js.map +0 -1
  17. package/dist/index-3341449c.js +0 -48210
  18. package/dist/index-3341449c.js.map +0 -1
  19. package/dist/src/components/hooks/useModal.d.ts +0 -12
  20. package/dist/src/components/nodes/ImageComponent.d.ts +0 -22
  21. package/dist/src/components/nodes/ImageNode.d.ts +0 -49
  22. package/dist/src/components/nodes/InlineImageComponent.d.ts +0 -18
  23. package/dist/src/components/nodes/InlineImageNode.d.ts +0 -65
  24. package/dist/src/components/plugins/ImagePlugin.d.ts +0 -24
  25. package/dist/src/components/plugins/InlineImagePlugin.d.ts +0 -16
  26. package/dist/src/components/ui/Button.d.ts +0 -17
  27. package/dist/src/components/ui/ContentEditable.d.ts +0 -12
  28. package/dist/src/components/ui/Dialog.d.ts +0 -15
  29. package/dist/src/components/ui/FileInput.d.ts +0 -16
  30. package/dist/src/components/ui/ImageResizer.d.ts +0 -24
  31. package/dist/src/components/ui/Modal.d.ts +0 -14
  32. package/dist/src/components/ui/Placeholder.d.ts +0 -12
  33. package/dist/src/components/ui/Select.d.ts +0 -14
  34. package/dist/src/components/ui/TextInput.d.ts +0 -19
@@ -0,0 +1,3 @@
1
+ import type { EditorThemeClasses } from 'lexical';
2
+ declare const theme: EditorThemeClasses;
3
+ export default theme;
@@ -0,0 +1,3 @@
1
+ export function HeadingStyles({ styleConfig }: {
2
+ styleConfig: any;
3
+ }): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ interface Props {
2
+ initialHtml?: any;
3
+ onHtmlChanged: (html: string) => void;
4
+ }
5
+ declare const HtmlPlugin: ({ initialHtml, onHtmlChanged }: Props) => import("react/jsx-runtime").JSX.Element;
6
+ export default HtmlPlugin;
@@ -5,4 +5,5 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  *
7
7
  */
8
- export default function joinClasses(...args: Array<string | boolean | null | undefined>): string;
8
+ /// <reference types="react" />
9
+ export default function TreeViewPlugin(): JSX.Element;
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- body{margin:0;background:#eee;font-family:system-ui,inherit,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}mt-1{margin-top:10px}mt-2{margin-top:20px}mt-3{margin-top:30px}mt-4{margin-top:40px}ml-1{margin-left:10px}ml-2{margin-left:20px}ml-3{margin-left:30px}ml-4{margin-left:40px}mr-1{margin-right:10px}mr-2{margin-right:20px}mr-3{margin-right:30px}mr-4{margin-right:40px}mb-1{margin-bottom:10px}mb-2{margin-bottom:20px}mb-3{margin-bottom:30px}mb-4{margin-bottom:40px}pt-1{padding-top:10px}pt-2{padding-top:20px}pt-3{padding-top:3opx}pt-4{padding-top:40px}pb-1{padding-bottom:10px}pb-2{padding-bottom:20px}pb-3{padding-bottom:30px}pb-4{padding-bottom:40px}pl-1{padding-left:10px}pl-2{padding-left:20px}pl-3{padding-left:30px}pl-4{padding-left:40px}pr-1{padding-right:10px}pr-2{padding-right:20px}pr-3{padding-right:30px}pr-4{padding-right:40px}.other h2{font-size:18px;color:#444;margin-bottom:7px}.other a{color:#777;text-decoration:underline;font-size:14px}.other ul{padding:0;margin:0;list-style-type:none}.App{font-family:inherit;text-align:center}h1{font-size:24px;color:#333}.ltr{text-align:left}.rtl{text-align:right}.editor-container{border-radius:8px;color:#000;font-family:Times New Roman,Times,serif,inherit!important;font-size:auto!important;font-weight:400;line-height:20px;position:relative;text-align:left;width:95%;margin:1% 1% 1% 3%}.editor-inner{background:#fff;position:relative;top:20px;border-radius:0 0 10px 10px}.editor-input{min-height:300px;font-size:auto!important;font-family:"Times New Roman",Times,serif,inherit!important;resize:none;caret-color:#050505;position:relative;-moz-tab-size:1;-o-tab-size:1;tab-size:1;outline:0;caret-color:#444}.editor-placeholder{color:#999;overflow:hidden;padding:56px;position:absolute;text-overflow:hidden;font-family:"Times New Roman",inherit;top:0;left:0;font-size:11px;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block;pointer-events:none}.editor-text-bold{font-weight:700}.editor-text-italic{font-style:italic}.editor-text-underline{text-decoration:underline}.editor-text-strikethrough{text-decoration:line-through}.editor-text-underlineStrikethrough{text-decoration:underline line-through}.editor-text-code{background-color:#f0f2f5;padding:1px .25rem;font-family:"Times New Roman",inherit;font-size:auto}.editor-link{color:#216fdb;text-decoration:none}.tree-view-output{display:block;background:#222;color:#fff;padding:5px;font-size:12px;white-space:pre-wrap;margin:1px auto 10px;max-height:250px;position:relative;border-bottom-left-radius:10px;border-bottom-right-radius:10px;overflow:auto;line-height:14px}.editor-code{background-color:#f0f2f5;font-family:"Times New Roman",inherit;display:block;padding:8px 8px 8px 52px;line-height:1.53;font-size:13px;margin:8px 0;-moz-tab-size:2;-o-tab-size:2;tab-size:2;overflow-x:auto;position:relative}.editor-code:before{content:attr(data-gutter);position:absolute;background-color:#eee;left:0;top:0;border-right:1px solid #ccc;padding:8px;color:#777;white-space:pre-wrap;text-align:right;min-width:25px}.editor-code:after{content:attr(data-highlight-language);top:0;right:3px;padding:3px;font-size:auto;text-transform:uppercase;position:absolute;color:#00000080}.editor-tokenComment{color:#708090}.editor-tokenPunctuation{color:#999}.editor-tokenProperty{color:#905}.editor-tokenSelector{color:#690}.editor-tokenOperator{color:#9a6e3a}.editor-tokenAttr{color:#07a}.editor-tokenVariable{color:#e90}.editor-tokenFunction{color:#dd4a68}.editor-paragraph{position:relative}.editor-paragraph:last-child{margin-bottom:0}.editor-heading-h1{font-size:24px;color:#050505;font-weight:400;margin:0 0 12px;padding:0}.editor-heading-h2{font-size:15px;color:#65676b;font-weight:700;margin:10px 0 0;padding:0;text-transform:uppercase}.editor-quote{margin:0 0 0 20px;font-size:15px;color:#65676b;border-left-color:#ced0d4;border-left-width:4px;border-left-style:solid;padding-left:16px}.editor-list-ol,.editor-list-ul{padding:0;margin:0 0 0 16px}.editor-listitem{margin:8px 32px}.editor-nested-listitem{list-style-type:none}pre::-webkit-scrollbar{background:transparent;width:10px}pre::-webkit-scrollbar-thumb{background:#999}.debug-timetravel-panel{overflow:hidden;padding:0 0 10px;margin:auto;display:flex}.debug-timetravel-panel-slider{padding:0;flex:8}.debug-timetravel-panel-button{padding:0;border:0;background:none;flex:1;color:#fff;font-size:12px}.debug-timetravel-panel-button:hover{text-decoration:underline}.debug-timetravel-button{border:0;padding:0;font-size:12px;top:10px;right:15px;position:absolute;background:none;color:#fff}.debug-timetravel-button:hover{text-decoration:underline}.dropdown{z-index:100;display:block;position:fixed;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff80;border-radius:8px;min-height:40px;background-color:#fff}.dropdown .item{margin:0 8px;padding:8px;color:#050505;cursor:pointer;line-height:16px;font-size:15px;display:flex;align-content:center;flex-direction:row;flex-shrink:0;justify-content:space-between;background-color:#fff;border-radius:8px;border:0;max-width:250px;min-width:100px}.dropdown .item.fontsize-item,.dropdown .item.fontsize-item .text{min-width:unset}.dropdown .item .active{display:flex;width:20px;height:20px;background-size:contain}.dropdown .item:first-child{margin-top:8px}.dropdown .item:last-child{margin-bottom:8px}.dropdown .item:hover{background-color:#eee}.dropdown .item .text{display:flex;line-height:20px;flex-grow:1;min-width:150px}.dropdown .item .icon{display:flex;width:20px;height:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:12px;line-height:16px;background-size:contain;background-position:center;background-repeat:no-repeat}.icon.paragraph{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1wYXJhZ3JhcGgiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMiAxMi41YS41LjUgMCAwIDEgLjUtLjVoN2EuNS41IDAgMCAxIDAgMWgtN2EuNS41IDAgMCAxLS41LS41em0wLTNhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMTFhLjUuNSAwIDAgMS0uNS0uNXptMC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6bTQtM2EuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNXoiLz4KPC9zdmc+)}.icon.h1{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1oMSI+PHBhdGggZD0iTTguNjM3IDEzVjMuNjY5SDcuMzc5VjcuNjJIMi43NThWMy42N0gxLjVWMTNoMS4yNThWOC43MjhoNC42MlYxM2gxLjI1OXptNS4zMjkgMFYzLjY2OWgtMS4yNDRMMTAuNSA1LjMxNnYxLjI2NWwyLjE2LTEuNTY1aC4wNjJWMTNoMS4yNDR6Ii8+PC9zdmc+)}.icon.h2{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1oMiI+PHBhdGggZD0iTTcuNjM4IDEzVjMuNjY5SDYuMzhWNy42MkgxLjc1OVYzLjY3SC41VjEzaDEuMjU4VjguNzI4aDQuNjJWMTNoMS4yNTl6bTMuMDIyLTYuNzMzdi0uMDQ4YzAtLjg4OS42My0xLjY2OCAxLjcxNi0xLjY2OC45NTcgMCAxLjY3NS42MDggMS42NzUgMS41NzIgMCAuODU1LS41NTQgMS41MDQtMS4wNjcgMi4wODVsLTMuNTEzIDMuOTk5VjEzSDE1LjV2LTEuMDk0aC00LjI0NXYtLjA3NWwyLjQ4MS0yLjg0NGMuODc1LS45OTggMS41ODYtMS43ODQgMS41ODYtMi45NTMgMC0xLjQ2My0xLjE1NS0yLjU1Ni0yLjkxOS0yLjU1Ni0xLjk0MSAwLTIuOTY2IDEuMzI2LTIuOTY2IDIuNzR2LjA0OWgxLjIyM3oiLz48L3N2Zz4=)}.icon.h3{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1oMyI+PHBhdGggZD0iTTcuNjM3IDEzVjMuNjY5SDYuMzc5VjcuNjJIMS43NThWMy42N0guNVYxM2gxLjI1OFY4LjcyOGg0LjYyVjEzaDEuMjU5em0zLjYyNS00LjI3MmgxLjAxOGMxLjE0MiAwIDEuOTM1LjY3IDEuOTQ5IDEuNjc0LjAxMyAxLjAwNS0uNzggMS43MzctMi4wMSAxLjczLTEuMDgtLjAwNy0xLjg1My0uNTg4LTEuOTM1LTEuMzJIOS4xMDhjLjA2OSAxLjMyNyAxLjIyNCAyLjM4NiAzLjA4MyAyLjM4NiAxLjkzNSAwIDMuMzQzLTEuMTU1IDMuMzA5LTIuNzg5LS4wMjctMS41MS0xLjI1MS0yLjE2LTIuMDM3LTIuMjQ5di0uMDY4Yy43MDQtLjEyMyAxLjc2NC0uOTEgMS43MjMtMi4yMjktLjAzNS0xLjM1My0xLjE3Ni0yLjQtMi45NTQtMi4zODUtMS44NzMuMDA2LTIuODU3IDEuMTYyLTIuODk4IDIuMzU4aDEuMTk2Yy4wNjItLjY5LjcxMS0xLjI5OSAxLjY5Ni0xLjI5OS45OTggMCAxLjY5NS42MjIgMS42OTUgMS41MjUuMDA3LjkyMi0uNzE4IDEuNTkyLTEuNjk1IDEuNTkyaC0uOTY0djEuMDc0eiIvPjwvc3ZnPg==)}.icon.h4{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1oMSI+PHBhdGggZD0iTTcuNjM3IDEzVjMuNjY5SDYuMzc5VjcuNjJIMS43NThWMy42N0guNVYxM2gxLjI1OFY4LjcyOGg0LjYyVjEzWm01LjMzNy4ydi0yLjMyOEg5LjEwOFY5LjgyOGwzLjQ0MS02LjM1aDEuNjMydjYuMTQxSDE1LjV2MS4yNTNoLTEuMzE5VjEzLjJabS0yLjYxNS0zLjU4MWgyLjYxNVY2LjdMMTMgNC42ODlsLS44NzIgMS43eiIvPjwvc3ZnPg==)}.icon.h5{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1oMSI+PHBhdGggZD0iTTcuNjM3IDEzVjMuNjY5SDYuMzc5VjcuNjJIMS43NThWMy42N0guNVYxM2gxLjI1OFY4LjcyOGg0LjYyVjEzWm0yLjc1NS01Ljc5MWEzLjc2MyAzLjc2MyAwIDAgMSAyLjExMy0uNTE3IDIuOTczIDIuOTczIDAgMCAxIDIuOTk1IDMuMSAzLjQ1IDMuNDUgMCAwIDEtLjkgMi40NDIgMy4xMTEgMy4xMTEgMCAwIDEtMi4zOTMuOTY4IDMuMzI3IDMuMzI3IDAgMCAxLTIuMDk0LS42NzEgMi43NTggMi43NTggMCAwIDEtMS4wMDctMmgxLjI4NGExLjM4NyAxLjM4NyAwIDAgMCAuNTExIDEuMSAyLjM4NCAyLjM4NCAwIDAgMCAxLjQuNDIxIDEuODE5IDEuODE5IDAgMCAwIDEuNDc5LS42MzggMi4wNDIgMi4wNDIgMCAwIDAgLjQzNy0xLjUxNCAyLjE3IDIuMTcgMCAwIDAtLjU2Ny0xLjU4NCAxLjk1OCAxLjk1OCAwIDAgMC0xLjQ2OC0uNTggMi4zNTggMi4zNTggMCAwIDAtMS43OS43ODlIOS4xMDhWMy40NzhoNS45MzF2MS4xMzRoLTQuNjQ3WiIvPjwvc3ZnPg==)}i.chevron-down{background-color:transparent;background-size:contain;display:inline-block;height:8px;width:8px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hldnJvbi1kb3duIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjY0NiA0LjY0NmEuNS41IDAgMCAxIC43MDggMEw4IDEwLjI5M2w1LjY0Ni01LjY0N2EuNS41IDAgMCAxIC43MDguNzA4bC02IDZhLjUuNSAwIDAgMS0uNzA4IDBsLTYtNmEuNS41IDAgMCAxIDAtLjcwOHoiLz48L3N2Zz4=)}.toolbar i.chevron-down,.toolbar-item i.chevron-down{margin-top:3px;width:16px;height:16px;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toolbar i.chevron-down.inside{width:16px;height:16px;display:flex;margin-left:-25px;margin-top:11px;margin-right:10px;pointer-events:none}.toolbar{display:flex;margin-bottom:1px;background:#fff;padding:4px;height:46px}.toolbar button.toolbar-item{border:0;display:flex;background:none;border-radius:10px;padding:8px;cursor:pointer;vertical-align:middle}.toolbar button.toolbar-item:disabled{cursor:not-allowed}.toolbar button.toolbar-item.spaced{margin-right:2px}.toolbar button.toolbar-item i.format{background-size:contain;display:inline-block;height:18px;width:18px;margin-top:2px;vertical-align:-.25em;display:flex;opacity:.6}.toolbar button.toolbar-item:disabled i.format{opacity:.2}.toolbar button.toolbar-item.active{background-color:#3838384d}.toolbar button.toolbar-item.active i{opacity:1}.toolbar .toolbar-item:hover:not([disabled]){background-color:#eee}.toolbar .divider{width:1px;background-color:#eee;margin:0 4px}.toolbar .toolbar-item .text{display:flex;line-height:20px;vertical-align:middle;font-size:11px;color:#777;text-overflow:ellipsis;width:70px;overflow:hidden;height:20px;text-align:left}.toolbar .toolbar-item .icon{display:flex;width:20px;height:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:8px;line-height:16px;background-size:contain}i.undo{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctY291bnRlcmNsb2Nrd2lzZSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDNhNSA1IDAgMSAxLTQuNTQ2IDIuOTE0LjUuNSAwIDAgMC0uOTA4LS40MTdBNiA2IDAgMSAwIDggMnYxeiIvPgogIDxwYXRoIGQ9Ik04IDQuNDY2Vi41MzRhLjI1LjI1IDAgMCAwLS40MS0uMTkyTDUuMjMgMi4zMDhhLjI1LjI1IDAgMCAwIDAgLjM4NGwyLjM2IDEuOTY2QS4yNS4yNSAwIDAgMCA4IDQuNDY2eiIvPgo8L3N2Zz4=)}i.redo{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctY2xvY2t3aXNlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTggM2E1IDUgMCAxIDAgNC41NDYgMi45MTQuNS41IDAgMCAxIC45MDgtLjQxN0E2IDYgMCAxIDEgOCAydjF6Ii8+CiAgPHBhdGggZD0iTTggNC40NjZWLjUzNGEuMjUuMjUgMCAwIDEgLjQxLS4xOTJsMi4zNiAxLjk2NmMuMTIuMS4xMi4yODQgMCAuMzg0TDguNDEgNC42NThBLjI1LjI1IDAgMCAxIDggNC40NjZ6Ii8+Cjwvc3ZnPg==)}i.bold{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1ib2xkIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik04LjIxIDEzYzIuMTA2IDAgMy40MTItMS4wODcgMy40MTItMi44MjMgMC0xLjMwNi0uOTg0LTIuMjgzLTIuMzI0LTIuMzg2di0uMDU1YTIuMTc2IDIuMTc2IDAgMCAwIDEuODUyLTIuMTRjMC0xLjUxLTEuMTYyLTIuNDYtMy4wMTQtMi40NkgzLjg0M1YxM0g4LjIxek01LjkwOCA0LjY3NGgxLjY5NmMuOTYzIDAgMS41MTcuNDUxIDEuNTE3IDEuMjQ0IDAgLjgzNC0uNjI5IDEuMzItMS43MyAxLjMySDUuOTA4VjQuNjczem0wIDYuNzg4VjguNTk4aDEuNzNjMS4yMTcgMCAxLjg4LjQ5MiAxLjg4IDEuNDE1IDAgLjk0My0uNjQzIDEuNDQ5LTEuODMyIDEuNDQ5SDUuOTA3eiIvPgo8L3N2Zz4=)}i.italic{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1pdGFsaWMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTcuOTkxIDExLjY3NCA5LjUzIDQuNDU1Yy4xMjMtLjU5NS4yNDYtLjcxIDEuMzQ3LS44MDdsLjExLS41Mkg3LjIxMWwtLjExLjUyYzEuMDYuMDk2IDEuMTI4LjIxMiAxLjAwNS44MDdMNi41NyAxMS42NzRjLS4xMjMuNTk1LS4yNDYuNzEtMS4zNDYuODA2bC0uMTEuNTJoMy43NzRsLjExLS41MmMtMS4wNi0uMDk1LTEuMTI5LS4yMTEtMS4wMDYtLjgwNnoiLz4KPC9zdmc+)}i.underline{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS11bmRlcmxpbmUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTUuMzEzIDMuMTM2aC0xLjIzVjkuNTRjMCAyLjEwNSAxLjQ3IDMuNjIzIDMuOTE3IDMuNjIzczMuOTE3LTEuNTE4IDMuOTE3LTMuNjIzVjMuMTM2aC0xLjIzdjYuMzIzYzAgMS40OS0uOTc4IDIuNTctMi42ODcgMi41Ny0xLjcwOSAwLTIuNjg3LTEuMDgtMi42ODctMi41N1YzLjEzNnpNMTIuNSAxNWgtOXYtMWg5djF6Ii8+Cjwvc3ZnPg==)}i.strikethrough{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1zdHJpa2V0aHJvdWdoIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik02LjMzMyA1LjY4NmMwIC4zMS4wODMuNTgxLjI3LjgxNEg1LjE2NmEyLjc3NiAyLjc3NiAwIDAgMS0uMDk5LS43NmMwLTEuNjI3IDEuNDM2LTIuNzY4IDMuNDgtMi43NjggMS45NjkgMCAzLjM5IDEuMTc1IDMuNDQ1IDIuODVoLTEuMjNjLS4xMS0xLjA4LS45NjQtMS43NDMtMi4yNS0xLjc0My0xLjIzIDAtMi4xOC42MDItMi4xOCAxLjYwN3ptMi4xOTQgNy40NzhjLTIuMTUzIDAtMy41ODktMS4xMDctMy43MDUtMi44MWgxLjIzYy4xNDQgMS4wNiAxLjEyOSAxLjcwMyAyLjU0NCAxLjcwMyAxLjM0IDAgMi4zMS0uNzA1IDIuMzEtMS42NzUgMC0uODI3LS41NDctMS4zNzQtMS45MTQtMS42NzVMOC4wNDYgOC41SDF2LTFoMTR2MWgtMy41MDRjLjQ2OC40MzcuNjc1Ljk5NC42NzUgMS42OTcgMCAxLjgyNi0xLjQzNiAyLjk2Ny0zLjY0NCAyLjk2N3oiLz4KPC9zdmc+)}i.left-align{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1sZWZ0IiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTIuNWEuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNXptMC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6bTAtM2EuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNXptMC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6Ii8+Cjwvc3ZnPg==)}i.center-align{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1jZW50ZXIiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNCAxMi41YS41LjUgMCAwIDEgLjUtLjVoN2EuNS41IDAgMCAxIDAgMWgtN2EuNS41IDAgMCAxLS41LS41em0tMi0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6bTItM2EuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNXptLTItM2EuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMCAxLS41LS41eiIvPgo8L3N2Zz4=)}i.right-align{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1yaWdodCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02IDEyLjVhLjUuNSAwIDAgMSAuNS0uNWg3YS41LjUgMCAwIDEgMCAxaC03YS41LjUgMCAwIDEtLjUtLjV6bS00LTNhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMTFhLjUuNSAwIDAgMS0uNS0uNXptNC0zYS41LjUgMCAwIDEgLjUtLjVoN2EuNS41IDAgMCAxIDAgMWgtN2EuNS41IDAgMCAxLS41LS41em0tNC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6Ii8+Cjwvc3ZnPg==)}i.justify-align{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktanVzdGlmeSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEyLjVhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMTFhLjUuNSAwIDAgMS0uNS0uNXptMC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6bTAtM2EuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMCAxLS41LS41em0wLTNhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMTFhLjUuNSAwIDAgMS0uNS0uNXoiLz4KPC9zdmc+)}.font-size-input{font-weight:700;font-size:14px;color:#777;border-color:gray;height:38px;margin-top:0;padding:2px 4px;text-align:center;width:41px;border:1px solid}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button.font-decrement{padding:0;margin-right:3px}button.font-increment{padding:0;margin-left:3px}sub{font-size:smaller;vertical-align:sub!important;top:8px;margin:.1em}.PlaygroundEditorTheme__ltr{text-align:left}.PlaygroundEditorTheme__rtl{text-align:right}.PlaygroundEditorTheme__paragraph{margin:0;position:relative}.PlaygroundEditorTheme__quote{margin:0 0 10px 20px;font-size:15px;color:#65676b;border-left-color:#ced0d4;border-left-width:4px;border-left-style:solid;padding-left:16px}.PlaygroundEditorTheme__indent{--lexical-indent-base-value: 40px}.PlaygroundEditorTheme__textBold{font-weight:700}.PlaygroundEditorTheme__textItalic{font-style:italic}.PlaygroundEditorTheme__textUnderline{text-decoration:underline}.PlaygroundEditorTheme__textStrikethrough{text-decoration:line-through}.PlaygroundEditorTheme__textUnderlineStrikethrough{text-decoration:underline line-through}.PlaygroundEditorTheme__textSubscript{font-size:.8em;vertical-align:sub!important}.PlaygroundEditorTheme__textSuperscript{font-size:.8em;vertical-align:super}.PlaygroundEditorTheme__textCode{background-color:#f0f2f5;padding:1px .25rem;font-family:Menlo,Consolas,Monaco,monospace,inherit;font-size:94%}.PlaygroundEditorTheme__hashtag{background-color:#5890ff26;border-bottom:1px solid rgba(88,144,255,.3)}.PlaygroundEditorTheme__link{color:#216fdb;text-decoration:none}.PlaygroundEditorTheme__link:hover{text-decoration:underline;cursor:pointer}.PlaygroundEditorTheme__code{background-color:#f0f2f5;font-family:Menlo,Consolas,Monaco,monospace,inherit;display:block;padding:8px 8px 8px 52px;line-height:1.53;font-size:13px;margin:8px 0;overflow-x:auto;position:relative;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.PlaygroundEditorTheme__code:before{content:attr(data-gutter);position:absolute;background-color:#eee;left:0;top:0;border-right:1px solid #ccc;padding:8px;color:#777;white-space:pre-wrap;text-align:right;min-width:25px}.PlaygroundEditorTheme__table{border-collapse:collapse;border-spacing:0;overflow-y:scroll;overflow-x:scroll;table-layout:fixed;width:-moz-fit-content;width:fit-content;margin:0 25px 30px 0}.PlaygroundEditorTheme__tableRowStriping tr:nth-child(2n){background-color:#f2f5fb}.PlaygroundEditorTheme__tableCell{border:1px solid #bbb;width:75px;vertical-align:top;text-align:start;padding:6px 8px;position:relative;outline:none}.PlaygroundEditorTheme__tableAddColumns{position:absolute;background-color:#eee;height:100%;animation:table-controls .2s ease;border:0;cursor:pointer}.PlaygroundEditorTheme__tableAddColumns:after{background-size:contain;background-position:center;background-repeat:no-repeat;display:block;content:" ";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.4}.PlaygroundEditorTheme__tableAddColumns:hover,.PlaygroundEditorTheme__tableAddRows:hover{background-color:#c9dbf0}.PlaygroundEditorTheme__tableAddRows{position:absolute;width:calc(100% - 25px);background-color:#eee;animation:table-controls .2s ease;border:0;cursor:pointer}.PlaygroundEditorTheme__tableAddRows:after{background-size:contain;background-position:center;background-repeat:no-repeat;display:block;content:" ";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.4}.PlaygroundEditorTheme__characterLimit{display:inline;background-color:#fbb!important}.PlaygroundEditorTheme__ol1{padding:0;margin:0;list-style-position:outside}.PlaygroundEditorTheme__ol2{padding:0;margin:0;list-style-type:upper-alpha;list-style-position:outside}.PlaygroundEditorTheme__ol3{padding:0;margin:0;list-style-type:lower-alpha;list-style-position:outside}.PlaygroundEditorTheme__ol4{padding:0;margin:0;list-style-type:upper-roman;list-style-position:outside}.PlaygroundEditorTheme__ol5{padding:0;margin:0;list-style-type:lower-roman;list-style-position:outside}.PlaygroundEditorTheme__ul{padding:0;margin:0;list-style-position:outside}.PlaygroundEditorTheme__listItem{margin:0 32px}.PlaygroundEditorTheme__listItemChecked,.PlaygroundEditorTheme__listItemUnchecked{position:relative;margin-left:8px;margin-right:8px;padding-left:24px;padding-right:24px;list-style-type:none;outline:none}.PlaygroundEditorTheme__listItemChecked{text-decoration:line-through}.PlaygroundEditorTheme__listItemUnchecked:before,.PlaygroundEditorTheme__listItemChecked:before{content:"";width:16px;height:16px;top:2px;left:0;cursor:pointer;display:block;background-size:cover;position:absolute}.PlaygroundEditorTheme__listItemUnchecked[dir=rtl]:before,.PlaygroundEditorTheme__listItemChecked[dir=rtl]:before{left:auto;right:0}.PlaygroundEditorTheme__listItemUnchecked:focus:before,.PlaygroundEditorTheme__listItemChecked:focus:before{box-shadow:0 0 0 2px #a6cdfe;border-radius:2px}.PlaygroundEditorTheme__listItemUnchecked:before{border:1px solid #999;border-radius:2px}.PlaygroundEditorTheme__listItemChecked:before{border:1px solid rgb(61,135,245);border-radius:2px;background-color:#3d87f5;background-repeat:no-repeat}.PlaygroundEditorTheme__listItemChecked:after{content:"";cursor:pointer;border-color:#fff;border-style:solid;position:absolute;display:block;top:6px;width:3px;left:7px;right:7px;height:6px;transform:rotate(45deg);border-width:0 2px 2px 0}.PlaygroundEditorTheme__nestedListItem{list-style-type:none}.PlaygroundEditorTheme__nestedListItem:before,.PlaygroundEditorTheme__nestedListItem:after{display:none}.PlaygroundEditorTheme__tokenComment{color:#708090}.PlaygroundEditorTheme__tokenPunctuation{color:#999}.PlaygroundEditorTheme__tokenProperty{color:#905}.PlaygroundEditorTheme__tokenSelector{color:#690}.PlaygroundEditorTheme__tokenOperator{color:#9a6e3a}.PlaygroundEditorTheme__tokenAttr{color:#07a}.PlaygroundEditorTheme__tokenVariable{color:#e90}.PlaygroundEditorTheme__tokenFunction{color:#dd4a68}.PlaygroundEditorTheme__mark{background:rgba(255,212,0,.14);border-bottom:2px solid rgba(255,212,0,.3);padding-bottom:2px}.PlaygroundEditorTheme__markOverlap{background:rgba(255,212,0,.3);border-bottom:2px solid rgba(255,212,0,.7)}.PlaygroundEditorTheme__mark.selected{background:rgba(255,212,0,.5);border-bottom:2px solid rgba(255,212,0,1)}.PlaygroundEditorTheme__markOverlap.selected{background:rgba(255,212,0,.7);border-bottom:2px solid rgba(255,212,0,.7)}.PlaygroundEditorTheme__embedBlock{-webkit-user-select:none;-moz-user-select:none;user-select:none}.PlaygroundEditorTheme__embedBlockFocus{outline:2px solid rgb(60,132,244)}.PlaygroundEditorTheme__layoutContainer{display:grid;gap:10px;margin:10px 0}.PlaygroundEditorTheme__layoutItem{border:1px dashed #ddd;padding:8px 16px}.PlaygroundEditorTheme__autocomplete{color:#ccc}.PlaygroundEditorTheme__hr{padding:2px;border:none;margin:1em 0;cursor:pointer}.PlaygroundEditorTheme__hr:after{content:"";display:block;height:2px;background-color:#ccc;line-height:2px}.PlaygroundEditorTheme__hr.selected{outline:2px solid rgb(60,132,244);-webkit-user-select:none;-moz-user-select:none;user-select:none}.PlaygroundEditorTheme__table{border-collapse:collapse;border-spacing:0;overflow-y:scroll;overflow-x:scroll;table-layout:fixed;width:-moz-max-content;width:max-content;margin:30px 0}.PlaygroundEditorTheme__tableSelection *::-moz-selection{background-color:transparent}.PlaygroundEditorTheme__tableSelection *::selection{background-color:transparent}.PlaygroundEditorTheme__tableSelected{outline:2px solid rgb(60,132,244)}.PlaygroundEditorTheme__tableCell{border:1px solid #bbb;width:75px;min-width:75px;vertical-align:top;text-align:start;padding:6px 8px;position:relative;outline:none}.PlaygroundEditorTheme__tableCellSortedIndicator{display:block;opacity:.5;position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#999}.PlaygroundEditorTheme__tableCellResizer{position:absolute;right:-4px;height:100%;width:8px;cursor:ew-resize;z-index:10;top:0}.PlaygroundEditorTheme__tableCellHeader{background-color:#f2f3f5;text-align:start}.PlaygroundEditorTheme__tableCellSelected{background-color:#c9dbf0}.PlaygroundEditorTheme__tableCellPrimarySelected{border:2px solid rgb(60,132,244);display:block;height:calc(100% - 2px);position:absolute;width:calc(100% - 2px);left:-1px;top:-1px;z-index:2}.PlaygroundEditorTheme__tableCellEditing{box-shadow:0 0 5px #0006;border-radius:3px}.PlaygroundEditorTheme__tableAddColumns{position:absolute;top:0;background-color:#eee;height:100%;right:0;animation:table-controls .2s ease;border:0;cursor:pointer}.PlaygroundEditorTheme__tableAddColumns:hover{background-color:#c9dbf0;border-radius:1px}.PlaygroundEditorTheme__tableAddRows{position:absolute;bottom:-25px;width:20px;background-color:#eee;left:0;animation:table-controls .2s ease;border:0;cursor:pointer}.PlaygroundEditorTheme__tableAddRows:hover{background-color:#c9dbf0}@keyframes table-controls{0%{opacity:0}to{opacity:1}}.PlaygroundEditorTheme__tableCellResizeRuler{display:block;position:absolute;width:1px;background-color:#3c84f4;height:100%;top:0}.PlaygroundEditorTheme__tableCellActionButtonContainer{display:block;right:5px;top:6px;position:absolute;z-index:4;width:20px;height:20px}.PlaygroundEditorTheme__tableCellActionButton{background-color:#eee;display:block;border:0;border-radius:20px;width:20px;height:20px;color:#222;cursor:pointer}.PlaygroundEditorTheme__tableCellActionButton:hover{background-color:#ddd}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-overlay-symb{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{padding:20px;min-height:100px;min-width:300px;display:flex;flex-grow:0px;background-color:#fff;flex-direction:column;position:relative;box-shadow:0 0 20px #444;border-radius:10px}.modal-content-symb{background-color:#fff;bottom:51px;padding:20px;border-radius:8px;width:330px;text-align:center;position:relative;left:155px;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff80}.modal-content h3{color:#444;margin:0;padding-bottom:10px;border-bottom:1px solid}.modal-content label{display:block;margin-bottom:10px;font-size:large}.modal-content input{width:50%;padding:5px;font-size:16px;border:2px solid black;border-radius:8px;margin:0 10px}.modal-buttons{display:flex;flex-direction:row;justify-content:right;margin-top:20px}.modal-buttons-close{border:0px;position:absolute;right:20px;border-radius:20px;justify-content:center;align-items:center;display:flex;width:30px;height:30px;text-align:center;cursor:pointer;background-color:#eee;background:none}.flexContainer{display:flex;position:relative;top:2px;left:87%}.avatarStyle{background-size:cover;border-radius:50px;color:#05052e;cursor:pointer;font-size:14px;height:20px;margin:2px 8px 0 0;padding:5px;letter-spacing:2px;text-align:center;text-transform:capitalize;width:20px;font-weight:500}.avatar-color-1{border:1.5px solid #FAB81B}.avatar-color-2{border:1.5px solid #FC3D54}.avatar-color-3{border:1.5px solid #5EDD9A}.avatar-color-4{border:1.5px solid #715FF2}.avatar-color-5{border:1.5px solid #48DDFF}.avatar-color-6{border:1.5px solid #ADA7F9}.add-toolbar-table-icon{height:16px;width:16px;margin-top:3px}.symbol-dropdown{margin-top:-3px;line-height:30px;min-width:79px;letter-spacing:2px}.symbol-Flex-container{display:flex;flex-wrap:wrap;flex-direction:row;width:330px}.symbol-Flex-container>div{width:10px;margin:10px;text-align:center;line-height:5px;font-size:20px}.close-btn{position:relative;bottom:117px;left:375px}.select-table-container{display:flex;flex-direction:row;align-items:center;margin-bottom:10px;padding-top:20px}.select-table-container label{display:flex;flex:1;color:#666}.symbol-items button{padding:14px;border:none;background:none}.symbol-items button:hover{background-color:#3838381a;border-radius:8px}.symbols-toolbar{margin-top:5px;position:absolute}.cust-head-dropDown{margin-top:3px;border-radius:0}.avtar-outer-div{margin-left:15%}.round{display:block;height:40px;width:40px;border:1px solid #BADA55;border-radius:var(--radius)}.headingDropDown{padding:10px;border:none}.headingDropDown:hover{background-color:#3838381a;border-radius:8px}.headingDropDown option{background-color:#fff;border-radius:8px}.editor-inner span.editor-image{cursor:default;display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.editor-inner .editor-image img{max-width:100%;cursor:default}.editor-inner .editor-image img.focused{outline:2px solid rgb(60,132,244);-webkit-user-select:none;-moz-user-select:none;user-select:none}.editor-inner .editor-image img.focused.draggable{cursor:grab}.editor-inner .editor-image img.focused.draggable:active{cursor:grabbing}.editor-inner .editor-image .image-caption-container .tree-view-output{margin:0;border-radius:0}.editor-inner .editor-image .image-caption-container{display:block;position:absolute;bottom:4px;left:0;right:0;padding:0;margin:0;border-top:1px solid #fff;background-color:#ffffffe6;min-width:100px;color:#000;overflow:hidden}.editor-inner .editor-image .image-caption-button{display:block;position:absolute;bottom:20px;left:0;right:0;width:30%;padding:10px;margin:0 auto;border:1px solid rgba(255,255,255,.3);border-radius:5px;background-color:#00000080;min-width:100px;color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.editor-inner .editor-image .image-caption-button:hover{background-color:#3c84f480}.editor-inner .editor-image .image-edit-button{border:1px solid rgba(0,0,0,.3);border-radius:5px;background-image:url(/src/images/icons/pencil-fill.svg);background-size:16px;background-position:center;background-repeat:no-repeat;width:35px;height:35px;vertical-align:-.25em;position:absolute;right:4px;top:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.editor-inner .editor-image .image-edit-button:hover{background-color:#3c84f41a}.editor-inner .editor-image .image-resizer{display:block;width:7px;height:7px;position:absolute;background-color:#3c84f4;border:1px solid #fff}.editor-inner .editor-image .image-resizer.image-resizer-n{top:-6px;left:48%;cursor:n-resize}.editor-inner .editor-image .image-resizer.image-resizer-ne{top:-6px;right:-6px;cursor:ne-resize}.editor-inner .editor-image .image-resizer.image-resizer-e{bottom:48%;right:-6px;cursor:e-resize}.editor-inner .editor-image .image-resizer.image-resizer-se{bottom:-2px;right:-6px;cursor:nwse-resize}.editor-inner .editor-image .image-resizer.image-resizer-s{bottom:-2px;left:48%;cursor:s-resize}.editor-inner .editor-image .image-resizer.image-resizer-sw{bottom:-2px;left:-6px;cursor:sw-resize}.editor-inner .editor-image .image-resizer.image-resizer-w{bottom:48%;left:-6px;cursor:w-resize}.editor-inner .editor-image .image-resizer.image-resizer-nw{top:-6px;left:-6px;cursor:nw-resize}.editor-inner span.inline-editor-image{cursor:default;display:inline-block;position:relative;z-index:1}.editor-inner .inline-editor-image img{max-width:100%;cursor:default}.editor-inner .inline-editor-image img.focused{outline:2px solid rgb(60,132,244)}.editor-inner .inline-editor-image img.focused.draggable{cursor:grab}.editor-inner .inline-editor-image img.focused.draggable:active{cursor:grabbing}.editor-inner .inline-editor-image .image-caption-container .tree-view-output{margin:0;border-radius:0}.editor-inner .inline-editor-image.position-full{margin:1em 0}.editor-inner .inline-editor-image.position-left{float:left;width:50%;margin:1em 1em 0 0}.editor-inner .inline-editor-image.position-right{float:right;width:50%;margin:1em 0 0 1em}.editor-inner .inline-editor-image .image-edit-button{display:block;position:absolute;top:12px;right:12px;padding:6px 8px;margin:0 auto;border:1px solid rgba(255,255,255,.3);border-radius:5px;background-color:#00000080;min-width:60px;color:#fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.editor-inner .inline-editor-image .image-edit-button:hover{background-color:#3c84f480}.editor-inner .inline-editor-image .image-caption-container{display:block;background-color:#f4f4f4;min-width:100%;color:#000;overflow:hidden}.Modal__overlay{display:flex;justify-content:center;align-items:center;position:fixed;flex-direction:column;top:0;bottom:0;left:0;right:0;background-color:#28282899;flex-grow:0px;flex-shrink:1px;z-index:100}.Modal__modal{padding:20px;min-height:100px;min-width:300px;display:flex;flex-grow:0px;background-color:#fff;flex-direction:column;position:relative;box-shadow:0 0 20px #444;border-radius:10px}.Modal__title{color:#444;margin:0;padding-bottom:10px;border-bottom:1px solid #ccc}.Modal__closeButton{border:0px;position:absolute;right:20px;border-radius:20px;justify-content:center;align-items:center;display:flex;width:30px;height:30px;text-align:center;cursor:pointer;background-color:#eee}.Modal__closeButton:hover{background-color:#ddd}.Modal__content{padding-top:20px}.Input__wrapper{display:flex;flex-direction:row;align-items:center;margin-bottom:10px}.Input__label{display:flex;flex:1;color:#666}.Input__input{display:flex;flex:2;border:1px solid #999;padding:7px 10px;font-size:16px;border-radius:5px;min-width:0}.DialogActions{display:flex;flex-direction:row;justify-content:right;margin-top:20px}.DialogButtonsList{display:flex;flex-direction:column;justify-content:right;margin-top:20px}.DialogButtonsList button{margin-bottom:20px}.Button__root{padding:10px 15px;border:0px;background-color:#eee;border-radius:5px;cursor:pointer;font-size:14px}.Button__root:hover{background-color:#ddd}.Button__small{padding:5px 10px;font-size:13px}.Button__disabled{cursor:not-allowed}.Button__disabled:hover{background-color:#eee}.InlineImageNode__contentEditable{min-height:20px;border:0px;resize:none;cursor:text;caret-color:#050505;display:block;position:relative;-moz-tab-size:1;-o-tab-size:1;tab-size:1;outline:0px;padding:10px;-webkit-user-select:text;-moz-user-select:text;user-select:text;font-size:14px;line-height:1.4em;width:calc(100% - 20px);white-space:pre-wrap;word-break:break-word}.InlineImageNode__placeholder{font-size:12px;color:#888;overflow:hidden;position:absolute;text-overflow:ellipsis;bottom:10px;left:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;display:inline-block;pointer-events:none}.InlineImageNode_Checkbox:checked,.InlineImageNode_Checkbox:not(:checked){position:absolute;left:-9999px}.InlineImageNode_Checkbox:checked+label,.InlineImageNode_Checkbox:not(:checked)+label{position:absolute;padding-right:55px;cursor:pointer;line-height:20px;display:inline-block;color:#666}.InlineImageNode_Checkbox:checked+label:before,.InlineImageNode_Checkbox:not(:checked)+label:before{content:"";position:absolute;right:0;top:0;width:18px;height:18px;border:1px solid #666;background:#fff}.InlineImageNode_Checkbox:checked+label:after,.InlineImageNode_Checkbox:not(:checked)+label:after{content:"";width:8px;height:8px;background:#222222;position:absolute;top:6px;right:6px;transition:all .2s ease}.InlineImageNode_Checkbox:not(:checked)+label:after{opacity:0;transform:scale(0)}.InlineImageNode_Checkbox:checked+label:after{opacity:1;transform:scale(1)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:none;padding:0 1em 0 0;margin:0;font-family:inherit;font-size:inherit;cursor:inherit;line-height:inherit;z-index:1;outline:none}:root{--select-border: #393939;--select-focus: #101484;--select-arrow: var(--select-border)}.select{min-width:160px;max-width:290px;border:1px solid var(--select-border);border-radius:.25em;padding:.25em .5em;font-size:1rem;cursor:pointer;line-height:1.4;background:linear-gradient(to bottom,#ffffff 0%,#e5e5e5 100%)}.ImageNode__contentEditable{min-height:20px;border:0px;resize:none;cursor:text;caret-color:#050505;display:block;position:relative;outline:0px;padding:10px;-webkit-user-select:text;-moz-user-select:text;user-select:text;font-size:12px;width:calc(100% - 20px);white-space:pre-wrap;word-break:break-word}.ImageNode__placeholder{font-size:12px;color:#888;overflow:hidden;position:absolute;text-overflow:ellipsis;top:10px;left:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;display:inline-block;pointer-events:none}.image-control-wrapper--resizing{touch-action:none}.ContentEditable__root{border:0;font-size:15px;display:block;position:relative;outline:0;min-height:150px}@media (max-width: 1025px){.ContentEditable__root{padding-left:8px;padding-right:8px}}.Placeholder__root{font-size:15px;color:#999;overflow:hidden;position:absolute;text-overflow:ellipsis;top:8px;left:28px;right:28px;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;display:inline-block;pointer-events:none}@media (max-width: 1025px){.Placeholder__root{left:8px}}
1
+ body{margin:0;background:#eee;font-family:system-ui,inherit,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}mt-1{margin-top:10px}mt-2{margin-top:20px}mt-3{margin-top:30px}mt-4{margin-top:40px}ml-1{margin-left:10px}ml-2{margin-left:20px}ml-3{margin-left:30px}ml-4{margin-left:40px}mr-1{margin-right:10px}mr-2{margin-right:20px}mr-3{margin-right:30px}mr-4{margin-right:40px}mb-1{margin-bottom:10px}mb-2{margin-bottom:20px}mb-3{margin-bottom:30px}mb-4{margin-bottom:40px}pt-1{padding-top:10px}pt-2{padding-top:20px}pt-3{padding-top:3opx}pt-4{padding-top:40px}pb-1{padding-bottom:10px}pb-2{padding-bottom:20px}pb-3{padding-bottom:30px}pb-4{padding-bottom:40px}pl-1{padding-left:10px}pl-2{padding-left:20px}pl-3{padding-left:30px}pl-4{padding-left:40px}pr-1{padding-right:10px}pr-2{padding-right:20px}pr-3{padding-right:30px}pr-4{padding-right:40px}.other h2{font-size:18px;color:#444;margin-bottom:7px}.other a{color:#777;text-decoration:underline;font-size:14px}.other ul{padding:0;margin:0;list-style-type:none}.App{font-family:inherit;text-align:center}h1{font-size:24px;color:#333}.ltr{text-align:left}.rtl{text-align:right}.editor-container{border-radius:8px;color:#000;font-family:Times New Roman,Times,serif,inherit!important;font-size:auto!important;font-weight:400;line-height:20px;position:relative;text-align:left;width:95%;margin:1% 1% 1% 3%}.editor-inner{background:#fff;position:relative;top:20px;border-radius:0 0 10px 10px}.editor-input{min-height:300px;font-size:auto!important;font-family:"Times New Roman",Times,serif,inherit!important;resize:none;caret-color:#050505;position:relative;-moz-tab-size:1;-o-tab-size:1;tab-size:1;outline:0;caret-color:#444}.editor-placeholder{color:#999;overflow:hidden;padding:56px;position:absolute;text-overflow:hidden;font-family:"Times New Roman",inherit;top:0;left:0;font-size:11px;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block;pointer-events:none}.editor-text-bold{font-weight:700}.editor-text-italic{font-style:italic}.editor-text-underline{text-decoration:underline}.editor-text-strikethrough{text-decoration:line-through}.editor-text-underlineStrikethrough{text-decoration:underline line-through}.editor-text-code{background-color:#f0f2f5;padding:1px .25rem;font-family:"Times New Roman",inherit;font-size:auto}.editor-link{color:#216fdb;text-decoration:none}.tree-view-output{display:block;background:#222;color:#fff;padding:5px;font-size:12px;white-space:pre-wrap;margin:1px auto 10px;max-height:250px;position:relative;border-bottom-left-radius:10px;border-bottom-right-radius:10px;overflow:auto;line-height:14px}.editor-code{background-color:#f0f2f5;font-family:"Times New Roman",inherit;display:block;padding:8px 8px 8px 52px;line-height:1.53;font-size:13px;margin:8px 0;-moz-tab-size:2;-o-tab-size:2;tab-size:2;overflow-x:auto;position:relative}.editor-code:before{content:attr(data-gutter);position:absolute;background-color:#eee;left:0;top:0;border-right:1px solid #ccc;padding:8px;color:#777;white-space:pre-wrap;text-align:right;min-width:25px}.editor-code:after{content:attr(data-highlight-language);top:0;right:3px;padding:3px;font-size:auto;text-transform:uppercase;position:absolute;color:#00000080}.editor-tokenComment{color:#708090}.editor-tokenPunctuation{color:#999}.editor-tokenProperty{color:#905}.editor-tokenSelector{color:#690}.editor-tokenOperator{color:#9a6e3a}.editor-tokenAttr{color:#07a}.editor-tokenVariable{color:#e90}.editor-tokenFunction{color:#dd4a68}.editor-paragraph{position:relative}.editor-paragraph:last-child{margin-bottom:0}.editor-heading-h1{font-size:24px;color:#050505;font-weight:400;margin:0 0 12px;padding:0}.editor-heading-h2{font-size:15px;color:#65676b;font-weight:700;margin:10px 0 0;padding:0;text-transform:uppercase}.editor-quote{margin:0 0 0 20px;font-size:15px;color:#65676b;border-left-color:#ced0d4;border-left-width:4px;border-left-style:solid;padding-left:16px}.editor-list-ol,.editor-list-ul{padding:0;margin:0 0 0 16px}.editor-listitem{margin:8px 32px}.editor-nested-listitem{list-style-type:none}pre::-webkit-scrollbar{background:transparent;width:10px}pre::-webkit-scrollbar-thumb{background:#999}.debug-timetravel-panel{overflow:hidden;padding:0 0 10px;margin:auto;display:flex}.debug-timetravel-panel-slider{padding:0;flex:8}.debug-timetravel-panel-button{padding:0;border:0;background:none;flex:1;color:#fff;font-size:12px}.debug-timetravel-panel-button:hover{text-decoration:underline}.debug-timetravel-button{border:0;padding:0;font-size:12px;top:10px;right:15px;position:absolute;background:none;color:#fff}.debug-timetravel-button:hover{text-decoration:underline}.dropdown{z-index:100;display:block;position:fixed;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff80;border-radius:8px;min-height:40px;background-color:#fff}.dropdown .item{margin:0 8px;padding:8px;color:#050505;cursor:pointer;line-height:16px;font-size:15px;display:flex;align-content:center;flex-direction:row;flex-shrink:0;justify-content:space-between;background-color:#fff;border-radius:8px;border:0;max-width:250px;min-width:100px}.dropdown .item.fontsize-item,.dropdown .item.fontsize-item .text{min-width:unset}.dropdown .item .active{display:flex;width:20px;height:20px;background-size:contain}.dropdown .item:first-child{margin-top:8px}.dropdown .item:last-child{margin-bottom:8px}.dropdown .item:hover{background-color:#eee}.dropdown .item .text{display:flex;line-height:20px;flex-grow:1;min-width:150px}.dropdown .item .icon{display:flex;width:20px;height:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:12px;line-height:16px;background-size:contain;background-position:center;background-repeat:no-repeat}.icon.paragraph{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1wYXJhZ3JhcGgiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMiAxMi41YS41LjUgMCAwIDEgLjUtLjVoN2EuNS41IDAgMCAxIDAgMWgtN2EuNS41IDAgMCAxLS41LS41em0wLTNhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMTFhLjUuNSAwIDAgMS0uNS0uNXptMC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6bTQtM2EuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNXoiLz4KPC9zdmc+)}.icon.h1{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1oMSI+PHBhdGggZD0iTTguNjM3IDEzVjMuNjY5SDcuMzc5VjcuNjJIMi43NThWMy42N0gxLjVWMTNoMS4yNThWOC43MjhoNC42MlYxM2gxLjI1OXptNS4zMjkgMFYzLjY2OWgtMS4yNDRMMTAuNSA1LjMxNnYxLjI2NWwyLjE2LTEuNTY1aC4wNjJWMTNoMS4yNDR6Ii8+PC9zdmc+)}.icon.h2{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1oMiI+PHBhdGggZD0iTTcuNjM4IDEzVjMuNjY5SDYuMzhWNy42MkgxLjc1OVYzLjY3SC41VjEzaDEuMjU4VjguNzI4aDQuNjJWMTNoMS4yNTl6bTMuMDIyLTYuNzMzdi0uMDQ4YzAtLjg4OS42My0xLjY2OCAxLjcxNi0xLjY2OC45NTcgMCAxLjY3NS42MDggMS42NzUgMS41NzIgMCAuODU1LS41NTQgMS41MDQtMS4wNjcgMi4wODVsLTMuNTEzIDMuOTk5VjEzSDE1LjV2LTEuMDk0aC00LjI0NXYtLjA3NWwyLjQ4MS0yLjg0NGMuODc1LS45OTggMS41ODYtMS43ODQgMS41ODYtMi45NTMgMC0xLjQ2My0xLjE1NS0yLjU1Ni0yLjkxOS0yLjU1Ni0xLjk0MSAwLTIuOTY2IDEuMzI2LTIuOTY2IDIuNzR2LjA0OWgxLjIyM3oiLz48L3N2Zz4=)}.icon.h3{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1oMyI+PHBhdGggZD0iTTcuNjM3IDEzVjMuNjY5SDYuMzc5VjcuNjJIMS43NThWMy42N0guNVYxM2gxLjI1OFY4LjcyOGg0LjYyVjEzaDEuMjU5em0zLjYyNS00LjI3MmgxLjAxOGMxLjE0MiAwIDEuOTM1LjY3IDEuOTQ5IDEuNjc0LjAxMyAxLjAwNS0uNzggMS43MzctMi4wMSAxLjczLTEuMDgtLjAwNy0xLjg1My0uNTg4LTEuOTM1LTEuMzJIOS4xMDhjLjA2OSAxLjMyNyAxLjIyNCAyLjM4NiAzLjA4MyAyLjM4NiAxLjkzNSAwIDMuMzQzLTEuMTU1IDMuMzA5LTIuNzg5LS4wMjctMS41MS0xLjI1MS0yLjE2LTIuMDM3LTIuMjQ5di0uMDY4Yy43MDQtLjEyMyAxLjc2NC0uOTEgMS43MjMtMi4yMjktLjAzNS0xLjM1My0xLjE3Ni0yLjQtMi45NTQtMi4zODUtMS44NzMuMDA2LTIuODU3IDEuMTYyLTIuODk4IDIuMzU4aDEuMTk2Yy4wNjItLjY5LjcxMS0xLjI5OSAxLjY5Ni0xLjI5OS45OTggMCAxLjY5NS42MjIgMS42OTUgMS41MjUuMDA3LjkyMi0uNzE4IDEuNTkyLTEuNjk1IDEuNTkyaC0uOTY0djEuMDc0eiIvPjwvc3ZnPg==)}.icon.h4{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1oMSI+PHBhdGggZD0iTTcuNjM3IDEzVjMuNjY5SDYuMzc5VjcuNjJIMS43NThWMy42N0guNVYxM2gxLjI1OFY4LjcyOGg0LjYyVjEzWm01LjMzNy4ydi0yLjMyOEg5LjEwOFY5LjgyOGwzLjQ0MS02LjM1aDEuNjMydjYuMTQxSDE1LjV2MS4yNTNoLTEuMzE5VjEzLjJabS0yLjYxNS0zLjU4MWgyLjYxNVY2LjdMMTMgNC42ODlsLS44NzIgMS43eiIvPjwvc3ZnPg==)}.icon.h5{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1oMSI+PHBhdGggZD0iTTcuNjM3IDEzVjMuNjY5SDYuMzc5VjcuNjJIMS43NThWMy42N0guNVYxM2gxLjI1OFY4LjcyOGg0LjYyVjEzWm0yLjc1NS01Ljc5MWEzLjc2MyAzLjc2MyAwIDAgMSAyLjExMy0uNTE3IDIuOTczIDIuOTczIDAgMCAxIDIuOTk1IDMuMSAzLjQ1IDMuNDUgMCAwIDEtLjkgMi40NDIgMy4xMTEgMy4xMTEgMCAwIDEtMi4zOTMuOTY4IDMuMzI3IDMuMzI3IDAgMCAxLTIuMDk0LS42NzEgMi43NTggMi43NTggMCAwIDEtMS4wMDctMmgxLjI4NGExLjM4NyAxLjM4NyAwIDAgMCAuNTExIDEuMSAyLjM4NCAyLjM4NCAwIDAgMCAxLjQuNDIxIDEuODE5IDEuODE5IDAgMCAwIDEuNDc5LS42MzggMi4wNDIgMi4wNDIgMCAwIDAgLjQzNy0xLjUxNCAyLjE3IDIuMTcgMCAwIDAtLjU2Ny0xLjU4NCAxLjk1OCAxLjk1OCAwIDAgMC0xLjQ2OC0uNTggMi4zNTggMi4zNTggMCAwIDAtMS43OS43ODlIOS4xMDhWMy40NzhoNS45MzF2MS4xMzRoLTQuNjQ3WiIvPjwvc3ZnPg==)}i.chevron-down{background-color:transparent;background-size:contain;display:inline-block;height:8px;width:8px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hldnJvbi1kb3duIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjY0NiA0LjY0NmEuNS41IDAgMCAxIC43MDggMEw4IDEwLjI5M2w1LjY0Ni01LjY0N2EuNS41IDAgMCAxIC43MDguNzA4bC02IDZhLjUuNSAwIDAgMS0uNzA4IDBsLTYtNmEuNS41IDAgMCAxIDAtLjcwOHoiLz48L3N2Zz4=)}.toolbar i.chevron-down,.toolbar-item i.chevron-down{margin-top:3px;width:16px;height:16px;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toolbar i.chevron-down.inside{width:16px;height:16px;display:flex;margin-left:-25px;margin-top:11px;margin-right:10px;pointer-events:none}.toolbar{display:flex;margin-bottom:1px;background:#fff;padding:4px;height:46px}.toolbar button.toolbar-item{border:0;display:flex;background:none;border-radius:10px;padding:8px;cursor:pointer;vertical-align:middle}.toolbar button.toolbar-item:disabled{cursor:not-allowed}.toolbar button.toolbar-item.spaced{margin-right:2px}.toolbar button.toolbar-item i.format{background-size:contain;display:inline-block;height:18px;width:18px;margin-top:2px;vertical-align:-.25em;display:flex;opacity:.6}.toolbar button.toolbar-item:disabled i.format{opacity:.2}.toolbar button.toolbar-item.active{background-color:#3838384d}.toolbar button.toolbar-item.active i{opacity:1}.toolbar .toolbar-item:hover:not([disabled]){background-color:#eee}.toolbar .divider{width:1px;background-color:#eee;margin:0 4px}.toolbar .toolbar-item .text{display:flex;line-height:20px;vertical-align:middle;font-size:11px;color:#777;text-overflow:ellipsis;width:70px;overflow:hidden;height:20px;text-align:left}.toolbar .toolbar-item .icon{display:flex;width:20px;height:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:8px;line-height:16px;background-size:contain}i.undo{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctY291bnRlcmNsb2Nrd2lzZSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDNhNSA1IDAgMSAxLTQuNTQ2IDIuOTE0LjUuNSAwIDAgMC0uOTA4LS40MTdBNiA2IDAgMSAwIDggMnYxeiIvPgogIDxwYXRoIGQ9Ik04IDQuNDY2Vi41MzRhLjI1LjI1IDAgMCAwLS40MS0uMTkyTDUuMjMgMi4zMDhhLjI1LjI1IDAgMCAwIDAgLjM4NGwyLjM2IDEuOTY2QS4yNS4yNSAwIDAgMCA4IDQuNDY2eiIvPgo8L3N2Zz4=)}i.redo{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktYXJyb3ctY2xvY2t3aXNlIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTggM2E1IDUgMCAxIDAgNC41NDYgMi45MTQuNS41IDAgMCAxIC45MDgtLjQxN0E2IDYgMCAxIDEgOCAydjF6Ii8+CiAgPHBhdGggZD0iTTggNC40NjZWLjUzNGEuMjUuMjUgMCAwIDEgLjQxLS4xOTJsMi4zNiAxLjk2NmMuMTIuMS4xMi4yODQgMCAuMzg0TDguNDEgNC42NThBLjI1LjI1IDAgMCAxIDggNC40NjZ6Ii8+Cjwvc3ZnPg==)}i.bold{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1ib2xkIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik04LjIxIDEzYzIuMTA2IDAgMy40MTItMS4wODcgMy40MTItMi44MjMgMC0xLjMwNi0uOTg0LTIuMjgzLTIuMzI0LTIuMzg2di0uMDU1YTIuMTc2IDIuMTc2IDAgMCAwIDEuODUyLTIuMTRjMC0xLjUxLTEuMTYyLTIuNDYtMy4wMTQtMi40NkgzLjg0M1YxM0g4LjIxek01LjkwOCA0LjY3NGgxLjY5NmMuOTYzIDAgMS41MTcuNDUxIDEuNTE3IDEuMjQ0IDAgLjgzNC0uNjI5IDEuMzItMS43MyAxLjMySDUuOTA4VjQuNjczem0wIDYuNzg4VjguNTk4aDEuNzNjMS4yMTcgMCAxLjg4LjQ5MiAxLjg4IDEuNDE1IDAgLjk0My0uNjQzIDEuNDQ5LTEuODMyIDEuNDQ5SDUuOTA3eiIvPgo8L3N2Zz4=)}i.italic{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1pdGFsaWMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTcuOTkxIDExLjY3NCA5LjUzIDQuNDU1Yy4xMjMtLjU5NS4yNDYtLjcxIDEuMzQ3LS44MDdsLjExLS41Mkg3LjIxMWwtLjExLjUyYzEuMDYuMDk2IDEuMTI4LjIxMiAxLjAwNS44MDdMNi41NyAxMS42NzRjLS4xMjMuNTk1LS4yNDYuNzEtMS4zNDYuODA2bC0uMTEuNTJoMy43NzRsLjExLS41MmMtMS4wNi0uMDk1LTEuMTI5LS4yMTEtMS4wMDYtLjgwNnoiLz4KPC9zdmc+)}i.underline{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS11bmRlcmxpbmUiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTUuMzEzIDMuMTM2aC0xLjIzVjkuNTRjMCAyLjEwNSAxLjQ3IDMuNjIzIDMuOTE3IDMuNjIzczMuOTE3LTEuNTE4IDMuOTE3LTMuNjIzVjMuMTM2aC0xLjIzdjYuMzIzYzAgMS40OS0uOTc4IDIuNTctMi42ODcgMi41Ny0xLjcwOSAwLTIuNjg3LTEuMDgtMi42ODctMi41N1YzLjEzNnpNMTIuNSAxNWgtOXYtMWg5djF6Ii8+Cjwvc3ZnPg==)}i.strikethrough{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdHlwZS1zdHJpa2V0aHJvdWdoIiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik02LjMzMyA1LjY4NmMwIC4zMS4wODMuNTgxLjI3LjgxNEg1LjE2NmEyLjc3NiAyLjc3NiAwIDAgMS0uMDk5LS43NmMwLTEuNjI3IDEuNDM2LTIuNzY4IDMuNDgtMi43NjggMS45NjkgMCAzLjM5IDEuMTc1IDMuNDQ1IDIuODVoLTEuMjNjLS4xMS0xLjA4LS45NjQtMS43NDMtMi4yNS0xLjc0My0xLjIzIDAtMi4xOC42MDItMi4xOCAxLjYwN3ptMi4xOTQgNy40NzhjLTIuMTUzIDAtMy41ODktMS4xMDctMy43MDUtMi44MWgxLjIzYy4xNDQgMS4wNiAxLjEyOSAxLjcwMyAyLjU0NCAxLjcwMyAxLjM0IDAgMi4zMS0uNzA1IDIuMzEtMS42NzUgMC0uODI3LS41NDctMS4zNzQtMS45MTQtMS42NzVMOC4wNDYgOC41SDF2LTFoMTR2MWgtMy41MDRjLjQ2OC40MzcuNjc1Ljk5NC42NzUgMS42OTcgMCAxLjgyNi0xLjQzNiAyLjk2Ny0zLjY0NCAyLjk2N3oiLz4KPC9zdmc+)}i.left-align{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1sZWZ0IiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMTIuNWEuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNXptMC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6bTAtM2EuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNXptMC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6Ii8+Cjwvc3ZnPg==)}i.center-align{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1jZW50ZXIiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNCAxMi41YS41LjUgMCAwIDEgLjUtLjVoN2EuNS41IDAgMCAxIDAgMWgtN2EuNS41IDAgMCAxLS41LS41em0tMi0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6bTItM2EuNS41IDAgMCAxIC41LS41aDdhLjUuNSAwIDAgMSAwIDFoLTdhLjUuNSAwIDAgMS0uNS0uNXptLTItM2EuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMCAxLS41LS41eiIvPgo8L3N2Zz4=)}i.right-align{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktdGV4dC1yaWdodCIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02IDEyLjVhLjUuNSAwIDAgMSAuNS0uNWg3YS41LjUgMCAwIDEgMCAxaC03YS41LjUgMCAwIDEtLjUtLjV6bS00LTNhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMTFhLjUuNSAwIDAgMS0uNS0uNXptNC0zYS41LjUgMCAwIDEgLjUtLjVoN2EuNS41IDAgMCAxIDAgMWgtN2EuNS41IDAgMCAxLS41LS41em0tNC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6Ii8+Cjwvc3ZnPg==)}i.justify-align{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktanVzdGlmeSIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDEyLjVhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMTFhLjUuNSAwIDAgMS0uNS0uNXptMC0zYS41LjUgMCAwIDEgLjUtLjVoMTFhLjUuNSAwIDAgMSAwIDFoLTExYS41LjUgMCAwIDEtLjUtLjV6bTAtM2EuNS41IDAgMCAxIC41LS41aDExYS41LjUgMCAwIDEgMCAxaC0xMWEuNS41IDAgMCAxLS41LS41em0wLTNhLjUuNSAwIDAgMSAuNS0uNWgxMWEuNS41IDAgMCAxIDAgMWgtMTFhLjUuNSAwIDAgMS0uNS0uNXoiLz4KPC9zdmc+)}.font-size-input{font-weight:700;font-size:14px;color:#777;border-color:gray;height:38px;margin-top:0;padding:2px 4px;text-align:center;width:41px;border:1px solid}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button.font-decrement{padding:0;margin-right:3px}button.font-increment{padding:0;margin-left:3px}sub{font-size:smaller;vertical-align:sub!important;top:8px;margin:.1em}.PlaygroundEditorTheme__ltr{text-align:left}.PlaygroundEditorTheme__rtl{text-align:right}.PlaygroundEditorTheme__paragraph{margin:0;position:relative}.PlaygroundEditorTheme__quote{margin:0 0 10px 20px;font-size:15px;color:#65676b;border-left-color:#ced0d4;border-left-width:4px;border-left-style:solid;padding-left:16px}.PlaygroundEditorTheme__indent{--lexical-indent-base-value: 40px}.PlaygroundEditorTheme__textBold{font-weight:700}.PlaygroundEditorTheme__textItalic{font-style:italic}.PlaygroundEditorTheme__textUnderline{text-decoration:underline}.PlaygroundEditorTheme__textStrikethrough{text-decoration:line-through}.PlaygroundEditorTheme__textUnderlineStrikethrough{text-decoration:underline line-through}.PlaygroundEditorTheme__textSubscript{font-size:.8em;vertical-align:sub!important}.PlaygroundEditorTheme__textSuperscript{font-size:.8em;vertical-align:super}.PlaygroundEditorTheme__textCode{background-color:#f0f2f5;padding:1px .25rem;font-family:Menlo,Consolas,Monaco,monospace,inherit;font-size:94%}.PlaygroundEditorTheme__hashtag{background-color:#5890ff26;border-bottom:1px solid rgba(88,144,255,.3)}.PlaygroundEditorTheme__link{color:#216fdb;text-decoration:none}.PlaygroundEditorTheme__link:hover{text-decoration:underline;cursor:pointer}.PlaygroundEditorTheme__code{background-color:#f0f2f5;font-family:Menlo,Consolas,Monaco,monospace,inherit;display:block;padding:8px 8px 8px 52px;line-height:1.53;font-size:13px;margin:8px 0;overflow-x:auto;position:relative;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.PlaygroundEditorTheme__code:before{content:attr(data-gutter);position:absolute;background-color:#eee;left:0;top:0;border-right:1px solid #ccc;padding:8px;color:#777;white-space:pre-wrap;text-align:right;min-width:25px}.PlaygroundEditorTheme__table{border-collapse:collapse;border-spacing:0;overflow-y:scroll;overflow-x:scroll;table-layout:fixed;width:-moz-fit-content;width:fit-content;margin:0 25px 30px 0}.PlaygroundEditorTheme__tableRowStriping tr:nth-child(2n){background-color:#f2f5fb}.PlaygroundEditorTheme__tableCell{border:1px solid #bbb;width:75px;vertical-align:top;text-align:start;padding:6px 8px;position:relative;outline:none}.PlaygroundEditorTheme__tableAddColumns{position:absolute;background-color:#eee;height:100%;animation:table-controls .2s ease;border:0;cursor:pointer}.PlaygroundEditorTheme__tableAddColumns:after{background-size:contain;background-position:center;background-repeat:no-repeat;display:block;content:" ";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.4}.PlaygroundEditorTheme__tableAddColumns:hover,.PlaygroundEditorTheme__tableAddRows:hover{background-color:#c9dbf0}.PlaygroundEditorTheme__tableAddRows{position:absolute;width:calc(100% - 25px);background-color:#eee;animation:table-controls .2s ease;border:0;cursor:pointer}.PlaygroundEditorTheme__tableAddRows:after{background-size:contain;background-position:center;background-repeat:no-repeat;display:block;content:" ";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.4}.PlaygroundEditorTheme__characterLimit{display:inline;background-color:#fbb!important}.PlaygroundEditorTheme__ol1{padding:0;margin:0;list-style-position:outside}.PlaygroundEditorTheme__ol2{padding:0;margin:0;list-style-type:upper-alpha;list-style-position:outside}.PlaygroundEditorTheme__ol3{padding:0;margin:0;list-style-type:lower-alpha;list-style-position:outside}.PlaygroundEditorTheme__ol4{padding:0;margin:0;list-style-type:upper-roman;list-style-position:outside}.PlaygroundEditorTheme__ol5{padding:0;margin:0;list-style-type:lower-roman;list-style-position:outside}.PlaygroundEditorTheme__ul{padding:0;margin:0;list-style-position:outside}.PlaygroundEditorTheme__listItem{margin:0 32px}.PlaygroundEditorTheme__listItemChecked,.PlaygroundEditorTheme__listItemUnchecked{position:relative;margin-left:8px;margin-right:8px;padding-left:24px;padding-right:24px;list-style-type:none;outline:none}.PlaygroundEditorTheme__listItemChecked{text-decoration:line-through}.PlaygroundEditorTheme__listItemUnchecked:before,.PlaygroundEditorTheme__listItemChecked:before{content:"";width:16px;height:16px;top:2px;left:0;cursor:pointer;display:block;background-size:cover;position:absolute}.PlaygroundEditorTheme__listItemUnchecked[dir=rtl]:before,.PlaygroundEditorTheme__listItemChecked[dir=rtl]:before{left:auto;right:0}.PlaygroundEditorTheme__listItemUnchecked:focus:before,.PlaygroundEditorTheme__listItemChecked:focus:before{box-shadow:0 0 0 2px #a6cdfe;border-radius:2px}.PlaygroundEditorTheme__listItemUnchecked:before{border:1px solid #999;border-radius:2px}.PlaygroundEditorTheme__listItemChecked:before{border:1px solid rgb(61,135,245);border-radius:2px;background-color:#3d87f5;background-repeat:no-repeat}.PlaygroundEditorTheme__listItemChecked:after{content:"";cursor:pointer;border-color:#fff;border-style:solid;position:absolute;display:block;top:6px;width:3px;left:7px;right:7px;height:6px;transform:rotate(45deg);border-width:0 2px 2px 0}.PlaygroundEditorTheme__nestedListItem{list-style-type:none}.PlaygroundEditorTheme__nestedListItem:before,.PlaygroundEditorTheme__nestedListItem:after{display:none}.PlaygroundEditorTheme__tokenComment{color:#708090}.PlaygroundEditorTheme__tokenPunctuation{color:#999}.PlaygroundEditorTheme__tokenProperty{color:#905}.PlaygroundEditorTheme__tokenSelector{color:#690}.PlaygroundEditorTheme__tokenOperator{color:#9a6e3a}.PlaygroundEditorTheme__tokenAttr{color:#07a}.PlaygroundEditorTheme__tokenVariable{color:#e90}.PlaygroundEditorTheme__tokenFunction{color:#dd4a68}.PlaygroundEditorTheme__mark{background:rgba(255,212,0,.14);border-bottom:2px solid rgba(255,212,0,.3);padding-bottom:2px}.PlaygroundEditorTheme__markOverlap{background:rgba(255,212,0,.3);border-bottom:2px solid rgba(255,212,0,.7)}.PlaygroundEditorTheme__mark.selected{background:rgba(255,212,0,.5);border-bottom:2px solid rgba(255,212,0,1)}.PlaygroundEditorTheme__markOverlap.selected{background:rgba(255,212,0,.7);border-bottom:2px solid rgba(255,212,0,.7)}.PlaygroundEditorTheme__embedBlock{-webkit-user-select:none;-moz-user-select:none;user-select:none}.PlaygroundEditorTheme__embedBlockFocus{outline:2px solid rgb(60,132,244)}.PlaygroundEditorTheme__layoutContainer{display:grid;gap:10px;margin:10px 0}.PlaygroundEditorTheme__layoutItem{border:1px dashed #ddd;padding:8px 16px}.PlaygroundEditorTheme__autocomplete{color:#ccc}.PlaygroundEditorTheme__hr{padding:2px;border:none;margin:1em 0;cursor:pointer}.PlaygroundEditorTheme__hr:after{content:"";display:block;height:2px;background-color:#ccc;line-height:2px}.PlaygroundEditorTheme__hr.selected{outline:2px solid rgb(60,132,244);-webkit-user-select:none;-moz-user-select:none;user-select:none}.PlaygroundEditorTheme__table{border-collapse:collapse;border-spacing:0;overflow-y:scroll;overflow-x:scroll;table-layout:fixed;width:-moz-max-content;width:max-content;margin:30px 0}.PlaygroundEditorTheme__tableSelection *::-moz-selection{background-color:transparent}.PlaygroundEditorTheme__tableSelection *::selection{background-color:transparent}.PlaygroundEditorTheme__tableSelected{outline:2px solid rgb(60,132,244)}.PlaygroundEditorTheme__tableCell{border:1px solid #bbb;width:75px;min-width:75px;vertical-align:top;text-align:start;padding:6px 8px;position:relative;outline:none}.PlaygroundEditorTheme__tableCellSortedIndicator{display:block;opacity:.5;position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#999}.PlaygroundEditorTheme__tableCellResizer{position:absolute;right:-4px;height:100%;width:8px;cursor:ew-resize;z-index:10;top:0}.PlaygroundEditorTheme__tableCellHeader{background-color:#f2f3f5;text-align:start}.PlaygroundEditorTheme__tableCellSelected{background-color:#c9dbf0}.PlaygroundEditorTheme__tableCellPrimarySelected{border:2px solid rgb(60,132,244);display:block;height:calc(100% - 2px);position:absolute;width:calc(100% - 2px);left:-1px;top:-1px;z-index:2}.PlaygroundEditorTheme__tableCellEditing{box-shadow:0 0 5px #0006;border-radius:3px}.PlaygroundEditorTheme__tableAddColumns{position:absolute;top:0;background-color:#eee;height:100%;right:0;animation:table-controls .2s ease;border:0;cursor:pointer}.PlaygroundEditorTheme__tableAddColumns:hover{background-color:#c9dbf0;border-radius:1px}.PlaygroundEditorTheme__tableAddRows{position:absolute;bottom:-25px;width:20px;background-color:#eee;left:0;animation:table-controls .2s ease;border:0;cursor:pointer}.PlaygroundEditorTheme__tableAddRows:hover{background-color:#c9dbf0}@keyframes table-controls{0%{opacity:0}to{opacity:1}}.PlaygroundEditorTheme__tableCellResizeRuler{display:block;position:absolute;width:1px;background-color:#3c84f4;height:100%;top:0}.PlaygroundEditorTheme__tableCellActionButtonContainer{display:block;right:5px;top:6px;position:absolute;z-index:4;width:20px;height:20px}.PlaygroundEditorTheme__tableCellActionButton{background-color:#eee;display:block;border:0;border-radius:20px;width:20px;height:20px;color:#222;cursor:pointer}.PlaygroundEditorTheme__tableCellActionButton:hover{background-color:#ddd}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-overlay-symb{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{padding:20px;min-height:100px;min-width:300px;display:flex;flex-grow:0px;background-color:#fff;flex-direction:column;position:relative;box-shadow:0 0 20px #444;border-radius:10px}.modal-content-symb{background-color:#fff;bottom:51px;padding:20px;border-radius:8px;width:330px;text-align:center;position:relative;left:155px;box-shadow:0 12px 28px #0003,0 2px 4px #0000001a,inset 0 0 0 1px #ffffff80}.modal-content h3{color:#444;margin:0;padding-bottom:10px;border-bottom:1px solid}.modal-content label{display:block;margin-bottom:10px;font-size:large}.modal-content input{width:50%;padding:5px;font-size:16px;border:2px solid black;border-radius:8px;margin:0 10px}.modal-buttons{display:flex;flex-direction:row;justify-content:right;margin-top:20px}.modal-buttons-close{border:0px;position:absolute;right:20px;border-radius:20px;justify-content:center;align-items:center;display:flex;width:30px;height:30px;text-align:center;cursor:pointer;background-color:#eee;background:none}.flexContainer{display:flex;position:relative;top:2px;left:87%}.avatarStyle{background-size:cover;border-radius:50px;color:#05052e;cursor:pointer;font-size:14px;height:20px;margin:2px 8px 0 0;padding:5px;letter-spacing:2px;text-align:center;text-transform:capitalize;width:20px;font-weight:500}.avatar-color-1{border:1.5px solid #FAB81B}.avatar-color-2{border:1.5px solid #FC3D54}.avatar-color-3{border:1.5px solid #5EDD9A}.avatar-color-4{border:1.5px solid #715FF2}.avatar-color-5{border:1.5px solid #48DDFF}.avatar-color-6{border:1.5px solid #ADA7F9}.add-toolbar-table-icon{height:16px;width:16px;margin-top:3px}.symbol-dropdown{margin-top:-3px;line-height:30px;min-width:79px;letter-spacing:2px}.symbol-Flex-container{display:flex;flex-wrap:wrap;flex-direction:row;width:330px}.symbol-Flex-container>div{width:10px;margin:10px;text-align:center;line-height:5px;font-size:20px}.close-btn{position:relative;bottom:117px;left:375px}.select-table-container{display:flex;flex-direction:row;align-items:center;margin-bottom:10px;padding-top:20px}.select-table-container label{display:flex;flex:1;color:#666}.symbol-items button{padding:14px;border:none;background:none}.symbol-items button:hover{background-color:#3838381a;border-radius:8px}.symbols-toolbar{margin-top:5px;position:absolute}.cust-head-dropDown{margin-top:3px;border-radius:0}.avtar-outer-div{margin-left:15%}.round{display:block;height:40px;width:40px;border:1px solid #BADA55;border-radius:var(--radius)}.headingDropDown{padding:10px;border:none}.headingDropDown:hover{background-color:#3838381a;border-radius:8px}.headingDropDown option{background-color:#fff;border-radius:8px}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "sykpcomposer",
3
3
  "private": false,
4
- "version": "0.0.95",
4
+ "version": "0.0.97",
5
5
  "type": "module",
6
6
  "main": "dist/index.umd.js",
7
7
  "module": "dist/index.es.js",
@@ -1,402 +0,0 @@
1
- import { j as i, u as J, d as M, w as Y, x as A, $ as B, a as T, b as Q, c as Z, e as K, C as b, f as ee, k as te, g as ne, I as re, r as se, h as ie, i as oe, l as ae, t as ce } from "./index-3341449c.js";
2
- import { u as le, d as ue, L as de, P as me } from "./Placeholder-347ad381.js";
3
- import { useRef as S, useState as U, useCallback as k, useEffect as ge, Suspense as he } from "react";
4
- import "react-dom";
5
- function G(f, w, d) {
6
- return Math.min(Math.max(f, w), d);
7
- }
8
- const n = {
9
- east: 1,
10
- north: 8,
11
- south: 2,
12
- west: 4
13
- };
14
- function fe({
15
- onResizeStart: f,
16
- onResizeEnd: w,
17
- buttonRef: d,
18
- imageRef: v,
19
- maxWidth: j,
20
- editor: C,
21
- showCaption: P,
22
- setShowCaption: N,
23
- captionsEnabled: E
24
- }) {
25
- const H = S(null), x = S({
26
- priority: "",
27
- value: "default"
28
- }), R = S({
29
- currentHeight: 0,
30
- currentWidth: 0,
31
- direction: 0,
32
- isResizing: !1,
33
- ratio: 0,
34
- startHeight: 0,
35
- startWidth: 0,
36
- startX: 0,
37
- startY: 0
38
- }), u = C.getRootElement(), y = j || (u !== null ? u.getBoundingClientRect().width - 20 : 100), I = u !== null ? u.getBoundingClientRect().height - 20 : 100, z = 100, X = 100, s = (e) => {
39
- const r = e === n.east || e === n.west, t = e === n.north || e === n.south, g = e & n.north && e & n.west || e & n.south && e & n.east, m = r ? "ew" : t ? "ns" : g ? "nwse" : "nesw";
40
- u !== null && u.style.setProperty(
41
- "cursor",
42
- `${m}-resize`,
43
- "important"
44
- ), document.body !== null && (document.body.style.setProperty(
45
- "cursor",
46
- `${m}-resize`,
47
- "important"
48
- ), x.current.value = document.body.style.getPropertyValue(
49
- "-webkit-user-select"
50
- ), x.current.priority = document.body.style.getPropertyPriority(
51
- "-webkit-user-select"
52
- ), document.body.style.setProperty(
53
- "-webkit-user-select",
54
- "none",
55
- "important"
56
- ));
57
- }, W = () => {
58
- u !== null && u.style.setProperty("cursor", "text"), document.body !== null && (document.body.style.setProperty("cursor", "default"), document.body.style.setProperty(
59
- "-webkit-user-select",
60
- x.current.value,
61
- x.current.priority
62
- ));
63
- }, p = (e, r) => {
64
- if (!C.isEditable())
65
- return;
66
- const t = v.current, g = H.current;
67
- if (t !== null && g !== null) {
68
- e.preventDefault();
69
- const { width: m, height: o } = t.getBoundingClientRect(), a = R.current;
70
- a.startWidth = m, a.startHeight = o, a.ratio = m / o, a.currentWidth = m, a.currentHeight = o, a.startX = e.clientX, a.startY = e.clientY, a.isResizing = !0, a.direction = r, s(r), f(), g.classList.add("image-control-wrapper--resizing"), t.style.height = `${o}px`, t.style.width = `${m}px`, document.addEventListener("pointermove", L), document.addEventListener("pointerup", D);
71
- }
72
- }, L = (e) => {
73
- const r = v.current, t = R.current, g = t.direction & (n.east | n.west), m = t.direction & (n.south | n.north);
74
- if (r !== null && t.isResizing)
75
- if (g && m) {
76
- let o = Math.floor(t.startX - e.clientX);
77
- o = t.direction & n.east ? -o : o;
78
- const a = G(
79
- t.startWidth + o,
80
- z,
81
- y
82
- ), _ = a / t.ratio;
83
- r.style.width = `${a}px`, r.style.height = `${_}px`, t.currentHeight = _, t.currentWidth = a;
84
- } else if (m) {
85
- let o = Math.floor(t.startY - e.clientY);
86
- o = t.direction & n.south ? -o : o;
87
- const a = G(
88
- t.startHeight + o,
89
- X,
90
- I
91
- );
92
- r.style.height = `${a}px`, t.currentHeight = a;
93
- } else {
94
- let o = Math.floor(t.startX - e.clientX);
95
- o = t.direction & n.east ? -o : o;
96
- const a = G(
97
- t.startWidth + o,
98
- z,
99
- y
100
- );
101
- r.style.width = `${a}px`, t.currentWidth = a;
102
- }
103
- }, D = () => {
104
- const e = v.current, r = R.current, t = H.current;
105
- if (e !== null && t !== null && r.isResizing) {
106
- const g = r.currentWidth, m = r.currentHeight;
107
- r.startWidth = 0, r.startHeight = 0, r.ratio = 0, r.startX = 0, r.startY = 0, r.currentWidth = 0, r.currentHeight = 0, r.isResizing = !1, t.classList.remove("image-control-wrapper--resizing"), W(), w(g, m), document.removeEventListener("pointermove", L), document.removeEventListener("pointerup", D);
108
- }
109
- };
110
- return /* @__PURE__ */ i.jsxs("div", { ref: H, children: [
111
- !P && E && /* @__PURE__ */ i.jsx(
112
- "button",
113
- {
114
- className: "image-caption-button",
115
- ref: d,
116
- onClick: () => {
117
- N(!P);
118
- },
119
- children: "Add Caption"
120
- }
121
- ),
122
- /* @__PURE__ */ i.jsx(
123
- "div",
124
- {
125
- className: "image-resizer image-resizer-n",
126
- onPointerDown: (e) => {
127
- p(e, n.north);
128
- }
129
- }
130
- ),
131
- /* @__PURE__ */ i.jsx(
132
- "div",
133
- {
134
- className: "image-resizer image-resizer-ne",
135
- onPointerDown: (e) => {
136
- p(e, n.north | n.east);
137
- }
138
- }
139
- ),
140
- /* @__PURE__ */ i.jsx(
141
- "div",
142
- {
143
- className: "image-resizer image-resizer-e",
144
- onPointerDown: (e) => {
145
- p(e, n.east);
146
- }
147
- }
148
- ),
149
- /* @__PURE__ */ i.jsx(
150
- "div",
151
- {
152
- className: "image-resizer image-resizer-se",
153
- onPointerDown: (e) => {
154
- p(e, n.south | n.east);
155
- }
156
- }
157
- ),
158
- /* @__PURE__ */ i.jsx(
159
- "div",
160
- {
161
- className: "image-resizer image-resizer-s",
162
- onPointerDown: (e) => {
163
- p(e, n.south);
164
- }
165
- }
166
- ),
167
- /* @__PURE__ */ i.jsx(
168
- "div",
169
- {
170
- className: "image-resizer image-resizer-sw",
171
- onPointerDown: (e) => {
172
- p(e, n.south | n.west);
173
- }
174
- }
175
- ),
176
- /* @__PURE__ */ i.jsx(
177
- "div",
178
- {
179
- className: "image-resizer image-resizer-w",
180
- onPointerDown: (e) => {
181
- p(e, n.west);
182
- }
183
- }
184
- ),
185
- /* @__PURE__ */ i.jsx(
186
- "div",
187
- {
188
- className: "image-resizer image-resizer-nw",
189
- onPointerDown: (e) => {
190
- p(e, n.north | n.west);
191
- }
192
- }
193
- )
194
- ] });
195
- }
196
- const V = /* @__PURE__ */ new Set(), O = ce();
197
- function pe(f) {
198
- if (!V.has(f))
199
- throw new Promise((w) => {
200
- const d = new Image();
201
- d.src = f, d.onload = () => {
202
- V.add(f), w(null);
203
- };
204
- });
205
- }
206
- function we({
207
- altText: f,
208
- className: w,
209
- imageRef: d,
210
- src: v,
211
- width: j,
212
- height: C,
213
- maxWidth: P
214
- }) {
215
- return pe(v), /* @__PURE__ */ i.jsx(
216
- "img",
217
- {
218
- className: w || void 0,
219
- src: v,
220
- alt: f,
221
- ref: d,
222
- style: {
223
- height: C,
224
- maxWidth: P,
225
- width: j
226
- },
227
- draggable: "false"
228
- }
229
- );
230
- }
231
- function be({
232
- src: f,
233
- altText: w,
234
- nodeKey: d,
235
- width: v,
236
- height: j,
237
- maxWidth: C,
238
- resizable: P,
239
- showCaption: N,
240
- caption: E,
241
- captionsEnabled: H
242
- }) {
243
- const x = S(null), R = S(null), [u, y, I] = le(d), [z, X] = U(!1), [s] = J(), [W, p] = U(null), L = S(null), D = k(
244
- (l) => {
245
- if (u && M(Y())) {
246
- l.preventDefault();
247
- const h = A(d);
248
- if (B(h))
249
- return h.remove(), !0;
250
- }
251
- return !1;
252
- },
253
- [u, d]
254
- ), e = k(
255
- (l) => {
256
- const c = Y(), h = R.current;
257
- if (u && M(c) && c.getNodes().length === 1) {
258
- if (N)
259
- return T(null), l.preventDefault(), E.focus(), !0;
260
- if (h !== null && h !== document.activeElement)
261
- return l.preventDefault(), h.focus(), !0;
262
- }
263
- return !1;
264
- },
265
- [E, u, N]
266
- ), r = k(
267
- (l) => L.current === E || R.current === l.target ? (T(null), s.update(() => {
268
- y(!0);
269
- const c = s.getRootElement();
270
- c !== null && c.focus();
271
- }), !0) : !1,
272
- [E, s, y]
273
- ), t = k(
274
- (l) => {
275
- const c = l;
276
- return z ? !0 : c.target === x.current ? (c.shiftKey ? y(!u) : (I(), y(!0)), !0) : !1;
277
- },
278
- [z, u, y, I]
279
- ), g = k(
280
- (l) => {
281
- s.getEditorState().read(() => {
282
- const c = Y();
283
- l.target.tagName === "IMG" && Q(c) && c.getNodes().length === 1 && s.dispatchCommand(
284
- O,
285
- l
286
- );
287
- });
288
- },
289
- [s]
290
- );
291
- ge(() => {
292
- let l = !0;
293
- const c = s.getRootElement(), h = Z(
294
- s.registerUpdateListener(({ editorState: $ }) => {
295
- l && p($.read(() => Y()));
296
- }),
297
- s.registerCommand(
298
- ie,
299
- ($, q) => (L.current = q, !1),
300
- b
301
- ),
302
- s.registerCommand(
303
- se,
304
- t,
305
- b
306
- ),
307
- s.registerCommand(
308
- O,
309
- t,
310
- b
311
- ),
312
- s.registerCommand(
313
- re,
314
- ($) => $.target === x.current ? ($.preventDefault(), !0) : !1,
315
- b
316
- ),
317
- s.registerCommand(
318
- ne,
319
- D,
320
- b
321
- ),
322
- s.registerCommand(
323
- te,
324
- D,
325
- b
326
- ),
327
- s.registerCommand(ee, e, b),
328
- s.registerCommand(K, r, b)
329
- );
330
- return c == null || c.addEventListener("contextmenu", g), () => {
331
- l = !1, h(), c == null || c.removeEventListener("contextmenu", g);
332
- };
333
- }, [
334
- I,
335
- s,
336
- z,
337
- u,
338
- d,
339
- D,
340
- e,
341
- r,
342
- t,
343
- g,
344
- y
345
- ]);
346
- const m = () => {
347
- s.update(() => {
348
- const l = A(d);
349
- B(l) && l.setShowCaption(!0);
350
- });
351
- }, o = (l, c) => {
352
- setTimeout(() => {
353
- X(!1);
354
- }, 200), s.update(() => {
355
- const h = A(d);
356
- B(h) && h.setWidthAndHeight(l, c);
357
- });
358
- }, a = () => {
359
- X(!0);
360
- }, _ = u && M(W) && !z, F = u || z;
361
- return /* @__PURE__ */ i.jsx(he, { fallback: null, children: /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
362
- /* @__PURE__ */ i.jsx("div", { draggable: _, children: /* @__PURE__ */ i.jsx(
363
- we,
364
- {
365
- className: F ? `focused ${M(W) ? "draggable" : ""}` : null,
366
- src: f,
367
- altText: w,
368
- imageRef: x,
369
- width: v,
370
- height: j,
371
- maxWidth: C
372
- }
373
- ) }),
374
- N && /* @__PURE__ */ i.jsx("div", { className: "image-caption-container", children: /* @__PURE__ */ i.jsx(ue, { initialEditor: E, children: /* @__PURE__ */ i.jsx(
375
- oe,
376
- {
377
- contentEditable: /* @__PURE__ */ i.jsx(de, { className: "ImageNode__contentEditable" }),
378
- placeholder: /* @__PURE__ */ i.jsx(me, { className: "ImageNode__placeholder", children: "Enter a caption..." }),
379
- ErrorBoundary: ae
380
- }
381
- ) }) }),
382
- P && M(W) && F && /* @__PURE__ */ i.jsx(
383
- fe,
384
- {
385
- showCaption: N,
386
- setShowCaption: m,
387
- editor: s,
388
- buttonRef: R,
389
- imageRef: x,
390
- maxWidth: C,
391
- onResizeStart: a,
392
- onResizeEnd: o,
393
- captionsEnabled: H
394
- }
395
- )
396
- ] }) });
397
- }
398
- export {
399
- O as RIGHT_CLICK_IMAGE_COMMAND,
400
- be as default
401
- };
402
- //# sourceMappingURL=ImageComponent-ddf2b888.js.map