Issue #3243437 by wells: Add SourceEditing-like custom styling to CodeMirror container

(()=>{var r={704:(r,o,e)=>{r.exports=e(79)("./src/core.js")},209:(r,o,e)=>{r.exports=e(79)("./src/utils.js")},79:r=>{"use strict";r.exports=CKEditor5.dll}},o={};function e(t){var i=o[t];if(void 0!==i)return i.exports;var n=o[t]={exports:{}};return r[t](n,n.exports,e),n.exports}e.d=(r,o)=>{for(var t in o)e.o(o,t)&&!e.o(r,t)&&Object.defineProperty(r,t,{enumerable:!0,get:o[t]})},e.o=(r,o)=>Object.prototype.hasOwnProperty.call(r,o),e.r=r=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})};var t={};(()=>{"use strict";e.r(t),e.d(t,{SourceEditingCodeMirror:()=>i});var r=e(704),o=e(209);class i extends r.Plugin{static get requires(){return["SourceEditing"]}static get pluginName(){return"SourceEditingCodeMirror"}init(){this._cmEditors=[]}afterInit(){if(!o.global.window.CodeMirror)return void o.global.window.console.error("The CodeMirror 5 library must be provided.");const r=this.editor;this.listenTo(r.plugins.get("SourceEditing"),"change:isSourceEditingMode",(e,t,i)=>{i?function(r){const e=r.plugins.get("SourceEditing"),t=r.plugins.get("SourceEditingCodeMirror");for(const[,r]of e._replacedRoots){const e=r.childNodes[0],i=o.global.window.CodeMirror.fromTextArea(e,{mode:"htmlmixed"});i.on("change",()=>{e.value=i.getValue(),e.dispatchEvent(new o.global.window.Event("input"))}),t._cmEditors.push(i)}}(r):function(r){const o=r.plugins.get("SourceEditingCodeMirror");for(const r of o._cmEditors)r.toTextArea();o._cmEditors=[]}(r)})}}})(),(window.CKEditor5=window.CKEditor5||{}).sourceEditingCodemirror=t})();

 No newline at end of file

