@alitons/ckeditor5 0.0.14 → 0.0.15

package/build/plugins/modelo.d.ts

@@ -1,6 +1,6 @@
 import { Plugin } from '@ckeditor/ckeditor5-core';
 import 'select2/dist/js/select2.full.min';
-import 'select2/dist/css/select2.css';
+import 'select2/dist/css/select2.min.css';
 export default class DocumentoModelo extends Plugin {
     options: any;
     uid: string;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@alitons/ckeditor5",
   "author": "Aliton Silva",
   "description": "Ckeditor 5 Personalizado adicionados campos para atender as demandas da SEAD/AC",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "license": "SEE LICENSE IN LICENSE.md",
   "private": false,
   "main": "./build/ckeditor.js",

package/sample/script.js

@@ -34,21 +34,21 @@ watchdog.create( document.querySelector( '.editor' ), {
 		},
 		documentoModeloOptions: {
 			categoria: {
-				options: [
-					{
-						autotexto: 'teste 1',
-						titulo: 'Primeiro teste'
-					}
-				],
+				// options: [
+				// 	{
+				// 		autotexto: 'teste 1',
+				// 		titulo: 'Primeiro teste'
+				// 	}
+				// ],
 				ajax: {
-					url: 'http://10.10.18.10/compras/api/teste',
+					url: 'https://compras.test/api/documento-modelo/categoria',
 					method: 'GET',
 					data: {
 						usuario: 'usuario',
 					},
 					results: {
-						autotexto: 'autotexto',
-						titulo: 'titulo'
+						id: 'id_categoria_autotexto',
+						text: 'descricao'
 					}
 				}
 			},
@@ -59,7 +59,7 @@ watchdog.create( document.querySelector( '.editor' ), {
 				}
 			],
 			ajax: {
-				url: 'http://10.10.18.10/compras/api/teste',
+				url: 'https://compras.test/api/documento-modelo',
 				method: 'GET',
 				data: {
 					usuario: 'usuario',

package/src/ckeditor.ts

@@ -256,15 +256,6 @@ class Editor extends DecoupledEditor {
             }
         }
 	};
-
-	public static override create( sourceElementOrData, config ) {
-		console.log('CKEditor 5 is being created with the following config:', config);
-		return super.create( sourceElementOrData, config );
-	}
-
-	public static override destroy() {
-		return super.destroy();
-	}
 }
 
 export default { Editor, EditorWatchdog };

package/src/components/list/listitemview.d.ts

@@ -1,35 +1,35 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module ui/list/listitemview
- */
-import View from '@ckeditor/ckeditor5-ui/src/view';
-import type ViewCollection from '@ckeditor/ckeditor5-ui/src/viewcollection';
-import type { Locale } from '@ckeditor/ckeditor5-utils';
-/**
- * The list item view class.
- */
-export default class ListItemView extends View {
-    /**
-     * Collection of the child views inside of the list item {@link #element}.
-     */
-    readonly children: ViewCollection;
-    /**
-     * Controls whether the item view is visible. Visible by default, list items are hidden
-     * using a CSS class.
-     *
-     * @observable
-     * @default true
-     */
-    isVisible: boolean;
-    /**
-     * @inheritDoc
-     */
-    constructor(locale?: Locale);
-    /**
-     * Focuses the list item.
-     */
-    focus(): void;
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module ui/list/listitemview
+ */
+import View from '@ckeditor/ckeditor5-ui/src/view';
+import type ViewCollection from '@ckeditor/ckeditor5-ui/src/viewcollection';
+import type { Locale } from '@ckeditor/ckeditor5-utils';
+/**
+ * The list item view class.
+ */
+export default class ListItemView extends View {
+    /**
+     * Collection of the child views inside of the list item {@link #element}.
+     */
+    readonly children: ViewCollection;
+    /**
+     * Controls whether the item view is visible. Visible by default, list items are hidden
+     * using a CSS class.
+     *
+     * @observable
+     * @default true
+     */
+    isVisible: boolean;
+    /**
+     * @inheritDoc
+     */
+    constructor(locale?: Locale);
+    /**
+     * Focuses the list item.
+     */
+    focus(): void;
+}

package/src/components/list/listitemview.js

@@ -1,42 +1,42 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module ui/list/listitemview
- */
-import View from '@ckeditor/ckeditor5-ui/src/view';
-/**
- * The list item view class.
- */
-export default class ListItemView extends View {
-    /**
-     * @inheritDoc
-     */
-    constructor(locale) {
-        super(locale);
-        const bind = this.bindTemplate;
-        this.set('isVisible', true);
-        this.children = this.createCollection();
-        this.setTemplate({
-            tag: 'div',
-            attributes: {
-                class: [
-                    'ck',
-                    'ck-list-properties',
-                    'ck-list-properties_with',
-                    'ck-list-numbered-properties',
-                    bind.if('isVisible', 'ck-hidden', value => !value)
-                ],
-                role: 'presentation'
-            },
-            children: this.children
-        });
-    }
-    /**
-     * Focuses the list item.
-     */
-    focus() {
-        this.children.first.focus();
-    }
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module ui/list/listitemview
+ */
+import View from '@ckeditor/ckeditor5-ui/src/view';
+/**
+ * The list item view class.
+ */
+export default class ListItemView extends View {
+    /**
+     * @inheritDoc
+     */
+    constructor(locale) {
+        super(locale);
+        const bind = this.bindTemplate;
+        this.set('isVisible', true);
+        this.children = this.createCollection();
+        this.setTemplate({
+            tag: 'div',
+            attributes: {
+                class: [
+                    'ck',
+                    'ck-list-properties',
+                    'ck-list-properties_with',
+                    'ck-list-numbered-properties',
+                    bind.if('isVisible', 'ck-hidden', value => !value)
+                ],
+                role: 'presentation'
+            },
+            children: this.children
+        });
+    }
+    /**
+     * Focuses the list item.
+     */
+    focus() {
+        this.children.first.focus();
+    }
+}

package/src/components/list/listview.d.ts

@@ -1,65 +1,65 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module ui/list/listview
- */
-import View from '@ckeditor/ckeditor5-ui/src/view';
-import type DropdownPanelFocusable from '@ckeditor/ckeditor5-ui/src/dropdown/dropdownpanelfocusable';
-import type ViewCollection from '@ckeditor/ckeditor5-ui/src/viewcollection';
-import { FocusTracker, KeystrokeHandler, type Locale } from '@ckeditor/ckeditor5-utils';
-import '@ckeditor/ckeditor5-ui/theme/components/list/list.css';
-/**
- * The list view class.
- */
-export default class ListView extends View<HTMLUListElement> implements DropdownPanelFocusable {
-    /**
-     * Collection of the child list views.
-     */
-    readonly items: ViewCollection;
-    /**
-     * Tracks information about DOM focus in the list.
-     */
-    readonly focusTracker: FocusTracker;
-    /**
-     * Instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
-     */
-    readonly keystrokes: KeystrokeHandler;
-    /**
-     * Label used by assistive technologies to describe this list element.
-     *
-     * @observable
-     */
-    ariaLabel: string | undefined;
-    /**
-     * The property reflected by the `role` DOM attribute to be used by assistive technologies.
-     *
-     * @observable
-     */
-    role: string | undefined;
-    /**
-     * Helps cycling over focusable {@link #items} in the list.
-     */
-    private readonly _focusCycler;
-    /**
-     * @inheritDoc
-     */
-    constructor(locale?: Locale);
-    /**
-     * @inheritDoc
-     */
-    render(): void;
-    /**
-     * @inheritDoc
-     */
-    destroy(): void;
-    /**
-     * Focuses the first focusable in {@link #items}.
-     */
-    focus(): void;
-    /**
-     * Focuses the last focusable in {@link #items}.
-     */
-    focusLast(): void;
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module ui/list/listview
+ */
+import View from '@ckeditor/ckeditor5-ui/src/view';
+import type DropdownPanelFocusable from '@ckeditor/ckeditor5-ui/src/dropdown/dropdownpanelfocusable';
+import type ViewCollection from '@ckeditor/ckeditor5-ui/src/viewcollection';
+import { FocusTracker, KeystrokeHandler, type Locale } from '@ckeditor/ckeditor5-utils';
+import '@ckeditor/ckeditor5-ui/theme/components/list/list.css';
+/**
+ * The list view class.
+ */
+export default class ListView extends View<HTMLUListElement> implements DropdownPanelFocusable {
+    /**
+     * Collection of the child list views.
+     */
+    readonly items: ViewCollection;
+    /**
+     * Tracks information about DOM focus in the list.
+     */
+    readonly focusTracker: FocusTracker;
+    /**
+     * Instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
+     */
+    readonly keystrokes: KeystrokeHandler;
+    /**
+     * Label used by assistive technologies to describe this list element.
+     *
+     * @observable
+     */
+    ariaLabel: string | undefined;
+    /**
+     * The property reflected by the `role` DOM attribute to be used by assistive technologies.
+     *
+     * @observable
+     */
+    role: string | undefined;
+    /**
+     * Helps cycling over focusable {@link #items} in the list.
+     */
+    private readonly _focusCycler;
+    /**
+     * @inheritDoc
+     */
+    constructor(locale?: Locale);
+    /**
+     * @inheritDoc
+     */
+    render(): void;
+    /**
+     * @inheritDoc
+     */
+    destroy(): void;
+    /**
+     * Focuses the first focusable in {@link #items}.
+     */
+    focus(): void;
+    /**
+     * Focuses the last focusable in {@link #items}.
+     */
+    focusLast(): void;
+}

package/src/components/list/listview.js

@@ -1,92 +1,92 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module ui/list/listview
- */
-import View from '@ckeditor/ckeditor5-ui/src/view';
-import FocusCycler from '@ckeditor/ckeditor5-ui/src/focuscycler';
-import { FocusTracker, KeystrokeHandler } from '@ckeditor/ckeditor5-utils';
-import '@ckeditor/ckeditor5-ui/theme/components/list/list.css';
-/**
- * The list view class.
- */
-export default class ListView extends View {
-    /**
-     * @inheritDoc
-     */
-    constructor(locale) {
-        super(locale);
-        const bind = this.bindTemplate;
-        this.items = this.createCollection();
-        this.focusTracker = new FocusTracker();
-        this.keystrokes = new KeystrokeHandler();
-        this._focusCycler = new FocusCycler({
-            focusables: this.items,
-            focusTracker: this.focusTracker,
-            keystrokeHandler: this.keystrokes,
-            actions: {
-                // Navigate list items backwards using the arrowup key.
-                focusPrevious: 'arrowup',
-                // Navigate toolbar items forwards using the arrowdown key.
-                focusNext: 'arrowdown'
-            }
-        });
-        this.set('ariaLabel', undefined);
-        this.set('role', undefined);
-        this.setTemplate({
-            tag: 'div',
-            attributes: {
-                class: [
-                    //ck ck-list-styles-list
-                    'ck',
-                    //ck ck-reset ck-dropdown__panel ck-dropdown__panel_se
-                    'ck-list-styles-list',
-                    'ck-numlist-panel'
-                ],
-                role: bind.to('role'),
-                'aria-label': bind.to('ariaLabel')
-            },
-            children: this.items
-        });
-    }
-    /**
-     * @inheritDoc
-     */
-    render() {
-        super.render();
-        // Items added before rendering should be known to the #focusTracker.
-        for (const item of this.items) {
-            this.focusTracker.add(item.element);
-        }
-        this.items.on('add', (evt, item) => {
-            this.focusTracker.add(item.element);
-        });
-        this.items.on('remove', (evt, item) => {
-            this.focusTracker.remove(item.element);
-        });
-        // Start listening for the keystrokes coming from #element.
-        this.keystrokes.listenTo(this.element);
-    }
-    /**
-     * @inheritDoc
-     */
-    destroy() {
-        // super.destroy();
-        // this.focusTracker.destroy();
-        // this.keystrokes.destroy();
-    }
-    /**
-     * Focuses the first focusable in {@link #items}.
-     */
-    focus() {
-        this._focusCycler.focusFirst();
-    }
-    /**
-     * Focuses the last focusable in {@link #items}.
-     */
-    focusLast() {
-        this._focusCycler.focusLast();
-    }
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module ui/list/listview
+ */
+import View from '@ckeditor/ckeditor5-ui/src/view';
+import FocusCycler from '@ckeditor/ckeditor5-ui/src/focuscycler';
+import { FocusTracker, KeystrokeHandler } from '@ckeditor/ckeditor5-utils';
+import '@ckeditor/ckeditor5-ui/theme/components/list/list.css';
+/**
+ * The list view class.
+ */
+export default class ListView extends View {
+    /**
+     * @inheritDoc
+     */
+    constructor(locale) {
+        super(locale);
+        const bind = this.bindTemplate;
+        this.items = this.createCollection();
+        this.focusTracker = new FocusTracker();
+        this.keystrokes = new KeystrokeHandler();
+        this._focusCycler = new FocusCycler({
+            focusables: this.items,
+            focusTracker: this.focusTracker,
+            keystrokeHandler: this.keystrokes,
+            actions: {
+                // Navigate list items backwards using the arrowup key.
+                focusPrevious: 'arrowup',
+                // Navigate toolbar items forwards using the arrowdown key.
+                focusNext: 'arrowdown'
+            }
+        });
+        this.set('ariaLabel', undefined);
+        this.set('role', undefined);
+        this.setTemplate({
+            tag: 'div',
+            attributes: {
+                class: [
+                    //ck ck-list-styles-list
+                    'ck',
+                    //ck ck-reset ck-dropdown__panel ck-dropdown__panel_se
+                    'ck-list-styles-list',
+                    'ck-numlist-panel'
+                ],
+                role: bind.to('role'),
+                'aria-label': bind.to('ariaLabel')
+            },
+            children: this.items
+        });
+    }
+    /**
+     * @inheritDoc
+     */
+    render() {
+        super.render();
+        // Items added before rendering should be known to the #focusTracker.
+        for (const item of this.items) {
+            this.focusTracker.add(item.element);
+        }
+        this.items.on('add', (evt, item) => {
+            this.focusTracker.add(item.element);
+        });
+        this.items.on('remove', (evt, item) => {
+            this.focusTracker.remove(item.element);
+        });
+        // Start listening for the keystrokes coming from #element.
+        this.keystrokes.listenTo(this.element);
+    }
+    /**
+     * @inheritDoc
+     */
+    destroy() {
+        super.destroy();
+        this.focusTracker.destroy();
+        this.keystrokes.destroy();
+    }
+    /**
+     * Focuses the first focusable in {@link #items}.
+     */
+    focus() {
+        this._focusCycler.focusFirst();
+    }
+    /**
+     * Focuses the last focusable in {@link #items}.
+     */
+    focusLast() {
+        this._focusCycler.focusLast();
+    }
+}

package/src/css/custom.css

@@ -1,12 +1,3 @@
-.ck-dropdown .select2-container--open {
-    background-color: white !important;
-}
-
-.ck-dropdown ul.select2-results__options {
-  padding: 10px !important;
-  background: #fff !important;
-}
-
 :root {
   --depth: -1;
 }

package/src/plugins/NumberedDivListSplit.ts

@@ -127,6 +127,15 @@ export default class NumberedDivListSplit extends Plugin {
         });
       });
 
+      // Limpeza
+      split.on('destroy', () => {
+        try { panel.destroy(); } catch {}
+        // @ts-ignore
+        window.removeEventListener('scroll', onScrollOrResize, true);
+        // @ts-ignore
+        window.removeEventListener('resize', onScrollOrResize, true);
+      });
+
       // Habilita/desabilita conforme comandos
       const toggleCmd: any = editor.commands.get('toggleNumberedDivList');
       if (toggleCmd) {

package/src/plugins/listaNumerada.ts

@@ -309,8 +309,7 @@ export default class NumberedDivList extends Plugin {
 
     
     editor.model.document.on('change:data', () => {
-      const config = toolbar!.listaNumeradaOptions || {};
-      executeForceList(editor, config);
+          executeForceList(editor, config);
     });
 
     
@@ -320,7 +319,6 @@ export default class NumberedDivList extends Plugin {
 
     // quando o editor for inicializado, dispara o change:data uma vez
     editor.on('ready', () => {
-      const config = toolbar!.listaNumeradaOptions || {};
       executeForceList(editor, config);
     });