From c2cf39388c8f057828195df418559c9db5ced185 Mon Sep 17 00:00:00 2001 From: Alexandre Date: Fri, 26 Jul 2024 20:24:03 -0300 Subject: [PATCH] Updated demo --- demo/assets/img/11zon_cropped (1).jpeg | Bin 5374 -> 0 bytes demo/assets/img/11zon_cropped.jpeg | Bin 5169 -> 0 bytes ...6 - 1172px-Venus_botticelli_detail (1).jpg | Bin 4037 -> 0 bytes demo/assets/img/icons8-google-maps-96.png | Bin 2361 -> 0 bytes demo/assets/img/youtube.jpeg | Bin 4264 -> 0 bytes demo/assets/style.css | 766 ------------------ demo/assets/style.css.map | 1 - demo/{assets => }/bundle.js | 0 demo/{assets => }/index.html | 0 9 files changed, 767 deletions(-) delete mode 100644 demo/assets/img/11zon_cropped (1).jpeg delete mode 100644 demo/assets/img/11zon_cropped.jpeg delete mode 100644 demo/assets/img/ginal96 - 1172px-Venus_botticelli_detail (1).jpg delete mode 100644 demo/assets/img/icons8-google-maps-96.png delete mode 100644 demo/assets/img/youtube.jpeg delete mode 100644 demo/assets/style.css delete mode 100644 demo/assets/style.css.map rename demo/{assets => }/bundle.js (100%) rename demo/{assets => }/index.html (100%) diff --git a/demo/assets/img/11zon_cropped (1).jpeg b/demo/assets/img/11zon_cropped (1).jpeg deleted file mode 100644 index d8d46cc40ad9183f40855e08f9c82d2cc8ea5db4..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 5374 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 DF~VtK diff --git a/demo/assets/img/icons8-google-maps-96.png b/demo/assets/img/icons8-google-maps-96.png deleted file mode 100644 index 1eab783972b98f57e6baf89a45bd0af712feb8a3..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2361 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 UyEPt(D)ne!oc-{J$i?)306^MY>;M1& diff --git a/demo/assets/style.css b/demo/assets/style.css deleted file mode 100644 index 7940612..0000000 --- a/demo/assets/style.css +++ /dev/null @@ -1,766 +0,0 @@ -/*!***********************************************************************!*\ - !*** css ./node_modules/css-loader/dist/cjs.js!./src/style/style.css ***! - \***********************************************************************/ -/** CSS reset */ - -.button-reset { - border: none; - margin: 0; - padding: 0; - width: auto; - overflow: visible; - background: transparent; - color: inherit; - font: inherit; - line-height: normal; - -webkit-font-smoothing: inherit; - -moz-osx-font-smoothing: inherit; - -webkit-appearance: none; -} - - - -/** add block */ -.add-block { - margin: 0; - padding: 0; - width: 24px; - height: 24px; - display: flex; - align-items: center; - justify-content: center; - border: 1px solid #000; - background-color: white; - transition: all 0.3s ease; - box-sizing: border-box; - margin-left: 1.3rem; -} - -.add-block-wrapper { - width: 100%; - height: 3.125rem; -} - -.add-block-wrapper:hover .add-block { - display: flex; -} - -/** and add block */ - - - -/** List **/ -ol.johannes-content-element, -ul.johannes-content-element { - padding-left: 1rem !important; -} - - - -.johannes-content-element li>button { - /* display: none; */ - display: none; - position: absolute; - margin-left: 10px; - top: 0; - - flex-direction: row; - align-items: start; - justify-content: start; - -} - -.johannes-content-element li { - position: relative; -} - -.johannes-content-element li::before { - margin-left: 4px; -} - -.johannes-content-element li:hover>button { - /* display: inline-block; */ - display: inline-flex; - -} - -p.johannes-content-element { - display: inline-block; - line-height: 1; - margin: 0; - padding: 0; -} - -.johannes-content-element .checkbox-list { - list-style-type: none; - padding-left: 0 !important; -} - - -.johannes-content-element .checkbox-list li { - display: flex; - flex-direction: row; - justify-content: left; -} - - -.johannes-content-element ul.checkbox-list input[type="checkbox"]:checked+span { - text-decoration: line-through; -} - -ul.johannes-content-element:not(.checkbox-list), -ol.johannes-content-element:not(.checkbox-list) { - padding-left: 1.5rem !important; -} - -/** and list **/ - - - -.block>.drag-handler { - color: #84888d; - visibility: hidden; - cursor: grab; - align-self: start; - - /* background-color: pink; */ - padding-top: 0.33rem; -} - -.drag-handler svg { - /* background-color: red; */ -} - -.drag-handler svg use { - /* background-color: blue; */ -} - -.drag-handler:active { - cursor: grabbing; -} - -.block { - display: flex; - flex-direction: row; - margin-bottom: 1rem; - - - /* background-color: purple; */ -} - -.block:hover .drag-handler { - visibility: visible; - vertical-align: top; - justify-content: start; -} - -.drop-line { - height: 1rem; - background-color: #84888d; - width: 100%; -} - - -.title h1 { - margin-left: 1.3rem; -} - -h1[data-placeholder]:empty:before { - content: attr(data-placeholder); - color: #84888d !important; - display: block; -} - -h1[data-placeholder]:focus:before {} - - -*[contenteditable="true"]:not(h1):empty:before { - content: attr(data-placeholder); - color: #84888acd; - display: none; -} - -*[contenteditable="true"]:not(h1):empty:hover:before { - display: block; -} - -cite[contenteditable="true"]:empty:before { - display: block; -} - -*[contenteditable="true"]:not(h1)[data-placeholder]:empty:focus:before { - content: attr(data-placeholder); - color: #84888acd !important; - display: block; -} - - - -h1 { - font-size: 2.5rem; - font-weight: bolder !important; -} - -.johannes-editor { - width: 100%; - -} - -.content { - width: 100%; - box-sizing: border-box; - - -} - -pre { - width: 100%; -} - -[contenteditable] { - outline: none; -} - -body { - height: 2000px; - background-color: #f0f0f1 !important; - - font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -} - - -.editor { - display: flex; - margin-top: 80px; -} - -p { - color: #242424; -} - - -.block, -.block * { - user-select: text; -} - - -.johannes-content-element { - width: 100%; - padding: 0; - margin: 0; - /* background-color: green; */ -} - - -#johannesEditor { - width: 60%; - margin-left: auto; - margin-right: auto; -} - -.johannes-editor hr { - width: 100%; - height: 2px; - visibility: visible; - border: none; - border-bottom: 1px solid rgba(55, 53, 47, 0.16); -} - - - -.johannes-editor blockquote { - margin: 0.5rem 0; - padding-left: 20px; - border-left: 4px solid rgb(55, 53, 47); - font-style: italic -} - -.johannes-editor cite { - padding-top: 1rem !important; - display: inline-block; -} - - -.johannes-editor cite::before { - content: '— '; -} - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -#linkBox { - border-radius: 2px; - padding: 20px; - background-color: #f9f9f9; - - - box-shadow: - 0 4px 6px rgba(0, 0, 0, 0.1), - 0 -2px 4px rgba(0, 0, 0, 0.02), - -2px 0 4px rgba(0, 0, 0, 0.02), - 2px 0 4px rgba(0, 0, 0, 0.02); - - - border: 1px solid #d0d0d0; - width: fit-content; - z-index: 999999; - color: rgb(120, 119, 116); - border-radius: none; -} - - -#linkBox input { - width: 316px; - padding: 8px 40px 8px 16px; - /* border-color: #d0d0d0; */ - - border: 1px solid #949494; - /* border-radius: 4px; */ - height: 24px; - - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; -} - - -#linkBox input::selection, -#linkBox input:focus { - border-radius: none; -} - - - - - - - - -/** Text formatting Bar **/ - - - -#floatingToolbar { - justify-content: space-between; - padding: 8px 16px; - background-color: #f9f9f9; - width: fit-content; - z-index: 999999; - position: absolute; - user-select: none; -} - -/* TODO: remove this*/ -span { - font-family: Arial, sans-serif; -} - - -#floatingToolbar .item { - color: rgb(120, 119, 116); - display: flex; - align-items: center; - gap: 10px; -} - -#floatingToolbar .item>button { - - display: inline-flex; - align-items: center; -} - - -#floatingToolbar select { - color: rgb(120, 119, 116); - border: none; - font-size: 0.85rem; - background-color: inherit; -} - -.select-wrapper { - display: flex; - flex-direction: row; - align-items: center; -} - -.select-wrapper ul { - position: absolute; - background: #f9f9f9; - flex-direction: column; - width: 180px; - padding-bottom: 0.5rem; - padding-left: 5px; - padding-right: 5px; - top: 2.2rem; - color: rgb(55, 53, 47); -} - -.select-wrapper ul li { - /* display: flex; - flex-direction: row !important; - background-color: yellow; */ - display: flex; - flex-direction: row; - align-items: center; - gap: 10px; - padding: 3px 5px; - border-radius: 3px; - user-select: none !important; - - font-size: small !important; - font-weight: 500; -} - -.select-wrapper ul li .option-image { - width: 22px; - height: 22px; - color: #242424; - padding: 0 !important; - margin: 0 !important; -} - -.select-wrapper ul li .option-image svg { - color: #4f4f4f; - padding: 0 !important; - margin: 0 !important; -} - -.text-formatting-select-button { - display: flex; - flex-direction: row; - align-items: center; -} - -#turnIntoButton span { - display: inline-flex; - flex-direction: row; - justify-content: center; - align-items: center; - font-size: 0.9rem; - -} - -#turnIntoButton svg use { - margin: auto; -} - -.select-wrapper { - position: relative; - color: rgb(120, 119, 116); -} - - - - - - - - - - -code { - background-color: #d0d0d0; -} - - - - -a:not([href]) { - background-color: #d3e3fd; -} - -.text-formatting-button-active { - color: #2382e2; -} - -.text-formatting-circle-active { - border-color: #2382e2 !important; -} - - - -#moreTextOptionSelect { - position: absolute; -} - -.moreTextOptionWrapper { - position: relative; -} - - - - -.select-wrapper ul>h3 { - font-size: small !important; - color: #37352fa6; - margin: 0; - padding: 0; - font-weight: 600 !important; - margin-top: 5px; - margin-bottom: 5px; -} - - -.bgc-red { - background-color: #FDDEDE; -} - -.bgc-green { - background-color: #D7F7DC; -} - -.bgc-blue { - background-color: #D9EDF6; -} - -.bgc-yellow { - background-color: #FAF4D1; -} - -.bgc-grey { - background-color: #E1E0E0; -} - -p, -mark { - line-height: 1; -} - -#turnIntoSelect .option-image { - /* display: none !important; */ -} - -.border-less-image { - width: 24px; - height: 24px; -} - - - - -/** Block Options **/ -.soft-box-shadow { - margin: 0; - padding: 0; - border-radius: 2px; - box-shadow: - 0 4px 6px rgba(0, 0, 0, 0.1), - 0 -2px 4px rgba(216, 196, 196, 0.02), - -2px 0 4px rgba(0, 0, 0, 0.02), - 2px 0 4px rgba(0, 0, 0, 0.02); - - border: 1px solid #d0d0d0; -} - -.block-options-wrapper { - z-index: 999999; - position: absolute; - display: none; -} - -.block-options { - width: 19rem; - max-height: 19rem; - overflow-y: auto; -} - -.block-options { - padding: 0 10px; - background: #f9f9f9; -} - -.block-options section h2 { - font-size: small !important; - color: #37352fa6; - margin: 0; - padding: 0; - font-weight: 600 !important; - margin-top: 5px; - margin-bottom: 5px; - padding-left: 5px; -} - -.block-options .option { - padding: 0.3125rem 0.625rem; - margin: 0.3125rem 0; - cursor: pointer; - display: flex; - flex-direction: row; - align-items: center; - justify-content: left; - gap: 0.6rem; - border-radius: 3px; -} - -.block-options .option:focus { - outline: none; - background-color: #e9e9e9; - border: inherit; -} - -.option-focused { - outline: none; - background-color: #e9e9e9; - border: none; -} - - - - -.block-options .option:focus-visible { - outline: none; - background-color: #e9e9e9; - border: inherit; -} - -/* .option-hover:hover { - background-color: #e9e9e9; - box-shadow: 0px 0px 0px 2px #e9e9e9; - border-radius: 1px; - transition: 0.1s ease; -} */ - -/* .select-wrapper>button, */ - -/* #turnIntoButton, -#colorTextButton { - padding-left: 4px; -} */ - -#turnIntoButton:not([disabled]):hover, -#colorTextButton:not([disabled]):hover, -#moreTextOptionButton:not([disabled]):hover, -#floatingToolbar .item>button:not([disabled]):hover { - background-color: #e9e9e9; - box-shadow: 0px 0px 0px 2px #e9e9e9; - border-radius: 1px; - transition: 0.1s ease; -} - -ul .option-hover:not([disabled]):hover { - background-color: #e9e9e9; - border-radius: 1px; - transition: 0.1s ease; -} - - -.option[focused="true"] { - background-color: #bde4ff; -} - - - - - -.option-image { - width: 2.875rem; - height: 2.875rem; - border-radius: 3px; - border: 1px solid #ccc; - color: #4f4f4f; - - /* color: #84888d; */ - /* color: #242424; */ - display: flex; - flex-direction: row; - justify-content: center; - vertical-align: middle; - align-items: center; - background-color: #ffff; - box-sizing: border-box; -} - -.option-image img { - max-width: 2.875rem; - max-height: 2.875rem; -} - -.option-image svg { - margin: 0; - padding: 0; - padding: 0.625rem; - box-sizing: border-box; - -} - -.option-text * { - margin: 0; - padding: 0; - -} - -.option-text .block-title { - font-size: small !important; - font-weight: 500; -} - -.option-text .block-description { - font-size: small !important; -} - -/** End Block Options **/ - - - -#deleteBlockButton:hover svg, -#deleteBlockButton:hover { - color: rgb(235, 87, 87) !important; -} - - - - - - - -.johannes-editor *::selection { - background-color: rgba(211, 227, 253, 0.5) !important; -} - -.johannes-editor mark, -.johannes-editor * { - line-height: 1.5 !important; -} - -.option { - justify-content: space-between; -} - -.text-option { - display: flex; - flex-direction: row; - justify-content: start; - align-items: center; - gap: 10px; -} - -/*# sourceMappingURL=style.css.map*/ \ No newline at end of file diff --git a/demo/assets/style.css.map b/demo/assets/style.css.map deleted file mode 100644 index 4a488fc..0000000 --- a/demo/assets/style.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"style.css","mappings":"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","sources":["webpack://Editor/./src/style/style.css"],"sourcesContent":["/** CSS reset */\n\n.button-reset {\n border: none;\n margin: 0;\n padding: 0;\n width: auto;\n overflow: visible;\n background: transparent;\n color: inherit;\n font: inherit;\n line-height: normal;\n -webkit-font-smoothing: inherit;\n -moz-osx-font-smoothing: inherit;\n -webkit-appearance: none;\n}\n\n\n\n/** add block */\n.add-block {\n margin: 0;\n padding: 0;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid #000;\n background-color: white;\n transition: all 0.3s ease;\n box-sizing: border-box;\n margin-left: 1.3rem;\n}\n\n.add-block-wrapper {\n width: 100%;\n height: 3.125rem;\n}\n\n.add-block-wrapper:hover .add-block {\n display: flex;\n}\n\n/** and add block */\n\n\n\n/** List **/\nol.johannes-content-element,\nul.johannes-content-element {\n padding-left: 1rem !important;\n}\n\n\n\n.johannes-content-element li>button {\n /* display: none; */\n display: none;\n position: absolute;\n margin-left: 10px;\n top: 0;\n\n flex-direction: row;\n align-items: start;\n justify-content: start;\n\n}\n\n.johannes-content-element li {\n position: relative;\n}\n\n.johannes-content-element li::before {\n margin-left: 4px;\n}\n\n.johannes-content-element li:hover>button {\n /* display: inline-block; */\n display: inline-flex;\n\n}\n\np.johannes-content-element {\n display: inline-block;\n line-height: 1;\n margin: 0;\n padding: 0;\n}\n\n.johannes-content-element .checkbox-list {\n list-style-type: none;\n padding-left: 0 !important;\n}\n\n\n.johannes-content-element .checkbox-list li {\n display: flex;\n flex-direction: row;\n justify-content: left;\n}\n\n\n.johannes-content-element ul.checkbox-list input[type=\"checkbox\"]:checked+span {\n text-decoration: line-through;\n}\n\nul.johannes-content-element:not(.checkbox-list),\nol.johannes-content-element:not(.checkbox-list) {\n padding-left: 1.5rem !important;\n}\n\n/** and list **/\n\n\n\n.block>.drag-handler {\n color: #84888d;\n visibility: hidden;\n cursor: grab;\n align-self: start;\n\n /* background-color: pink; */\n padding-top: 0.33rem;\n}\n\n.drag-handler svg {\n /* background-color: red; */\n}\n\n.drag-handler svg use {\n /* background-color: blue; */\n}\n\n.drag-handler:active {\n cursor: grabbing;\n}\n\n.block {\n display: flex;\n flex-direction: row;\n margin-bottom: 1rem;\n\n\n /* background-color: purple; */\n}\n\n.block:hover .drag-handler {\n visibility: visible;\n vertical-align: top;\n justify-content: start;\n}\n\n.drop-line {\n height: 1rem;\n background-color: #84888d;\n width: 100%;\n}\n\n\n.title h1 {\n margin-left: 1.3rem;\n}\n\nh1[data-placeholder]:empty:before {\n content: attr(data-placeholder);\n color: #84888d !important;\n display: block;\n}\n\nh1[data-placeholder]:focus:before {}\n\n\n*[contenteditable=\"true\"]:not(h1):empty:before {\n content: attr(data-placeholder);\n color: #84888acd;\n display: none;\n}\n\n*[contenteditable=\"true\"]:not(h1):empty:hover:before {\n display: block;\n}\n\ncite[contenteditable=\"true\"]:empty:before {\n display: block;\n}\n\n*[contenteditable=\"true\"]:not(h1)[data-placeholder]:empty:focus:before {\n content: attr(data-placeholder);\n color: #84888acd !important;\n display: block;\n}\n\n\n\nh1 {\n font-size: 2.5rem;\n font-weight: bolder !important;\n}\n\n.johannes-editor {\n width: 100%;\n\n}\n\n.content {\n width: 100%;\n box-sizing: border-box;\n\n\n}\n\npre {\n width: 100%;\n}\n\n[contenteditable] {\n outline: none;\n}\n\nbody {\n height: 2000px;\n background-color: #f0f0f1 !important;\n\n font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\n\n.editor {\n display: flex;\n margin-top: 80px;\n}\n\np {\n color: #242424;\n}\n\n\n.block,\n.block * {\n user-select: text;\n}\n\n\n.johannes-content-element {\n width: 100%;\n padding: 0;\n margin: 0;\n /* background-color: green; */\n}\n\n\n#johannesEditor {\n width: 60%;\n margin-left: auto;\n margin-right: auto;\n}\n\n.johannes-editor hr {\n width: 100%;\n height: 2px;\n visibility: visible;\n border: none;\n border-bottom: 1px solid rgba(55, 53, 47, 0.16);\n}\n\n\n\n.johannes-editor blockquote {\n margin: 0.5rem 0;\n padding-left: 20px;\n border-left: 4px solid rgb(55, 53, 47);\n font-style: italic\n}\n\n.johannes-editor cite {\n padding-top: 1rem !important;\n display: inline-block;\n}\n\n\n.johannes-editor cite::before {\n content: '— ';\n}\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n#linkBox {\n border-radius: 2px;\n padding: 20px;\n background-color: #f9f9f9;\n\n\n box-shadow:\n 0 4px 6px rgba(0, 0, 0, 0.1),\n 0 -2px 4px rgba(0, 0, 0, 0.02),\n -2px 0 4px rgba(0, 0, 0, 0.02),\n 2px 0 4px rgba(0, 0, 0, 0.02);\n\n\n border: 1px solid #d0d0d0;\n width: fit-content;\n z-index: 999999;\n color: rgb(120, 119, 116);\n border-radius: none;\n}\n\n\n#linkBox input {\n width: 316px;\n padding: 8px 40px 8px 16px;\n /* border-color: #d0d0d0; */\n\n border: 1px solid #949494;\n /* border-radius: 4px; */\n height: 24px;\n\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n\n\n#linkBox input::selection,\n#linkBox input:focus {\n border-radius: none;\n}\n\n\n\n\n\n\n\n\n/** Text formatting Bar **/\n\n\n\n#floatingToolbar {\n justify-content: space-between;\n padding: 8px 16px;\n background-color: #f9f9f9;\n width: fit-content;\n z-index: 999999;\n position: absolute;\n user-select: none;\n}\n\n/* TODO: remove this*/\nspan {\n font-family: Arial, sans-serif;\n}\n\n\n#floatingToolbar .item {\n color: rgb(120, 119, 116);\n display: flex;\n align-items: center;\n gap: 10px;\n}\n\n#floatingToolbar .item>button {\n\n display: inline-flex;\n align-items: center;\n}\n\n\n#floatingToolbar select {\n color: rgb(120, 119, 116);\n border: none;\n font-size: 0.85rem;\n background-color: inherit;\n}\n\n.select-wrapper {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.select-wrapper ul {\n position: absolute;\n background: #f9f9f9;\n flex-direction: column;\n width: 180px;\n padding-bottom: 0.5rem;\n padding-left: 5px;\n padding-right: 5px;\n top: 2.2rem;\n color: rgb(55, 53, 47);\n}\n\n.select-wrapper ul li {\n /* display: flex;\n flex-direction: row !important;\n background-color: yellow; */\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 10px;\n padding: 3px 5px;\n border-radius: 3px;\n user-select: none !important;\n\n font-size: small !important;\n font-weight: 500;\n}\n\n.select-wrapper ul li .option-image {\n width: 22px;\n height: 22px;\n color: #242424;\n padding: 0 !important;\n margin: 0 !important;\n}\n\n.select-wrapper ul li .option-image svg {\n color: #4f4f4f;\n padding: 0 !important;\n margin: 0 !important;\n}\n\n.text-formatting-select-button {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n#turnIntoButton span {\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n font-size: 0.9rem;\n\n}\n\n#turnIntoButton svg use {\n margin: auto;\n}\n\n.select-wrapper {\n position: relative;\n color: rgb(120, 119, 116);\n}\n\n\n\n\n\n\n\n\n\n\ncode {\n background-color: #d0d0d0;\n}\n\n\n\n\na:not([href]) {\n background-color: #d3e3fd;\n}\n\n.text-formatting-button-active {\n color: #2382e2;\n}\n\n.text-formatting-circle-active {\n border-color: #2382e2 !important;\n}\n\n\n\n#moreTextOptionSelect {\n position: absolute;\n}\n\n.moreTextOptionWrapper {\n position: relative;\n}\n\n\n\n\n.select-wrapper ul>h3 {\n font-size: small !important;\n color: #37352fa6;\n margin: 0;\n padding: 0;\n font-weight: 600 !important;\n margin-top: 5px;\n margin-bottom: 5px;\n}\n\n\n.bgc-red {\n background-color: #FDDEDE;\n}\n\n.bgc-green {\n background-color: #D7F7DC;\n}\n\n.bgc-blue {\n background-color: #D9EDF6;\n}\n\n.bgc-yellow {\n background-color: #FAF4D1;\n}\n\n.bgc-grey {\n background-color: #E1E0E0;\n}\n\np,\nmark {\n line-height: 1;\n}\n\n#turnIntoSelect .option-image {\n /* display: none !important; */\n}\n\n.border-less-image {\n width: 24px;\n height: 24px;\n}\n\n\n\n\n/** Block Options **/\n.soft-box-shadow {\n margin: 0;\n padding: 0;\n border-radius: 2px;\n box-shadow:\n 0 4px 6px rgba(0, 0, 0, 0.1),\n 0 -2px 4px rgba(216, 196, 196, 0.02),\n -2px 0 4px rgba(0, 0, 0, 0.02),\n 2px 0 4px rgba(0, 0, 0, 0.02);\n\n border: 1px solid #d0d0d0;\n}\n\n.block-options-wrapper {\n z-index: 999999;\n position: absolute;\n display: none;\n}\n\n.block-options {\n width: 19rem;\n max-height: 19rem;\n overflow-y: auto;\n}\n\n.block-options {\n padding: 0 10px;\n background: #f9f9f9;\n}\n\n.block-options section h2 {\n font-size: small !important;\n color: #37352fa6;\n margin: 0;\n padding: 0;\n font-weight: 600 !important;\n margin-top: 5px;\n margin-bottom: 5px;\n padding-left: 5px;\n}\n\n.block-options .option {\n padding: 0.3125rem 0.625rem;\n margin: 0.3125rem 0;\n cursor: pointer;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: left;\n gap: 0.6rem;\n border-radius: 3px;\n}\n\n.block-options .option:focus {\n outline: none;\n background-color: #e9e9e9;\n border: inherit;\n}\n\n.option-focused {\n outline: none;\n background-color: #e9e9e9;\n border: none;\n}\n\n\n\n\n.block-options .option:focus-visible {\n outline: none;\n background-color: #e9e9e9;\n border: inherit;\n}\n\n/* .option-hover:hover {\n background-color: #e9e9e9;\n box-shadow: 0px 0px 0px 2px #e9e9e9;\n border-radius: 1px;\n transition: 0.1s ease;\n} */\n\n/* .select-wrapper>button, */\n\n/* #turnIntoButton,\n#colorTextButton {\n padding-left: 4px;\n} */\n\n#turnIntoButton:not([disabled]):hover,\n#colorTextButton:not([disabled]):hover,\n#moreTextOptionButton:not([disabled]):hover,\n#floatingToolbar .item>button:not([disabled]):hover {\n background-color: #e9e9e9;\n box-shadow: 0px 0px 0px 2px #e9e9e9;\n border-radius: 1px;\n transition: 0.1s ease;\n}\n\nul .option-hover:not([disabled]):hover {\n background-color: #e9e9e9;\n border-radius: 1px;\n transition: 0.1s ease;\n}\n\n\n.option[focused=\"true\"] {\n background-color: #bde4ff;\n}\n\n\n\n\n\n.option-image {\n width: 2.875rem;\n height: 2.875rem;\n border-radius: 3px;\n border: 1px solid #ccc;\n color: #4f4f4f;\n\n /* color: #84888d; */\n /* color: #242424; */\n display: flex;\n flex-direction: row;\n justify-content: center;\n vertical-align: middle;\n align-items: center;\n background-color: #ffff;\n box-sizing: border-box;\n}\n\n.option-image img {\n max-width: 2.875rem;\n max-height: 2.875rem;\n}\n\n.option-image svg {\n margin: 0;\n padding: 0;\n padding: 0.625rem;\n box-sizing: border-box;\n\n}\n\n.option-text * {\n margin: 0;\n padding: 0;\n\n}\n\n.option-text .block-title {\n font-size: small !important;\n font-weight: 500;\n}\n\n.option-text .block-description {\n font-size: small !important;\n}\n\n/** End Block Options **/\n\n\n\n#deleteBlockButton:hover svg,\n#deleteBlockButton:hover {\n color: rgb(235, 87, 87) !important;\n}\n\n\n\n\n\n\n\n.johannes-editor *::selection {\n background-color: rgba(211, 227, 253, 0.5) !important;\n}\n\n.johannes-editor mark,\n.johannes-editor * {\n line-height: 1.5 !important;\n}\n\n.option {\n justify-content: space-between;\n}\n\n.text-option {\n display: flex;\n flex-direction: row;\n justify-content: start;\n align-items: center;\n gap: 10px;\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/demo/assets/bundle.js b/demo/bundle.js similarity index 100% rename from demo/assets/bundle.js rename to demo/bundle.js diff --git a/demo/assets/index.html b/demo/index.html similarity index 100% rename from demo/assets/index.html rename to demo/index.html