@dile/editor - npm Package Compare versions

Comparing version 2.3.2 to 2.4.0

package.json

		{
		"name": "@dile/editor",
		"version": "2.3.2",
		"version": "2.4.0",
		"description": "Webcomponent to create a user editor interface, configured on various ways",
		@@ -33,3 +33,3 @@ "keywords": [
		"@dile/icons": "^2.1.0",
		"@dile/ui": "^2.3.1",
		"@dile/ui": "^2.4.0",
		"lit": "^2.7.0 \|\| ^3.0.0",
		@@ -45,3 +45,3 @@ "prosemirror-commands": "^1.5.0",
		},
		"gitHead": "ea951d488df2f6ae44dec2b4b4487549caca09e6"
		"gitHead": "9514bd93f87c3237a41056fb6bb59025088f230e"
		}

src/dile-editor-markdown.js

		@@ -94,3 +94,7 @@ import { LitElement, css } from 'lit';
		}

		focus() {
		this.view.focus();
		}
		}
		customElements.define('dile-editor-markdown', DileEditorMarkdown);

src/dile-editor-toolbar.js

		@@ -176,2 +176,3 @@ import { LitElement, html, css } from 'lit';
		blockElementChanged(e) {
		e.stopPropagation();
		let commandName = e.detail.value;
		@@ -178,0 +179,0 @@ let commandElement = this.blockItems.find(item => item.commandName == commandName);

src/DileEditor.js

		@@ -116,3 +116,3 @@ import { LitElement, html, css } from 'lit';

		.ProseMirror code {
		.ProseMirror pre {
		background-color: #eee;
		@@ -122,2 +122,7 @@ padding: 0.4rem;

		.ProseMirror p code {
		background-color: #eee;
		padding: 1px;
		}

		dile-tabs {
		@@ -177,6 +182,9 @@ margin-bottom: 0.3rem;

		/** Language config */
		};
		}

		static get formAssociated() {
		return true;
		}

		constructor() {
		@@ -191,3 +199,4 @@ super();
		this._menuConfig = {...defaultToolbarConfig};
		this.addicionalCommands = {}
		this.addicionalCommands = {};
		this.internals = this.attachInternals();
		}
		@@ -201,2 +210,3 @@
		this.emmitChange();
		this.internals.setFormValue(this.value);
		}
		@@ -229,3 +239,3 @@ }
		${this.label
		? html`<label for="textField">${this.label}</label>`
		? html`<label for="textField" @click=${this.focus}>${this.label}</label>`
		: ""
		@@ -266,4 +276,2 @@ }
		</div>


		`;
		@@ -317,2 +325,10 @@ }
		}

		focus() {
		if(this.viewSelected == 'design') {
		console.log(this.editor);
		this.editor.focus();
		}
		this.textarea.focus();
		}
		}

New alerts