overtype 2.3.6 → 2.3.7

package/dist/overtype-webcomponent.js

@@ -1,5 +1,5 @@
 /**
- * OverType v2.3.6
+ * OverType v2.3.7
  * A lightweight markdown editor library with perfect WYSIWYG alignment
  * @license MIT
  * @author David Miranda
@@ -145,13 +145,13 @@ var OverTypeEditor = (() => {
      * @returns {string} Parsed task list item
      */
     static parseTaskList(html, isPreviewMode = false) {
-      return html.replace(/^((?: )*)-\s+\[([ xX])\]\s+(.+)$/, (match, indent, checked, content) => {
+      return html.replace(/^((?: )*)-(\s+)\[([ xX])\](\s*)(.*)$/, (match, indent, spacingBeforeBox, checked, spacingAfterBox, content) => {
         content = this.parseInlineElements(content);
         if (isPreviewMode) {
           const isChecked = checked.toLowerCase() === "x";
           return `${indent}<li class="task-list"><input type="checkbox" ${isChecked ? "checked" : ""}> ${content}</li>`;
         } else {
-          return `${indent}<li class="task-list"><span class="syntax-marker">- [${checked}] </span>${content}</li>`;
+          return `${indent}<li class="task-list"><span class="syntax-marker">-${spacingBeforeBox}[${checked}]${spacingAfterBox}</span>${content}</li>`;
         }
       });
     }
@@ -4738,7 +4738,7 @@ ${blockSuffix}` : suffix;
       });
       this.initialized = true;
       if (this.options.onChange) {
-        this.options.onChange(this.getValue(), this);
+        this._notifyChange();
       }
     }
     /**
@@ -5178,13 +5178,19 @@ ${blockSuffix}` : suffix;
       if (this.options.showStats && this.statsBar) {
         this._updateStats();
       }
-      if (this.options.onChange && this.initialized) {
-        this.options.onChange(text, this);
-      }
       if (this.options.onRender) {
         this.options.onRender(this.preview, isPreviewMode ? "preview" : "normal", this);
       }
     }
+    /**
+     * Notify listeners that the editor value changed
+     * @private
+     */
+    _notifyChange() {
+      if (!this.options.onChange || !this.initialized)
+        return;
+      this.options.onChange(this.textarea.value, this);
+    }
     /**
      * Apply background styling to code blocks
      * @private
@@ -5218,6 +5224,7 @@ ${blockSuffix}` : suffix;
      */
     handleInput(event) {
       this.updatePreview();
+      this._notifyChange();
     }
     /**
      * Handle keydown events
@@ -5398,11 +5405,15 @@ ${blockSuffix}` : suffix;
      * @param {string} value - Markdown content to set
      */
     setValue(value) {
+      const didChange = this.textarea.value !== value;
       this.textarea.value = value;
       this.updatePreview();
       if (this.options.autoResize) {
         this._updateAutoHeight();
       }
+      if (didChange) {
+        this._notifyChange();
+      }
     }
     /**
      * Execute an action by ID