@wbc-ui/core2 1.0.0-r10 → 1.0.0-r11

package/README.md

@@ -15,7 +15,7 @@
 </p>
 
 <p align="center">
-  <a href="https://flow.wbc-ui.com">📘 Docs</a> ·
+  <a href="https://wbcore2.wbc-ui.com">📘 Docs</a> ·
   <a href="https://github.com/wbc-ui/core2">🐙 GitHub</a> ·
   <a href="https://demo.wbc-ui.com/lab">▶️ Playground</a> ·
   <a href="https://wbc-ui.com">💎 Pro</a>
@@ -259,7 +259,7 @@ Other available extensions: `@wbc-ui/alert2`, `@wbc-ui/cli2`, `@wbc-ui/dataviewe
 | Components render but unstyled | Vuetify CSS isn't loaded | Import once in `main.js`: `import 'vuetify/dist/vuetify.min.css';` |
 | `Multiple instances of Vue detected` warning | The bundler resolved Vue from two locations | In Vite: add an alias in `vite.config.js` mapping `vue` to a single absolute path. The `wbcVitePlugin()` does this automatically for the default setup. |
 
-For a longer walkthrough with worked examples, see the documentation hub at [flow.wbc-ui.com](https://flow.wbc-ui.com) *(content is being migrated to match the new `@wbc-ui` scope; some pages may still show the legacy `wbc-ui2` name during the transition)*.
+For a longer walkthrough with worked examples, see the documentation hub at [wbcore2.wbc-ui.com](https://wbcore2.wbc-ui.com) *(content is being migrated to match the new `@wbc-ui` scope; some pages may still show the legacy `wbc-ui2` name during the transition)*.
 
 ---
 

package/dist/build-info.json

@@ -1,8 +1,8 @@
 {
   "package": "@wbc-ui/core2",
-  "version": "1.0.0-r10",
+  "version": "1.0.0-r11",
   "tier": "free",
-  "builtAt": "2026-05-26T14:05:24.798Z",
+  "builtAt": "2026-05-31T13:07:49.216Z",
   "commit": null,
   "node": "v24.15.0"
 }

package/dist/core2.es.js

@@ -402,7 +402,7 @@ function Ju(e) {
   return Object.keys(e).length > 0;
 }
 function Uc(e, t, r) {
-  var i, u, a, s, o, c, f, p, l, h, d, _, C, T, I, L, S, w, y, F, B, Q, H, z, ue, re, E, x, k;
+  var i, u, a, s, o, c, f, p, l, h, d, _, C, T, I, L, S, w, y, F, B, Q, H, z, ie, re, E, x, k;
   let n;
   if (typeof (t == null ? void 0 : t[0]) == "string" && ((i = t == null ? void 0 : t[0]) != null && i.startsWith("<")) && ((u = t == null ? void 0 : t[0]) != null && u.endsWith(">"))) {
     let D, A, P, V = t == null ? void 0 : t[0].replace("<", "").replace(">", "").split(",");
@@ -491,7 +491,7 @@ function Uc(e, t, r) {
           })
         );
       }
-    }) : (((ue = (z = t == null ? void 0 : t[0]) == null ? void 0 : z.options) == null ? void 0 : ue.disposition) == "adjacent" || (E = (re = t == null ? void 0 : t[0]) == null ? void 0 : re.comp) != null && E.startsWith("<") && ((k = (x = t == null ? void 0 : t[0]) == null ? void 0 : x.comp) != null && k.endsWith(">"))) && (D = t.slice(1).map((P, V) => e.toWBC_(A, r, P))), n = D;
+    }) : (((ie = (z = t == null ? void 0 : t[0]) == null ? void 0 : z.options) == null ? void 0 : ie.disposition) == "adjacent" || (E = (re = t == null ? void 0 : t[0]) == null ? void 0 : re.comp) != null && E.startsWith("<") && ((k = (x = t == null ? void 0 : t[0]) == null ? void 0 : x.comp) != null && k.endsWith(">"))) && (D = t.slice(1).map((P, V) => e.toWBC_(A, r, P))), n = D;
   } else
     n = [r("WBC", {
       ref: "rawHtml",
@@ -843,7 +843,7 @@ function el(e, t, r, n) {
   return e.toWBC_(r, t);
 }
 function tl(e, t, r, n) {
-  var T, I, L, S, w, y, F, B, Q, H, z, ue, re, E;
+  var T, I, L, S, w, y, F, B, Q, H, z, ie, re, E;
   let {
     externalChildren: i,
     insideHeadersVN: u,
@@ -984,7 +984,7 @@ function tl(e, t, r, n) {
     });
   else {
     let x, k, D, A = e.html(t);
-    typeof (h == null ? void 0 : h.html) == "object" || typeof (h == null ? void 0 : h.html) == "function" || (H = h == null ? void 0 : h.html) != null && H.startsWith("https://") || (z = h == null ? void 0 : h.html) != null && z.startsWith("http://") || (ue = h == null ? void 0 : h.html) != null && ue.startsWith("/") || (re = h == null ? void 0 : h.html) != null && re.startsWith("./") || (E = h == null ? void 0 : h.html) != null && E.startsWith("../") || e.isVnode(h == null ? void 0 : h.html) || ["VSpacer", "VDivider"].includes(h == null ? void 0 : h.html) ? x = r("WBC", {
+    typeof (h == null ? void 0 : h.html) == "object" || typeof (h == null ? void 0 : h.html) == "function" || (H = h == null ? void 0 : h.html) != null && H.startsWith("https://") || (z = h == null ? void 0 : h.html) != null && z.startsWith("http://") || (ie = h == null ? void 0 : h.html) != null && ie.startsWith("/") || (re = h == null ? void 0 : h.html) != null && re.startsWith("./") || (E = h == null ? void 0 : h.html) != null && E.startsWith("../") || e.isVnode(h == null ? void 0 : h.html) || ["VSpacer", "VDivider"].includes(h == null ? void 0 : h.html) ? x = r("WBC", {
       key: `wbc-key-inner-html-${e.computedKey}`,
       props: { item: A }
     }) : (k = A, x = e.isNonEmpty(k) ? r("WBHtml", {
@@ -1437,7 +1437,7 @@ function _l(e, t, r, n) {
 }
 function vl(e, t, r) {
   var a;
-  const n = e.wbCode_ == null ? null : e.vNodes.wbCode, i = e.wbCodeFile_ == null ? null : e.vNodes.wbCodeFile, u = e.wbDataViewer_ == null ? null : e.vNodes.wbDataViewer;
+  const n = e.resolvedWbCode == null ? null : e.vNodes.wbCode, i = e.resolvedWbCodeFile == null ? null : e.vNodes.wbCodeFile, u = e.resolvedWbDataViewer == null ? null : e.vNodes.wbDataViewer;
   if (n || i || u) {
     let s = {
       options: {},
@@ -2085,7 +2085,7 @@ const Pl = {
     this.vNodes = {}, this.content = { input: {}, output: {} }, this.$_finalRender = null;
   },
   created() {
-    var t, r, n, i, u, a, s, o, c, f, p, l, h, d, _, C, T, I, L, S, w, y, F, B, Q, H, z, ue, re;
+    var t, r, n, i, u, a, s, o, c, f, p, l, h, d, _, C, T, I, L, S, w, y, F, B, Q, H, z, ie, re;
     if ((r = (t = this.$store) == null ? void 0 : t.getters) == null || r._wbcDev, (this.item === void 0 || this.item === null) && this.$slots && this.$slots.default) {
       const E = this.$slots.default.map((x) => x && (x.text !== void 0 ? x.text : x.children && x.children.map((k) => k.text).join("")) || "").join("").trim();
       if (E)
@@ -2127,11 +2127,11 @@ const Pl = {
       this.item_,
       this.itemAccessibility,
       this.lang
-    )), this.itemListeners = ((Q = (B = this == null ? void 0 : this.item_) == null ? void 0 : B.options) == null ? void 0 : Q.on) || {}, (z = (H = this.$store) == null ? void 0 : H.getters) == null || z._wbcProAuthorized, (re = (ue = this.item_) == null ? void 0 : ue.watch) != null && re.length && console.warn("[WBC-UI2] Reactive watch[] orchestration requires a PRO license.");
+    )), this.itemListeners = ((Q = (B = this == null ? void 0 : this.item_) == null ? void 0 : B.options) == null ? void 0 : Q.on) || {}, (z = (H = this.$store) == null ? void 0 : H.getters) == null || z._wbcProAuthorized, (re = (ie = this.item_) == null ? void 0 : ie.watch) != null && re.length && console.warn("[WBC-UI2] Reactive watch[] orchestration requires a PRO license.");
   },
   mounted() {
-    var e, t;
-    this.isPlainObject(this.item_) && ((this.isWbcPro || es) && typeof ((e = this.item_) == null ? void 0 : e.init) == "function" && this.item_.init(this.itemAccessibility), (this.isWbcPro || es) && typeof ((t = this.item_) == null ? void 0 : t.logic) == "function" && this.item_.logic(this.itemAccessibility)), this.$el.addEventListener("mousedown", this.handleMouseDown);
+    var e, t, r;
+    this.isPlainObject(this.item_) && ((this.isWbcPro || es) && typeof ((e = this.item_) == null ? void 0 : e.init) == "function" && this.item_.init(this.itemAccessibility), (this.isWbcPro || es) && typeof ((t = this.item_) == null ? void 0 : t.logic) == "function" && this.item_.logic(this.itemAccessibility)), ((r = this.item_) == null ? void 0 : r.comp) == "meta" && this.setMetaParams(this.item_, this.$store.state.lg), this.$el.addEventListener("mousedown", this.handleMouseDown);
   },
   updated() {
     var e, t, r;
@@ -3240,7 +3240,7 @@ function _a() {
     J.content && J.content.ownerDocument && (r = J.content.ownerDocument);
   }
   let y, F = "";
-  const B = r, Q = B.implementation, H = B.createNodeIterator, z = B.createDocumentFragment, ue = B.getElementsByTagName, re = n.importNode;
+  const B = r, Q = B.implementation, H = B.createNodeIterator, z = B.createDocumentFragment, ie = B.getElementsByTagName, re = n.importNode;
   let E = hs();
   t.isSupported = typeof xa == "function" && typeof S == "function" && Q && Q.createHTMLDocument !== void 0;
   const x = Wf, k = zf, D = Uf, A = Hf, P = qf, V = Gf, Z = Kf, $ = Yf;
@@ -3321,8 +3321,8 @@ function _a() {
       namespaceURI: Nt,
       tagName: "template"
     });
-    const q = jr(g.tagName), ie = jr(j.tagName);
-    return Et[g.namespaceURI] ? g.namespaceURI === ur ? j.namespaceURI === Ue ? q === "svg" : j.namespaceURI === wt ? q === "svg" && (ie === "annotation-xml" || rt[ie]) : !!on[q] : g.namespaceURI === wt ? j.namespaceURI === Ue ? q === "math" : j.namespaceURI === ur ? q === "math" && Or[ie] : !!At[q] : g.namespaceURI === Ue ? j.namespaceURI === ur && !Or[ie] || j.namespaceURI === wt && !rt[ie] ? !1 : !At[q] && (ci[q] || !on[q]) : !!(Gt === "application/xhtml+xml" && Et[g.namespaceURI]) : !1;
+    const q = jr(g.tagName), ue = jr(j.tagName);
+    return Et[g.namespaceURI] ? g.namespaceURI === ur ? j.namespaceURI === Ue ? q === "svg" : j.namespaceURI === wt ? q === "svg" && (ue === "annotation-xml" || rt[ue]) : !!on[q] : g.namespaceURI === wt ? j.namespaceURI === Ue ? q === "math" : j.namespaceURI === ur ? q === "math" && Or[ue] : !!At[q] : g.namespaceURI === Ue ? j.namespaceURI === ur && !Or[ue] || j.namespaceURI === wt && !rt[ue] ? !1 : !At[q] && (ci[q] || !on[q]) : !!(Gt === "application/xhtml+xml" && Et[g.namespaceURI]) : !1;
   }, He = function(g) {
     lr(t.removed, {
       element: g
@@ -3364,21 +3364,21 @@ function _a() {
       q = ye && ye[0];
     }
     Gt === "application/xhtml+xml" && Nt === Ue && (g = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + g + "</body></html>");
-    const ie = y ? y.createHTML(g) : g;
+    const ue = y ? y.createHTML(g) : g;
     if (Nt === Ue)
       try {
-        j = new h().parseFromString(ie, Gt);
+        j = new h().parseFromString(ue, Gt);
       } catch {
       }
     if (!j || !j.documentElement) {
       j = Q.createDocument(Nt, "template", null);
       try {
-        j.documentElement.innerHTML = sr ? F : ie;
+        j.documentElement.innerHTML = sr ? F : ue;
       } catch {
       }
     }
     const ve = j.body || j.documentElement;
-    return g && q && ve.insertBefore(r.createTextNode(q), ve.childNodes[0] || null), Nt === Ue ? ue.call(j, vt ? "html" : "body")[0] : vt ? j.documentElement : ve;
+    return g && q && ve.insertBefore(r.createTextNode(q), ve.childNodes[0] || null), Nt === Ue ? ie.call(j, vt ? "html" : "body")[0] : vt ? j.documentElement : ve;
   }, ln = function(g) {
     return H.call(
       g.ownerDocument || g,
@@ -3398,10 +3398,10 @@ function _a() {
     );
     let q = j.nextNode();
     for (; q; ) {
-      let ie = q.data;
+      let ue = q.data;
       cr([x, k, D], (ve) => {
-        ie = fr(ie, ve, " ");
-      }), q.data = ie, q = j.nextNode();
+        ue = fr(ue, ve, " ");
+      }), q.data = ue, q = j.nextNode();
     }
   }, Fr = function(g) {
     return g instanceof l && (typeof g.nodeName != "string" || typeof g.textContent != "string" || typeof g.removeChild != "function" || !(g.attributes instanceof p) || typeof g.removeAttribute != "function" || typeof g.setAttribute != "function" || typeof g.namespaceURI != "string" || typeof g.insertBefore != "function" || typeof g.hasChildNodes != "function");
@@ -3433,29 +3433,29 @@ function _a() {
       if (!Ce[q] && or(q) && (te.tagNameCheck instanceof RegExp && Oe(te.tagNameCheck, q) || te.tagNameCheck instanceof Function && te.tagNameCheck(q)))
         return !1;
       if (Sr && !ze[q]) {
-        const ie = S(g) || g.parentNode, ve = L(g) || g.childNodes;
-        if (ve && ie) {
+        const ue = S(g) || g.parentNode, ve = L(g) || g.childNodes;
+        if (ve && ue) {
           const ye = ve.length;
           for (let Ie = ye - 1; Ie >= 0; --Ie) {
             const ht = C(ve[Ie], !0);
-            ie.insertBefore(ht, I(g));
+            ue.insertBefore(ht, I(g));
           }
         }
       }
       return He(g), !0;
     }
-    return g instanceof o && !hi(g) || (q === "noscript" || q === "noembed" || q === "noframes") && Oe(/<\/no(script|embed|frames)/i, g.innerHTML) ? (He(g), !0) : (ct && g.nodeType === pr.text && (j = g.textContent, cr([x, k, D], (ie) => {
-      j = fr(j, ie, " ");
+    return g instanceof o && !hi(g) || (q === "noscript" || q === "noembed" || q === "noframes") && Oe(/<\/no(script|embed|frames)/i, g.innerHTML) ? (He(g), !0) : (ct && g.nodeType === pr.text && (j = g.textContent, cr([x, k, D], (ue) => {
+      j = fr(j, ue, " ");
     }), g.textContent !== j && (lr(t.removed, {
       element: g.cloneNode()
     }), g.textContent = j)), nt(E.afterSanitizeElements, g, null), !1);
   }, pn = function(g, j, q) {
     if (me[j] || Er && (j === "id" || j === "name") && (q in r || q in pi))
       return !1;
-    const ie = M[j] || we.attributeCheck instanceof Function && we.attributeCheck(j, g);
+    const ue = M[j] || we.attributeCheck instanceof Function && we.attributeCheck(j, g);
     if (!(ot && !me[j] && Oe(A, j))) {
       if (!(tt && Oe(P, j))) {
-        if (!ie || me[j]) {
+        if (!ue || me[j]) {
           if (
             // First condition does a very basic check if a) it's basically a valid custom element tagname AND
             // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
@@ -3491,9 +3491,9 @@ function _a() {
       allowedAttributes: M,
       forceKeepAttr: void 0
     };
-    let ie = j.length;
-    for (; ie--; ) {
-      const ve = j[ie], ye = ve.name, Ie = ve.namespaceURI, ht = ve.value, it = fe(ye), Lr = ht;
+    let ue = j.length;
+    for (; ue--; ) {
+      const ve = j[ue], ye = ve.name, Ie = ve.namespaceURI, ht = ve.value, it = fe(ye), Lr = ht;
       let Ee = ye === "value" ? Lr : Lf(Lr);
       if (q.attrName = it, q.attrValue = Ee, q.keepAttr = !0, q.forceKeepAttr = void 0, nt(E.uponSanitizeAttribute, g, q), Ee = q.attrValue, Ar && (it === "id" || it === "name") && us(Ee, un) !== 0 && (St(ye, g), Ee = un + Ee), qt && Oe(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, Ee)) {
         St(ye, g);
@@ -3548,21 +3548,21 @@ function _a() {
     nt(E.afterSanitizeShadowDOM, g, null);
   }, jt = function(g) {
     if (g.nodeType === pr.element && g.shadowRoot instanceof u) {
-      const ie = g.shadowRoot;
-      jt(ie), Rt(ie);
+      const ue = g.shadowRoot;
+      jt(ue), Rt(ue);
     }
     const j = g.childNodes;
     if (!j)
       return;
     const q = [];
-    cr(j, (ie) => {
-      lr(q, ie);
+    cr(j, (ue) => {
+      lr(q, ue);
     });
-    for (const ie of q)
-      jt(ie);
+    for (const ue of q)
+      jt(ue);
   };
   return t.sanitize = function(J) {
-    let g = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, j = null, q = null, ie = null, ve = null;
+    let g = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, j = null, q = null, ue = null, ve = null;
     if (sr = !J, sr && (J = "<!-->"), typeof J != "string" && !ar(J) && (J = Bf(J), typeof J != "string"))
       throw yn("dirty is not a string, aborting");
     if (!t.isSupported)
@@ -3586,8 +3586,8 @@ function _a() {
     }
     j && Lt && He(j.firstChild);
     const ye = ln(ft ? J : j);
-    for (; ie = ye.nextNode(); )
-      fn(ie), hn(ie), ie.content instanceof u && Rt(ie.content);
+    for (; ue = ye.nextNode(); )
+      fn(ue), hn(ue), ue.content instanceof u && Rt(ue.content);
     if (ft)
       return ct && Dt(J), J;
     if (lt) {
@@ -3610,8 +3610,8 @@ function _a() {
     Pt = null, wr = !1;
   }, t.isValidAttribute = function(J, g, j) {
     Pt || Ir({});
-    const q = fe(J), ie = fe(g);
-    return pn(q, ie, j);
+    const q = fe(J), ue = fe(g);
+    return pn(q, ue, j);
   }, t.addHook = function(J, g) {
     typeof g == "function" && lr(E[J], g);
   }, t.removeHook = function(J, g) {
@@ -7472,16 +7472,18 @@ const np = {
   },
   render(e) {
     let t;
-    if (t = {
+    t = {
       props: {},
       style: {
         "text-decoration": "none",
         ...this.style_
       }
-    }, t.attrs = {
-      href: this.to,
+    };
+    let r = typeof this.to == "string" ? this.to.trim() : this.to;
+    if (t.attrs = {
+      href: r,
       ...this.attrs_
-    }, this.to[this.to.length - 1] == ">" && (t.attrs.href = this.to.slice(0, -1), t.attrs.target = "_blank"), this.isInternalLink)
+    }, typeof r == "string" && r[r.length - 1] == ">" && (t.attrs.href = r.slice(0, -1), t.attrs.target = "_blank"), this.isInternalLink)
       return t.attrs = {
         ...this.attrs_
       }, t.props.to = this.to, e("RouterLink", t, [this.html]);
@@ -7499,7 +7501,7 @@ const np = {
         innerHTML: va([this == null ? void 0 : this.html].join(""))
       },
       attrs: {
-        href: this.to,
+        href: r,
         ...this.attrs_
       }
     }, this.isExternalLink)
@@ -7634,7 +7636,7 @@ function oo() {
                 function z($, N, R) {
                   return N && H($.prototype, N), R && H($, R), $;
                 }
-                function ue($, N) {
+                function ie($, N) {
                   if (typeof N != "function" && N !== null)
                     throw new TypeError("Super expression must either be null or a function");
                   $.prototype = Object.create(N && N.prototype, { constructor: { value: $, writable: !0, configurable: !0 } }), N && re($, N);
@@ -7685,7 +7687,7 @@ function oo() {
                     return N.getAttribute(R);
                 }
                 var V = /* @__PURE__ */ (function($) {
-                  ue(R, $);
+                  ie(R, $);
                   var N = E(R);
                   function R(U, M) {
                     var X;
@@ -8495,13 +8497,13 @@ function cp() {
             }
           };
         };
-        var z, ue = (z = [], function(E, x) {
+        var z, ie = (z = [], function(E, x) {
           return z[E] = x, z.filter(Boolean).join(`
 `);
         });
         function re(E, x, A, D) {
           var A = A ? "" : D.css;
-          E.styleSheet ? E.styleSheet.cssText = ue(x, A) : (D = document.createTextNode(A), (A = E.childNodes)[x] && E.removeChild(A[x]), A.length ? E.insertBefore(D, A[x]) : E.appendChild(D));
+          E.styleSheet ? E.styleSheet.cssText = ie(x, A) : (D = document.createTextNode(A), (A = E.childNodes)[x] && E.removeChild(A[x]), A.length ? E.insertBefore(D, A[x]) : E.appendChild(D));
         }
       }, function(s, o, c) {
         var f = c(44);
@@ -10286,8 +10288,8 @@ function Dh(e, t, r, n) {
     s = e.push("list_item_open", "li", 1), s.markup = String.fromCharCode(d);
     const Q = [o, 0];
     s.map = Q, p && (s.info = e.src.slice(a, h - 1));
-    const H = e.tight, z = e.tShift[o], ue = e.sCount[o], re = e.listIndent;
-    if (e.listIndent = e.blkIndent, e.blkIndent = B, e.tight = !0, e.tShift[o] = y - e.bMarks[o], e.sCount[o] = w, y >= i && e.isEmpty(o + 1) ? e.line = Math.min(e.line + 2, r) : e.md.block.tokenize(e, o, r, !0), (!e.tight || T) && (c = !1), T = e.line - o > 1 && e.isEmpty(e.line - 1), e.blkIndent = e.listIndent, e.listIndent = re, e.tShift[o] = z, e.sCount[o] = ue, e.tight = H, s = e.push("list_item_close", "li", -1), s.markup = String.fromCharCode(d), o = e.line, Q[1] = o, o >= r || e.sCount[o] < e.blkIndent || e.sCount[o] - e.blkIndent >= 4)
+    const H = e.tight, z = e.tShift[o], ie = e.sCount[o], re = e.listIndent;
+    if (e.listIndent = e.blkIndent, e.blkIndent = B, e.tight = !0, e.tShift[o] = y - e.bMarks[o], e.sCount[o] = w, y >= i && e.isEmpty(o + 1) ? e.line = Math.min(e.line + 2, r) : e.md.block.tokenize(e, o, r, !0), (!e.tight || T) && (c = !1), T = e.line - o > 1 && e.isEmpty(e.line - 1), e.blkIndent = e.listIndent, e.listIndent = re, e.tShift[o] = z, e.sCount[o] = ie, e.tight = H, s = e.push("list_item_close", "li", -1), s.markup = String.fromCharCode(d), o = e.line, Q[1] = o, o >= r || e.sCount[o] < e.blkIndent || e.sCount[o] - e.blkIndent >= 4)
       break;
     let E = !1;
     for (let x = 0, k = I.length; x < k; x++)
@@ -11949,13 +11951,17 @@ const Qd = {
             let f = [];
             for (let y of (c == null ? void 0 : c[1]) || []) {
               let F, B, Q = typeof y == "string" ? null : this.strToObj(y == null ? void 0 : y[2]), H = typeof y == "string" ? y : y[0], z;
-              if (y[0].includes("__") ? (z = y[0].split("__")[0], H = y[0].split("__").slice(1).join("__")) : y[0].trimStart().startsWith("~") && (z = "WBC", H = y[0]), z && (z = z.trim()), z && z !== "WBC" && z !== "MD" && !/^[a-zA-Z][a-zA-Z0-9-]*$/.test(z))
+              if (y[0].includes("__")) {
+                let ie = y[0].split("__")[0];
+                /^[a-zA-Z][a-zA-Z0-9-]*$/.test(ie.trim()) ? (z = ie, H = y[0].split("__").slice(1).join("__")) : H = y[0];
+              } else y[0].trimStart().startsWith("~") && (z = "WBC", H = y[0]);
+              if (z && (z = z.trim()), z && z !== "WBC" && z !== "MD" && !/^[a-zA-Z][a-zA-Z0-9-]*$/.test(z))
                 throw new Error(`Bad tag "${z}"`);
               if (typeof y == "string" ? (B = {}, F = {}) : y != null && y[1] && ((C = y == null ? void 0 : y[1]) != null && C.includes("__")) ? (B = this.strToObj((T = y[1].split("__")) == null ? void 0 : T[0]), F = this.strToObj(y[1].split("__").slice(1).join("__"))) : (B = {}, F = this.strToObj((y == null ? void 0 : y[1]) || {})), typeof F == "string" && (F = { class: F }), typeof B == "string" && (B = { class: B }), ["", "null", "undefined"].includes(typeof y == "string" ? y : y[0]))
                 return t("div", {}, ["null"]);
               {
-                let ue;
-                if (typeof H == "string" && (H != null && H.startsWith("./")) ? z = "WBC" : z == "MD" && typeof H == "string" && (H = this.MarkdownIt.render(H)), this.isNonEmpty(Q) ? ue = t("WBLink", {
+                let ie;
+                if (typeof H == "string" && (H != null && H.startsWith("./")) ? z = "WBC" : z == "MD" && typeof H == "string" && (H = this.MarkdownIt.render(H)), this.isNonEmpty(Q) ? ie = t("WBLink", {
                   ...z == "MD" ? {
                     ...F,
                     class: "markdown-body " + ((F == null ? void 0 : F.class) || ""),
@@ -11973,7 +11979,7 @@ const Qd = {
                     style_: {},
                     attrs_: {}
                   }
-                }) : z == "WBC" || (F ? ue = t("span", {
+                }) : z == "WBC" || (F ? ie = t("span", {
                   ...F,
                   domProps: {
                     innerHTML: this.sanitizeHtml(this.objLang(
@@ -11981,7 +11987,7 @@ const Qd = {
                       (L = (I = this == null ? void 0 : this.$store) == null ? void 0 : I.state) == null ? void 0 : L.lg
                     ))
                   }
-                }) : ue = this.objLang(
+                }) : ie = this.objLang(
                   this.strToObj(H),
                   (w = (S = this == null ? void 0 : this.$store) == null ? void 0 : S.state) == null ? void 0 : w.lg
                 )), z)
@@ -12079,11 +12085,11 @@ const Qd = {
                         } : {},
                         ...B
                       },
-                      [ue]
+                      [ie]
                     )
                   );
                 else
-                  f.push(ue);
+                  f.push(ie);
               }
             }
             let p = "span", l = {}, h = null;
@@ -12121,6 +12127,18 @@ const Qd = {
         e = e.split(n).join(i);
       }), e;
     },
+    // Verbatim/raw-text regions (code-display panels, <script>/<style> examples, and the
+    // copy-button's data-clipboard-text attribute) often contain WBC syntax being *documented*
+    // — literal [[ ]] {{ }} __ | sequences. Those must NOT drive WBC's markup tokenization,
+    // or the bracket/`**` pairing in styling() mis-aligns and a chunk of surrounding HTML is
+    // parsed as a tag ("Bad tag"). Encode ONLY the tokenizer's marker *sequences* to entities:
+    // they render as the exact same glyphs but are inert to the tokenizer. Single { [ _ are
+    // left intact so real CSS/code (and legit single-char content) is untouched.
+    protectCodeRegions(e) {
+      if (typeof e != "string" || e.indexOf("<") === -1) return e;
+      const t = (r) => r.split("[[").join("&lbrack;&lbrack;").split("]]").join("&rbrack;&rbrack;").split("{{").join("&lbrace;&lbrace;").split("}}").join("&rbrace;&rbrace;").split("__").join("&#95;&#95;").split("|").join("&vert;");
+      return e.replace(/<(pre|code|script|style|textarea)\b[\s\S]*?<\/\1>/gi, t).replace(/data-clipboard-text="[^"]*"/gi, t);
+    },
     ...Object.fromEntries(
       Object.entries(ti).filter(
         ([e, t]) => typeof t == "function"
@@ -12132,7 +12150,10 @@ const Qd = {
     WBLink: ri
   },
   created() {
-    this.html_ = this.charCoding(this.html_, [
+    typeof this.html_ == "string" && (this.html_ = this.html_.replace(
+      /<!--\s*(\[\[~?\{\s*comp:\s*['"]meta['"][\s\S]*?\}\]\])\s*-->/g,
+      "$1"
+    )), this.html_ = this.protectCodeRegions(this.html_), this.html_ = this.charCoding(this.html_, [
       ["<p>", "<p>[["],
       ["</p>", "]]</p>"],
       ["\\|", "&vert;"],
@@ -12159,7 +12180,7 @@ var r1 = /* @__PURE__ */ ao(
   t1,
   !1,
   null,
-  "d7381438"
+  "f790a94c"
 );
 const ju = r1.exports, qr = In.default || In, Bo = Xi.default || Xi;
 qr.prototype.hasOwnProperty("$store") || qr.use(Bo);
@@ -12297,17 +12318,17 @@ const l1 = () => (zi || (zi = new bu({
         title: ((t = this.item_) == null ? void 0 : t.title) || ((r = this.$route) == null ? void 0 : r.name) || "-" + ((i = (n = this.$store) == null ? void 0 : n.state) == null ? void 0 : i.lg) || "en",
         ...((u = this == null ? void 0 : this.$route) == null ? void 0 : u.meta) || {},
         ...this.item_
-      }, ue = this.protected_ ? this.protected_ : this.protected ?? null, re = this.load_ ? this.load_ : this.load ?? null, E = this.float_ ? this.float_ : this.float ?? null, x = this.hide_ ? this.hide_ : this.hide ?? null, k = this.close_ ? this.close_ : this.close ?? null, D = this.drag_ ? this.drag_ : this.drag ?? null, A = this.focus_ ? this.focus_ : this.focus ?? null;
-      if (this.focusOn_ = this.focusOn_ ? this.focusOn_ : this.focusOn ?? null, x === !0 || this.item_ instanceof Object && ((this.isWbcPro || zs) && typeof ((a = this.item_) == null ? void 0 : a.tracker) == "function" && this.item_.tracker(this.itemAccessibility), ue = this.protected_ ? this.protected_ : ((o = (s = this.item_) == null ? void 0 : s.options) == null ? void 0 : o.protected_) ?? this.protected ?? null, re = this.load_ ? this.load_ : ((f = (c = this.item_) == null ? void 0 : c.options) == null ? void 0 : f.load) ?? this.load ?? null, E = this.float_ ? this.float_ : ((l = (p = this.item_) == null ? void 0 : p.options) == null ? void 0 : l.float) ?? this.float ?? null, x = this.hide_ ? this.hide_ : ((d = (h = this.item_) == null ? void 0 : h.options) == null ? void 0 : d.hide) ?? this.hide ?? null, k = this.close_ ? this.close_ : ((C = (_ = this.item_) == null ? void 0 : _.options) == null ? void 0 : C.close) ?? this.close ?? null, D = this.drag_ ? this.drag_ : ((I = (T = this.item_) == null ? void 0 : T.options) == null ? void 0 : I.drag) ?? this.drag ?? null, A = this.focus_ ? this.focus_ : ((S = (L = this.item_) == null ? void 0 : L.options) == null ? void 0 : S.focus) ?? this.focus ?? null, this.focusOn_ = this.focusOn_ ? this.focusOn_ : ((y = (w = this.item_) == null ? void 0 : w.options) == null ? void 0 : y.focusOn) ?? this.focusOn ?? null, ["LImageOverlay", "LVideoOverlay", "LSVGOverlay"].includes(
+      }, ie = this.protected_ ? this.protected_ : this.protected ?? null, re = this.load_ ? this.load_ : this.load ?? null, E = this.float_ ? this.float_ : this.float ?? null, x = this.hide_ ? this.hide_ : this.hide ?? null, k = this.close_ ? this.close_ : this.close ?? null, D = this.drag_ ? this.drag_ : this.drag ?? null, A = this.focus_ ? this.focus_ : this.focus ?? null;
+      if (this.focusOn_ = this.focusOn_ ? this.focusOn_ : this.focusOn ?? null, x === !0 || this.item_ instanceof Object && ((this.isWbcPro || zs) && typeof ((a = this.item_) == null ? void 0 : a.tracker) == "function" && this.item_.tracker(this.itemAccessibility), ie = this.protected_ ? this.protected_ : ((o = (s = this.item_) == null ? void 0 : s.options) == null ? void 0 : o.protected_) ?? this.protected ?? null, re = this.load_ ? this.load_ : ((f = (c = this.item_) == null ? void 0 : c.options) == null ? void 0 : f.load) ?? this.load ?? null, E = this.float_ ? this.float_ : ((l = (p = this.item_) == null ? void 0 : p.options) == null ? void 0 : l.float) ?? this.float ?? null, x = this.hide_ ? this.hide_ : ((d = (h = this.item_) == null ? void 0 : h.options) == null ? void 0 : d.hide) ?? this.hide ?? null, k = this.close_ ? this.close_ : ((C = (_ = this.item_) == null ? void 0 : _.options) == null ? void 0 : C.close) ?? this.close ?? null, D = this.drag_ ? this.drag_ : ((I = (T = this.item_) == null ? void 0 : T.options) == null ? void 0 : I.drag) ?? this.drag ?? null, A = this.focus_ ? this.focus_ : ((S = (L = this.item_) == null ? void 0 : L.options) == null ? void 0 : S.focus) ?? this.focus ?? null, this.focusOn_ = this.focusOn_ ? this.focusOn_ : ((y = (w = this.item_) == null ? void 0 : w.options) == null ? void 0 : y.focusOn) ?? this.focusOn ?? null, ["LImageOverlay", "LVideoOverlay", "LSVGOverlay"].includes(
         (F = this.item_) == null ? void 0 : F.comp
       ) && !this.mapReady))
         return null;
       let P;
-      if (ue) {
+      if (ie) {
         let V = {
           comp: "VAlert",
           options: {
-            html: typeof ue == "string" ? ue : `{
+            html: typeof ie == "string" ? ie : `{
                 en: "Forbidden access",
                 fr:'Accès interdit',
                 ar:'الوصول ممنوع'
@@ -12316,11 +12337,11 @@ const l1 = () => (zi || (zi = new bu({
             props: {
               variant: "outlined"
             },
-            ...typeof ue == "object" ? ue : {}
+            ...typeof ie == "object" ? ie : {}
           }
         };
         P = e("WBC", {
-          key: `wbc-key-protected-${ue}`,
+          key: `wbc-key-protected-${ie}`,
           props: { item: V }
         });
       } else if (re === !0 || typeof re == "object" && (re == null ? void 0 : re.active) === !0 || typeof re == "string") {
@@ -12524,7 +12545,7 @@ const l1 = () => (zi || (zi = new bu({
     },
     codeOutputWBCVN(e) {
       var s;
-      if (this.resolvedWbCode == null) return null;
+      if (this.resolvedWbCode == null || typeof this.item_ == "string" && this.item_.startsWith("./")) return null;
       let {
         activator: t = "div__Show/Hide WBC-Code|align-end font-weight-bold pa-1 ",
         collapsed: r = typeof this.resolvedWbCode == "boolean" ? this.resolvedWbCode : !1,
@@ -12557,7 +12578,7 @@ const l1 = () => (zi || (zi = new bu({
     codeFileOutputVN(e) {
       var f;
       const t = this.itemFileLanguage;
-      if (this.resolvedWbCodeFile == null || !t || !this.source) return null;
+      if (this.resolvedWbCodeFile == null || !t || !this.source || typeof this.item_ == "string" && this.item_.startsWith("./")) return null;
       let {
         activator: r,
         collapsed: n,
@@ -12853,7 +12874,7 @@ function m1() {
       } }, w = "en", y = {};
       y[w] = I;
       var F = "$isDayjsObject", B = function(E) {
-        return E instanceof ue || !(!E || !E[F]);
+        return E instanceof ie || !(!E || !E[F]);
       }, Q = function E(x, k, D) {
         var A;
         if (!x) return w;
@@ -12870,12 +12891,12 @@ function m1() {
       }, H = function(E, x) {
         if (B(E)) return E.clone();
         var k = typeof x == "object" ? x : {};
-        return k.date = E, k.args = arguments, new ue(k);
+        return k.date = E, k.args = arguments, new ie(k);
       }, z = S;
       z.l = Q, z.i = B, z.w = function(E, x) {
         return H(E, { locale: x.$L, utc: x.$u, x: x.$x, $offset: x.$offset });
       };
-      var ue = (function() {
+      var ie = (function() {
         function E(k) {
           this.$L = Q(k.locale, null, !0), this.parse(k), this.$x = this.$x || k.x || {}, this[F] = !0;
         }
@@ -13090,13 +13111,13 @@ function m1() {
         }, x.toString = function() {
           return this.$d.toUTCString();
         }, E;
-      })(), re = ue.prototype;
+      })(), re = ie.prototype;
       return H.prototype = re, [["$ms", u], ["$s", a], ["$m", s], ["$H", o], ["$W", c], ["$M", p], ["$y", h], ["$D", d]].forEach((function(E) {
         re[E[1]] = function(x) {
           return this.$g(x, E[0], E[1]);
         };
       })), H.extend = function(E, x) {
-        return E.$i || (E(x, ue, H), E.$i = !0), H;
+        return E.$i || (E(x, ie, H), E.$i = !0), H;
       }, H.locale = Q, H.isDayjs = B, H.unix = function(E) {
         return H(1e3 * E);
       }, H.en = y[w], H.Ls = y, H.p = {}, H;
@@ -13173,8 +13194,8 @@ Mr.exports;
 var Ks;
 function x1() {
   return Ks || (Ks = 1, (function(e, t) {
-    var r = 200, n = "__lodash_hash_undefined__", i = 800, u = 16, a = 9007199254740991, s = "[object Arguments]", o = "[object Array]", c = "[object AsyncFunction]", f = "[object Boolean]", p = "[object Date]", l = "[object Error]", h = "[object Function]", d = "[object GeneratorFunction]", _ = "[object Map]", C = "[object Number]", T = "[object Null]", I = "[object Object]", L = "[object Proxy]", S = "[object RegExp]", w = "[object Set]", y = "[object String]", F = "[object Undefined]", B = "[object WeakMap]", Q = "[object ArrayBuffer]", H = "[object DataView]", z = "[object Float32Array]", ue = "[object Float64Array]", re = "[object Int8Array]", E = "[object Int16Array]", x = "[object Int32Array]", k = "[object Uint8Array]", D = "[object Uint8ClampedArray]", A = "[object Uint16Array]", P = "[object Uint32Array]", V = /[\\^$.*+?()[\]{}|]/g, Z = /^\[object .+?Constructor\]$/, $ = /^(?:0|[1-9]\d*)$/, N = {};
-    N[z] = N[ue] = N[re] = N[E] = N[x] = N[k] = N[D] = N[A] = N[P] = !0, N[s] = N[o] = N[Q] = N[f] = N[H] = N[p] = N[l] = N[h] = N[_] = N[C] = N[I] = N[S] = N[w] = N[y] = N[B] = !1;
+    var r = 200, n = "__lodash_hash_undefined__", i = 800, u = 16, a = 9007199254740991, s = "[object Arguments]", o = "[object Array]", c = "[object AsyncFunction]", f = "[object Boolean]", p = "[object Date]", l = "[object Error]", h = "[object Function]", d = "[object GeneratorFunction]", _ = "[object Map]", C = "[object Number]", T = "[object Null]", I = "[object Object]", L = "[object Proxy]", S = "[object RegExp]", w = "[object Set]", y = "[object String]", F = "[object Undefined]", B = "[object WeakMap]", Q = "[object ArrayBuffer]", H = "[object DataView]", z = "[object Float32Array]", ie = "[object Float64Array]", re = "[object Int8Array]", E = "[object Int16Array]", x = "[object Int32Array]", k = "[object Uint8Array]", D = "[object Uint8ClampedArray]", A = "[object Uint16Array]", P = "[object Uint32Array]", V = /[\\^$.*+?()[\]{}|]/g, Z = /^\[object .+?Constructor\]$/, $ = /^(?:0|[1-9]\d*)$/, N = {};
+    N[z] = N[ie] = N[re] = N[E] = N[x] = N[k] = N[D] = N[A] = N[P] = !0, N[s] = N[o] = N[Q] = N[f] = N[H] = N[p] = N[l] = N[h] = N[_] = N[C] = N[I] = N[S] = N[w] = N[y] = N[B] = !1;
     var R = typeof xn == "object" && xn && xn.Object === Object && xn, U = typeof self == "object" && self && self.Object === Object && self, M = R || U || Function("return this")(), X = t && !t.nodeType && t, te = X && !0 && e && !e.nodeType && e, Ce = te && te.exports === X, me = Ce && R.process, we = (function() {
       try {
         var b = te && te.require && te.require("util").types;
@@ -13400,7 +13421,7 @@ function x1() {
       var v = _i(b) ? Sr : Z;
       return v.test(pc(b));
     }
-    function ie(b) {
+    function ue(b) {
       return Nr(b) && qu(b.length) && !!N[g(b)];
     }
     function ve(b) {
@@ -13623,7 +13644,7 @@ function x1() {
       var O = We.call(v, "constructor") && v.constructor;
       return typeof O == "function" && O instanceof O && kt.call(O) == un;
     }
-    var Gu = tt ? nn(tt) : ie;
+    var Gu = tt ? nn(tt) : ue;
     function mc(b) {
       return Qo(b, Ku(b));
     }