ckeditor5 1.36.6 → 1.37.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f635500c1d4bcf723e5720068a09f8a48b8058433f4f4d5268d2623f3c93132b
-  data.tar.gz: 47004628783b13163720fab14fa9778f8a31cc6ea1d0a46683bba317d325f76b
+  metadata.gz: 130f19380b0a4789ded272e7bf2d462e1126b92bbf942ec8503c365b615418a2
+  data.tar.gz: c8e79a7ed7e4a113fd54f36a56c2722b8d8bd728aa7806a01defcfa5c157fd16
 SHA512:
-  metadata.gz: 129117c2b6250be7c6b616b78f2a7576d45e928c21d3dd1f495bf439a232b366304a5d19f163d3cf10819c62794b4502fd5bfb5a127efb5c687b0e35b23f38a9
-  data.tar.gz: 2eb68353497eba6a4aa6bb4b36c95083887e9d3df602834b4cae5d80861a60d5d33e397eb6037c1cd82114bae9770f1b7e4d42665c5c2634e1899b1f99d0eb3e
+  metadata.gz: 718530350f986982755579ed950dba6aa8fb9af44ed6ae2bb045e63034e9f14798ffddb9ee20f4c30ecf4cf370259b7815312addf056b7b2963dccf7691ead8e
+  data.tar.gz: 6032f74aeb05dc4c12e56f06ccc1e6073729aea54893443c129c4176170b8a49ee8e2a7e632e8aab22e1e9f963dc1bd6b405fbfb6f3b3c43634dfd2f1f932aa2

data/README.md

@@ -11,10 +11,6 @@
 
 CKEditor 5 Ruby on Rails integration gem. Provides seamless integration of CKEditor 5 with Rails applications through web components and helper methods. This gem supports various editor types, including classic, inline, balloon, and decoupled editors. It also includes support for custom plugins, translations, and configuration options.
 
