@esportsplus/ui 0.57.0 → 0.58.0

package/build/components/editor/markdown/render.js

@@ -6,45 +6,63 @@ import icon from '../../icon/index.js';
 import { sanitizeHtml } from './html.js';
 import { clipInline } from './inline.js';
 import chevron from '@esportsplus/ui/svg/chevron-down.svg';
-const template_1szz54a2 = template_u1.template(`<button aria-label='Unfold block' class='markdown-editor-chip' type='button'> … <!--$--> lines `);
-const template_1szz54a5 = template_u1.template(`<br>`);
-const template_1szz54a7 = template_u1.template(`<pre class='markdown-editor-pre'><code class='markdown-editor-code markdown-editor-code--block'>`);
-const template_1szz54aa = template_u1.template(`<span class='markdown-editor-frontmatter'> frontmatter · <!--$--> lines `);
-const template_1szz54ad = template_u1.template(`<span class='markdown-editor-marker'>`);
-const template_1szz54af = template_u1.template(`<hr class='markdown-editor-rule'>`);
-const template_1szz54ah = template_u1.template(`<code class='markdown-editor-code'>`);
-const template_1szz54ak = template_u1.template(`<em class='markdown-editor-em'>`);
-const template_1szz54an = template_u1.template(`<a class='markdown-editor-link' rel='noopener noreferrer'>`);
-const template_1szz54aq = template_u1.template(`<span class='markdown-editor-link'>`);
-const template_1szz54at = template_u1.template(`<s class='markdown-editor-strike'>`);
-const template_1szz54aw = template_u1.template(`<strong class='markdown-editor-strong'>`);
-const template_1szz54az = template_u1.template(`<div class='markdown-editor-block '><button class='markdown-editor-fold' tabindex='-1' type='button'>`);
-const template_1szz54a15 = template_u1.template(`<blockquote class='markdown-editor-quote'>`);
-const template_1szz54a1a = template_u1.template(`<details>`);
-const template_1szz54a1d = template_u1.template(`<div>`);
-const template_1szz54a1i = template_u1.template(`<h1 class='markdown-editor-heading markdown-editor-heading--h1'>`);
-const template_1szz54a1l = template_u1.template(`<h2 class='markdown-editor-heading markdown-editor-heading--h2'>`);
-const template_1szz54a1o = template_u1.template(`<h3 class='markdown-editor-heading markdown-editor-heading--h3'>`);
-const template_1szz54a1r = template_u1.template(`<h4 class='markdown-editor-heading markdown-editor-heading--h4'>`);
-const template_1szz54a1u = template_u1.template(`<h5 class='markdown-editor-heading markdown-editor-heading--h5'>`);
-const template_1szz54a1x = template_u1.template(`<h6 class='markdown-editor-heading markdown-editor-heading--h6'>`);
-const template_1szz54a20 = template_u1.template(`<img class='markdown-editor-image' loading='lazy'>`);
-const template_1szz54a23 = template_u1.template(`<li>`);
-const template_1szz54a26 = template_u1.template(`<ol class='markdown-editor-list'>`);
-const template_1szz54a29 = template_u1.template(`<p class='markdown-editor-paragraph'>`);
-const template_1szz54a2c = template_u1.template(`<pre class='markdown-editor-pre'>`);
-const template_1szz54a2h = template_u1.template(`<span>`);
-const template_1szz54a2m = template_u1.template(`<sub>`);
-const template_1szz54a2p = template_u1.template(`<summary class='markdown-editor-summary'><!--$-->`);
-const template_1szz54a2t = template_u1.template(`<sup>`);
-const template_1szz54a2w = template_u1.template(`<table class='markdown-editor-table'>`);
-const template_1szz54a2z = template_u1.template(`<tbody>`);
-const template_1szz54a32 = template_u1.template(`<td class='markdown-editor-cell'>`);
-const template_1szz54a35 = template_u1.template(`<th class='markdown-editor-cell markdown-editor-cell--head'>`);
-const template_1szz54a38 = template_u1.template(`<thead>`);
-const template_1szz54a3b = template_u1.template(`<tr>`);
-const template_1szz54a3e = template_u1.template(`<ul class='markdown-editor-list'>`);
+const template_1szz54a3 = template_u1.template(`<button aria-label='Unfold block' class='markdown-editor-chip' contenteditable='false' type='button'> … <!--$--> lines `);
+const template_1szz54a6 = template_u1.template(`<br>`);
+const template_1szz54a8 = template_u1.template(`<pre class='markdown-editor-pre'><code class='markdown-editor-code markdown-editor-code--block'>`);
+const template_1szz54ab = template_u1.template(`<pre class='markdown-editor-pre'><!--$--><code class='markdown-editor-code markdown-editor-code--block'>`);
+const template_1szz54af = template_u1.template(`<pre class='markdown-editor-pre markdown-editor-frontmatter'><code class='markdown-editor-code markdown-editor-code--block'>`);
+const template_1szz54ai = template_u1.template(`<div contenteditable='false'>`);
+const template_1szz54al = template_u1.template(`<span class='markdown-editor-marker' contenteditable='false'>`);
+const template_1szz54an = template_u1.template(`<hr class='markdown-editor-rule' contenteditable='false'>`);
+const template_1szz54ap = template_u1.template(`<code class='markdown-editor-code'>`);
+const template_1szz54as = template_u1.template(`<em class='markdown-editor-em'>`);
+const template_1szz54av = template_u1.template(`<a class='markdown-editor-link' rel='noopener noreferrer'>`);
+const template_1szz54ay = template_u1.template(`<span class='markdown-editor-link'>`);
+const template_1szz54a11 = template_u1.template(`<s class='markdown-editor-strike'>`);
+const template_1szz54a14 = template_u1.template(`<strong class='markdown-editor-strong'>`);
+const template_1szz54a17 = template_u1.template(`<span class='markdown-editor-info'>`);
+const template_1szz54a1a = template_u1.template(`<span class='markdown-editor-label'>`);
+const template_1szz54a1d = template_u1.template(`<div class='markdown-editor-block '><button class='markdown-editor-fold' contenteditable='false' tabindex='-1' type='button'>`);
+const template_1szz54a1j = template_u1.template(`<blockquote class='markdown-editor-quote'>`);
+const template_1szz54a1o = template_u1.template(`<details>`);
+const template_1szz54a1r = template_u1.template(`<div>`);
+const template_1szz54a1w = template_u1.template(`<h1 class='markdown-editor-heading markdown-editor-heading--h1'>`);
+const template_1szz54a1z = template_u1.template(`<h2 class='markdown-editor-heading markdown-editor-heading--h2'>`);
+const template_1szz54a22 = template_u1.template(`<h3 class='markdown-editor-heading markdown-editor-heading--h3'>`);
+const template_1szz54a25 = template_u1.template(`<h4 class='markdown-editor-heading markdown-editor-heading--h4'>`);
+const template_1szz54a28 = template_u1.template(`<h5 class='markdown-editor-heading markdown-editor-heading--h5'>`);
+const template_1szz54a2b = template_u1.template(`<h6 class='markdown-editor-heading markdown-editor-heading--h6'>`);
+const template_1szz54a2d = template_u1.template(`<hr class='markdown-editor-rule'>`);
+const template_1szz54a2f = template_u1.template(`<img class='markdown-editor-image' loading='lazy'>`);
+const template_1szz54a2i = template_u1.template(`<li>`);
+const template_1szz54a2l = template_u1.template(`<ol class='markdown-editor-list'>`);
+const template_1szz54a2o = template_u1.template(`<p class='markdown-editor-paragraph'>`);
+const template_1szz54a2r = template_u1.template(`<pre class='markdown-editor-pre'>`);
+const template_1szz54a2w = template_u1.template(`<span>`);
+const template_1szz54a31 = template_u1.template(`<sub>`);
+const template_1szz54a34 = template_u1.template(`<summary class='markdown-editor-summary'><!--$-->`);
+const template_1szz54a38 = template_u1.template(`<sup>`);
+const template_1szz54a3b = template_u1.template(`<table class='markdown-editor-table'>`);
+const template_1szz54a3e = template_u1.template(`<tbody>`);
+const template_1szz54a3h = template_u1.template(`<td class='markdown-editor-cell'>`);
+const template_1szz54a3k = template_u1.template(`<th class='markdown-editor-cell markdown-editor-cell--head'>`);
+const template_1szz54a3n = template_u1.template(`<thead>`);
+const template_1szz54a3q = template_u1.template(`<tr>`);
+const template_1szz54a3t = template_u1.template(`<ul class='markdown-editor-list'>`);
 class ReactiveObject_1szz54a0 extends reactivity_u0.ReactiveObject {
+    #done;
+    constructor(_p0) {
+        super(null);
+        this.#done = this[reactivity_u0.SIGNAL](_p0);
+    }
+    get done() {
+        return reactivity_u0.read(this.#done);
+    }
+    set done(_v0) {
+        reactivity_u0.write(this.#done, _v0);
+    }
+}
+class ReactiveObject_1szz54a1 extends reactivity_u0.ReactiveObject {
     #foldable;
     constructor(_p0) {
         super(null);
@@ -57,7 +75,8 @@ class ReactiveObject_1szz54a0 extends reactivity_u0.ReactiveObject {
         reactivity_u0.write(this.#foldable, _v0);
     }
 }
-const EOL = /\r\n|\r|\n/;
+const CARRIAGE_RETURN = /\r$/;
+const FENCE_OPEN = /^[ \t>]*(?:`{3,}|~{3,})/;
 const ORDERED = /^\d/;
 let parser;
 function lines(text, from, to, base) {
@@ -90,249 +109,249 @@ function safe(nodes) {
         switch (node.tag) {
             case 'a':
                 out.push((() => {
-                    let root_1szz54a12 = template_1szz54an(), element_1szz54a13 = root_1szz54a12.firstChild;
-                    template_u1.slot(element_1szz54a13, content, 1);
-                    template_u1.setProperties(element_1szz54a13, attributes);
-                    return root_1szz54a12;
+                    let root_1szz54a1g = template_1szz54av(), element_1szz54a1h = root_1szz54a1g.firstChild;
+                    template_u1.slot(element_1szz54a1h, content, 1);
+                    template_u1.setProperties(element_1szz54a1h, attributes);
+                    return root_1szz54a1g;
                 })());
                 break;
             case 'blockquote':
                 out.push((() => {
-                    let root_1szz54a14 = template_1szz54a15(), element_1szz54a16 = root_1szz54a14.firstChild;
-                    template_u1.slot(element_1szz54a16, content, 1);
-                    template_u1.setProperties(element_1szz54a16, attributes);
-                    return root_1szz54a14;
+                    let root_1szz54a1i = template_1szz54a1j(), element_1szz54a1k = root_1szz54a1i.firstChild;
+                    template_u1.slot(element_1szz54a1k, content, 1);
+                    template_u1.setProperties(element_1szz54a1k, attributes);
+                    return root_1szz54a1i;
                 })());
                 break;
             case 'br':
-                out.push(template_1szz54a5());
+                out.push(template_1szz54a6());
                 break;
             case 'code':
                 out.push((() => {
-                    let root_1szz54a17 = template_1szz54ah(), element_1szz54a18 = root_1szz54a17.firstChild;
-                    template_u1.slot(element_1szz54a18, content, 1);
-                    template_u1.setProperties(element_1szz54a18, attributes);
-                    return root_1szz54a17;
+                    let root_1szz54a1l = template_1szz54ap(), element_1szz54a1m = root_1szz54a1l.firstChild;
+                    template_u1.slot(element_1szz54a1m, content, 1);
+                    template_u1.setProperties(element_1szz54a1m, attributes);
+                    return root_1szz54a1l;
                 })());
                 break;
             case 'details':
                 out.push((() => {
-                    let root_1szz54a19 = template_1szz54a1a(), element_1szz54a1b = root_1szz54a19.firstChild;
-                    template_u1.slot(element_1szz54a1b, content, 1);
-                    template_u1.setProperties(element_1szz54a1b, attributes);
-                    return root_1szz54a19;
+                    let root_1szz54a1n = template_1szz54a1o(), element_1szz54a1p = root_1szz54a1n.firstChild;
+                    template_u1.slot(element_1szz54a1p, content, 1);
+                    template_u1.setProperties(element_1szz54a1p, attributes);
+                    return root_1szz54a1n;
                 })());
                 break;
             case 'div':
                 out.push((() => {
-                    let root_1szz54a1c = template_1szz54a1d(), element_1szz54a1e = root_1szz54a1c.firstChild;
-                    template_u1.slot(element_1szz54a1e, content, 1);
-                    template_u1.setProperties(element_1szz54a1e, attributes);
-                    return root_1szz54a1c;
+                    let root_1szz54a1q = template_1szz54a1r(), element_1szz54a1s = root_1szz54a1q.firstChild;
+                    template_u1.slot(element_1szz54a1s, content, 1);
+                    template_u1.setProperties(element_1szz54a1s, attributes);
+                    return root_1szz54a1q;
                 })());
                 break;
             case 'em':
                 out.push((() => {
-                    let root_1szz54a1f = template_1szz54ak(), element_1szz54a1g = root_1szz54a1f.firstChild;
-                    template_u1.slot(element_1szz54a1g, content, 1);
-                    template_u1.setProperties(element_1szz54a1g, attributes);
-                    return root_1szz54a1f;
+                    let root_1szz54a1t = template_1szz54as(), element_1szz54a1u = root_1szz54a1t.firstChild;
+                    template_u1.slot(element_1szz54a1u, content, 1);
+                    template_u1.setProperties(element_1szz54a1u, attributes);
+                    return root_1szz54a1t;
                 })());
                 break;
             case 'h1':
                 out.push((() => {
-                    let root_1szz54a1h = template_1szz54a1i(), element_1szz54a1j = root_1szz54a1h.firstChild;
-                    template_u1.slot(element_1szz54a1j, content, 1);
-                    template_u1.setProperties(element_1szz54a1j, attributes);
-                    return root_1szz54a1h;
+                    let root_1szz54a1v = template_1szz54a1w(), element_1szz54a1x = root_1szz54a1v.firstChild;
+                    template_u1.slot(element_1szz54a1x, content, 1);
+                    template_u1.setProperties(element_1szz54a1x, attributes);
+                    return root_1szz54a1v;
                 })());
                 break;
             case 'h2':
                 out.push((() => {
-                    let root_1szz54a1k = template_1szz54a1l(), element_1szz54a1m = root_1szz54a1k.firstChild;
-                    template_u1.slot(element_1szz54a1m, content, 1);
-                    template_u1.setProperties(element_1szz54a1m, attributes);
-                    return root_1szz54a1k;
+                    let root_1szz54a1y = template_1szz54a1z(), element_1szz54a20 = root_1szz54a1y.firstChild;
+                    template_u1.slot(element_1szz54a20, content, 1);
+                    template_u1.setProperties(element_1szz54a20, attributes);
+                    return root_1szz54a1y;
                 })());
                 break;
             case 'h3':
                 out.push((() => {
-                    let root_1szz54a1n = template_1szz54a1o(), element_1szz54a1p = root_1szz54a1n.firstChild;
-                    template_u1.slot(element_1szz54a1p, content, 1);
-                    template_u1.setProperties(element_1szz54a1p, attributes);
-                    return root_1szz54a1n;
+                    let root_1szz54a21 = template_1szz54a22(), element_1szz54a23 = root_1szz54a21.firstChild;
+                    template_u1.slot(element_1szz54a23, content, 1);
+                    template_u1.setProperties(element_1szz54a23, attributes);
+                    return root_1szz54a21;
                 })());
                 break;
             case 'h4':
                 out.push((() => {
-                    let root_1szz54a1q = template_1szz54a1r(), element_1szz54a1s = root_1szz54a1q.firstChild;
-                    template_u1.slot(element_1szz54a1s, content, 1);
-                    template_u1.setProperties(element_1szz54a1s, attributes);
-                    return root_1szz54a1q;
+                    let root_1szz54a24 = template_1szz54a25(), element_1szz54a26 = root_1szz54a24.firstChild;
+                    template_u1.slot(element_1szz54a26, content, 1);
+                    template_u1.setProperties(element_1szz54a26, attributes);
+                    return root_1szz54a24;
                 })());
                 break;
             case 'h5':
                 out.push((() => {
-                    let root_1szz54a1t = template_1szz54a1u(), element_1szz54a1v = root_1szz54a1t.firstChild;
-                    template_u1.slot(element_1szz54a1v, content, 1);
-                    template_u1.setProperties(element_1szz54a1v, attributes);
-                    return root_1szz54a1t;
+                    let root_1szz54a27 = template_1szz54a28(), element_1szz54a29 = root_1szz54a27.firstChild;
+                    template_u1.slot(element_1szz54a29, content, 1);
+                    template_u1.setProperties(element_1szz54a29, attributes);
+                    return root_1szz54a27;
                 })());
                 break;
             case 'h6':
                 out.push((() => {
-                    let root_1szz54a1w = template_1szz54a1x(), element_1szz54a1y = root_1szz54a1w.firstChild;
-                    template_u1.slot(element_1szz54a1y, content, 1);
-                    template_u1.setProperties(element_1szz54a1y, attributes);
-                    return root_1szz54a1w;
+                    let root_1szz54a2a = template_1szz54a2b(), element_1szz54a2c = root_1szz54a2a.firstChild;
+                    template_u1.slot(element_1szz54a2c, content, 1);
+                    template_u1.setProperties(element_1szz54a2c, attributes);
+                    return root_1szz54a2a;
                 })());
                 break;
             case 'hr':
-                out.push(template_1szz54af());
+                out.push(template_1szz54a2d());
                 break;
             case 'img':
                 out.push((() => {
-                    let root_1szz54a1z = template_1szz54a20(), element_1szz54a21 = root_1szz54a1z.firstChild;
-                    template_u1.setProperties(element_1szz54a21, attributes);
-                    return root_1szz54a1z;
+                    let root_1szz54a2e = template_1szz54a2f(), element_1szz54a2g = root_1szz54a2e.firstChild;
+                    template_u1.setProperties(element_1szz54a2g, attributes);
+                    return root_1szz54a2e;
                 })());
                 break;
             case 'li':
                 out.push((() => {
-                    let root_1szz54a22 = template_1szz54a23(), element_1szz54a24 = root_1szz54a22.firstChild;
-                    template_u1.slot(element_1szz54a24, content, 1);
-                    template_u1.setProperties(element_1szz54a24, attributes);
-                    return root_1szz54a22;
+                    let root_1szz54a2h = template_1szz54a2i(), element_1szz54a2j = root_1szz54a2h.firstChild;
+                    template_u1.slot(element_1szz54a2j, content, 1);
+                    template_u1.setProperties(element_1szz54a2j, attributes);
+                    return root_1szz54a2h;
                 })());
                 break;
             case 'ol':
                 out.push((() => {
-                    let root_1szz54a25 = template_1szz54a26(), element_1szz54a27 = root_1szz54a25.firstChild;
-                    template_u1.slot(element_1szz54a27, content, 1);
-                    template_u1.setProperties(element_1szz54a27, attributes);
-                    return root_1szz54a25;
+                    let root_1szz54a2k = template_1szz54a2l(), element_1szz54a2m = root_1szz54a2k.firstChild;
+                    template_u1.slot(element_1szz54a2m, content, 1);
+                    template_u1.setProperties(element_1szz54a2m, attributes);
+                    return root_1szz54a2k;
                 })());
                 break;
             case 'p':
                 out.push((() => {
-                    let root_1szz54a28 = template_1szz54a29(), element_1szz54a2a = root_1szz54a28.firstChild;
-                    template_u1.slot(element_1szz54a2a, content, 1);
-                    template_u1.setProperties(element_1szz54a2a, attributes);
-                    return root_1szz54a28;
+                    let root_1szz54a2n = template_1szz54a2o(), element_1szz54a2p = root_1szz54a2n.firstChild;
+                    template_u1.slot(element_1szz54a2p, content, 1);
+                    template_u1.setProperties(element_1szz54a2p, attributes);
+                    return root_1szz54a2n;
                 })());
                 break;
             case 'pre':
                 out.push((() => {
-                    let root_1szz54a2b = template_1szz54a2c(), element_1szz54a2d = root_1szz54a2b.firstChild;
-                    template_u1.slot(element_1szz54a2d, content, 1);
-                    template_u1.setProperties(element_1szz54a2d, attributes);
-                    return root_1szz54a2b;
+                    let root_1szz54a2q = template_1szz54a2r(), element_1szz54a2s = root_1szz54a2q.firstChild;
+                    template_u1.slot(element_1szz54a2s, content, 1);
+                    template_u1.setProperties(element_1szz54a2s, attributes);
+                    return root_1szz54a2q;
                 })());
                 break;
             case 's':
                 out.push((() => {
-                    let root_1szz54a2e = template_1szz54at(), element_1szz54a2f = root_1szz54a2e.firstChild;
-                    template_u1.slot(element_1szz54a2f, content, 1);
-                    template_u1.setProperties(element_1szz54a2f, attributes);
-                    return root_1szz54a2e;
+                    let root_1szz54a2t = template_1szz54a11(), element_1szz54a2u = root_1szz54a2t.firstChild;
+                    template_u1.slot(element_1szz54a2u, content, 1);
+                    template_u1.setProperties(element_1szz54a2u, attributes);
+                    return root_1szz54a2t;
                 })());
                 break;
             case 'span':
                 out.push((() => {
-                    let root_1szz54a2g = template_1szz54a2h(), element_1szz54a2i = root_1szz54a2g.firstChild;
-                    template_u1.slot(element_1szz54a2i, content, 1);
-                    template_u1.setProperties(element_1szz54a2i, attributes);
-                    return root_1szz54a2g;
+                    let root_1szz54a2v = template_1szz54a2w(), element_1szz54a2x = root_1szz54a2v.firstChild;
+                    template_u1.slot(element_1szz54a2x, content, 1);
+                    template_u1.setProperties(element_1szz54a2x, attributes);
+                    return root_1szz54a2v;
                 })());
                 break;
             case 'strong':
                 out.push((() => {
-                    let root_1szz54a2j = template_1szz54aw(), element_1szz54a2k = root_1szz54a2j.firstChild;
-                    template_u1.slot(element_1szz54a2k, content, 1);
-                    template_u1.setProperties(element_1szz54a2k, attributes);
-                    return root_1szz54a2j;
+                    let root_1szz54a2y = template_1szz54a14(), element_1szz54a2z = root_1szz54a2y.firstChild;
+                    template_u1.slot(element_1szz54a2z, content, 1);
+                    template_u1.setProperties(element_1szz54a2z, attributes);
+                    return root_1szz54a2y;
                 })());
                 break;
             case 'sub':
                 out.push((() => {
-                    let root_1szz54a2l = template_1szz54a2m(), element_1szz54a2n = root_1szz54a2l.firstChild;
-                    template_u1.slot(element_1szz54a2n, content, 1);
-                    template_u1.setProperties(element_1szz54a2n, attributes);
-                    return root_1szz54a2l;
+                    let root_1szz54a30 = template_1szz54a31(), element_1szz54a32 = root_1szz54a30.firstChild;
+                    template_u1.slot(element_1szz54a32, content, 1);
+                    template_u1.setProperties(element_1szz54a32, attributes);
+                    return root_1szz54a30;
                 })());
                 break;
             case 'summary':
                 out.push((() => {
-                    let root_1szz54a2o = template_1szz54a2p(), element_1szz54a2q = root_1szz54a2o.firstChild, element_1szz54a2r = element_1szz54a2q.firstChild;
-                    template_u1.slot(element_1szz54a2r, icon({ 'aria-hidden': 'true', class: 'markdown-editor-summary-icon' }, chevron));
-                    template_u1.slot(element_1szz54a2q, content, 2);
-                    template_u1.setProperties(element_1szz54a2q, attributes);
-                    template_u1.delegate(element_1szz54a2q, 'mousedown', prevent);
-                    return root_1szz54a2o;
+                    let root_1szz54a33 = template_1szz54a34(), element_1szz54a35 = root_1szz54a33.firstChild, element_1szz54a36 = element_1szz54a35.firstChild;
+                    template_u1.slot(element_1szz54a36, icon({ 'aria-hidden': 'true', class: 'markdown-editor-summary-icon' }, chevron));
+                    template_u1.slot(element_1szz54a35, content, 2);
+                    template_u1.setProperties(element_1szz54a35, attributes);
+                    template_u1.delegate(element_1szz54a35, 'mousedown', prevent);
+                    return root_1szz54a33;
                 })());
                 break;
             case 'sup':
                 out.push((() => {
-                    let root_1szz54a2s = template_1szz54a2t(), element_1szz54a2u = root_1szz54a2s.firstChild;
-                    template_u1.slot(element_1szz54a2u, content, 1);
-                    template_u1.setProperties(element_1szz54a2u, attributes);
-                    return root_1szz54a2s;
+                    let root_1szz54a37 = template_1szz54a38(), element_1szz54a39 = root_1szz54a37.firstChild;
+                    template_u1.slot(element_1szz54a39, content, 1);
+                    template_u1.setProperties(element_1szz54a39, attributes);
+                    return root_1szz54a37;
                 })());
                 break;
             case 'table':
                 out.push((() => {
-                    let root_1szz54a2v = template_1szz54a2w(), element_1szz54a2x = root_1szz54a2v.firstChild;
-                    template_u1.slot(element_1szz54a2x, content, 1);
-                    template_u1.setProperties(element_1szz54a2x, attributes);
-                    return root_1szz54a2v;
+                    let root_1szz54a3a = template_1szz54a3b(), element_1szz54a3c = root_1szz54a3a.firstChild;
+                    template_u1.slot(element_1szz54a3c, content, 1);
+                    template_u1.setProperties(element_1szz54a3c, attributes);
+                    return root_1szz54a3a;
                 })());
                 break;
             case 'tbody':
                 out.push((() => {
-                    let root_1szz54a2y = template_1szz54a2z(), element_1szz54a30 = root_1szz54a2y.firstChild;
-                    template_u1.slot(element_1szz54a30, content, 1);
-                    template_u1.setProperties(element_1szz54a30, attributes);
-                    return root_1szz54a2y;
+                    let root_1szz54a3d = template_1szz54a3e(), element_1szz54a3f = root_1szz54a3d.firstChild;
+                    template_u1.slot(element_1szz54a3f, content, 1);
+                    template_u1.setProperties(element_1szz54a3f, attributes);
+                    return root_1szz54a3d;
                 })());
                 break;
             case 'td':
                 out.push((() => {
-                    let root_1szz54a31 = template_1szz54a32(), element_1szz54a33 = root_1szz54a31.firstChild;
-                    template_u1.slot(element_1szz54a33, content, 1);
-                    template_u1.setProperties(element_1szz54a33, attributes);
-                    return root_1szz54a31;
+                    let root_1szz54a3g = template_1szz54a3h(), element_1szz54a3i = root_1szz54a3g.firstChild;
+                    template_u1.slot(element_1szz54a3i, content, 1);
+                    template_u1.setProperties(element_1szz54a3i, attributes);
+                    return root_1szz54a3g;
                 })());
                 break;
             case 'th':
                 out.push((() => {
-                    let root_1szz54a34 = template_1szz54a35(), element_1szz54a36 = root_1szz54a34.firstChild;
-                    template_u1.slot(element_1szz54a36, content, 1);
-                    template_u1.setProperties(element_1szz54a36, attributes);
-                    return root_1szz54a34;
+                    let root_1szz54a3j = template_1szz54a3k(), element_1szz54a3l = root_1szz54a3j.firstChild;
+                    template_u1.slot(element_1szz54a3l, content, 1);
+                    template_u1.setProperties(element_1szz54a3l, attributes);
+                    return root_1szz54a3j;
                 })());
                 break;
             case 'thead':
                 out.push((() => {
-                    let root_1szz54a37 = template_1szz54a38(), element_1szz54a39 = root_1szz54a37.firstChild;
-                    template_u1.slot(element_1szz54a39, content, 1);
-                    template_u1.setProperties(element_1szz54a39, attributes);
-                    return root_1szz54a37;
+                    let root_1szz54a3m = template_1szz54a3n(), element_1szz54a3o = root_1szz54a3m.firstChild;
+                    template_u1.slot(element_1szz54a3o, content, 1);
+                    template_u1.setProperties(element_1szz54a3o, attributes);
+                    return root_1szz54a3m;
                 })());
                 break;
             case 'tr':
                 out.push((() => {
-                    let root_1szz54a3a = template_1szz54a3b(), element_1szz54a3c = root_1szz54a3a.firstChild;
-                    template_u1.slot(element_1szz54a3c, content, 1);
-                    template_u1.setProperties(element_1szz54a3c, attributes);
-                    return root_1szz54a3a;
+                    let root_1szz54a3p = template_1szz54a3q(), element_1szz54a3r = root_1szz54a3p.firstChild;
+                    template_u1.slot(element_1szz54a3r, content, 1);
+                    template_u1.setProperties(element_1szz54a3r, attributes);
+                    return root_1szz54a3p;
                 })());
                 break;
             case 'ul':
                 out.push((() => {
-                    let root_1szz54a3d = template_1szz54a3e(), element_1szz54a3f = root_1szz54a3d.firstChild;
-                    template_u1.slot(element_1szz54a3f, content, 1);
-                    template_u1.setProperties(element_1szz54a3f, attributes);
-                    return root_1szz54a3d;
+                    let root_1szz54a3s = template_1szz54a3t(), element_1szz54a3u = root_1szz54a3s.firstChild;
+                    template_u1.slot(element_1szz54a3u, content, 1);
+                    template_u1.setProperties(element_1szz54a3u, attributes);
+                    return root_1szz54a3s;
                 })());
                 break;
         }
@@ -348,50 +367,62 @@ const renderer = (host) => {
         }
         if (unit.fold) {
             let first = lines(source, block.from, block.contentTo, block.from).slice(0, 1), chip = (() => {
-                let root_1szz54a1 = template_1szz54a2(), element_1szz54a3 = root_1szz54a1.firstChild, element_1szz54a4 = element_1szz54a3.firstChild.nextSibling;
-                template_u1.slot(element_1szz54a4, unit.fold.endLine - unit.fold.line);
-                template_u1.delegate(element_1szz54a3, 'click', () => host.unfold(unit));
-                template_u1.delegate(element_1szz54a3, 'mousedown', prevent);
-                return root_1szz54a1;
+                let root_1szz54a2 = template_1szz54a3(), element_1szz54a4 = root_1szz54a2.firstChild, element_1szz54a5 = element_1szz54a4.firstChild.nextSibling;
+                template_u1.slot(element_1szz54a5, unit.fold.endLine - unit.fold.line);
+                template_u1.delegate(element_1szz54a4, 'click', () => host.unfold(unit));
+                template_u1.delegate(element_1szz54a4, 'mousedown', prevent);
+                return root_1szz54a2;
             })();
             return [block.kind === 'heading' ? marked(block, undefined, view) : plain(block, first, view), chip];
         }
         switch (block.kind) {
             case 'blank':
-                return template_1szz54a5();
+                return template_1szz54a6();
             case 'code':
+                return (() => {
+                    let root_1szz54a7 = template_1szz54a8(), element_1szz54a9 = root_1szz54a7.firstChild.firstElementChild;
+                    template_u1.slot(element_1szz54a9, plain(block, unit.rows ?? relative(block), view, true), 1);
+                    return root_1szz54a7;
+                })();
             case 'fence':
                 return (() => {
-                    let root_1szz54a6 = template_1szz54a7(), element_1szz54a8 = root_1szz54a6.firstChild.firstElementChild;
-                    template_u1.slot(element_1szz54a8, plain(block, unit.rows ?? relative(block), view, true), 1);
-                    return root_1szz54a6;
+                    let root_1szz54aa = template_1szz54ab(), element_1szz54ac = root_1szz54aa.firstChild.firstChild, element_1szz54ad = root_1szz54aa.firstChild.firstElementChild;
+                    template_u1.slot(element_1szz54ac, unit.continuation ? '' : info(block, view));
+                    template_u1.slot(element_1szz54ad, plain(block, unit.rows ?? relative(block), view, true), 1);
+                    return root_1szz54aa;
                 })();
             case 'frontmatter':
                 return (() => {
-                    let root_1szz54a9 = template_1szz54aa(), element_1szz54ab = root_1szz54a9.firstChild.firstChild.nextSibling;
-                    template_u1.slot(element_1szz54ab, source.slice(block.contentFrom, block.contentTo).split(EOL).length);
-                    return root_1szz54a9;
+                    let root_1szz54ae = template_1szz54af(), element_1szz54ag = root_1szz54ae.firstChild.firstElementChild;
+                    template_u1.slot(element_1szz54ag, plain(block, lines(source, block.contentFrom, block.contentTo, block.from), view, true), 1);
+                    return root_1szz54ae;
                 })();
             case 'html':
                 parser ??= new DOMParser();
-                return safe(sanitizeHtml(source.slice(block.contentFrom, block.contentTo), parser));
+                return (() => {
+                    let root_1szz54ah = template_1szz54ai(), element_1szz54aj = root_1szz54ah.firstChild;
+                    template_u1.slot(element_1szz54aj, safe(sanitizeHtml(source.slice(block.contentFrom, block.contentTo), parser)), 1);
+                    return root_1szz54ah;
+                })();
             case 'list': {
                 let content = marked(block, unit.rows ?? block.lines?.map((row) => relativeRow(block, row)), view);
                 if (unit.continuation) {
                     return content;
                 }
+                if (block.task) {
+                    return task(block, block.task.checked, content);
+                }
                 return [
                     (() => {
-                        let root_1szz54ac = template_1szz54ad(), element_1szz54ae = root_1szz54ac.firstChild;
-                        template_u1.slot(element_1szz54ae, ORDERED.test(block.marker ?? '') ? block.marker : '•', 1);
-                        return root_1szz54ac;
+                        let root_1szz54ak = template_1szz54al(), element_1szz54am = root_1szz54ak.firstChild;
+                        template_u1.slot(element_1szz54am, ORDERED.test(block.marker ?? '') ? block.marker : '•', 1);
+                        return root_1szz54ak;
                     })(),
-                    block.task ? task(block, block.task.checked) : '',
                     content
                 ];
             }
             case 'rule':
-                return template_1szz54af();
+                return template_1szz54an();
             default:
                 return marked(block, unit.rows ?? block.lines?.map((row) => relativeRow(block, row)), view);
         }
@@ -403,44 +434,44 @@ const renderer = (host) => {
             switch (token.kind) {
                 case 'code':
                     out.push((() => {
-                        let root_1szz54ag = template_1szz54ah(), element_1szz54ai = root_1szz54ag.firstChild;
-                        template_u1.slot(element_1szz54ai, content, 1);
-                        return root_1szz54ag;
+                        let root_1szz54ao = template_1szz54ap(), element_1szz54aq = root_1szz54ao.firstChild;
+                        template_u1.slot(element_1szz54aq, content, 1);
+                        return root_1szz54ao;
                     })());
                     break;
                 case 'em':
                     out.push((() => {
-                        let root_1szz54aj = template_1szz54ak(), element_1szz54al = root_1szz54aj.firstChild;
-                        template_u1.slot(element_1szz54al, content, 1);
-                        return root_1szz54aj;
+                        let root_1szz54ar = template_1szz54as(), element_1szz54at = root_1szz54ar.firstChild;
+                        template_u1.slot(element_1szz54at, content, 1);
+                        return root_1szz54ar;
                     })());
                     break;
                 case 'link':
                     out.push(token.href
                         ? (() => {
-                            let root_1szz54am = template_1szz54an(), element_1szz54ao = root_1szz54am.firstChild;
-                            template_u1.slot(element_1szz54ao, content, 1);
-                            template_u1.setProperty(element_1szz54ao, 'href', token.href);
-                            return root_1szz54am;
+                            let root_1szz54au = template_1szz54av(), element_1szz54aw = root_1szz54au.firstChild;
+                            template_u1.slot(element_1szz54aw, content, 1);
+                            template_u1.setProperty(element_1szz54aw, 'href', token.href);
+                            return root_1szz54au;
                         })()
                         : (() => {
-                            let root_1szz54ap = template_1szz54aq(), element_1szz54ar = root_1szz54ap.firstChild;
-                            template_u1.slot(element_1szz54ar, content, 1);
-                            return root_1szz54ap;
+                            let root_1szz54ax = template_1szz54ay(), element_1szz54az = root_1szz54ax.firstChild;
+                            template_u1.slot(element_1szz54az, content, 1);
+                            return root_1szz54ax;
                         })());
                     break;
                 case 'strike':
                     out.push((() => {
-                        let root_1szz54as = template_1szz54at(), element_1szz54au = root_1szz54as.firstChild;
-                        template_u1.slot(element_1szz54au, content, 1);
-                        return root_1szz54as;
+                        let root_1szz54a10 = template_1szz54a11(), element_1szz54a12 = root_1szz54a10.firstChild;
+                        template_u1.slot(element_1szz54a12, content, 1);
+                        return root_1szz54a10;
                     })());
                     break;
                 case 'strong':
                     out.push((() => {
-                        let root_1szz54av = template_1szz54aw(), element_1szz54ax = root_1szz54av.firstChild;
-                        template_u1.slot(element_1szz54ax, content, 1);
-                        return root_1szz54av;
+                        let root_1szz54a13 = template_1szz54a14(), element_1szz54a15 = root_1szz54a13.firstChild;
+                        template_u1.slot(element_1szz54a15, content, 1);
+                        return root_1szz54a13;
                     })());
                     break;
                 default:
@@ -449,8 +480,19 @@ const renderer = (host) => {
         }
         return out;
     }
+    function info(block, view) {
+        let source = host.text(), end = source.indexOf('\n', block.from), line = source.slice(block.from, end < 0 ? source.length : end).replace(CARRIAGE_RETURN, ''), from = FENCE_OPEN.exec(line)?.[0].length ?? line.length;
+        return (() => {
+            let root_1szz54a16 = template_1szz54a17(), element_1szz54a18 = root_1szz54a16.firstChild;
+            template_u1.slot(element_1szz54a18, piece(line.slice(from), block, from, view), 1);
+            return root_1szz54a16;
+        })();
+    }
     function marked(block, rows, view) {
         let tokens = host.inline(block);
+        if (!tokens.length) {
+            return template_1szz54a6();
+        }
         if (!rows) {
             return inline(tokens, block, view);
         }
@@ -491,29 +533,39 @@ const renderer = (host) => {
         let base = block.from;
         return { contentFrom: row.contentFrom - base, contentTo: row.contentTo - base, from: row.from - base, to: row.to - base };
     }
-    function task(block, checked) {
-        let previous = flips.get(block.from), animate = previous !== undefined && previous !== checked;
+    function task(block, checked, content) {
+        let previous = flips.get(block.from), animate = previous !== undefined && previous !== checked, state = new ReactiveObject_1szz54a0(animate ? !!previous : checked);
         flips.delete(block.from);
-        return checkbox({
-            class: 'markdown-editor-task',
-            onfirstpaint: (element) => {
-                let input = element.querySelector('input');
-                if (animate && input) {
-                    input.checked = checked;
-                }
-            },
-            [checkbox.input]: {
-                'aria-label': 'Toggle task',
-                checked: animate ? previous : checked,
-                disabled: () => host.readonly(),
-                onclick: (e) => {
-                    e.preventDefault();
-                    flips.set(block.from, checked);
-                    host.task(block);
+        return [
+            checkbox({
+                class: 'markdown-editor-task',
+                contenteditable: 'false',
+                onfirstpaint: (element) => {
+                    let input = element.querySelector('input');
+                    if (animate && input) {
+                        input.checked = checked;
+                        state.done = checked;
+                    }
                 },
-                onmousedown: prevent
-            }
-        });
+                [checkbox.input]: {
+                    'aria-label': 'Toggle task',
+                    checked: animate ? previous : checked,
+                    disabled: () => host.readonly(),
+                    onclick: (e) => {
+                        e.preventDefault();
+                        flips.set(block.from, checked);
+                        host.task(block);
+                    },
+                    onmousedown: prevent
+                }
+            }),
+            (() => {
+                let root_1szz54a19 = template_1szz54a1a(), element_1szz54a1b = root_1szz54a19.firstChild;
+                template_u1.slot(element_1szz54a1b, content, 1);
+                template_u1.setList(element_1szz54a1b, 'class', () => state.done && 'markdown-editor-label--done');
+                return root_1szz54a19;
+            })()
+        ];
     }
     return {
         offset: (node, offset) => {
@@ -526,34 +578,34 @@ const renderer = (host) => {
         segments: (unit) => views.get(unit)?.segments ?? null,
         state: (unit) => views.get(unit)?.state ?? null,
         template: (unit) => {
-            let block = unit.block, view = { segments: [], state: new ReactiveObject_1szz54a0(host.foldable(unit)) }, content = body(unit, view);
+            let block = unit.block, view = { segments: [], state: new ReactiveObject_1szz54a1(host.foldable(unit)) }, content = body(unit, view);
             views.set(unit, view);
             return (() => {
-                let root_1szz54ay = template_1szz54az(), element_1szz54a10 = root_1szz54ay.firstChild, element_1szz54a11 = element_1szz54a10.firstElementChild;
-                template_u1.slot(element_1szz54a11, icon({ 'aria-hidden': 'true', class: 'markdown-editor-fold-icon' }, chevron), 1);
-                template_u1.slot(element_1szz54a10, content, 2);
-                template_u1.setProperty(element_1szz54a11, 'aria-label', unit.fold ? 'Unfold block' : 'Fold block');
-                template_u1.setList(element_1szz54a11, 'class', [() => !view.state.foldable && !unit.fold && 'markdown-editor-fold--none', unit.fold ? '--active' : '']);
-                template_u1.delegate(element_1szz54a11, 'click', () => unit.fold ? host.unfold(unit) : host.fold(unit));
-                template_u1.delegate(element_1szz54a11, 'mousedown', prevent);
-                template_u1.setList(element_1szz54a10, 'class', template_u1.interpolate(["markdown-editor-block--", (block.kind)]));
-                template_u1.setList(element_1szz54a10, 'class', [
+                let root_1szz54a1c = template_1szz54a1d(), element_1szz54a1e = root_1szz54a1c.firstChild, element_1szz54a1f = element_1szz54a1e.firstElementChild;
+                template_u1.slot(element_1szz54a1f, icon({ 'aria-hidden': 'true', class: 'markdown-editor-fold-icon' }, chevron), 1);
+                template_u1.slot(element_1szz54a1e, content, 2);
+                template_u1.setProperty(element_1szz54a1f, 'aria-label', unit.fold ? 'Unfold block' : 'Fold block');
+                template_u1.setList(element_1szz54a1f, 'class', [() => !view.state.foldable && !unit.fold && 'markdown-editor-fold--none', unit.fold ? '--active' : '']);
+                template_u1.delegate(element_1szz54a1f, 'click', () => unit.fold ? host.unfold(unit) : host.fold(unit));
+                template_u1.delegate(element_1szz54a1f, 'mousedown', prevent);
+                template_u1.setList(element_1szz54a1e, 'class', template_u1.interpolate(["markdown-editor-block--", (block.kind)]));
+                template_u1.setList(element_1szz54a1e, 'class', [
                     block.level ? `markdown-editor-block--h${block.level}` : '',
                     block.quoteDepth ? 'markdown-editor-block--quoted' : '',
                     unit.continuation ? 'markdown-editor-block--continuation' : '',
                     unit.continues ? 'markdown-editor-block--continues' : '',
+                    block.task && !unit.continuation ? 'markdown-editor-block--task' : '',
                     unit.raw || unit.fold ? 'markdown-editor-block--raw' : ''
                 ]);
-                template_u1.onconnect(element_1szz54a10, (element) => host.shown(element, unit));
-                template_u1.ondisconnect(element_1szz54a10, (element) => {
+                template_u1.onconnect(element_1szz54a1e, (element) => host.shown(element, unit));
+                template_u1.ondisconnect(element_1szz54a1e, (element) => {
                     if (views.get(unit) === view) {
                         views.delete(unit);
                     }
                     host.shown(element, null);
                 });
-                template_u1.delegate(element_1szz54a10, 'mousedown', (e) => host.press(e, unit));
-                template_u1.setList(element_1szz54a10, 'style', `--depth: ${block.quoteDepth}; --indent: ${unit.raw ? 0 : block.indent};`);
-                return root_1szz54ay;
+                template_u1.setList(element_1szz54a1e, 'style', `--depth: ${block.quoteDepth}; --indent: ${unit.raw ? 0 : block.indent};`);
+                return root_1szz54a1c;
             })();
         }
     };