(()=>{var e={624:(e,r,t)=>{"use strict";t.d(r,{Z:()=>i});var n=t(645),o=t.n(n)()((function(e){return e[1]}));o.push([e.id,'.ck-source-editing-area .cm-s-default{border:1px solid var(--ck-color-base-border);border-radius:var(--ck-border-radius);border-top-left-radius:0;border-top-right-radius:0;font-size:var(--ck-font-size-normal);line-height:var(--ck-line-height-base);padding:var(--ck-spacing-large)}.ck-source-editing-area .CodeMirror-focused{border:var(--ck-focus-ring);box-shadow:var(--ck-inner-shadow),0 0;outline:none}.ck-source-editing-area:after{content:"";display:none}',""]);const i=o},645:e=>{"use strict";e.exports=function(e){var r=[];return r.toString=function(){return this.map((function(r){var t=e(r);return r[2]?"@media ".concat(r[2]," {").concat(t,"}"):t})).join("")},r.i=function(e,t,n){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(n)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var c=0;c<e.length;c++){var s=[].concat(e[c]);n&&o[s[0]]||(t&&(s[2]?s[2]="".concat(t," and ").concat(s[2]):s[2]=t),r.push(s))}},r}},379:(e,r,t)=>{"use strict";var n,o=function(){return void 0===n&&(n=Boolean(window&&document&&document.all&&!window.atob)),n},i=function(){var e={};return function(r){if(void 0===e[r]){var t=document.querySelector(r);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}e[r]=t}return e[r]}}(),a=[];function c(e){for(var r=-1,t=0;t<a.length;t++)if(a[t].identifier===e){r=t;break}return r}function s(e,r){for(var t={},n=[],o=0;o<e.length;o++){var i=e[o],s=r.base?i[0]+r.base:i[0],d=t[s]||0,u="".concat(s," ").concat(d);t[s]=d+1;var l=c(u),f={css:i[1],media:i[2],sourceMap:i[3]};-1!==l?(a[l].references++,a[l].updater(f)):a.push({identifier:u,updater:h(f,r),references:1}),n.push(u)}return n}function d(e){var r=document.createElement("style"),n=e.attributes||{};if(void 0===n.nonce){var o=t.nc;o&&(n.nonce=o)}if(Object.keys(n).forEach((function(e){r.setAttribute(e,n[e])})),"function"==typeof e.insert)e.insert(r);else{var a=i(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(r)}return r}var u,l=(u=[],function(e,r){return u[e]=r,u.filter(Boolean).join("\n")});function f(e,r,t,n){var o=t?"":n.media?"@media ".concat(n.media," {").concat(n.css,"}"):n.css;if(e.styleSheet)e.styleSheet.cssText=l(r,o);else{var i=document.createTextNode(o),a=e.childNodes;a[r]&&e.removeChild(a[r]),a.length?e.insertBefore(i,a[r]):e.appendChild(i)}}function p(e,r,t){var n=t.css,o=t.media,i=t.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(n+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var g=null,v=0;function h(e,r){var t,n,o;if(r.singleton){var i=v++;t=g||(g=d(r)),n=f.bind(null,t,i,!1),o=f.bind(null,t,i,!0)}else t=d(r),n=p.bind(null,t,r),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)};return n(e),function(r){if(r){if(r.css===e.css&&r.media===e.media&&r.sourceMap===e.sourceMap)return;n(e=r)}else o()}}e.exports=function(e,r){(r=r||{}).singleton||"boolean"==typeof r.singleton||(r.singleton=o());var t=s(e=e||[],r);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var n=0;n<t.length;n++){var o=c(t[n]);a[o].references--}for(var i=s(e,r),d=0;d<t.length;d++){var u=c(t[d]);0===a[u].references&&(a[u].updater(),a.splice(u,1))}t=i}}}},704:(e,r,t)=>{e.exports=t(79)("./src/core.js")},209:(e,r,t)=>{e.exports=t(79)("./src/utils.js")},79:e=>{"use strict";e.exports=CKEditor5.dll}},r={};function t(n){var o=r[n];if(void 0!==o)return o.exports;var i=r[n]={id:n,exports:{}};return e[n](i,i.exports,t),i.exports}t.n=e=>{var r=e&&e.__esModule?()=>e.default:()=>e;return t.d(r,{a:r}),r},t.d=(e,r)=>{for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.nc=void 0;var n={};(()=>{"use strict";t.r(n),t.d(n,{SourceEditingCodeMirror:()=>s});var e=t(704),r=t(209),o=t(379),i=t.n(o),a=t(624),c={injectType:"singletonStyleTag",attributes:{"data-cke":!0},insert:"head",singleton:!0};i()(a.Z,c);a.Z.locals;class s extends e.Plugin{static get requires(){return["SourceEditing"]}static get pluginName(){return"SourceEditingCodeMirror"}init(){this._cmEditors=[]}afterInit(){if(!r.global.window.CodeMirror)return void r.global.window.console.error("The CodeMirror 5 library must be provided.");const e=this.editor;this.listenTo(e.plugins.get("SourceEditing"),"change:isSourceEditingMode",(t,n,o)=>{o?function(e){const t=e.plugins.get("SourceEditing"),n=e.plugins.get("SourceEditingCodeMirror");for(const[,e]of t._replacedRoots){const t=e.childNodes[0],o=r.global.window.CodeMirror.fromTextArea(t,{mode:"htmlmixed"});o.on("change",()=>{t.value=o.getValue(),t.dispatchEvent(new r.global.window.Event("input"))}),n._cmEditors.push(o)}}(e):function(e){const r=e.plugins.get("SourceEditingCodeMirror");for(const e of r._cmEditors)e.toTextArea();r._cmEditors=[]}(e)})}}})(),(window.CKEditor5=window.CKEditor5||{}).sourceEditingCodemirror=n})();

 No newline at end of file

				CKEditor5.table.TableToolbar,

				CKEditor5.codeBlock.CodeBlock,

				CKEditor5.basicStyles.Code,

				CKEditor5.upload.Base64UploadAdapter

				CKEditor5.upload.Base64UploadAdapter,

				CKEditor5.sourceEditing.SourceEditing

			],

			toolbar: [

				'heading',

import { Plugin } from 'ckeditor5/src/core';

import { global } from 'ckeditor5/src/utils';

import '../theme/sourceeditingcodemirror.css';

export default class SourceEditingCodeMirror extends Plugin {

	/**

	 * @inheritDoc

@import "@ckeditor/ckeditor5-theme-lark/theme/mixins/_rounded.css";

@import "@ckeditor/ckeditor5-theme-lark/theme/mixins/_focus.css";

@import "@ckeditor/ckeditor5-theme-lark/theme/mixins/_shadow.css";

.ck-source-editing-area .cm-s-default {

  border: 1px solid var(--ck-color-base-border);

  border-radius: var(--ck-border-radius);

  border-top-left-radius: 0;

  border-top-right-radius: 0;

  font-size: var(--ck-font-size-normal);

  line-height: var(--ck-line-height-base);

  padding: var(--ck-spacing-large);

}

.ck-source-editing-area .CodeMirror-focused {

  border: var(--ck-focus-ring);

  box-shadow: var(--ck-inner-shadow), 0 0;

  outline: none;

}

/* Hide the area where SourceEditing puts its code content. */

.ck-source-editing-area::after {

  content: "";

  display: none;

}