-**Requirements:**
-  * Ruby >= 2.5
-  * Rails >= 5.0
-
 > [!IMPORTANT]
 > This gem is unofficial and not maintained by CKSource. For official CKEditor 5 documentation, visit [ckeditor.com](https://ckeditor.com/docs/ckeditor5/latest/). If you encounter any issues in editor, please report them on the [GitHub repository](https://github.com/ckeditor/ckeditor5/issues).
 
@@ -22,6 +18,13 @@ CKEditor 5 Ruby on Rails integration gem. Provides seamless integration of CKEdi
   <img src="docs/intro-classic-editor.png" alt="CKEditor 5 Classic Editor in Ruby on Rails application">
 </p>
 
+## Compatibility 🔗
+
+| CKEditor 5 Version | Integration Version | Ruby Version | Rails Version |
+|--------------------|---------------------|--------------|---------------|
+| 43.x – 47.x        | `<= 1.36.x`         | `>= 2.5`     | `>= 5.0`      |
+| >= 48.0            | `>= 1.37.x`         | `>= 2.5`     | `>= 5.0`      |
+
 ## Installation 🛠️
 
 Add this line to your application's Gemfile:
@@ -147,7 +150,7 @@ bundle install
 
 # Start the server
 npm run npm_package:watch
-bundle exec guard -g rails 
+bundle exec guard -g rails
 ```
 
 Open [http://localhost:3000/](http://localhost:3000/) in a browser to start experimenting. Modify the code as needed.
@@ -157,6 +160,7 @@ For extending CKEditor's functionality, refer to the [plugins directory](https:/
 ## Table of Contents 📚
 
 - [CKEditor 5 Rails Integration ✨](#ckeditor-5-rails-integration-)
+  - [Compatibility 🔗](#compatibility-)
   - [Installation 🛠️](#installation-️)
     - [If you are not using importmap (custom bundler) 📦](#if-you-are-not-using-importmap-custom-bundler-)
   - [Try Demos! 🎮 ✨](#try-demos--)
@@ -206,9 +210,12 @@ For extending CKEditor's functionality, refer to the [plugins directory](https:/
     - [Commercial usage 💰](#commercial-usage-)
   - [Editor placement 🏗️](#editor-placement-️)
     - [Setting Initial Content 📝](#setting-initial-content-)
+    - [Single-line editable areas (`$inlineRoot`) 📏](#single-line-editable-areas-inlineroot-)
     - [Watchdog 🐕](#watchdog-)
     - [Classic editor 📝](#classic-editor-)
     - [Multiroot editor 🌳](#multiroot-editor-)
+      - [Inline roots (single-line editable areas)](#inline-roots-single-line-editable-areas)
+      - [Setting initial content of a root](#setting-initial-content-of-a-root)
     - [Inline editor 📝](#inline-editor-)
     - [Balloon editor 🎈](#balloon-editor-)
     - [Decoupled editor 🌐](#decoupled-editor-)
@@ -1659,6 +1666,25 @@ In this scenario, the assets are included from the official CKEditor 5 CDN which
 
 The `ckeditor5_editor` helper renders CKEditor 5 instances in your views. Before using it, ensure you've included the necessary assets in your page's head section otherwise the editor won't work as there are no CKEditor 5 JavaScript and CSS files loaded.
 
+```ruby
+ckeditor5_editor(
+  preset: nil,          # Symbol, PresetBuilder - preset to use (default: context preset or :default)
+  config: nil,          # Hash - custom config; replaces the preset's config (use extra_config to merge instead)
+  extra_config: {},     # Hash - additional config, deep-merged on top of the preset/custom config
+  type: nil,            # Symbol - :classic, :inline, :balloon, :decoupled, :multiroot (default: preset's type)
+  initial_data: nil,    # String - initial HTML content for the editor (mutually exclusive with a block)
+  watchdog: true,       # Boolean - enables/disables the CKEditor 5 crash-recovery watchdog
+  editable_height: nil, # Integer, String - fixed height of the editing area, e.g. 300 or '300px' (:classic/:balloon only)
+  language: nil,        # Symbol - UI language override for this editor instance
+  inline: false,        # Boolean - use the $inlineRoot model element instead of $root for the (single) root
+                         # (not applicable to :multiroot - use `inline` on ckeditor5_editable per root instead)
+  **html_attributes     # any other keyword becomes an HTML attribute: style:, class:, id:, data-*,
+                         # form attributes (name:, required:, value:), event handlers (oneditorready:, oneditorchange:, oneditorerror:), ...
+)
+# &block - nested content: initial data for single-root editors, or ckeditor5_toolbar / ckeditor5_menubar / ckeditor5_editable
+#          for multiroot/decoupled editors. Mutually exclusive with `initial_data`.
+```
+
 ### Setting Initial Content 📝
 
 You can set the initial content of the editor using the `initial_data` keyword argument or by passing the content directly to the `ckeditor5_editor` helper block.
@@ -1681,6 +1707,18 @@ The example below shows how to set the initial content of the editor using the `
 <% end %>
 ```
 
+### Single-line editable areas (`$inlineRoot`) 📏
+
+If you want the (single) root to behave as a single-line editable area — e.g. a title field — instead of a regular multi-block `$root`, pass the `inline` keyword argument:
+
+```erb
+<!-- app/views/demos/index.html.erb -->
+
+<%= ckeditor5_editor inline: true, initial_data: 'Document title', style: 'width: 600px' %>
+```
+
+This works for `:classic`, `:inline`, `:balloon` and `:decoupled` editors. For `:multiroot` editors, set `inline: true` per root using `ckeditor5_editable` instead — see [Inline roots](#inline-roots-single-line-editable-areas).
+
 ### Watchdog 🐕
 
 CKEditor 5 uses a watchdog utility to protect you from data loss in case the editor crashes. It saves your content just before the crash and creates a new instance of the editor with your content intact. It's enabled by default in the gem.
@@ -1797,6 +1835,52 @@ If you want to use a multiroot editor, you can pass the `type` keyword argument
 
 Roots can be defined later to the editor by simply adding new elements rendered by `ckeditor5_editable` helper.
 
+```ruby
+ckeditor5_editable(
+  name = nil,        # String - root identifier, matched against the editor's roots (required for multiroot editors)
+  inline: false,     # Boolean - use the $inlineRoot model element instead of $root (single-line areas, e.g. titles)
+  initial_data: nil, # String - initial HTML content via the `initial-data` attribute (mutually exclusive with a block)
+  **kwargs           # any other keyword becomes an HTML attribute: style:, class:, id:, ...
+)
+# &block - initial HTML content for this root, provided as nested markup. Mutually exclusive with `initial_data`.
+```
+
+#### Inline roots (single-line editable areas)
+
+Multiroot editors can expose *inline* roots — single-line editable areas (e.g. a title) that use the `$inlineRoot` model element instead of the default `$root`. Enable it by passing `inline: true` to `ckeditor5_editable`:
+
+```erb
+<!-- app/views/demos/index.html.erb -->
+
+<%= ckeditor5_editor type: :multiroot, style: 'width: 600px' do %>
+  <%= ckeditor5_toolbar %>
+  <br>
+  <%= ckeditor5_editable 'title', inline: true, style: 'border: 1px solid var(--ck-color-base-border);' %>
+  <br>
+  <%= ckeditor5_editable 'content', style: 'border: 1px solid var(--ck-color-base-border)' %>
+<% end %>
+```
+
+#### Setting initial content of a root
+
+You can set the initial content of a specific root using the `initial_data` keyword argument, instead of passing it as the tag's content:
+
+```erb
+<!-- app/views/demos/index.html.erb -->
+
+<%= ckeditor5_editable 'content', initial_data: '<p>Hello</p>' %>
+```
+
+This is equivalent to (and mutually exclusive with) passing the content as a block:
+
+```erb
+<!-- app/views/demos/index.html.erb -->
+
+<%= ckeditor5_editable 'content' do %>
+  <p>Hello</p>
+<% end %>
+```
+
 ### Inline editor 📝
 
 Inline editor allows you to create an editor that can be placed inside any element. Keep in mind that inline editor does not work with `textarea` elements so it might be not suitable for all use cases.

data/lib/ckeditor5/rails/editor/helpers/editor_helpers.rb

@@ -19,6 +19,9 @@ module CKEditor5::Rails
     # @param watchdog [Boolean] Enable/disable the editor crash recovery (default: true)
     # @param editable_height [Integer] Set fixed height for editor in pixels
     # @param language [Symbol] Set editor UI language (e.g. :pl, :es)
+    # @param inline [Boolean] Whether the (single) root should use the `$inlineRoot` model
+    #   element instead of the default `$root`. Not applicable to `:multiroot` editors —
+    #   use the `inline` argument of `ckeditor5_editable` per root instead.
     # @param html_attributes [Hash] Additional HTML attributes for editor element
     #
     # @example Basic usage with default preset
@@ -30,6 +33,9 @@ module CKEditor5::Rails
     # @example Inline editor with custom styling
     #   <%= ckeditor5_editor type: :inline, style: 'width: 600px' %>
     #
+    # @example Classic editor with a single-line ($inlineRoot) editing area
+    #   <%= ckeditor5_editor inline: true, style: 'width: 600px' %>
+    #
     # @example Multiroot editor with multiple editable areas
     #   <%= ckeditor5_editor type: :multiroot do %>
     #     <%= ckeditor5_toolbar %>
@@ -60,7 +66,7 @@ module CKEditor5::Rails
       preset: nil,
       config: nil, extra_config: {}, type: nil,
       initial_data: nil, watchdog: true,
-      editable_height: nil, language: nil,
+      editable_height: nil, language: nil, inline: false,
       **html_attributes, &block
     )
       validate_editor_input!(initial_data, block)
@@ -68,7 +74,7 @@ module CKEditor5::Rails
       context = ckeditor5_context_or_fallback(preset)
 
       preset = Engine.find_preset!(preset || context[:preset] || :default)
-      config = build_editor_config(preset, config, extra_config, initial_data)
+      config = build_editor_config(preset, config, extra_config, initial_data, inline: inline)
 
       type ||= preset.type
 
@@ -91,15 +97,30 @@ module CKEditor5::Rails
     # Creates an editable area for multiroot or decoupled editors.
     #
     # @param name [String] Identifier for the editable area
+    # @param inline [Boolean] Whether the root should use the `$inlineRoot` model element
+    #   instead of the default `$root`. Useful for single-line editable areas (e.g. titles).
+    # @param initial_data [String] Initial HTML content for this editable area, passed via
+    #   the `initial-data` attribute instead of the element's content. Cannot be used
+    #   together with a block.
     # @param kwargs [Hash] HTML attributes for the editable element
     #
     # @example Creating a named editable area in multiroot editor
     #   <%= ckeditor5_editable 'content', style: 'border: 1px solid gray' %>
-    def ckeditor5_editable(name = nil, **kwargs, &block)
+    #
+    # @example Creating an inline editable area (e.g. a title) in multiroot editor
+    #   <%= ckeditor5_editable 'title', inline: true %>
+    #
+    # @example Setting initial content using the initial_data argument
+    #   <%= ckeditor5_editable 'content', initial_data: '<p>Hello</p>' %>
+    def ckeditor5_editable(name = nil, inline: false, initial_data: nil, **kwargs, &block)
+      raise ArgumentError, 'Cannot pass initial data and block at the same time.' if initial_data && block
+
       tag.public_send(
         :'ckeditor-editable-component',
         'data-turbo-temporary': true,
         name: name,
+        inline: inline,
+        'initial-data': initial_data,
         **kwargs, &block
       )
     end
@@ -159,11 +180,18 @@ module CKEditor5::Rails
     # @param config [Hash] Custom configuration that overrides preset config
     # @param extra_config [Hash] Additional configuration to merge
     # @param initial_data [String] Initial content for the editor
+    # @param inline [Boolean] Whether the root should use the `$inlineRoot` model element
     # @return [Hash] The merged configuration hash
-    def build_editor_config(preset, config, extra_config, initial_data)
+    def build_editor_config(preset, config, extra_config, initial_data, inline: false)
       editor_config = config || preset.config
       editor_config = editor_config.deep_merge(extra_config)
-      editor_config[:initialData] = initial_data if initial_data
+
+      if initial_data || inline
+        editor_config[:root] = (editor_config[:root] || {}).merge(
+          **(initial_data ? { initialData: initial_data } : {}),
+          **(inline ? { modelElement: '$inlineRoot' } : {})
+        )
+      end
 
       if preset.automatic_upgrades? && editor_config[:version].present?
         detected_version = VersionDetector.latest_safe_version(editor_config[:version])

data/lib/ckeditor5/rails/version.rb

@@ -2,7 +2,7 @@
 
 module CKEditor5
   module Rails
-    VERSION = '1.36.6'
+    VERSION = '1.37.0'
 
     DEFAULT_CKEDITOR_VERSION = '48.3.0'
   end

data/npm_package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";var C=Object.create;var w=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty;var k=(s,t,e,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of P(t))!S.call(s,n)&&n!==e&&w(s,n,{get:()=>t[n],enumerable:!(i=A(t,n))||i.enumerable});return s};var g=(s,t,e)=>(e=s!=null?C(x(s)):{},k(t||!s||!s.__esModule?w(e,"default",{value:s,enumerable:!0}):e,s));function p(s){switch(document.readyState){case"loading":document.addEventListener("DOMContentLoaded",s,{once:!0});break;case"interactive":case"complete":setTimeout(s,0);break;default:console.warn("Unexpected document.readyState:",document.readyState),setTimeout(s,0)}}const b=new Map;function R(s){if(b.has(s))return b.get(s);const t=new Promise((e,i)=>{const n=document.createElement("script");n.src=s,n.onload=e,n.onerror=i,document.head.appendChild(n)});return b.set(s,t),t}function M(s){return typeof s=="string"&&s!=="__proto__"&&s!=="constructor"&&s!=="prototype"}function $(s){return Array.from(document.styleSheets).some(t=>t.href===s||t.href===new URL(s,window.location.href).href)}function E(s=[]){const t=s.map(e=>new Promise((i,n)=>{if($(e)){i();return}const r=document.createElement("link");r.rel="stylesheet",r.href=e,r.onerror=n,r.onload=()=>i(),document.head.appendChild(r)}));return Promise.all(t)}function h(s=[]){const t=async({url:i,import_name:n,import_as:r,window_name:o,stylesheets:a})=>{if(a?.length&&await E(a),o){let d=function(){return Object.prototype.hasOwnProperty.call(window,o)};if(i&&!d()&&await R(i),d()||window.dispatchEvent(new CustomEvent(`ckeditor:request-cjs-plugin:${o}`)),!d())throw new Error(`Plugin window['${o}'] not found in global scope. Please ensure the plugin is loaded before CKEditor initialization.`);return window[o]}const c=await import(n),l=c[r||"default"];if(!l)throw new Error(`Plugin "${r||"default"}" not found in the ESM module "${n}"! Available imports: ${Object.keys(c).join(", ")}! Consider changing "import_as" value.`);return l};function e(i){return t(typeof i=="string"?{import_name:"ckeditor5",import_as:i}:i)}return Promise.all(s.map(e))}function u(s){if(!s||typeof s!="object")return s;if(Array.isArray(s))return s.map(i=>u(i));const t=s;if(t.$element&&typeof t.$element=="string"){const i=document.querySelector(t.$element);return i||console.warn(`Element not found for selector: ${t.$element}`),i||null}const e=Object.create(null);for(const[i,n]of Object.entries(s))e[i]=u(n);return e}function I(){return Math.random().toString(36).substring(2)}class T extends HTMLElement{instance=null;instancePromise=Promise.withResolvers();#e=new Set;static get observedAttributes(){return["plugins","config"]}async connectedCallback(){try{p(()=>this.#t())}catch(t){console.error("Failed to initialize context:",t),this.dispatchEvent(new CustomEvent("context-error",{detail:t}))}}async attributeChangedCallback(t,e,i){e!==null&&e!==i&&await this.#t()}async disconnectedCallback(){this.instance&&(await this.instance.destroy(),this.instance=null)}registerEditor(t){this.#e.add(t)}unregisterEditor(t){this.#e.delete(t)}async#t(){this.instance&&(this.instancePromise=Promise.withResolvers(),await this.instance.destroy(),this.instance=null),window.dispatchEvent(new CustomEvent("ckeditor:context:attach:before",{detail:{element:this}}));const{Context:t,ContextWatchdog:e}=await import("ckeditor5"),i=await this.#i(),n=this.#s();window.dispatchEvent(new CustomEvent("ckeditor:context:attach",{detail:{config:n,element:this}})),this.instance=new e(t,{crashNumberLimit:10}),await this.instance.create({...n,plugins:i}),this.instance.on("itemError",(...r)=>{console.error("Context item error:",...r)}),this.instancePromise.resolve(this.instance),this.dispatchEvent(new CustomEvent("context-ready",{detail:this.instance})),await Promise.all([...this.#e].map(r=>r.reinitializeEditor()))}async#i(){const t=this.getAttribute("plugins");return h(t?JSON.parse(t):[])}#s(){const t=JSON.parse(this.getAttribute("config")||"{}");return u(t)}}customElements.define("ckeditor-context-component",T);class L extends HTMLElement{static get observedAttributes(){return["name"]}get name(){return this.getAttribute("name")||"editable"}get editableElement(){return this.querySelector("div")}connectedCallback(){p(()=>{const t=this.#e();if(!t)throw new Error("ckeditor-editable-component must be a child of ckeditor-component");if(this.innerHTML=`<div>${this.innerHTML}</div>`,this.style.display="block",t.isDecoupled())t.runAfterEditorReady(e=>{this.appendChild(e.ui.view[this.name].element)});else if(t.editables){if(!this.name)throw new Error('Editable component missing required "name" attribute');t.editables[this.name]=this}})}attributeChangedCallback(t,e,i){if(e!==i)if(t==="name"){if(!e)return;const n=this.#e();n?.editables?.[e]&&(n.editables[i]=n.editables[e],delete n.editables[e])}else this.editableElement.setAttribute(t,i)}disconnectedCallback(){const t=this.#e();t?.editables&&delete t.editables[this.name]}#e(){return this.closest("ckeditor-component")||document.body.querySelector("ckeditor-component")}}customElements.define("ckeditor-editable-component",L);class y{#e;#t;constructor(t,e={}){return this.#e=t,this.#t=e,new Proxy(this,{get(i,n){return typeof i[n]=="function"?i[n].bind(i):i.#t[n]},set(i,n,r){return i.#t[n]!==r&&(i.attachRoot(n,r),i.#t[n]=r),!0},deleteProperty(i,n){return i.detachRoot(n),delete i.#t[n],!0}})}async attachRoot(t,e){return await this.detachRoot(t),this.#e.runAfterEditorReady(i=>{const{ui:n,editing:r,model:o}=i;i.addRoot(t,{isUndoable:!1,data:e.innerHTML});const a=o.document.getRoot(t);n.getEditableElement(t)&&i.detachEditable(a);const c=n.view.createEditable(t,e);n.addEditable(c),r.view.forceRender()})}async detachRoot(t){return this.#e.runAfterEditorReady(e=>{const i=e.model.document.getRoot(t);i&&(e.detachEditable(i),e.detachRoot(t,!0))})}getAll(){return this.#t}}class m extends HTMLElement{instancePromise=Promise.withResolvers();watchdog=null;instance=null;editables=Object.create(null);#e="";#t=null;#i=null;#s=null;static get observedAttributes(){return["config","plugins","translations","type"]}static get inputAttributes(){return["name","required","value"]}get oneditorchange(){return this.#r("editorchange")}set oneditorchange(t){this.#o("editorchange",t)}get oneditorready(){return this.#r("editorready")}set oneditorready(t){this.#o("editorready",t)}get oneditorerror(){return this.#r("editorerror")}set oneditorerror(t){this.#o("editorerror",t)}#r(t){if(this.hasAttribute(`on${t}`)){const e=this.getAttribute(`on${t}`);if(!M(e))throw new Error(`Unsafe event handler attribute value: ${e}`);return window[e]||new Function("event",e)}return this[`#${t}Handler`]}#o(t,e){typeof e=="string"?this.setAttribute(`on${t}`,e):(this.removeAttribute(`on${t}`),this[`#${t}Handler`]=e)}connectedCallback(){this.#t=this.closest("ckeditor-context-component"),this.#e=this.innerHTML;try{p(async()=>{this.#t&&(await this.#t.instancePromise.promise,this.#t.registerEditor(this)),await this.reinitializeEditor()})}catch(t){console.error("Failed to initialize editor:",t);const e=new CustomEvent("editor-error",{detail:t});this.dispatchEvent(e),this.oneditorerror?.(e)}}async attributeChangedCallback(t,e,i){e!==null&&e!==i&&m.observedAttributes.includes(t)&&this.isConnected&&await this.reinitializeEditor()}async disconnectedCallback(){this.#t&&this.#t.unregisterEditor(this);try{await this.#d()}catch(t){console.error("Failed to destroy editor:",t)}}runAfterEditorReady(t){return this.instance?Promise.resolve(t(this.instance)):this.instancePromise.promise.then(t)}get#n(){return this.getAttribute("type")==="ClassicEditor"?"textarea":"div"}get#a(){return this.#t?.instance}async#d(){this.#i&&await this.#a.remove(this.#i),await this.instance?.destroy(),this.watchdog?.destroy()}#l(){const t=JSON.parse(this.getAttribute("config")||"{}");return u(t)}async#u(t){await Promise.all([this.#b(),this.#w()]);let e=t;t instanceof y?e=t.getAll():typeof t!="string"&&(e=t.main);const i={...e instanceof HTMLElement&&{element:e},...typeof e=="string"&&{data:e},...e instanceof Object&&{editables:e}};window.dispatchEvent(new CustomEvent("ckeditor:attach:before",{detail:i}));const n=await this.#v(),[r,o]=await Promise.all([this.#E(),this.#y()]),a={...this.#l(),...o.length&&{translations:o},plugins:r};window.dispatchEvent(new CustomEvent("ckeditor:attach",{detail:{config:a,...i}}));let c=null,l=null,d=null;if(this.#t)d=I(),await this.#a.add({creator:(f,v)=>n.create(f,v),id:d,sourceElementOrData:e,type:"editor",config:a}),l=this.#a.getItem(d);else if(this.hasWatchdog()){const{EditorWatchdog:f}=await import("ckeditor5");c=new f(n),await c.create(e,a),l=c.editor}else l=await n.create(e,a);return{contextId:d,instance:l,watchdog:c}}async reinitializeEditor(){this.instance&&(this.instancePromise=Promise.withResolvers(),await this.#d(),this.instance=null),this.style.display="block",!this.isMultiroot()&&!this.isDecoupled()&&(this.innerHTML=`<${this.#n}>${this.#e}</${this.#n}>`,this.#p()),this.isMultiroot()?this.editables=new y(this,this.#h()):this.isDecoupled()?this.editables=null:this.editables=this.#h();try{const{watchdog:t,instance:e,contextId:i}=await this.#u(this.editables||this.#l().initialData||"");this.watchdog=t,this.instance=e,this.#i=i,this.#f(),this.#g(),this.#m(),this.instancePromise.resolve(this.instance);const n=new CustomEvent("editor-ready",{detail:this.instance});this.dispatchEvent(n),this.oneditorready?.(n)}catch(t){throw this.instancePromise.reject(t),t}}#m(){const t=i=>this.instance.getData({rootName:i}),e=()=>this.instance?.model.document.getRootNames().reduce((i,n)=>({...i,[n]:t(n)}),{});this.instance?.model.document.on("change:data",()=>{const i=new CustomEvent("editor-change",{detail:{editor:this.instance,data:e()},bubbles:!0});this.dispatchEvent(i),this.oneditorchange?.(i)})}isClassic(){return this.getAttribute("type")==="ClassicEditor"}isBallon(){return this.getAttribute("type")==="BalloonEditor"}isMultiroot(){return this.getAttribute("type")==="MultiRootEditor"}isDecoupled(){return this.getAttribute("type")==="DecoupledEditor"}hasWatchdog(){return this.getAttribute("watchdog")==="true"}#h(){if(this.isDecoupled())return{};if(this.isMultiroot())return[...this.querySelectorAll("ckeditor-editable-component")].reduce((i,n)=>{if(!n.name)throw new Error('Editable component missing required "name" attribute');return i[n.name]=n,i},Object.create(null));const t=this.querySelector(this.#n);if(!t)throw new Error(`No ${this.#n} element found`);return{main:t}}#p(){const t=this.querySelector("textarea");if(t)for(const e of m.inputAttributes)this.hasAttribute(e)&&t.setAttribute(e,this.getAttribute(e))}#f(){if(!this.instance)return;const t=this.querySelector("textarea");if(!t)return;const e=()=>{this.style.position="relative",t.innerHTML="",t.value=this.instance.getData(),t.tabIndex=-1,Object.assign(t.style,{display:"flex",position:"absolute",bottom:"0",left:"50%",width:"1px",height:"1px",opacity:"0",pointerEvents:"none",margin:"0",padding:"0",border:"none"})};e(),this.instance.model.document.on("change:data",()=>{t.dispatchEvent(new Event("input",{bubbles:!0})),t.dispatchEvent(new Event("change",{bubbles:!0})),e()})}#g(){if(!this.isClassic()&&!this.isBallon())return;const{instance:t}=this,e=Number.parseInt(this.getAttribute("editable-height"),10);Number.isNaN(e)||t.editing.view.change(i=>{i.setStyle("height",`${e}px`,t.editing.view.document.getRoot())})}#c(){return this.#s||=JSON.parse(this.getAttribute("bundle"))}async#b(){await E(this.#c()?.stylesheets||[])}async#w(){const t=(this.#c()?.scripts||[]).filter(e=>!!e.window_name);await h(t)}async#y(){const t=this.#c()?.scripts.filter(e=>e.translation);return h(t)}async#E(){const t=this.getAttribute("plugins"),i=(t?JSON.parse(t):[]).map(n=>typeof n=="string"?{import_name:"ckeditor5",import_as:n}:n);return h(i)}async#v(){const t=await import("ckeditor5"),e=this.getAttribute("type");if(!e||!Object.prototype.hasOwnProperty.call(t,e))throw new Error(`Invalid editor type: ${e}`);return t[e]}}customElements.define("ckeditor-component",m);class O extends HTMLElement{connectedCallback(){p(async()=>{const t=this.getAttribute("name"),e=await this.#e().instancePromise.promise;this.appendChild(e.ui.view[t].element)})}#e(){return this.closest("ckeditor-component")||document.body.querySelector("ckeditor-component")}}customElements.define("ckeditor-ui-part-component",O);
+"use strict";var C=Object.create;var w=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty;var R=(e,t,i,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of P(t))!S.call(e,s)&&s!==i&&w(e,s,{get:()=>t[s],enumerable:!(n=A(t,s))||n.enumerable});return e};var E=(e,t,i)=>(i=e!=null?C(x(e)):{},R(t||!e||!e.__esModule?w(i,"default",{value:e,enumerable:!0}):i,e));function f(e){switch(document.readyState){case"loading":document.addEventListener("DOMContentLoaded",e,{once:!0});break;case"interactive":case"complete":setTimeout(e,0);break;default:console.warn("Unexpected document.readyState:",document.readyState),setTimeout(e,0)}}const b=new Map;function M(e){if(b.has(e))return b.get(e);const t=new Promise((i,n)=>{const s=document.createElement("script");s.src=e,s.onload=i,s.onerror=n,document.head.appendChild(s)});return b.set(e,t),t}function k(e){return typeof e=="string"&&e!=="__proto__"&&e!=="constructor"&&e!=="prototype"}function D(e){return Array.from(document.styleSheets).some(t=>t.href===e||t.href===new URL(e,window.location.href).href)}function y(e=[]){const t=e.map(i=>new Promise((n,s)=>{if(D(i)){n();return}const r=document.createElement("link");r.rel="stylesheet",r.href=i,r.onerror=s,r.onload=()=>n(),document.head.appendChild(r)}));return Promise.all(t)}function h(e=[]){const t=async({url:n,import_name:s,import_as:r,window_name:c,stylesheets:d})=>{if(d?.length&&await y(d),c){let a=function(){return Object.prototype.hasOwnProperty.call(window,c)};if(n&&!a()&&await M(n),a()||window.dispatchEvent(new CustomEvent(`ckeditor:request-cjs-plugin:${c}`)),!a())throw new Error(`Plugin window['${c}'] not found in global scope. Please ensure the plugin is loaded before CKEditor initialization.`);return window[c]}const o=await import(s),l=o[r||"default"];if(!l)throw new Error(`Plugin "${r||"default"}" not found in the ESM module "${s}"! Available imports: ${Object.keys(o).join(", ")}! Consider changing "import_as" value.`);return l};function i(n){return t(typeof n=="string"?{import_name:"ckeditor5",import_as:n}:n)}return Promise.all(e.map(i))}function m(e){if(!e||typeof e!="object")return e;if(Array.isArray(e))return e.map(n=>m(n));const t=e;if(t.$element&&typeof t.$element=="string"){const n=document.querySelector(t.$element);return n||console.warn(`Element not found for selector: ${t.$element}`),n||null}const i=Object.create(null);for(const[n,s]of Object.entries(e))i[n]=m(s);return i}function $(){return Math.random().toString(36).substring(2)}class H extends HTMLElement{instance=null;instancePromise=Promise.withResolvers();#e=new Set;static get observedAttributes(){return["plugins","config"]}async connectedCallback(){try{f(()=>this.#t())}catch(t){console.error("Failed to initialize context:",t),this.dispatchEvent(new CustomEvent("context-error",{detail:t}))}}async attributeChangedCallback(t,i,n){i!==null&&i!==n&&await this.#t()}async disconnectedCallback(){this.instance&&(await this.instance.destroy(),this.instance=null)}registerEditor(t){this.#e.add(t)}unregisterEditor(t){this.#e.delete(t)}async#t(){this.instance&&(this.instancePromise=Promise.withResolvers(),await this.instance.destroy(),this.instance=null),window.dispatchEvent(new CustomEvent("ckeditor:context:attach:before",{detail:{element:this}}));const{Context:t,ContextWatchdog:i}=await import("ckeditor5"),n=await this.#i(),s=this.#s();window.dispatchEvent(new CustomEvent("ckeditor:context:attach",{detail:{config:s,element:this}})),this.instance=new i(t,{crashNumberLimit:10}),await this.instance.create({...s,plugins:n}),this.instance.on("itemError",(...r)=>{console.error("Context item error:",...r)}),this.instancePromise.resolve(this.instance),this.dispatchEvent(new CustomEvent("context-ready",{detail:this.instance})),await Promise.all([...this.#e].map(r=>r.reinitializeEditor()))}async#i(){const t=this.getAttribute("plugins");return h(t?JSON.parse(t):[])}#s(){const t=JSON.parse(this.getAttribute("config")||"{}");return m(t)}}customElements.define("ckeditor-context-component",H);class T extends HTMLElement{get name(){return this.getAttribute("name")||"editable"}get editableElement(){return this.querySelector("div")}get modelElement(){return this.getAttribute("inline")==="true"?"$inlineRoot":void 0}get initialData(){return this.hasAttribute("initial-data")?this.getAttribute("initial-data"):void 0}connectedCallback(){f(()=>{const t=this.#e();if(!t)throw new Error("ckeditor-editable-component must be a child of ckeditor-component");if(this.innerHTML=`<div>${this.innerHTML}</div>`,this.style.display="block",t.isDecoupled())t.runAfterEditorReady(i=>{this.appendChild(i.ui.view[this.name].element)});else if(t.editables){if(!this.name)throw new Error('Editable component missing required "name" attribute');t.editables[this.name]=this}})}disconnectedCallback(){const t=this.#e();t?.editables&&delete t.editables[this.name]}#e(){return this.closest("ckeditor-component")||document.body.querySelector("ckeditor-component")}}customElements.define("ckeditor-editable-component",T);class v{#e;#t;constructor(t,i={}){return this.#e=t,this.#t=i,new Proxy(this,{get(n,s){return typeof n[s]=="function"?n[s].bind(n):n.#t[s]},set(n,s,r){return n.#t[s]!==r&&(n.attachRoot(s,r),n.#t[s]=r),!0},deleteProperty(n,s){return n.detachRoot(s),delete n.#t[s],!0}})}async attachRoot(t,i){return await this.detachRoot(t),this.#e.runAfterEditorReady(n=>{const{ui:s,editing:r,model:c}=n,d=i.modelElement,o=i.initialData;n.addRoot(t,{isUndoable:!1,initialData:o??i.innerHTML,...d&&{modelElement:d}});const l=c.document.getRoot(t);s.getEditableElement(t)&&n.detachEditable(l);const a=s.view.createEditable(t,i);s.addEditable(a),r.view.forceRender()})}async detachRoot(t){return this.#e.runAfterEditorReady(i=>{const n=i.model.document.getRoot(t);n&&(i.detachEditable(n),i.detachRoot(t,!0))})}getAll(){return this.#t}}class p extends HTMLElement{instancePromise=Promise.withResolvers();watchdog=null;instance=null;editables=Object.create(null);#e="";#t=null;#i=null;#s=null;static get observedAttributes(){return["config","plugins","translations","type"]}static get inputAttributes(){return["name","required","value"]}get oneditorchange(){return this.#r("editorchange")}set oneditorchange(t){this.#o("editorchange",t)}get oneditorready(){return this.#r("editorready")}set oneditorready(t){this.#o("editorready",t)}get oneditorerror(){return this.#r("editorerror")}set oneditorerror(t){this.#o("editorerror",t)}#r(t){return this.hasAttribute(`on${t}`)?G(this.getAttribute(`on${t}`)):this[`#${t}Handler`]}#o(t,i){typeof i=="string"?this.setAttribute(`on${t}`,i):(this.removeAttribute(`on${t}`),this[`#${t}Handler`]=i)}connectedCallback(){this.#t=this.closest("ckeditor-context-component"),this.#e=this.innerHTML;try{f(async()=>{this.#t&&(await this.#t.instancePromise.promise,this.#t.registerEditor(this)),await this.reinitializeEditor()})}catch(t){console.error("Failed to initialize editor:",t);const i=new CustomEvent("editor-error",{detail:t});this.dispatchEvent(i),this.oneditorerror?.(i)}}async attributeChangedCallback(t,i,n){i!==null&&i!==n&&p.observedAttributes.includes(t)&&this.isConnected&&await this.reinitializeEditor()}async disconnectedCallback(){this.#t&&this.#t.unregisterEditor(this);try{await this.#l()}catch(t){console.error("Failed to destroy editor:",t)}}runAfterEditorReady(t){return this.instance?Promise.resolve(t(this.instance)):this.instancePromise.promise.then(t)}get#n(){return L(this.getAttribute("type"))}get#a(){return this.#t?.instance}async#l(){this.#i&&await this.#a.remove(this.#i),await this.instance?.destroy(),this.watchdog?.destroy()}#d(){return I(this.getAttribute("config"))}async#h(t){await Promise.all([this.#E(),this.#b()]);const{isMultiroot:i,content:n}=O(t),s=q(n,i);window.dispatchEvent(new CustomEvent("ckeditor:attach:before",{detail:s}));const r=await this.#v(),[c,d]=await Promise.all([this.#y(),this.#w()]),o={...this.#d(),...d.length&&{translations:d},plugins:c};j(o,n,i,this.isClassic()),window.dispatchEvent(new CustomEvent("ckeditor:attach",{detail:{config:o,...s}}));let l=null,a=null,u=null;if(this.#t)u=$(),await this.#a.add({creator:g=>r.create(g),id:u,type:"editor",config:o}),a=this.#a.getItem(u);else if(this.hasWatchdog()){const{EditorWatchdog:g}=await import("ckeditor5");l=new g(r),await l.create(o),a=l.editor}else a=await r.create(o);return{contextId:u,instance:a,watchdog:l}}async reinitializeEditor(){this.instance&&(this.instancePromise=Promise.withResolvers(),await this.#l(),this.instance=null),this.style.display="block",!this.isMultiroot()&&!this.isDecoupled()&&(this.innerHTML=`<${this.#n}>${this.#e}</${this.#n}>`,this.#p()),this.isMultiroot()?this.editables=new v(this,this.#u()):this.isDecoupled()?this.editables=null:this.editables=this.#u();try{const{watchdog:t,instance:i,contextId:n}=await this.#h(this.editables||this.#d().root?.initialData||"");this.watchdog=t,this.instance=i,this.#i=n,this.#f(),this.#g(),this.#m(),this.instancePromise.resolve(this.instance);const s=new CustomEvent("editor-ready",{detail:this.instance});this.dispatchEvent(s),this.oneditorready?.(s)}catch(t){throw this.instancePromise.reject(t),t}}#m(){const t=n=>this.instance.getData({rootName:n}),i=()=>this.instance?.model.document.getRootNames().reduce((n,s)=>({...n,[s]:t(s)}),{});this.instance?.model.document.on("change:data",()=>{const n=new CustomEvent("editor-change",{detail:{editor:this.instance,data:i()},bubbles:!0});this.dispatchEvent(n),this.oneditorchange?.(n)})}isClassic(){return this.getAttribute("type")==="ClassicEditor"}isBallon(){return this.getAttribute("type")==="BalloonEditor"}isMultiroot(){return this.getAttribute("type")==="MultiRootEditor"}isDecoupled(){return this.getAttribute("type")==="DecoupledEditor"}hasWatchdog(){return this.getAttribute("watchdog")==="true"}#u(){if(this.isDecoupled())return{};if(this.isMultiroot()){const i=[...this.querySelectorAll("ckeditor-editable-component")];return z(i)}const t=this.querySelector(this.#n);if(!t)throw new Error(`No ${this.#n} element found`);return{main:t}}#p(){const t=this.querySelector("textarea");t&&B(this,t,p.inputAttributes)}#f(){if(!this.instance)return;const t=this.querySelector("textarea");if(!t)return;const i=()=>{this.style.position="relative",t.innerHTML="",t.value=this.instance.getData(),K(t)};i(),this.instance.model.document.on("change:data",()=>{t.dispatchEvent(new Event("input",{bubbles:!0})),t.dispatchEvent(new Event("change",{bubbles:!0})),i()})}#g(){if(!this.isClassic()&&!this.isBallon())return;const t=W(this.getAttribute("editable-height"));t!==null&&J(this.instance,t)}#c(){return this.#s||=U(this.getAttribute("bundle"))}async#E(){await y(this.#c()?.stylesheets||[])}async#b(){const t=(this.#c()?.scripts||[]).filter(i=>!!i.window_name);await h(t)}async#w(){const t=this.#c()?.scripts.filter(i=>i.translation);return h(t)}async#y(){return h(_(this.getAttribute("plugins")))}async#v(){const t=await import("ckeditor5");return F(t,this.getAttribute("type"))}}function L(e){return e==="ClassicEditor"?"textarea":"div"}function I(e){const t=JSON.parse(e||"{}");return m(t)}function O(e){const t=e instanceof v;let i=e;return t?i=e.getAll():typeof e!="string"&&(i=e.main),{isMultiroot:t,content:i}}function q(e,t){return{...e instanceof HTMLElement&&{element:e},...typeof e=="string"&&{data:e},...t&&{editables:e}}}function j(e,t,i,n){i?e.roots=N(t):n&&t instanceof HTMLElement?e.attachTo=t:t instanceof HTMLElement?e.root={...e.root,element:t}:typeof t=="string"&&(e.root={...e.root,initialData:t})}function N(e){return Object.fromEntries(Object.entries(e).map(([t,i])=>{const n=i.modelElement,s=i.initialData;return[t,{element:i,initialData:s??i.innerHTML,...n&&{modelElement:n}}]}))}function z(e){return e.reduce((t,i)=>{if(!i.name)throw new Error('Editable component missing required "name" attribute');return t[i.name]=i,t},Object.create(null))}function B(e,t,i){for(const n of i)e.hasAttribute(n)&&t.setAttribute(n,e.getAttribute(n))}function K(e){e.tabIndex=-1,Object.assign(e.style,{display:"flex",position:"absolute",bottom:"0",left:"50%",width:"1px",height:"1px",opacity:"0",pointerEvents:"none",margin:"0",padding:"0",border:"none"})}function W(e){if(e===null)return null;const t=Number.parseInt(e,10);return Number.isNaN(t)?null:t}function J(e,t){e.editing.view.change(i=>{i.setStyle("height",`${t}px`,e.editing.view.document.getRoot())})}function U(e){return JSON.parse(e)}function _(e){return(e?JSON.parse(e):[]).map(i=>typeof i=="string"?{import_name:"ckeditor5",import_as:i}:i)}function F(e,t){if(!t||!Object.prototype.hasOwnProperty.call(e,t))throw new Error(`Invalid editor type: ${t}`);return e[t]}function G(e){if(!k(e))throw new Error(`Unsafe event handler attribute value: ${e}`);return window[e]||new Function("event",e)}customElements.define("ckeditor-component",p);class Q extends HTMLElement{connectedCallback(){f(async()=>{const t=this.getAttribute("name"),i=await this.#e().instancePromise.promise;this.appendChild(i.ui.view[t].element)})}#e(){return this.closest("ckeditor-component")||document.body.querySelector("ckeditor-component")}}customElements.define("ckeditor-ui-part-component",Q);
 //# sourceMappingURL=index.cjs.map

data/npm_package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/helpers/exec-if-dom-ready.ts","../src/helpers/inject-script.ts","../src/helpers/is-safe-key.ts","../src/helpers/load-async-css.ts","../src/helpers/load-async-imports.ts","../src/helpers/resolve-config-element-references.ts","../src/helpers/uid.ts","../src/components/context.ts","../src/components/editable.ts","../src/components/editor/multiroot-editables-tracker.ts","../src/components/editor/editor.ts","../src/components/ui-part.ts"],"sourcesContent":["/**\n * Executes callback when DOM is ready.\n *\n * @param callback - Function to execute when DOM is ready.\n */\nexport function execIfDOMReady(callback: VoidFunction) {\n  switch (document.readyState) {\n    case 'loading':\n      document.addEventListener('DOMContentLoaded', callback, { once: true });\n      break;\n\n    case 'interactive':\n    case 'complete':\n      setTimeout(callback, 0);\n      break;\n\n    default:\n      console.warn('Unexpected document.readyState:', document.readyState);\n      setTimeout(callback, 0);\n  }\n}\n","const SCRIPT_LOAD_PROMISES = new Map();\n\n/**\n * Dynamically loads script files based on configuration.\n * Uses caching to avoid loading the same script multiple times.\n *\n * @param url - URL of the script to load\n */\nexport function injectScript(url: string) {\n  if (SCRIPT_LOAD_PROMISES.has(url)) {\n    return SCRIPT_LOAD_PROMISES.get(url);\n  }\n\n  const promise = new Promise((resolve, reject) => {\n    const script = document.createElement('script');\n    script.src = url;\n    script.onload = resolve;\n    script.onerror = reject;\n\n    document.head.appendChild(script);\n  });\n\n  SCRIPT_LOAD_PROMISES.set(url, promise);\n  return promise;\n}\n","/**\n * Checks if a key is safe to use in configuration objects to prevent prototype pollution\n *\n * @param key - Key name to check\n * @returns True if key is safe to use\n */\nexport function isSafeKey(key: string) {\n  return (\n    typeof key === 'string'\n    && key !== '__proto__'\n    && key !== 'constructor'\n    && key !== 'prototype'\n  );\n}\n","/**\n * Checks if stylesheet with given href already exists in document\n *\n * @param href - Stylesheet URL to check\n * @returns True if stylesheet already exists\n */\nfunction stylesheetExists(href: string) {\n  return Array\n    .from(document.styleSheets)\n    .some(sheet =>\n      sheet.href === href || sheet.href === new URL(href, window.location.href).href,\n    );\n}\n\n/**\n * Dynamically loads CSS files based on configuration\n *\n * @param stylesheets - Array of CSS file URLs to load\n * @returns Array of promises for each CSS file load\n * @throws When CSS file loading fails\n */\nexport function loadAsyncCSS(stylesheets: string[] = []) {\n  const promises = stylesheets.map(href =>\n    new Promise<void>((resolve, reject) => {\n      if (stylesheetExists(href)) {\n        resolve();\n        return;\n      }\n\n      const link = document.createElement('link');\n      link.rel = 'stylesheet';\n      link.href = href;\n\n      link.onerror = reject;\n      link.onload = () => resolve();\n\n      document.head.appendChild(link);\n    }),\n  );\n\n  return Promise.all(promises);\n}\n","import { injectScript } from './inject-script';\nimport { loadAsyncCSS } from './load-async-css';\n\n/**\n * Dynamically imports modules based on configuration\n *\n * @param imports - Array of import configurations\n * @param imports[].name - Name of inline plugin (for inline type)\n * @param imports[].code - Source code of inline plugin (for inline type)\n * @param imports[].import_name - Module path to import (for external type)\n * @param imports[].import_as - Name to import as (for external type)\n * @param imports[].window_name - Global window object name (for external type)\n * @param imports[].type - Type of import\n * @returns Array of loaded modules\n * @throws When plugin loading fails\n */\nexport function loadAsyncImports(imports: Array<AsyncImportRawDescription | string> = []) {\n  const loadExternalPlugin = async ({ url, import_name, import_as, window_name, stylesheets }: AsyncImportRawDescription) => {\n    if (stylesheets?.length) {\n      await loadAsyncCSS(stylesheets);\n    }\n\n    if (window_name) {\n      function isScriptPresent() {\n        return Object.prototype.hasOwnProperty.call(window, window_name!);\n      }\n\n      if (url && !isScriptPresent()) {\n        await injectScript(url);\n      }\n\n      if (!isScriptPresent()) {\n        window.dispatchEvent(\n          new CustomEvent(`ckeditor:request-cjs-plugin:${window_name}`),\n        );\n      }\n\n      if (!isScriptPresent()) {\n        throw new Error(\n          `Plugin window['${window_name}'] not found in global scope. `\n          + 'Please ensure the plugin is loaded before CKEditor initialization.',\n        );\n      }\n\n      return (window as any)[window_name!];\n    }\n\n    const module = await import(import_name!);\n    const imported = module[import_as || 'default'];\n\n    if (!imported) {\n      throw new Error(\n        `Plugin \"${import_as || 'default'}\" not found in the ESM module `\n        + `\"${import_name}\"! Available imports: ${Object.keys(module).join(', ')}! `\n        + 'Consider changing \"import_as\" value.',\n      );\n    }\n\n    return imported;\n  };\n\n  function uncompressImport(pkg: any) {\n    if (typeof pkg === 'string') {\n      return loadExternalPlugin({ import_name: 'ckeditor5', import_as: pkg });\n    }\n\n    return loadExternalPlugin(pkg);\n  }\n\n  return Promise.all(imports.map(uncompressImport));\n}\n\n/**\n * Type definition for plugin raw descriptor\n */\nexport type AsyncImportRawDescription = {\n  url?: string;\n  import_name?: string;\n  import_as?: string;\n  window_name?: string;\n  stylesheets?: string[];\n};\n","/**\n * Resolves element references in configuration object.\n * Looks for objects with { $element: \"selector\" } format and replaces them with actual DOM elements.\n *\n * @param obj - Configuration object to process\n * @returns Processed configuration object with resolved element references\n */\nexport function resolveConfigElementReferences<T>(obj: T): T {\n  if (!obj || typeof obj !== 'object') {\n    return obj;\n  }\n\n  if (Array.isArray(obj)) {\n    return obj.map(item => resolveConfigElementReferences(item)) as T;\n  }\n\n  const anyObj = obj as any;\n\n  if (anyObj.$element && typeof anyObj.$element === 'string') {\n    const element = document.querySelector(anyObj.$element);\n\n    if (!element) {\n      console.warn(`Element not found for selector: ${anyObj.$element}`);\n    }\n\n    return (element || null) as T;\n  }\n\n  const result = Object.create(null);\n\n  for (const [key, value] of Object.entries(obj)) {\n    result[key] = resolveConfigElementReferences(value);\n  }\n\n  return result as T;\n}\n","/**\n * Generates a unique identifier string\n *\n * @returns Random string that can be used as unique identifier\n */\nexport function uid() {\n  return Math.random().toString(36).substring(2);\n}\n","import type { ContextWatchdog } from 'ckeditor5';\n\nimport type { CKEditorComponent } from './editor';\n\nimport { execIfDOMReady, loadAsyncImports, resolveConfigElementReferences } from '../helpers';\n\nexport class CKEditorContextComponent extends HTMLElement {\n  instance: ContextWatchdog | null = null;\n\n  instancePromise = Promise.withResolvers<ContextWatchdog>();\n\n  #connectedEditors = new Set<CKEditorComponent>();\n\n  static get observedAttributes() {\n    return ['plugins', 'config'];\n  }\n\n  async connectedCallback() {\n    try {\n      execIfDOMReady(() => this.#initializeContext());\n    }\n    catch (error) {\n      console.error('Failed to initialize context:', error);\n      this.dispatchEvent(new CustomEvent('context-error', { detail: error }));\n    }\n  }\n\n  async attributeChangedCallback(_: unknown, oldValue: string | null, newValue: string | null) {\n    if (oldValue !== null && oldValue !== newValue) {\n      await this.#initializeContext();\n    }\n  }\n\n  async disconnectedCallback() {\n    if (this.instance) {\n      await this.instance.destroy();\n      this.instance = null;\n    }\n  }\n\n  /**\n   * Register editor component with this context\n   *\n   * @param editor - Editor component to register.\n   */\n  registerEditor(editor: CKEditorComponent) {\n    this.#connectedEditors.add(editor);\n  }\n\n  /**\n   * Unregister editor component from this context\n   *\n   * @param editor - Editor component to unregister\n   */\n  unregisterEditor(editor: CKEditorComponent) {\n    this.#connectedEditors.delete(editor);\n  }\n\n  /**\n   * Initialize CKEditor context with shared configuration\n   *\n   * @private\n   */\n  async #initializeContext() {\n    if (this.instance) {\n      this.instancePromise = Promise.withResolvers<ContextWatchdog>();\n\n      await this.instance.destroy();\n\n      this.instance = null;\n    }\n\n    // Broadcast context initialization event\n    window.dispatchEvent(\n      new CustomEvent('ckeditor:context:attach:before', { detail: { element: this } }),\n    );\n\n    const { Context, ContextWatchdog } = await import('ckeditor5');\n    const plugins = await this.#getPlugins();\n    const config = this.#getConfig();\n\n    // Broadcast context mounting event with configuration\n    window.dispatchEvent(\n      new CustomEvent('ckeditor:context:attach', { detail: { config, element: this } }),\n    );\n\n    this.instance = new ContextWatchdog(Context, {\n      crashNumberLimit: 10,\n    });\n\n    await this.instance.create({\n      ...config,\n      plugins,\n    });\n\n    this.instance.on('itemError', (...args) => {\n      console.error('Context item error:', ...args);\n    });\n\n    this.instancePromise.resolve(this.instance);\n    this.dispatchEvent(new CustomEvent('context-ready', { detail: this.instance }));\n\n    // Reinitialize connected editors.\n    await Promise.all(\n      [...this.#connectedEditors].map(editor => editor.reinitializeEditor()),\n    );\n  }\n\n  async #getPlugins() {\n    const raw = this.getAttribute('plugins');\n\n    return loadAsyncImports(raw ? JSON.parse(raw) : []);\n  }\n\n  /**\n   * Gets context configuration with resolved element references.\n   *\n   * @private\n   */\n  #getConfig() {\n    const config = JSON.parse(this.getAttribute('config') || '{}');\n\n    return resolveConfigElementReferences(config);\n  }\n}\n\ncustomElements.define('ckeditor-context-component', CKEditorContextComponent);\n","import type { CKEditorComponent } from './editor';\n\nimport { execIfDOMReady } from '../helpers/exec-if-dom-ready';\n\nexport class CKEditorEditableComponent extends HTMLElement {\n  /**\n   * List of attributes that trigger updates when changed\n   *\n   * @static\n   * @returns {string[]} Array of attribute names to observe\n   */\n  static get observedAttributes() {\n    return ['name'];\n  }\n\n  /**\n   * Gets the name of this editable region\n   */\n  get name() {\n    return this.getAttribute('name') || 'editable';\n  }\n\n  /**\n   * Gets the actual editable DOM element.\n   */\n  get editableElement() {\n    return this.querySelector('div')!;\n  }\n\n  /**\n   * Lifecycle callback when element is added to DOM\n   * Sets up the editable element and registers it with the parent editor\n   */\n  connectedCallback() {\n    execIfDOMReady(() => {\n      const editorComponent = this.#queryEditorElement();\n\n      if (!editorComponent) {\n        throw new Error('ckeditor-editable-component must be a child of ckeditor-component');\n      }\n\n      this.innerHTML = `<div>${this.innerHTML}</div>`;\n      this.style.display = 'block';\n\n      if (editorComponent.isDecoupled()) {\n        editorComponent.runAfterEditorReady((editor) => {\n          this.appendChild((editor.ui.view as any)[this.name].element);\n        });\n      }\n      else if (editorComponent.editables) {\n        if (!this.name) {\n          throw new Error('Editable component missing required \"name\" attribute');\n        }\n\n        editorComponent.editables[this.name] = this;\n      }\n    });\n  }\n\n  /**\n   * Lifecycle callback for attribute changes\n   * Handles name changes and propagates other attributes to editable element\n   */\n  attributeChangedCallback(name: string, oldValue: string, newValue: string) {\n    if (oldValue === newValue) {\n      return;\n    }\n\n    if (name === 'name') {\n      if (!oldValue) {\n        return;\n      }\n\n      const editorComponent = this.#queryEditorElement();\n\n      if (editorComponent?.editables?.[oldValue]) {\n        editorComponent.editables[newValue] = editorComponent.editables[oldValue];\n        delete editorComponent.editables[oldValue];\n      }\n    }\n    else {\n      this.editableElement.setAttribute(name, newValue!);\n    }\n  }\n\n  /**\n   * Lifecycle callback when element is removed\n   * Un-registers this editable from the parent editor\n   */\n  disconnectedCallback() {\n    const editorComponent = this.#queryEditorElement();\n\n    if (editorComponent?.editables) {\n      delete editorComponent.editables[this.name];\n    }\n  }\n\n  /**\n   * Finds the parent editor component\n   */\n  #queryEditorElement(): CKEditorComponent | null {\n    return this.closest('ckeditor-component') || document.body.querySelector('ckeditor-component');\n  }\n}\n\ncustomElements.define('ckeditor-editable-component', CKEditorEditableComponent);\n","import type { MultiRootEditor } from 'ckeditor5';\n\nimport type { CKEditorComponent } from './editor';\n\nexport class CKEditorMultiRootEditablesTracker {\n  #editorElement: CKEditorComponent;\n  #editables: Record<string, HTMLElement>;\n\n  /**\n   * Creates new tracker instance wrapped in a Proxy for dynamic property access\n   *\n   * @param editorElement - Parent editor component reference\n   * @param initialEditables - Initial editable elements\n   * @returns Proxy wrapping the tracker\n   */\n  constructor(\n    editorElement: CKEditorComponent,\n    initialEditables: Record<string, HTMLElement> = {},\n  ) {\n    this.#editorElement = editorElement;\n    this.#editables = initialEditables;\n\n    return new Proxy(this, {\n      /**\n       * Handles property access, returns class methods or editable elements\n       *\n       * @param target - The tracker instance\n       * @param name - Property name being accessed\n       */\n      get(target: CKEditorMultiRootEditablesTracker, name: string) {\n        if (typeof (target as any)[name] === 'function') {\n          return (target as any)[name].bind(target);\n        }\n\n        return target.#editables[name];\n      },\n\n      /**\n       * Handles setting new editable elements, triggers root attachment\n       *\n       * @param target - The tracker instance\n       * @param name - Name of the editable root\n       * @param element - Element to attach as editable\n       */\n      set(target: CKEditorMultiRootEditablesTracker, name: string, element: HTMLElement) {\n        if (target.#editables[name] !== element) {\n          void target.attachRoot(name, element);\n          target.#editables[name] = element;\n        }\n        return true;\n      },\n\n      /**\n       * Handles removing editable elements, triggers root detachment\n       *\n       * @param target - The tracker instance\n       * @param name - Name of the root to remove\n       */\n      deleteProperty(target: CKEditorMultiRootEditablesTracker, name: string) {\n        void target.detachRoot(name);\n        delete target.#editables[name];\n\n        return true;\n      },\n    });\n  }\n\n  /**\n   * Attaches a new editable root to the editor.\n   * Creates new editor root and binds UI elements.\n   *\n   * @param name - Name of the editable root\n   * @param element - DOM element to use as editable\n   * @returns Resolves when root is attached\n   */\n  async attachRoot(name: string, element: HTMLElement) {\n    await this.detachRoot(name);\n\n    return this.#editorElement.runAfterEditorReady<MultiRootEditor>((editor) => {\n      const { ui, editing, model } = editor;\n\n      editor.addRoot(name, {\n        isUndoable: false,\n        data: element.innerHTML,\n      });\n\n      const root = model.document.getRoot(name);\n\n      if (ui.getEditableElement(name)) {\n        editor.detachEditable(root!);\n      }\n\n      const editable = ui.view.createEditable(name, element);\n      ui.addEditable(editable);\n      editing.view.forceRender();\n    });\n  }\n\n  /**\n   * Detaches an editable root from the editor.\n   * Removes editor root and cleans up UI bindings.\n   *\n   * @param name - Name of root to detach\n   * @returns Resolves when root is detached\n   */\n  async detachRoot(name: string) {\n    return this.#editorElement.runAfterEditorReady<MultiRootEditor>((editor) => {\n      const root = editor.model.document.getRoot(name);\n\n      if (root) {\n        editor.detachEditable(root);\n        editor.detachRoot(name, true);\n      }\n    });\n  }\n\n  /**\n   * Gets all currently tracked editable elements\n   *\n   * @returns Map of all editable elements\n   */\n  getAll() {\n    return this.#editables;\n  }\n}\n","import type { Editor, EditorWatchdog, Watchdog } from 'ckeditor5';\n\nimport type { AsyncImportRawDescription } from '../../helpers';\nimport type { CKEditorContextComponent } from '../context';\nimport type { CKEditorEditableComponent } from '../editable';\n\nimport {\n  execIfDOMReady,\n  isSafeKey,\n  loadAsyncCSS,\n  loadAsyncImports,\n  resolveConfigElementReferences,\n  uid,\n} from '../../helpers';\nimport { CKEditorMultiRootEditablesTracker } from './multiroot-editables-tracker';\n\nexport class CKEditorComponent extends HTMLElement {\n  instancePromise = Promise.withResolvers<Editor>();\n\n  watchdog: Watchdog | null = null;\n\n  instance: Editor | null = null;\n\n  editables: Record<string, HTMLElement> | null = Object.create(null);\n\n  #initialHTML: string = '';\n\n  #context: CKEditorContextComponent | null = null;\n\n  #contextEditorId: string | null = null;\n\n  #bundle: object | null = null;\n\n  /**\n   * List of attributes that trigger updates when changed.\n   */\n  static get observedAttributes() {\n    return ['config', 'plugins', 'translations', 'type'];\n  }\n\n  /**\n   * List of input attributes that trigger updates when changed.\n   */\n  static get inputAttributes() {\n    return ['name', 'required', 'value'];\n  }\n\n  get oneditorchange() {\n    return this.#getEventHandler('editorchange');\n  }\n\n  set oneditorchange(handler) {\n    this.#setEventHandler('editorchange', handler);\n  }\n\n  get oneditorready() {\n    return this.#getEventHandler('editorready');\n  }\n\n  set oneditorready(handler) {\n    this.#setEventHandler('editorready', handler);\n  }\n\n  get oneditorerror() {\n    return this.#getEventHandler('editorerror');\n  }\n\n  set oneditorerror(handler) {\n    this.#setEventHandler('editorerror', handler);\n  }\n\n  /**\n   * Gets event handler function from attribute or property\n   *\n   * @private\n   * @param name - Event name without 'on' prefix\n   * @returns Event handler or null\n   */\n  #getEventHandler(name: string): Function | null {\n    if (this.hasAttribute(`on${name}`)) {\n      const handler = this.getAttribute(`on${name}`)!;\n\n      if (!isSafeKey(handler)) {\n        throw new Error(`Unsafe event handler attribute value: ${handler}`);\n      }\n\n      // eslint-disable-next-line no-new-func\n      return (window as any)[handler] || new Function('event', handler);\n    }\n    return (this as any)[`#${name}Handler`];\n  }\n\n  /**\n   * Sets event handler function\n   *\n   * @private\n   * @param name - Event name without 'on' prefix\n   * @param handler - Event handler\n   */\n  #setEventHandler(name: string, handler: Function | null) {\n    if (typeof handler === 'string') {\n      this.setAttribute(`on${name}`, handler);\n    }\n    else {\n      this.removeAttribute(`on${name}`);\n      (this as any)[`#${name}Handler`] = handler;\n    }\n  }\n\n  /**\n   * Lifecycle callback when element is connected to DOM\n   * Initializes the editor when DOM is ready\n   *\n   * @protected\n   */\n  connectedCallback() {\n    this.#context = this.closest('ckeditor-context-component');\n    this.#initialHTML = this.innerHTML;\n\n    try {\n      execIfDOMReady(async () => {\n        if (this.#context) {\n          await this.#context.instancePromise.promise;\n          this.#context.registerEditor(this);\n        }\n\n        await this.reinitializeEditor();\n      });\n    }\n    catch (error) {\n      console.error('Failed to initialize editor:', error);\n\n      const event = new CustomEvent('editor-error', { detail: error });\n\n      this.dispatchEvent(event);\n      this.oneditorerror?.(event);\n    }\n  }\n\n  /**\n   * Handles attribute changes and reinitializes editor if needed\n   *\n   * @protected\n   * @param  name - Name of changed attribute\n   * @param oldValue - Previous attribute value\n   * @param newValue - New attribute value\n   */\n  async attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {\n    if (oldValue !== null\n      && oldValue !== newValue\n      && CKEditorComponent.observedAttributes.includes(name) && this.isConnected) {\n      await this.reinitializeEditor();\n    }\n  }\n\n  /**\n   * Lifecycle callback when element is removed from DOM\n   * Destroys the editor instance\n   * @protected\n   */\n  async disconnectedCallback() {\n    if (this.#context) {\n      this.#context.unregisterEditor(this);\n    }\n\n    try {\n      await this.#destroy();\n    }\n    catch (error) {\n      console.error('Failed to destroy editor:', error);\n    }\n  }\n\n  /**\n   * Runs a callback after the editor is ready. It waits for editor\n   * initialization if needed.\n   *\n   * @param callback - Callback to run\n   */\n  runAfterEditorReady<E extends Editor>(callback: (editor: E) => void): Promise<void> {\n    if (this.instance) {\n      return Promise.resolve(callback(this.instance as unknown as E));\n    }\n\n    return this.instancePromise.promise.then(callback as unknown as any);\n  }\n\n  /**\n   * Determines appropriate editor element tag based on editor type\n   */\n  get #editorElementTag() {\n    switch (this.getAttribute('type')) {\n      case 'ClassicEditor':\n        return 'textarea';\n\n      default:\n        return 'div';\n    }\n  }\n\n  /**\n   * Gets the CKEditor context instance if available.\n   */\n  get #contextWatchdog() {\n    return this.#context?.instance;\n  }\n\n  /**\n   * Destroys the editor instance and watchdog if available\n   */\n  async #destroy() {\n    if (this.#contextEditorId) {\n      await this.#contextWatchdog!.remove(this.#contextEditorId);\n    }\n\n    await this.instance?.destroy();\n    this.watchdog?.destroy();\n  }\n\n  /**\n   * Gets editor configuration with resolved element references\n   */\n  #getConfig() {\n    const config = JSON.parse(this.getAttribute('config') || '{}');\n\n    return resolveConfigElementReferences(config);\n  }\n\n  /**\n   * Creates a new CKEditor instance\n   */\n  async #initializeEditor(editablesOrContent: Record<string, HTMLElement | string> | CKEditorMultiRootEditablesTracker | string | HTMLElement) {\n    await Promise.all([\n      this.#ensureStylesheetsInjected(),\n      this.#ensureWindowScriptsInjected(),\n    ]);\n\n    // Depending on the type of the editor the content supplied on the first\n    // argument is different. For ClassicEditor it's a element or string, for MultiRootEditor\n    // it's an object with editables, for DecoupledEditor it's string.\n    let content: any = editablesOrContent;\n\n    if (editablesOrContent instanceof CKEditorMultiRootEditablesTracker) {\n      content = editablesOrContent.getAll();\n    }\n    else if (typeof editablesOrContent !== 'string') {\n      content = (editablesOrContent as any)['main'];\n    }\n\n    // Broadcast editor initialization event. It's good time to load add inline window plugins.\n    const beforeInitEventDetails = {\n      ...content instanceof HTMLElement && { element: content },\n      ...typeof content === 'string' && { data: content },\n      ...content instanceof Object && { editables: content },\n    };\n\n    window.dispatchEvent(\n      new CustomEvent('ckeditor:attach:before', { detail: beforeInitEventDetails }),\n    );\n\n    // Start fetching constructor.\n    const Editor = await this.#getEditorConstructor();\n    const [plugins, translations] = await Promise.all([\n      this.#getPlugins(),\n      this.#getTranslations(),\n    ]);\n\n    const config = {\n      ...this.#getConfig(),\n      ...translations.length && {\n        translations,\n      },\n      plugins,\n    };\n\n    // Broadcast editor mounting event. It's good time to map configuration.\n    window.dispatchEvent(\n      new CustomEvent('ckeditor:attach', { detail: { config, ...beforeInitEventDetails } }),\n    );\n\n    // Initialize watchdog if needed\n    let watchdog: EditorWatchdog | null = null;\n    let instance: Editor | null = null;\n    let contextId: string | null = null;\n\n    if (this.#context) {\n      contextId = uid();\n\n      await this.#contextWatchdog!.add({\n        creator: (_element, _config) => Editor.create(_element, _config),\n        id: contextId,\n        sourceElementOrData: content,\n        type: 'editor',\n        config,\n      });\n\n      instance = this.#contextWatchdog!.getItem(contextId) as Editor;\n    }\n    else if (this.hasWatchdog()) {\n      // Let's create use with plain watchdog.\n      const { EditorWatchdog } = await import('ckeditor5');\n      watchdog = new EditorWatchdog(Editor);\n\n      await watchdog.create(content, config);\n\n      instance = watchdog.editor;\n    }\n    else {\n      // Let's create the editor without watchdog.\n      instance = await Editor.create(content, config);\n    }\n\n    return {\n      contextId,\n      instance,\n      watchdog,\n    };\n  }\n\n  /**\n   * Re-initializes the editor by destroying existing instance and creating new one\n   *\n   * @private\n   * @returns {Promise<void>}\n   */\n  async reinitializeEditor() {\n    if (this.instance) {\n      this.instancePromise = Promise.withResolvers();\n\n      await this.#destroy();\n\n      this.instance = null;\n    }\n\n    this.style.display = 'block';\n\n    if (!this.isMultiroot() && !this.isDecoupled()) {\n      this.innerHTML = `<${this.#editorElementTag}>${this.#initialHTML}</${this.#editorElementTag}>`;\n      this.#assignInputAttributes();\n    }\n\n    // Let's track changes in editables if it's a multiroot editor.\n    if (this.isMultiroot()) {\n      this.editables = new CKEditorMultiRootEditablesTracker(this, this.#queryEditables()) as unknown as Record<string, HTMLElement>;\n    }\n    else if (this.isDecoupled()) {\n      this.editables = null;\n    }\n    else {\n      this.editables = this.#queryEditables();\n    }\n\n    try {\n      const { watchdog, instance, contextId } = await this.#initializeEditor(this.editables || this.#getConfig().initialData || '');\n\n      this.watchdog = watchdog;\n      this.instance = instance!;\n      this.#contextEditorId = contextId;\n\n      this.#setupContentSync();\n      this.#setupEditableHeight();\n      this.#setupDataChangeListener();\n\n      this.instancePromise.resolve(this.instance!);\n\n      // Broadcast editor ready event\n      const event = new CustomEvent('editor-ready', { detail: this.instance });\n\n      this.dispatchEvent(event);\n      this.oneditorready?.(event);\n    }\n    catch (err) {\n      this.instancePromise.reject(err);\n      throw err;\n    }\n  }\n\n  /**\n   * Sets up data change listener that broadcasts content changes\n   */\n  #setupDataChangeListener() {\n    const getRootContent = (rootName: string) => this.instance!.getData({ rootName });\n    const getAllRoots = () =>\n      this.instance?.model.document\n        .getRootNames()\n        .reduce((acc, rootName) => ({\n          ...acc,\n          [rootName]: getRootContent(rootName),\n        }), {});\n\n    this.instance?.model.document.on('change:data', () => {\n      const event = new CustomEvent('editor-change', {\n        detail: {\n          editor: this.instance,\n          data: getAllRoots(),\n        },\n        bubbles: true,\n      });\n\n      this.dispatchEvent(event);\n      this.oneditorchange?.(event);\n    });\n  }\n\n  /**\n   * Checks if current editor is classic type\n   */\n  isClassic() {\n    return this.getAttribute('type') === 'ClassicEditor';\n  }\n\n  /**\n   * Checks if current editor is balloon type\n   */\n  isBallon() {\n    return this.getAttribute('type') === 'BalloonEditor';\n  }\n\n  /**\n   * Checks if current editor is multiroot type\n   */\n  isMultiroot() {\n    return this.getAttribute('type') === 'MultiRootEditor';\n  }\n\n  /**\n   * Checks if current editor is decoupled type\n   */\n  isDecoupled() {\n    return this.getAttribute('type') === 'DecoupledEditor';\n  }\n\n  /**\n   * Checks if current editor has watchdog enabled\n   */\n  hasWatchdog() {\n    return this.getAttribute('watchdog') === 'true';\n  }\n\n  /**\n   * Queries and validates editable elements\n   */\n  #queryEditables() {\n    if (this.isDecoupled()) {\n      return {};\n    }\n\n    if (this.isMultiroot()) {\n      const editables = [...this.querySelectorAll('ckeditor-editable-component')] as CKEditorEditableComponent[];\n\n      return editables.reduce((acc, element) => {\n        if (!element.name) {\n          throw new Error('Editable component missing required \"name\" attribute');\n        }\n        acc[element.name] = element;\n        return acc;\n      }, Object.create(null));\n    }\n\n    const mainEditable = this.querySelector(this.#editorElementTag);\n\n    if (!mainEditable) {\n      throw new Error(`No ${this.#editorElementTag} element found`);\n    }\n\n    return { main: mainEditable };\n  }\n\n  /**\n   * Copies input-related attributes from component to the main editable element\n   *\n   * @private\n   */\n  #assignInputAttributes() {\n    const textarea = this.querySelector('textarea');\n\n    if (!textarea) {\n      return;\n    }\n\n    for (const attr of CKEditorComponent.inputAttributes) {\n      if (this.hasAttribute(attr)) {\n        textarea.setAttribute(attr, this.getAttribute(attr)!);\n      }\n    }\n  }\n\n  /**\n   * Sets up content sync between editor and textarea element.\n   *\n   * @private\n   */\n  #setupContentSync() {\n    if (!this.instance) {\n      return;\n    }\n\n    const textarea = this.querySelector('textarea');\n\n    if (!textarea) {\n      return;\n    }\n\n    // Initial sync\n    const syncInput = () => {\n      this.style.position = 'relative';\n\n      textarea.innerHTML = '';\n      textarea.value = this.instance!.getData();\n      textarea.tabIndex = -1;\n\n      Object.assign(textarea.style, {\n        display: 'flex',\n        position: 'absolute',\n        bottom: '0',\n        left: '50%',\n        width: '1px',\n        height: '1px',\n        opacity: '0',\n        pointerEvents: 'none',\n        margin: '0',\n        padding: '0',\n        border: 'none',\n      });\n    };\n\n    syncInput();\n\n    // Listen for changes\n    this.instance.model.document.on('change:data', () => {\n      textarea.dispatchEvent(new Event('input', { bubbles: true }));\n      textarea.dispatchEvent(new Event('change', { bubbles: true }));\n\n      syncInput();\n    });\n  }\n\n  /**\n   * Sets up editable height for ClassicEditor\n   *\n   * @private\n   */\n  #setupEditableHeight() {\n    if (!this.isClassic() && !this.isBallon()) {\n      return;\n    }\n\n    const { instance } = this;\n    const height = Number.parseInt(this.getAttribute('editable-height')!, 10);\n\n    if (Number.isNaN(height)) {\n      return;\n    }\n\n    instance!.editing.view.change((writer) => {\n      writer.setStyle('height', `${height}px`, instance!.editing.view.document.getRoot()!);\n    });\n  }\n\n  /**\n   * Gets bundle JSON description from translations attribute\n   */\n  #getBundle(): BundleDescription {\n    return this.#bundle ||= JSON.parse(this.getAttribute('bundle')!);\n  }\n\n  /**\n   * Checks if all required stylesheets are injected. If not, inject.\n   */\n  async #ensureStylesheetsInjected() {\n    await loadAsyncCSS(this.#getBundle()?.stylesheets || []);\n  }\n\n  /**\n   * Checks if all required scripts are injected. If not, inject.\n   */\n  async #ensureWindowScriptsInjected() {\n    const windowScripts = (this.#getBundle()?.scripts || []).filter(script => !!script.window_name);\n\n    await loadAsyncImports(windowScripts);\n  }\n\n  /**\n   * Loads translation modules\n   */\n  async #getTranslations() {\n    const translations = this.#getBundle()?.scripts.filter(script => script.translation);\n\n    return loadAsyncImports(translations);\n  }\n\n  /**\n   * Loads plugin modules\n   */\n  async #getPlugins() {\n    const raw = this.getAttribute('plugins');\n    const items = raw ? JSON.parse(raw) : [];\n    const mappedItems = items.map((item: any) =>\n      typeof item === 'string'\n        ? { import_name: 'ckeditor5', import_as: item }\n        : item,\n    );\n\n    return loadAsyncImports(mappedItems);\n  }\n\n  /**\n   * Gets editor constructor based on type attribute\n   */\n  async #getEditorConstructor() {\n    const CKEditor = await import('ckeditor5');\n    const editorType = this.getAttribute('type');\n\n    if (!editorType || !Object.prototype.hasOwnProperty.call(CKEditor, editorType)) {\n      throw new Error(`Invalid editor type: ${editorType}`);\n    }\n\n    return (CKEditor as any)[editorType] as EditorConstructor;\n  }\n}\n\ntype EditorConstructor = {\n  create: (...args: any[]) => Promise<Editor>;\n};\n\ntype BundleDescription = {\n  stylesheets: string[];\n  scripts: Array<AsyncImportRawDescription & {\n    translation?: boolean;\n  }>;\n};\n\ncustomElements.define('ckeditor-component', CKEditorComponent);\n","import type { CKEditorComponent } from './editor';\n\nimport { execIfDOMReady } from '../helpers';\n\nclass CKEditorUIPartComponent extends HTMLElement {\n  /**\n   * Lifecycle callback when element is added to DOM.\n   * Adds the toolbar to the editor UI.\n   */\n  connectedCallback() {\n    execIfDOMReady(async () => {\n      const uiPart = this.getAttribute('name')!;\n      const editor = await this.#queryEditorElement()!.instancePromise.promise;\n\n      this.appendChild((editor.ui.view as any)[uiPart].element);\n    });\n  }\n\n  /**\n   * Finds the parent editor component.\n   */\n  #queryEditorElement(): CKEditorComponent | null {\n    return this.closest('ckeditor-component') || document.body.querySelector('ckeditor-component');\n  }\n}\n\ncustomElements.define('ckeditor-ui-part-component', CKEditorUIPartComponent);\n"],"names":["execIfDOMReady","callback","SCRIPT_LOAD_PROMISES","injectScript","url","promise","resolve","reject","script","isSafeKey","key","stylesheetExists","href","sheet","loadAsyncCSS","stylesheets","promises","link","loadAsyncImports","imports","loadExternalPlugin","import_name","import_as","window_name","isScriptPresent","module","imported","uncompressImport","pkg","resolveConfigElementReferences","obj","item","anyObj","element","result","value","uid","CKEditorContextComponent","#connectedEditors","#initializeContext","error","_","oldValue","newValue","editor","Context","ContextWatchdog","plugins","#getPlugins","config","#getConfig","args","raw","CKEditorEditableComponent","editorComponent","#queryEditorElement","name","CKEditorMultiRootEditablesTracker","#editorElement","#editables","editorElement","initialEditables","target","ui","editing","model","root","editable","CKEditorComponent","#initialHTML","#context","#contextEditorId","#bundle","#getEventHandler","handler","#setEventHandler","event","#destroy","#editorElementTag","#contextWatchdog","#initializeEditor","editablesOrContent","#ensureStylesheetsInjected","#ensureWindowScriptsInjected","content","beforeInitEventDetails","Editor","#getEditorConstructor","translations","#getTranslations","watchdog","instance","contextId","_element","_config","EditorWatchdog","#assignInputAttributes","#queryEditables","#setupContentSync","#setupEditableHeight","#setupDataChangeListener","err","getRootContent","rootName","getAllRoots","acc","mainEditable","textarea","attr","syncInput","height","writer","#getBundle","windowScripts","mappedItems","CKEditor","editorType","CKEditorUIPartComponent","uiPart"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../src/helpers/exec-if-dom-ready.ts","../src/helpers/inject-script.ts","../src/helpers/is-safe-key.ts","../src/helpers/load-async-css.ts","../src/helpers/load-async-imports.ts","../src/helpers/resolve-config-element-references.ts","../src/helpers/uid.ts","../src/components/context.ts","../src/components/editable.ts","../src/components/editor/multiroot-editables-tracker.ts","../src/components/editor/editor.ts","../src/components/ui-part.ts"],"sourcesContent":["/**\n * Executes callback when DOM is ready.\n *\n * @param callback - Function to execute when DOM is ready.\n */\nexport function execIfDOMReady(callback: VoidFunction) {\n  switch (document.readyState) {\n    case 'loading':\n      document.addEventListener('DOMContentLoaded', callback, { once: true });\n      break;\n\n    case 'interactive':\n    case 'complete':\n      setTimeout(callback, 0);\n      break;\n\n    default:\n      console.warn('Unexpected document.readyState:', document.readyState);\n      setTimeout(callback, 0);\n  }\n}\n","const SCRIPT_LOAD_PROMISES = new Map();\n\n/**\n * Dynamically loads script files based on configuration.\n * Uses caching to avoid loading the same script multiple times.\n *\n * @param url - URL of the script to load\n */\nexport function injectScript(url: string) {\n  if (SCRIPT_LOAD_PROMISES.has(url)) {\n    return SCRIPT_LOAD_PROMISES.get(url);\n  }\n\n  const promise = new Promise((resolve, reject) => {\n    const script = document.createElement('script');\n    script.src = url;\n    script.onload = resolve;\n    script.onerror = reject;\n\n    document.head.appendChild(script);\n  });\n\n  SCRIPT_LOAD_PROMISES.set(url, promise);\n  return promise;\n}\n","/**\n * Checks if a key is safe to use in configuration objects to prevent prototype pollution\n *\n * @param key - Key name to check\n * @returns True if key is safe to use\n */\nexport function isSafeKey(key: string) {\n  return (\n    typeof key === 'string'\n    && key !== '__proto__'\n    && key !== 'constructor'\n    && key !== 'prototype'\n  );\n}\n","/**\n * Checks if stylesheet with given href already exists in document\n *\n * @param href - Stylesheet URL to check\n * @returns True if stylesheet already exists\n */\nfunction stylesheetExists(href: string) {\n  return Array\n    .from(document.styleSheets)\n    .some(sheet =>\n      sheet.href === href || sheet.href === new URL(href, window.location.href).href,\n    );\n}\n\n/**\n * Dynamically loads CSS files based on configuration\n *\n * @param stylesheets - Array of CSS file URLs to load\n * @returns Array of promises for each CSS file load\n * @throws When CSS file loading fails\n */\nexport function loadAsyncCSS(stylesheets: string[] = []) {\n  const promises = stylesheets.map(href =>\n    new Promise<void>((resolve, reject) => {\n      if (stylesheetExists(href)) {\n        resolve();\n        return;\n      }\n\n      const link = document.createElement('link');\n      link.rel = 'stylesheet';\n      link.href = href;\n\n      link.onerror = reject;\n      link.onload = () => resolve();\n\n      document.head.appendChild(link);\n    }),\n  );\n\n  return Promise.all(promises);\n}\n","import { injectScript } from './inject-script';\nimport { loadAsyncCSS } from './load-async-css';\n\n/**\n * Dynamically imports modules based on configuration\n *\n * @param imports - Array of import configurations\n * @param imports[].name - Name of inline plugin (for inline type)\n * @param imports[].code - Source code of inline plugin (for inline type)\n * @param imports[].import_name - Module path to import (for external type)\n * @param imports[].import_as - Name to import as (for external type)\n * @param imports[].window_name - Global window object name (for external type)\n * @param imports[].type - Type of import\n * @returns Array of loaded modules\n * @throws When plugin loading fails\n */\nexport function loadAsyncImports(imports: Array<AsyncImportRawDescription | string> = []) {\n  const loadExternalPlugin = async ({ url, import_name, import_as, window_name, stylesheets }: AsyncImportRawDescription) => {\n    if (stylesheets?.length) {\n      await loadAsyncCSS(stylesheets);\n    }\n\n    if (window_name) {\n      function isScriptPresent() {\n        return Object.prototype.hasOwnProperty.call(window, window_name!);\n      }\n\n      if (url && !isScriptPresent()) {\n        await injectScript(url);\n      }\n\n      if (!isScriptPresent()) {\n        window.dispatchEvent(\n          new CustomEvent(`ckeditor:request-cjs-plugin:${window_name}`),\n        );\n      }\n\n      if (!isScriptPresent()) {\n        throw new Error(\n          `Plugin window['${window_name}'] not found in global scope. `\n          + 'Please ensure the plugin is loaded before CKEditor initialization.',\n        );\n      }\n\n      return (window as any)[window_name!];\n    }\n\n    const module = await import(import_name!);\n    const imported = module[import_as || 'default'];\n\n    if (!imported) {\n      throw new Error(\n        `Plugin \"${import_as || 'default'}\" not found in the ESM module `\n        + `\"${import_name}\"! Available imports: ${Object.keys(module).join(', ')}! `\n        + 'Consider changing \"import_as\" value.',\n      );\n    }\n\n    return imported;\n  };\n\n  function uncompressImport(pkg: any) {\n    if (typeof pkg === 'string') {\n      return loadExternalPlugin({ import_name: 'ckeditor5', import_as: pkg });\n    }\n\n    return loadExternalPlugin(pkg);\n  }\n\n  return Promise.all(imports.map(uncompressImport));\n}\n\n/**\n * Type definition for plugin raw descriptor\n */\nexport type AsyncImportRawDescription = {\n  url?: string;\n  import_name?: string;\n  import_as?: string;\n  window_name?: string;\n  stylesheets?: string[];\n};\n","/**\n * Resolves element references in configuration object.\n * Looks for objects with { $element: \"selector\" } format and replaces them with actual DOM elements.\n *\n * @param obj - Configuration object to process\n * @returns Processed configuration object with resolved element references\n */\nexport function resolveConfigElementReferences<T>(obj: T): T {\n  if (!obj || typeof obj !== 'object') {\n    return obj;\n  }\n\n  if (Array.isArray(obj)) {\n    return obj.map(item => resolveConfigElementReferences(item)) as T;\n  }\n\n  const anyObj = obj as any;\n\n  if (anyObj.$element && typeof anyObj.$element === 'string') {\n    const element = document.querySelector(anyObj.$element);\n\n    if (!element) {\n      console.warn(`Element not found for selector: ${anyObj.$element}`);\n    }\n\n    return (element || null) as T;\n  }\n\n  const result = Object.create(null);\n\n  for (const [key, value] of Object.entries(obj)) {\n    result[key] = resolveConfigElementReferences(value);\n  }\n\n  return result as T;\n}\n","/**\n * Generates a unique identifier string\n *\n * @returns Random string that can be used as unique identifier\n */\nexport function uid() {\n  return Math.random().toString(36).substring(2);\n}\n","import type { ContextWatchdog } from 'ckeditor5';\n\nimport type { CKEditorComponent } from './editor';\n\nimport { execIfDOMReady, loadAsyncImports, resolveConfigElementReferences } from '../helpers';\n\nexport class CKEditorContextComponent extends HTMLElement {\n  instance: ContextWatchdog | null = null;\n\n  instancePromise = Promise.withResolvers<ContextWatchdog>();\n\n  #connectedEditors = new Set<CKEditorComponent>();\n\n  static get observedAttributes() {\n    return ['plugins', 'config'];\n  }\n\n  async connectedCallback() {\n    try {\n      execIfDOMReady(() => this.#initializeContext());\n    }\n    catch (error) {\n      console.error('Failed to initialize context:', error);\n      this.dispatchEvent(new CustomEvent('context-error', { detail: error }));\n    }\n  }\n\n  async attributeChangedCallback(_: unknown, oldValue: string | null, newValue: string | null) {\n    if (oldValue !== null && oldValue !== newValue) {\n      await this.#initializeContext();\n    }\n  }\n\n  async disconnectedCallback() {\n    if (this.instance) {\n      await this.instance.destroy();\n      this.instance = null;\n    }\n  }\n\n  /**\n   * Register editor component with this context\n   *\n   * @param editor - Editor component to register.\n   */\n  registerEditor(editor: CKEditorComponent) {\n    this.#connectedEditors.add(editor);\n  }\n\n  /**\n   * Unregister editor component from this context\n   *\n   * @param editor - Editor component to unregister\n   */\n  unregisterEditor(editor: CKEditorComponent) {\n    this.#connectedEditors.delete(editor);\n  }\n\n  /**\n   * Initialize CKEditor context with shared configuration\n   *\n   * @private\n   */\n  async #initializeContext() {\n    if (this.instance) {\n      this.instancePromise = Promise.withResolvers<ContextWatchdog>();\n\n      await this.instance.destroy();\n\n      this.instance = null;\n    }\n\n    // Broadcast context initialization event\n    window.dispatchEvent(\n      new CustomEvent('ckeditor:context:attach:before', { detail: { element: this } }),\n    );\n\n    const { Context, ContextWatchdog } = await import('ckeditor5');\n    const plugins = await this.#getPlugins();\n    const config = this.#getConfig();\n\n    // Broadcast context mounting event with configuration\n    window.dispatchEvent(\n      new CustomEvent('ckeditor:context:attach', { detail: { config, element: this } }),\n    );\n\n    this.instance = new ContextWatchdog(Context, {\n      crashNumberLimit: 10,\n    });\n\n    await this.instance.create({\n      ...config,\n      plugins,\n    });\n\n    this.instance.on('itemError', (...args) => {\n      console.error('Context item error:', ...args);\n    });\n\n    this.instancePromise.resolve(this.instance);\n    this.dispatchEvent(new CustomEvent('context-ready', { detail: this.instance }));\n\n    // Reinitialize connected editors.\n    await Promise.all(\n      [...this.#connectedEditors].map(editor => editor.reinitializeEditor()),\n    );\n  }\n\n  async #getPlugins() {\n    const raw = this.getAttribute('plugins');\n\n    return loadAsyncImports(raw ? JSON.parse(raw) : []);\n  }\n\n  /**\n   * Gets context configuration with resolved element references.\n   *\n   * @private\n   */\n  #getConfig() {\n    const config = JSON.parse(this.getAttribute('config') || '{}');\n\n    return resolveConfigElementReferences(config);\n  }\n}\n\ncustomElements.define('ckeditor-context-component', CKEditorContextComponent);\n","import type { CKEditorComponent } from './editor';\n\nimport { execIfDOMReady } from '../helpers/exec-if-dom-ready';\n\nexport class CKEditorEditableComponent extends HTMLElement {\n  /**\n   * Gets the name of this editable region\n   */\n  get name() {\n    return this.getAttribute('name') || 'editable';\n  }\n\n  /**\n   * Gets the actual editable DOM element.\n   */\n  get editableElement() {\n    return this.querySelector('div')!;\n  }\n\n  /**\n   * Root model element.\n   */\n  get modelElement() {\n    return this.getAttribute('inline') === 'true' ? '$inlineRoot' : undefined;\n  }\n\n  /**\n   * Initial editable data.\n   */\n  get initialData() {\n    return this.hasAttribute('initial-data') ? this.getAttribute('initial-data')! : undefined;\n  }\n\n  /**\n   * Lifecycle callback when element is added to DOM\n   * Sets up the editable element and registers it with the parent editor\n   */\n  connectedCallback() {\n    execIfDOMReady(() => {\n      const editorComponent = this.#queryEditorElement();\n\n      if (!editorComponent) {\n        throw new Error('ckeditor-editable-component must be a child of ckeditor-component');\n      }\n\n      this.innerHTML = `<div>${this.innerHTML}</div>`;\n      this.style.display = 'block';\n\n      if (editorComponent.isDecoupled()) {\n        editorComponent.runAfterEditorReady((editor) => {\n          this.appendChild((editor.ui.view as any)[this.name].element);\n        });\n      }\n      else if (editorComponent.editables) {\n        if (!this.name) {\n          throw new Error('Editable component missing required \"name\" attribute');\n        }\n\n        editorComponent.editables[this.name] = this;\n      }\n    });\n  }\n\n  /**\n   * Lifecycle callback when element is removed\n   * Un-registers this editable from the parent editor\n   */\n  disconnectedCallback() {\n    const editorComponent = this.#queryEditorElement();\n\n    if (editorComponent?.editables) {\n      delete editorComponent.editables[this.name];\n    }\n  }\n\n  /**\n   * Finds the parent editor component\n   */\n  #queryEditorElement(): CKEditorComponent | null {\n    return this.closest('ckeditor-component') || document.body.querySelector('ckeditor-component');\n  }\n}\n\ncustomElements.define('ckeditor-editable-component', CKEditorEditableComponent);\n","import type { MultiRootEditor } from 'ckeditor5';\n\nimport type { CKEditorComponent } from './editor';\n\nexport class CKEditorMultiRootEditablesTracker {\n  #editorElement: CKEditorComponent;\n  #editables: Record<string, HTMLElement>;\n\n  /**\n   * Creates new tracker instance wrapped in a Proxy for dynamic property access\n   *\n   * @param editorElement - Parent editor component reference\n   * @param initialEditables - Initial editable elements\n   * @returns Proxy wrapping the tracker\n   */\n  constructor(\n    editorElement: CKEditorComponent,\n    initialEditables: Record<string, HTMLElement> = {},\n  ) {\n    this.#editorElement = editorElement;\n    this.#editables = initialEditables;\n\n    return new Proxy(this, {\n      /**\n       * Handles property access, returns class methods or editable elements\n       *\n       * @param target - The tracker instance\n       * @param name - Property name being accessed\n       */\n      get(target: CKEditorMultiRootEditablesTracker, name: string) {\n        if (typeof (target as any)[name] === 'function') {\n          return (target as any)[name].bind(target);\n        }\n\n        return target.#editables[name];\n      },\n\n      /**\n       * Handles setting new editable elements, triggers root attachment\n       *\n       * @param target - The tracker instance\n       * @param name - Name of the editable root\n       * @param element - Element to attach as editable\n       */\n      set(target: CKEditorMultiRootEditablesTracker, name: string, element: HTMLElement) {\n        if (target.#editables[name] !== element) {\n          void target.attachRoot(name, element);\n          target.#editables[name] = element;\n        }\n        return true;\n      },\n\n      /**\n       * Handles removing editable elements, triggers root detachment\n       *\n       * @param target - The tracker instance\n       * @param name - Name of the root to remove\n       */\n      deleteProperty(target: CKEditorMultiRootEditablesTracker, name: string) {\n        void target.detachRoot(name);\n        delete target.#editables[name];\n\n        return true;\n      },\n    });\n  }\n\n  /**\n   * Attaches a new editable root to the editor.\n   * Creates new editor root and binds UI elements.\n   *\n   * @param name - Name of the editable root\n   * @param element - DOM element to use as editable\n   * @returns Resolves when root is attached\n   */\n  async attachRoot(name: string, element: HTMLElement) {\n    await this.detachRoot(name);\n\n    return this.#editorElement.runAfterEditorReady<MultiRootEditor>((editor) => {\n      const { ui, editing, model } = editor;\n      const modelElement = (element as any).modelElement as string | undefined;\n      const initialData = (element as any).initialData as string | undefined;\n\n      editor.addRoot(name, {\n        isUndoable: false,\n        initialData: initialData ?? element.innerHTML,\n        ...modelElement && { modelElement },\n      });\n\n      const root = model.document.getRoot(name);\n\n      if (ui.getEditableElement(name)) {\n        editor.detachEditable(root!);\n      }\n\n      const editable = ui.view.createEditable(name, element);\n      ui.addEditable(editable);\n      editing.view.forceRender();\n    });\n  }\n\n  /**\n   * Detaches an editable root from the editor.\n   * Removes editor root and cleans up UI bindings.\n   *\n   * @param name - Name of root to detach\n   * @returns Resolves when root is detached\n   */\n  async detachRoot(name: string) {\n    return this.#editorElement.runAfterEditorReady<MultiRootEditor>((editor) => {\n      const root = editor.model.document.getRoot(name);\n\n      if (root) {\n        editor.detachEditable(root);\n        editor.detachRoot(name, true);\n      }\n    });\n  }\n\n  /**\n   * Gets all currently tracked editable elements\n   *\n   * @returns Map of all editable elements\n   */\n  getAll() {\n    return this.#editables;\n  }\n}\n","import type { Editor, EditorWatchdog, Watchdog } from 'ckeditor5';\n\nimport type { AsyncImportRawDescription } from '../../helpers';\nimport type { CKEditorContextComponent } from '../context';\nimport type { CKEditorEditableComponent } from '../editable';\n\nimport {\n  execIfDOMReady,\n  isSafeKey,\n  loadAsyncCSS,\n  loadAsyncImports,\n  resolveConfigElementReferences,\n  uid,\n} from '../../helpers';\nimport { CKEditorMultiRootEditablesTracker } from './multiroot-editables-tracker';\n\nexport class CKEditorComponent extends HTMLElement {\n  instancePromise = Promise.withResolvers<Editor>();\n\n  watchdog: Watchdog | null = null;\n\n  instance: Editor | null = null;\n\n  editables: Record<string, HTMLElement> | null = Object.create(null);\n\n  #initialHTML: string = '';\n\n  #context: CKEditorContextComponent | null = null;\n\n  #contextEditorId: string | null = null;\n\n  #bundle: object | null = null;\n\n  /**\n   * List of attributes that trigger updates when changed.\n   */\n  static get observedAttributes() {\n    return ['config', 'plugins', 'translations', 'type'];\n  }\n\n  /**\n   * List of input attributes that trigger updates when changed.\n   */\n  static get inputAttributes() {\n    return ['name', 'required', 'value'];\n  }\n\n  get oneditorchange() {\n    return this.#getEventHandler('editorchange');\n  }\n\n  set oneditorchange(handler) {\n    this.#setEventHandler('editorchange', handler);\n  }\n\n  get oneditorready() {\n    return this.#getEventHandler('editorready');\n  }\n\n  set oneditorready(handler) {\n    this.#setEventHandler('editorready', handler);\n  }\n\n  get oneditorerror() {\n    return this.#getEventHandler('editorerror');\n  }\n\n  set oneditorerror(handler) {\n    this.#setEventHandler('editorerror', handler);\n  }\n\n  /**\n   * Gets event handler function from attribute or property\n   *\n   * @private\n   * @param name - Event name without 'on' prefix\n   * @returns Event handler or null\n   */\n  #getEventHandler(name: string): Function | null {\n    if (this.hasAttribute(`on${name}`)) {\n      return resolveInlineEventHandler(this.getAttribute(`on${name}`)!);\n    }\n\n    return (this as any)[`#${name}Handler`];\n  }\n\n  /**\n   * Sets event handler function\n   *\n   * @private\n   * @param name - Event name without 'on' prefix\n   * @param handler - Event handler\n   */\n  #setEventHandler(name: string, handler: Function | null) {\n    if (typeof handler === 'string') {\n      this.setAttribute(`on${name}`, handler);\n    }\n    else {\n      this.removeAttribute(`on${name}`);\n      (this as any)[`#${name}Handler`] = handler;\n    }\n  }\n\n  /**\n   * Lifecycle callback when element is connected to DOM\n   * Initializes the editor when DOM is ready\n   *\n   * @protected\n   */\n  connectedCallback() {\n    this.#context = this.closest('ckeditor-context-component');\n    this.#initialHTML = this.innerHTML;\n\n    try {\n      execIfDOMReady(async () => {\n        if (this.#context) {\n          await this.#context.instancePromise.promise;\n          this.#context.registerEditor(this);\n        }\n\n        await this.reinitializeEditor();\n      });\n    }\n    catch (error) {\n      console.error('Failed to initialize editor:', error);\n\n      const event = new CustomEvent('editor-error', { detail: error });\n\n      this.dispatchEvent(event);\n      this.oneditorerror?.(event);\n    }\n  }\n\n  /**\n   * Handles attribute changes and reinitializes editor if needed\n   *\n   * @protected\n   * @param  name - Name of changed attribute\n   * @param oldValue - Previous attribute value\n   * @param newValue - New attribute value\n   */\n  async attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {\n    if (oldValue !== null\n      && oldValue !== newValue\n      && CKEditorComponent.observedAttributes.includes(name) && this.isConnected) {\n      await this.reinitializeEditor();\n    }\n  }\n\n  /**\n   * Lifecycle callback when element is removed from DOM\n   * Destroys the editor instance\n   * @protected\n   */\n  async disconnectedCallback() {\n    if (this.#context) {\n      this.#context.unregisterEditor(this);\n    }\n\n    try {\n      await this.#destroy();\n    }\n    catch (error) {\n      console.error('Failed to destroy editor:', error);\n    }\n  }\n\n  /**\n   * Runs a callback after the editor is ready. It waits for editor\n   * initialization if needed.\n   *\n   * @param callback - Callback to run\n   */\n  runAfterEditorReady<E extends Editor>(callback: (editor: E) => void): Promise<void> {\n    if (this.instance) {\n      return Promise.resolve(callback(this.instance as unknown as E));\n    }\n\n    return this.instancePromise.promise.then(callback as unknown as any);\n  }\n\n  /**\n   * Determines appropriate editor element tag based on editor type\n   */\n  get #editorElementTag() {\n    return getEditorElementTag(this.getAttribute('type'));\n  }\n\n  /**\n   * Gets the CKEditor context instance if available.\n   */\n  get #contextWatchdog() {\n    return this.#context?.instance;\n  }\n\n  /**\n   * Destroys the editor instance and watchdog if available\n   */\n  async #destroy() {\n    if (this.#contextEditorId) {\n      await this.#contextWatchdog!.remove(this.#contextEditorId);\n    }\n\n    await this.instance?.destroy();\n    this.watchdog?.destroy();\n  }\n\n  /**\n   * Gets editor configuration with resolved element references\n   */\n  #getConfig() {\n    return parseEditorConfig(this.getAttribute('config'));\n  }\n\n  /**\n   * Creates a new CKEditor instance\n   */\n  async #initializeEditor(editablesOrContent: Record<string, HTMLElement | string> | CKEditorMultiRootEditablesTracker | string | HTMLElement) {\n    await Promise.all([\n      this.#ensureStylesheetsInjected(),\n      this.#ensureWindowScriptsInjected(),\n    ]);\n\n    const { isMultiroot, content } = resolveEditorContent(editablesOrContent);\n    const beforeInitEventDetails = buildBeforeInitEventDetails(content, isMultiroot);\n\n    window.dispatchEvent(\n      new CustomEvent('ckeditor:attach:before', { detail: beforeInitEventDetails }),\n    );\n\n    const Editor = await this.#getEditorConstructor();\n    const [plugins, translations] = await Promise.all([\n      this.#getPlugins(),\n      this.#getTranslations(),\n    ]);\n\n    const config: Record<string, any> = {\n      ...this.#getConfig(),\n      ...translations.length && {\n        translations,\n      },\n      plugins,\n    };\n\n    applyContentToConfig(config, content, isMultiroot, this.isClassic());\n\n    window.dispatchEvent(\n      new CustomEvent('ckeditor:attach', { detail: { config, ...beforeInitEventDetails } }),\n    );\n\n    let watchdog: EditorWatchdog | null = null;\n    let instance: Editor | null = null;\n    let contextId: string | null = null;\n\n    if (this.#context) {\n      contextId = uid();\n\n      await this.#contextWatchdog!.add({\n        creator: (_config: any) => Editor.create(_config),\n        id: contextId,\n        type: 'editor',\n        config,\n      });\n\n      instance = this.#contextWatchdog!.getItem(contextId) as Editor;\n    }\n    else if (this.hasWatchdog()) {\n      const { EditorWatchdog } = await import('ckeditor5');\n      watchdog = new EditorWatchdog(Editor);\n\n      await watchdog.create(config);\n\n      instance = watchdog.editor;\n    }\n    else {\n      instance = await Editor.create(config);\n    }\n\n    return {\n      contextId,\n      instance,\n      watchdog,\n    };\n  }\n\n  /**\n   * Re-initializes the editor by destroying existing instance and creating new one\n   *\n   * @private\n   * @returns {Promise<void>}\n   */\n  async reinitializeEditor() {\n    if (this.instance) {\n      this.instancePromise = Promise.withResolvers();\n\n      await this.#destroy();\n\n      this.instance = null;\n    }\n\n    this.style.display = 'block';\n\n    if (!this.isMultiroot() && !this.isDecoupled()) {\n      this.innerHTML = `<${this.#editorElementTag}>${this.#initialHTML}</${this.#editorElementTag}>`;\n      this.#assignInputAttributes();\n    }\n\n    // Let's track changes in editables if it's a multiroot editor.\n    if (this.isMultiroot()) {\n      this.editables = new CKEditorMultiRootEditablesTracker(this, this.#queryEditables()) as unknown as Record<string, HTMLElement>;\n    }\n    else if (this.isDecoupled()) {\n      this.editables = null;\n    }\n    else {\n      this.editables = this.#queryEditables();\n    }\n\n    try {\n      const { watchdog, instance, contextId } = await this.#initializeEditor(this.editables || this.#getConfig().root?.initialData || '');\n\n      this.watchdog = watchdog;\n      this.instance = instance!;\n      this.#contextEditorId = contextId;\n\n      this.#setupContentSync();\n      this.#setupEditableHeight();\n      this.#setupDataChangeListener();\n\n      this.instancePromise.resolve(this.instance!);\n\n      // Broadcast editor ready event\n      const event = new CustomEvent('editor-ready', { detail: this.instance });\n\n      this.dispatchEvent(event);\n      this.oneditorready?.(event);\n    }\n    catch (err) {\n      this.instancePromise.reject(err);\n      throw err;\n    }\n  }\n\n  /**\n   * Sets up data change listener that broadcasts content changes\n   */\n  #setupDataChangeListener() {\n    const getRootContent = (rootName: string) => this.instance!.getData({ rootName });\n    const getAllRoots = () =>\n      this.instance?.model.document\n        .getRootNames()\n        .reduce((acc, rootName) => ({\n          ...acc,\n          [rootName]: getRootContent(rootName),\n        }), {});\n\n    this.instance?.model.document.on('change:data', () => {\n      const event = new CustomEvent('editor-change', {\n        detail: {\n          editor: this.instance,\n          data: getAllRoots(),\n        },\n        bubbles: true,\n      });\n\n      this.dispatchEvent(event);\n      this.oneditorchange?.(event);\n    });\n  }\n\n  /**\n   * Checks if current editor is classic type\n   */\n  isClassic() {\n    return this.getAttribute('type') === 'ClassicEditor';\n  }\n\n  /**\n   * Checks if current editor is balloon type\n   */\n  isBallon() {\n    return this.getAttribute('type') === 'BalloonEditor';\n  }\n\n  /**\n   * Checks if current editor is multiroot type\n   */\n  isMultiroot() {\n    return this.getAttribute('type') === 'MultiRootEditor';\n  }\n\n  /**\n   * Checks if current editor is decoupled type\n   */\n  isDecoupled() {\n    return this.getAttribute('type') === 'DecoupledEditor';\n  }\n\n  /**\n   * Checks if current editor has watchdog enabled\n   */\n  hasWatchdog() {\n    return this.getAttribute('watchdog') === 'true';\n  }\n\n  /**\n   * Queries and validates editable elements\n   */\n  #queryEditables() {\n    if (this.isDecoupled()) {\n      return {};\n    }\n\n    if (this.isMultiroot()) {\n      const editables = [...this.querySelectorAll('ckeditor-editable-component')] as CKEditorEditableComponent[];\n\n      return buildEditablesMap(editables);\n    }\n\n    const mainEditable = this.querySelector(this.#editorElementTag);\n\n    if (!mainEditable) {\n      throw new Error(`No ${this.#editorElementTag} element found`);\n    }\n\n    return { main: mainEditable };\n  }\n\n  /**\n   * Copies input-related attributes from component to the main editable element\n   *\n   * @private\n   */\n  #assignInputAttributes() {\n    const textarea = this.querySelector('textarea');\n\n    if (!textarea) {\n      return;\n    }\n\n    copyAttributes(this, textarea, CKEditorComponent.inputAttributes);\n  }\n\n  /**\n   * Sets up content sync between editor and textarea element.\n   *\n   * @private\n   */\n  #setupContentSync() {\n    if (!this.instance) {\n      return;\n    }\n\n    const textarea = this.querySelector('textarea');\n\n    if (!textarea) {\n      return;\n    }\n\n    // Initial sync\n    const syncInput = () => {\n      this.style.position = 'relative';\n\n      textarea.innerHTML = '';\n      textarea.value = this.instance!.getData();\n\n      hideTextareaVisually(textarea);\n    };\n\n    syncInput();\n\n    // Listen for changes\n    this.instance.model.document.on('change:data', () => {\n      textarea.dispatchEvent(new Event('input', { bubbles: true }));\n      textarea.dispatchEvent(new Event('change', { bubbles: true }));\n\n      syncInput();\n    });\n  }\n\n  /**\n   * Sets up editable height for ClassicEditor\n   *\n   * @private\n   */\n  #setupEditableHeight() {\n    if (!this.isClassic() && !this.isBallon()) {\n      return;\n    }\n\n    const height = parseEditableHeight(this.getAttribute('editable-height'));\n\n    if (height === null) {\n      return;\n    }\n\n    applyEditableHeight(this.instance!, height);\n  }\n\n  /**\n   * Gets bundle JSON description from translations attribute\n   */\n  #getBundle(): BundleDescription {\n    return (this.#bundle ||= parseBundleDescription(this.getAttribute('bundle'))) as BundleDescription;\n  }\n\n  /**\n   * Checks if all required stylesheets are injected. If not, inject.\n   */\n  async #ensureStylesheetsInjected() {\n    await loadAsyncCSS(this.#getBundle()?.stylesheets || []);\n  }\n\n  /**\n   * Checks if all required scripts are injected. If not, inject.\n   */\n  async #ensureWindowScriptsInjected() {\n    const windowScripts = (this.#getBundle()?.scripts || []).filter(script => !!script.window_name);\n\n    await loadAsyncImports(windowScripts);\n  }\n\n  /**\n   * Loads translation modules\n   */\n  async #getTranslations() {\n    const translations = this.#getBundle()?.scripts.filter(script => script.translation);\n\n    return loadAsyncImports(translations);\n  }\n\n  /**\n   * Loads plugin modules\n   */\n  async #getPlugins() {\n    return loadAsyncImports(parsePluginDescriptors(this.getAttribute('plugins')));\n  }\n\n  /**\n   * Gets editor constructor based on type attribute\n   */\n  async #getEditorConstructor() {\n    const CKEditor = await import('ckeditor5');\n\n    return resolveEditorConstructor(CKEditor, this.getAttribute('type'));\n  }\n}\n\n/**\n * Resolves the DOM tag used for the main editable element based on the editor type.\n */\nfunction getEditorElementTag(type: string | null): 'textarea' | 'div' {\n  switch (type) {\n    case 'ClassicEditor':\n      return 'textarea';\n\n    default:\n      return 'div';\n  }\n}\n\n/**\n * Parses the `config` attribute JSON and resolves any `$element` references within it.\n */\nfunction parseEditorConfig(raw: string | null) {\n  const config = JSON.parse(raw || '{}');\n\n  return resolveConfigElementReferences(config);\n}\n\n/**\n * Resolves the `editablesOrContent` argument passed to `#initializeEditor` into a\n * normalized `{ isMultiroot, content }` shape.\n */\nfunction resolveEditorContent(\n  editablesOrContent: Record<string, HTMLElement | string> | CKEditorMultiRootEditablesTracker | string | HTMLElement,\n) {\n  const isMultiroot = editablesOrContent instanceof CKEditorMultiRootEditablesTracker;\n\n  let content: any = editablesOrContent;\n\n  if (isMultiroot) {\n    content = (editablesOrContent as CKEditorMultiRootEditablesTracker).getAll();\n  }\n  else if (typeof editablesOrContent !== 'string') {\n    content = (editablesOrContent as any)['main'];\n  }\n\n  return { isMultiroot, content };\n}\n\n/**\n * Builds the payload broadcasted with the `ckeditor:attach:before` / `ckeditor:attach` events.\n */\nfunction buildBeforeInitEventDetails(content: any, isMultiroot: boolean) {\n  return {\n    ...content instanceof HTMLElement && { element: content },\n    ...typeof content === 'string' && { data: content },\n    ...isMultiroot && { editables: content },\n  };\n}\n\n/**\n * Applies the resolved editor content to the editor configuration, using the\n * non-deprecated `attachTo` / `root` / `roots` options instead of the legacy\n * `Editor.create( sourceElementOrData, config )` signature.\n */\nfunction applyContentToConfig(\n  config: Record<string, any>,\n  content: any,\n  isMultiroot: boolean,\n  isClassic: boolean,\n) {\n  if (isMultiroot) {\n    config['roots'] = buildRootsConfig(content as Record<string, CKEditorEditableComponent>);\n  }\n  else if (isClassic && content instanceof HTMLElement) {\n    config['attachTo'] = content;\n  }\n  else if (content instanceof HTMLElement) {\n    config['root'] = { ...config['root'], element: content };\n  }\n  else if (typeof content === 'string') {\n    config['root'] = { ...config['root'], initialData: content };\n  }\n}\n\n/**\n * Builds the `roots` configuration object used to initialize a `MultiRootEditor`.\n */\nfunction buildRootsConfig(editables: Record<string, CKEditorEditableComponent>) {\n  return Object.fromEntries(\n    Object.entries(editables).map(([name, element]) => {\n      const modelElement = (element as any).modelElement as string | undefined;\n      const initialData = (element as any).initialData as string | undefined;\n\n      return [\n        name,\n        {\n          element,\n          initialData: initialData ?? element.innerHTML,\n          ...modelElement && { modelElement },\n        },\n      ];\n    }),\n  );\n}\n\n/**\n * Builds a `{ [name]: element }` map out of a list of editable components, validating\n * that each one has a `name` attribute set.\n */\nfunction buildEditablesMap(elements: CKEditorEditableComponent[]): Record<string, CKEditorEditableComponent> {\n  return elements.reduce((acc, element) => {\n    if (!element.name) {\n      throw new Error('Editable component missing required \"name\" attribute');\n    }\n\n    acc[element.name] = element;\n\n    return acc;\n  }, Object.create(null));\n}\n\n/**\n * Copies the given attributes from the source element to the target element, when present.\n */\nfunction copyAttributes(source: Element, target: Element, attrNames: readonly string[]) {\n  for (const attr of attrNames) {\n    if (source.hasAttribute(attr)) {\n      target.setAttribute(attr, source.getAttribute(attr)!);\n    }\n  }\n}\n\n/**\n * Hides a `<textarea>` element visually while keeping it accessible to form submissions.\n */\nfunction hideTextareaVisually(textarea: HTMLTextAreaElement) {\n  textarea.tabIndex = -1;\n\n  Object.assign(textarea.style, {\n    display: 'flex',\n    position: 'absolute',\n    bottom: '0',\n    left: '50%',\n    width: '1px',\n    height: '1px',\n    opacity: '0',\n    pointerEvents: 'none',\n    margin: '0',\n    padding: '0',\n    border: 'none',\n  });\n}\n\n/**\n * Parses the `editable-height` attribute into a pixel value, or `null` when absent/invalid.\n */\nfunction parseEditableHeight(raw: string | null): number | null {\n  if (raw === null) {\n    return null;\n  }\n\n  const height = Number.parseInt(raw, 10);\n\n  return Number.isNaN(height) ? null : height;\n}\n\n/**\n * Applies a fixed editing view height to the given editor instance.\n */\nfunction applyEditableHeight(instance: Editor, height: number) {\n  instance.editing.view.change((writer) => {\n    writer.setStyle('height', `${height}px`, instance.editing.view.document.getRoot()!);\n  });\n}\n\n/**\n * Parses the `bundle` attribute JSON into a `BundleDescription`.\n */\nfunction parseBundleDescription(raw: string | null): BundleDescription {\n  return JSON.parse(raw!);\n}\n\n/**\n * Parses the `plugins` attribute JSON into async import descriptors.\n */\nfunction parsePluginDescriptors(raw: string | null) {\n  const items = raw ? JSON.parse(raw) : [];\n\n  return items.map((item: any) =>\n    typeof item === 'string'\n      ? { import_name: 'ckeditor5', import_as: item }\n      : item,\n  );\n}\n\n/**\n * Resolves the CKEditor 5 editor constructor matching the `type` attribute.\n */\nfunction resolveEditorConstructor(ckeditorModule: object, editorType: string | null): EditorConstructor {\n  if (!editorType || !Object.prototype.hasOwnProperty.call(ckeditorModule, editorType)) {\n    throw new Error(`Invalid editor type: ${editorType}`);\n  }\n\n  return (ckeditorModule as any)[editorType] as EditorConstructor;\n}\n\n/**\n * Resolves an inline event handler attribute value (e.g. `oneditorready=\"doSomething(event)\"`)\n * into a callable function, looking it up on `window` first.\n */\nfunction resolveInlineEventHandler(handlerAttr: string): Function {\n  if (!isSafeKey(handlerAttr)) {\n    throw new Error(`Unsafe event handler attribute value: ${handlerAttr}`);\n  }\n\n  // eslint-disable-next-line no-new-func\n  return (window as any)[handlerAttr] || new Function('event', handlerAttr);\n}\n\ntype EditorConstructor = {\n  create: (...args: any[]) => Promise<Editor>;\n};\n\ntype BundleDescription = {\n  stylesheets: string[];\n  scripts: Array<AsyncImportRawDescription & {\n    translation?: boolean;\n  }>;\n};\n\ncustomElements.define('ckeditor-component', CKEditorComponent);\n","import type { CKEditorComponent } from './editor';\n\nimport { execIfDOMReady } from '../helpers';\n\nclass CKEditorUIPartComponent extends HTMLElement {\n  /**\n   * Lifecycle callback when element is added to DOM.\n   * Adds the toolbar to the editor UI.\n   */\n  connectedCallback() {\n    execIfDOMReady(async () => {\n      const uiPart = this.getAttribute('name')!;\n      const editor = await this.#queryEditorElement()!.instancePromise.promise;\n\n      this.appendChild((editor.ui.view as any)[uiPart].element);\n    });\n  }\n\n  /**\n   * Finds the parent editor component.\n   */\n  #queryEditorElement(): CKEditorComponent | null {\n    return this.closest('ckeditor-component') || document.body.querySelector('ckeditor-component');\n  }\n}\n\ncustomElements.define('ckeditor-ui-part-component', CKEditorUIPartComponent);\n"],"names":["execIfDOMReady","callback","SCRIPT_LOAD_PROMISES","injectScript","url","promise","resolve","reject","script","isSafeKey","key","stylesheetExists","href","sheet","loadAsyncCSS","stylesheets","promises","link","loadAsyncImports","imports","loadExternalPlugin","import_name","import_as","window_name","isScriptPresent","module","imported","uncompressImport","pkg","resolveConfigElementReferences","obj","item","anyObj","element","result","value","uid","CKEditorContextComponent","#connectedEditors","#initializeContext","error","_","oldValue","newValue","editor","Context","ContextWatchdog","plugins","#getPlugins","config","#getConfig","args","raw","CKEditorEditableComponent","editorComponent","#queryEditorElement","CKEditorMultiRootEditablesTracker","#editorElement","#editables","editorElement","initialEditables","target","name","ui","editing","model","modelElement","initialData","root","editable","CKEditorComponent","#initialHTML","#context","#contextEditorId","#bundle","#getEventHandler","handler","#setEventHandler","resolveInlineEventHandler","event","#destroy","#editorElementTag","getEditorElementTag","#contextWatchdog","parseEditorConfig","#initializeEditor","editablesOrContent","#ensureStylesheetsInjected","#ensureWindowScriptsInjected","isMultiroot","content","resolveEditorContent","beforeInitEventDetails","buildBeforeInitEventDetails","Editor","#getEditorConstructor","translations","#getTranslations","applyContentToConfig","watchdog","instance","contextId","_config","EditorWatchdog","#assignInputAttributes","#queryEditables","#setupContentSync","#setupEditableHeight","#setupDataChangeListener","err","getRootContent","rootName","getAllRoots","acc","editables","buildEditablesMap","mainEditable","textarea","copyAttributes","syncInput","hideTextareaVisually","height","parseEditableHeight","applyEditableHeight","#getBundle","parseBundleDescription","windowScripts","parsePluginDescriptors","CKEditor","resolveEditorConstructor","type","isClassic","buildRootsConfig","elements","source","attrNames","attr","writer","ckeditorModule","editorType","handlerAttr","CKEditorUIPartComponent","uiPart"],"mappings":"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"}