lone-format 0.15.0 → 0.16.1

package/dist/_chunks/{index-Deb34Mk7.js → index-Bc-10qZH.js}

@@ -1,4 +1,4 @@
-import { defineComponent as H, computed as _, resolveComponent as z, createElementBlock as N, openBlock as C, createElementVNode as q, createCommentVNode as Y, normalizeClass as $, Fragment as U, renderList as D, createBlock as W, useCssVars as X, ref as R, watch as P, toDisplayString as Z } from "vue";
+import { defineComponent as M, computed as q, resolveComponent as z, createElementBlock as N, openBlock as C, createElementVNode as _, createCommentVNode as Y, normalizeClass as $, Fragment as U, renderList as D, createBlock as W, useCssVars as X, ref as B, watch as P, toDisplayString as Z } from "vue";
 import { format as F, supportedDialects as ee } from "sql-formatter";
 import { _ as K } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const te = {
@@ -152,6 +152,56 @@ const te = {
     // 对齐线 - 灰色
   }
 }, re = {
+  name: "min-dark",
+  colors: {
+    // 背景色 - 极简暗色
+    background: "#111111",
+    surfaceBackground: "#1a1a1a",
+    hoverBackground: "#1f1f1f",
+    // 边框色 - 柔和深灰
+    border: "#2a2a2a",
+    // 文本色 - 柔和浅灰
+    text: "#e5e5e5",
+    textSecondary: "#a3a3a3",
+    // 按钮样式 - 简约暗色
+    buttonBackground: "#1f1f1f",
+    buttonBackgroundHover: "#2a2a2a",
+    buttonBorder: "#333333",
+    buttonText: "#e5e5e5",
+    buttonPrimary: "#3b82f6",
+    buttonPrimaryHover: "#2563eb",
+    // 状态指示 - 暗色可读性
+    success: "#22c55e",
+    successBackground: "#052e16",
+    error: "#f87171",
+    errorBackground: "#450a0a",
+    // SQL 语法高亮 - 极简暗色配色
+    sqlKeyword: "#4ade80",
+    // 关键字 - 绿色
+    sqlFunction: "#c084fc",
+    // 函数 - 紫色
+    sqlString: "#f87171",
+    // 字符串 - 红色
+    sqlNumber: "#60a5fa",
+    // 数字 - 蓝色
+    sqlComment: "#9ca3af",
+    // 注释 - 灰色
+    sqlOperator: "#f87171",
+    // 操作符 - 红色
+    sqlIdentifier: "#f3f4f6",
+    // 标识符 - 浅灰
+    sqlPunctuation: "#d1d5db",
+    // 标点 - 浅灰
+    // 折叠效果
+    collapsedBackground: "#1e293b",
+    // 折叠信息背景色 - 深蓝灰
+    collapsedText: "#60a5fa",
+    // 折叠信息文本色 - 蓝色
+    // 缩进指示线
+    indentLine: "#374151"
+    // 对齐线 - 深灰
+  }
+}, oe = {
   name: "slack-ochin",
   colors: {
     // 背景色
@@ -201,12 +251,13 @@ const te = {
     indentLine: "#3e4348"
     // 对齐线 - 灰色
   }
-}, M = {
+}, H = {
   "github-light": te,
   "github-dark": se,
   "min-light": ne,
-  "slack-ochin": re
-}, le = (o) => M[o] || M["github-light"], j = [
+  "min-dark": re,
+  "slack-ochin": oe
+}, le = (l) => H[l] || H["github-light"], j = [
   "SELECT",
   "FROM",
   "WHERE",
@@ -254,7 +305,7 @@ const te = {
   "THEN",
   "ELSE",
   "END"
-], oe = [
+], ae = [
   "WITH",
   "SELECT",
   "FROM",
@@ -281,79 +332,79 @@ const te = {
   "UNION",
   "INTERSECT",
   "EXCEPT"
-], A = "sql", ae = new Set(ee), Q = (o = A) => {
-  const t = String(o).trim().toLowerCase();
-  if (!ae.has(t))
-    throw new Error(`Unsupported SQL dialect: ${o}`);
+], A = "sql", ce = new Set(ee), Q = (l = A) => {
+  const t = String(l).trim().toLowerCase();
+  if (!ce.has(t))
+    throw new Error(`Unsupported SQL dialect: ${l}`);
   return t;
-}, ce = (o, t = A) => {
+}, ie = (l, t = A) => {
   try {
-    if (!o || !o.trim())
+    if (!l || !l.trim())
       return { valid: !1, error: "SQL string is empty" };
-    const e = o.toUpperCase().trim();
+    const e = l.toUpperCase().trim();
     if (!j.some((h) => new RegExp(`\\b${h}\\b`).test(e)))
       return { valid: !1, error: "No valid SQL keywords found" };
     let s = 0, u = !1, n = "";
-    for (let h = 0; h < o.length; h++) {
-      const r = o[h], d = h > 0 ? o[h - 1] : "";
+    for (let h = 0; h < l.length; h++) {
+      const r = l[h], d = h > 0 ? l[h - 1] : "";
       if ((r === "'" || r === '"') && d !== "\\" && (u ? r === n && (u = !1, n = "") : (u = !0, n = r)), !u && (r === "(" && s++, r === ")" && s--, s < 0))
         return { valid: !1, error: "Mismatched parentheses: unexpected closing parenthesis" };
     }
     if (s !== 0)
       return { valid: !1, error: `Mismatched parentheses: ${s} unclosed opening parenthesis` };
     const i = Q(t);
-    return F(o, { language: i }), { valid: !0 };
+    return F(l, { language: i }), { valid: !0 };
   } catch (e) {
     return {
       valid: !1,
       error: e instanceof Error ? e.message : "Unknown validation error"
     };
   }
-}, ie = (o, t) => {
-  const e = o.match(/\bVALUES\s*/i);
-  if (!e || e.index === void 0) return o;
-  const f = o.slice(0, e.index + e[0].length), s = o.slice(e.index + e[0].length), u = [];
+}, ue = (l, t) => {
+  const e = l.match(/\bVALUES\s*/i);
+  if (!e || e.index === void 0) return l;
+  const f = l.slice(0, e.index + e[0].length), s = l.slice(e.index + e[0].length), u = [];
   let n = 0, i = "", h = !1, r = "", d = 0;
   for (; d < s.length; ) {
-    const l = s[d], E = d > 0 ? s[d - 1] : "";
-    if ((l === "'" || l === '"') && E !== "\\" && (h ? l === r && (h = !1) : (h = !0, r = l)), h)
-      n > 0 && (i += l);
-    else if (l === "(")
-      n === 0 ? i = l : i += l, n++;
-    else if (l === ")")
-      i += l, n--, n === 0 && i.trim() && (u.push(i.trim()), i = "");
+    const o = s[d], k = d > 0 ? s[d - 1] : "";
+    if ((o === "'" || o === '"') && k !== "\\" && (h ? o === r && (h = !1) : (h = !0, r = o)), h)
+      n > 0 && (i += o);
+    else if (o === "(")
+      n === 0 ? i = o : i += o, n++;
+    else if (o === ")")
+      i += o, n--, n === 0 && i.trim() && (u.push(i.trim()), i = "");
     else {
-      if (l === ";" && n === 0)
+      if (o === ";" && n === 0)
         break;
-      n > 0 && (i += l);
+      n > 0 && (i += o);
     }
     d++;
   }
   if (u.length === 0)
-    return o;
-  const g = " ".repeat(t), v = u.map((l) => {
-    const E = l.slice(1, -1), y = [];
+    return l;
+  const g = " ".repeat(t), v = u.map((o) => {
+    const k = o.slice(1, -1), E = [];
     let S = "", I = 0, L = !1, x = "";
-    for (let c = 0; c < E.length; c++) {
-      const b = E[c], k = c > 0 ? E[c - 1] : "";
-      if ((b === "'" || b === '"') && k !== "\\" && (L ? b === x && (L = !1) : (L = !0, x = b)), !L && (b === "(" && I++, b === ")" && I--, b === "," && I === 0)) {
-        y.push(S.trim()), S = "";
+    for (let c = 0; c < k.length; c++) {
+      const b = k[c], y = c > 0 ? k[c - 1] : "";
+      if ((b === "'" || b === '"') && y !== "\\" && (L ? b === x && (L = !1) : (L = !0, x = b)), !L && (b === "(" && I++, b === ")" && I--, b === "," && I === 0)) {
+        E.push(S.trim()), S = "";
         continue;
       }
       S += b;
     }
-    S.trim() && y.push(S.trim());
-    const O = y.map((c, b) => {
-      const k = b < y.length - 1 ? "," : "";
-      return `${g}${g}${c}${k}`;
+    S.trim() && E.push(S.trim());
+    const O = E.map((c, b) => {
+      const y = b < E.length - 1 ? "," : "";
+      return `${g}${g}${c}${y}`;
     }).join(`
 `);
     return `${g}(
 ${O}
 ${g})`;
-  }), m = v.map((l, E) => {
-    const y = E < v.length - 1 ? "," : ";";
-    return l + y;
+  }), m = v.map((o, k) => {
+    const E = k < v.length - 1 ? "," : ";";
+    return o + E;
   }).join(`
 `);
   let a = d;
@@ -361,10 +412,10 @@ ${g})`;
   const p = s.slice(a);
   return f.trimEnd() + `
 ` + m + p;
-}, V = (o, t) => {
+}, V = (l, t) => {
   try {
     const e = Q(t?.dialect ?? A), f = t?.tabWidth || 2, s = t?.keywordCase || "upper", u = t?.useTabs || !1, n = t?.linesBetweenQueries || 1;
-    let i = F(o, {
+    let i = F(l, {
       language: e,
       tabWidth: f,
       keywordCase: s,
@@ -373,23 +424,23 @@ ${g})`;
       // 其他默认配置
       indentStyle: "standard"
     });
-    return /\bINSERT\s+INTO\b/i.test(i) && /\bVALUES\b/i.test(i) && (i = ie(i, f)), i;
+    return /\bINSERT\s+INTO\b/i.test(i) && /\bVALUES\b/i.test(i) && (i = ue(i, f)), i;
   } catch (e) {
     const f = e instanceof Error ? e.message : "Unknown formatting error";
     throw new Error(`SQL formatting error: ${f}`);
   }
-}, ue = (o) => {
+}, de = (l) => {
   try {
     const t = [];
-    let e = o.replace(/(["'])(?:(?=(\\?))\2.)*?\1/g, (f) => (t.push(f), `__STR_${t.length - 1}__`));
+    let e = l.replace(/(["'])(?:(?=(\\?))\2.)*?\1/g, (f) => (t.push(f), `__STR_${t.length - 1}__`));
     return e = e.replace(/--[^\n]*/g, "").replace(/\/\*[\s\S]*?\*\//g, ""), e = e.replace(/\s+/g, " ").trim(), t.forEach((f, s) => {
       e = e.replace(`__STR_${s}__`, f);
     }), e;
   } catch (t) {
-    return console.error("SQL compression error:", t), o;
+    return console.error("SQL compression error:", t), l;
   }
-}, de = (o, t) => {
-  const e = [], f = o.match(/^(.*?\bVALUES\b)/is);
+}, fe = (l, t) => {
+  const e = [], f = l.match(/^(.*?\bVALUES\b)/is);
   if (!f) return [];
   const s = f[1].trim();
   e.push({
@@ -399,7 +450,7 @@ ${g})`;
     collapsible: !1,
     path: `clause-${t}`
   });
-  let n = o.slice(f[1].length).trim(), i = 0, h = 0, r = "", d = !1, g = "";
+  let n = l.slice(f[1].length).trim(), i = 0, h = 0, r = "", d = !1, g = "";
   for (let v = 0; v < n.length; v++) {
     const m = n[v], a = v > 0 ? n[v - 1] : "";
     if ((m === "'" || m === '"') && a !== "\\" && (d ? m === g && (d = !1) : (d = !0, g = m)), d)
@@ -410,36 +461,36 @@ ${g})`;
       h++, r += m;
     else if (m === ")") {
       if (r += m, h--, h === 0) {
-        let p = v + 1, l = "";
+        let p = v + 1, o = "";
         for (; p < n.length; ) {
-          const y = n[p];
-          if (y === "," || y === ";") {
-            l = y;
+          const E = n[p];
+          if (E === "," || E === ";") {
+            o = E;
             break;
-          } else if (!/\s/.test(y))
+          } else if (!/\s/.test(E))
             break;
           p++;
         }
-        const E = r.trim();
-        E && (e.push({
+        const k = r.trim();
+        k && (e.push({
           type: "VALUE_TUPLE",
-          content: E + l,
-          raw: E + l,
+          content: k + o,
+          raw: k + o,
           collapsible: !0,
           path: `clause-${t}-value-${i}`
-        }), i++), r = "", l && (v = p);
+        }), i++), r = "", o && (v = p);
       }
     } else h > 0 && (r += m);
   }
   return e;
-}, fe = (o, t) => /\n\s*ON\b/i.test(t) ? t : t.replace(
+}, pe = (l, t) => /\n\s*ON\b/i.test(t) ? t : t.replace(
   /^(\s*)((?:INNER|LEFT|RIGHT|FULL|CROSS|OUTER)?\s*JOIN\b[^\n]*?)\s+ON\b\s*/gim,
   `$1$2
 $1ON `
-), pe = (o) => {
+), he = (l) => {
   let t = 0, e = !1, f = "";
-  for (let s = 0; s < o.length; s++) {
-    const u = o[s], n = s > 0 ? o[s - 1] : "";
+  for (let s = 0; s < l.length; s++) {
+    const u = l[s], n = s > 0 ? l[s - 1] : "";
     if ((u === "'" || u === '"') && n !== "\\") {
       e ? u === f && (e = !1, f = "") : (e = !0, f = u);
       continue;
@@ -447,11 +498,11 @@ $1ON `
     e || (u === "(" && t++, u === ")" && t--);
   }
   return t;
-}, he = (o) => {
+}, me = (l) => {
   const t = [];
   let e = 0, f = -1, s = !1, u = "";
-  for (let n = 0; n < o.length; n++) {
-    const i = o[n], h = n > 0 ? o[n - 1] : "";
+  for (let n = 0; n < l.length; n++) {
+    const i = l[n], h = n > 0 ? l[n - 1] : "";
     if ((i === "'" || i === '"') && h !== "\\") {
       s ? i === u && (s = !1, u = "") : (s = !0, u = i);
       continue;
@@ -459,11 +510,11 @@ $1ON `
     s || (i === "(" ? (e === 0 && (f = n), e++) : i === ")" && (e--, e === 0 && f >= 0 && (t.push({ open: f, close: n }), f = -1)));
   }
   return t;
-}, me = (o) => {
-  const t = o.trim();
-  return t ? /^(SELECT|WITH)\b/i.test(t) ? !0 : /\n\s*(SELECT|FROM|WHERE|JOIN|UNION|INTERSECT|EXCEPT)\b/i.test(o) : !1;
-}, ge = (o) => {
-  const t = o.content.split(`
+}, ge = (l) => {
+  const t = l.trim();
+  return t ? /^(SELECT|WITH)\b/i.test(t) ? !0 : /\n\s*(SELECT|FROM|WHERE|JOIN|UNION|INTERSECT|EXCEPT)\b/i.test(l) : !1;
+}, be = (l) => {
+  const t = l.content.split(`
 `);
   let e = -1;
   for (let r = 0; r < t.length; r++)
@@ -475,30 +526,30 @@ $1ON `
   const f = t.slice(e + 1).join(`
 `);
   if (!f) return;
-  const u = he(f).filter(
-    (r) => me(f.slice(r.open + 1, r.close))
+  const u = me(f).filter(
+    (r) => ge(f.slice(r.open + 1, r.close))
   );
   if (u.length === 0) return;
   const n = [];
   let i = 0;
-  const h = o.path || "clause";
+  const h = l.path || "clause";
   u.forEach((r, d) => {
     r.open + 1 > i && n.push({ kind: "text", text: f.slice(i, r.open + 1) });
     const g = f.lastIndexOf(`
 `, r.close - 1) + 1, v = g > r.open, m = v ? g - 1 : r.close, a = f.slice(r.open + 1, m), p = J(a, `${h}-sub${d}-`);
-    for (const l of p)
-      n.push({ kind: "clause", clause: l });
+    for (const o of p)
+      n.push({ kind: "clause", clause: o });
     i = v ? g : r.close;
-  }), i < f.length && n.push({ kind: "text", text: f.slice(i) }), o.body = n;
-}, J = (o, t) => {
-  const e = [], f = o.split(`
+  }), i < f.length && n.push({ kind: "text", text: f.slice(i) }), l.body = n;
+}, J = (l, t) => {
+  const e = [], f = l.split(`
 `);
   let s = null, u = [], n = [], i = 0;
-  const h = [...oe].sort((d, g) => g.length - d.length), r = () => {
+  const h = [...ae].sort((d, g) => g.length - d.length), r = () => {
     if (!s || u.length === 0) return;
     let d = u.join(`
 `);
-    if (d = fe(s.type, d), s.content = d, s.raw = d, s.type === "INSERT INTO" && /\bVALUES\b/i.test(d)) {
+    if (d = pe(s.type, d), s.content = d, s.raw = d, s.type === "INSERT INTO" && /\bVALUES\b/i.test(d)) {
       const g = d.match(/^(.*?\bINSERT\s+INTO\s+[^(]+\s*\([^)]+\))/is);
       if (g) {
         const v = {
@@ -509,14 +560,14 @@ $1ON `
           path: `${t}clause-${e.length}`
         };
         e.push(v);
-        const m = d.slice(g[1].length).trim(), a = e.length, p = de(m, a);
-        for (let l = 0; l < p.length; l++)
-          p[l].path = `${t}clause-${a + l}`;
+        const m = d.slice(g[1].length).trim(), a = e.length, p = fe(m, a);
+        for (let o = 0; o < p.length; o++)
+          p[o].path = `${t}clause-${a + o}`;
         e.push(...p);
         return;
       }
     }
-    ge(s), e.push(s);
+    be(s), e.push(s);
   };
   for (const d of f) {
     const g = d.trim();
@@ -556,7 +607,7 @@ $1ON `
       raw: "",
       collapsible: !1,
       path: `${t}clause-${e.length}`
-    }), i = Math.max(0, i + pe(d));
+    }), i = Math.max(0, i + he(d));
   }
   return r(), n.length > 0 && e.push({
     type: "UNKNOWN",
@@ -567,12 +618,12 @@ $1ON `
     collapsible: !1,
     path: `${t}clause-${e.length}`
   }), e;
-}, be = (o, t = A) => {
-  const e = V(o, { dialect: t, keywordCase: "upper" });
-  return { clauses: J(e, ""), raw: o };
-}, G = (o) => {
+}, ve = (l, t = A) => {
+  const e = V(l, { dialect: t, keywordCase: "upper" });
+  return { clauses: J(e, ""), raw: l };
+}, G = (l) => {
   const t = [];
-  let e = o;
+  let e = l;
   const f = [
     "COUNT",
     "SUM",
@@ -646,10 +697,10 @@ $1ON `
     t.push({ type: "punctuation", value: e[0] }), e = e.slice(1);
   }
   return t;
-}, ve = { class: "sql-clause-node" }, Ee = ["title"], ye = { class: "sql-clause-node__code" }, ke = ["innerHTML"], Se = {
+}, ke = { class: "sql-clause-node" }, Ee = ["title"], ye = { class: "sql-clause-node__code" }, Se = ["innerHTML"], Te = {
   key: 0,
   class: "sql-clause-node__body"
-}, Te = ["title"], Ce = ["innerHTML"], Ne = ["title"], _e = ["innerHTML"], qe = /* @__PURE__ */ H({
+}, Ce = ["title"], Ne = ["innerHTML"], qe = ["title"], _e = ["innerHTML"], Ie = /* @__PURE__ */ M({
   __name: "SqlClauseNode",
   props: {
     clause: {},
@@ -657,98 +708,98 @@ $1ON `
     theme: {}
   },
   emits: ["toggle"],
-  setup(o, { emit: t }) {
-    const e = o, f = t, s = _(() => e.clause.path || ""), u = _(() => e.expandedClauses.has(s.value)), n = _(() => {
+  setup(l, { emit: t }) {
+    const e = l, f = t, s = q(() => e.clause.path || ""), u = q(() => e.expandedClauses.has(s.value)), n = q(() => {
       const a = e.clause.content.split(`
 `);
       for (const p of a)
         if (p.trim()) return p;
       return "";
-    }), i = _(() => {
+    }), i = q(() => {
       const a = e.clause.content.split(`
 `);
       if (a.length <= 1) return "";
       let p = 0;
-      for (let l = 0; l < a.length; l++)
-        if (a[l].trim()) {
-          p = l;
+      for (let o = 0; o < a.length; o++)
+        if (a[o].trim()) {
+          p = o;
           break;
         }
       return a.slice(p + 1).join(`
 `);
-    }), h = _(() => e.clause.body && e.clause.body.length > 0 ? !0 : !!i.value), r = (a) => {
-      const p = G(a), l = e.theme.colors;
-      return p.map((E) => {
-        let y = l.text;
-        switch (E.type) {
+    }), h = q(() => e.clause.body && e.clause.body.length > 0 ? !0 : !!i.value), r = (a) => {
+      const p = G(a), o = e.theme.colors;
+      return p.map((k) => {
+        let E = o.text;
+        switch (k.type) {
           case "keyword":
-            y = l.sqlKeyword;
+            E = o.sqlKeyword;
             break;
           case "function":
-            y = l.sqlFunction;
+            E = o.sqlFunction;
             break;
           case "string":
-            y = l.sqlString;
+            E = o.sqlString;
             break;
           case "number":
-            y = l.sqlNumber;
+            E = o.sqlNumber;
             break;
           case "comment":
-            y = l.sqlComment;
+            E = o.sqlComment;
             break;
           case "operator":
-            y = l.sqlOperator;
+            E = o.sqlOperator;
             break;
           case "identifier":
-            y = l.sqlIdentifier;
+            E = o.sqlIdentifier;
             break;
           case "punctuation":
-            y = l.sqlPunctuation;
+            E = o.sqlPunctuation;
             break;
           case "whitespace":
-            return E.value.replace(/ /g, "&nbsp;").replace(/\n/g, `
+            return k.value.replace(/ /g, "&nbsp;").replace(/\n/g, `
 `);
         }
-        const S = E.value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
-        return `<span style="color: ${y}">${S}</span>`;
+        const S = k.value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+        return `<span style="color: ${E}">${S}</span>`;
       }).join("");
-    }, d = _(() => {
+    }, d = q(() => {
       const a = e.clause.body;
       if (!a || a.length === 0) return null;
-      let p = "", l = !1;
+      let p = "", o = !1;
       for (const c of a)
         if (c.kind === "text") {
           const b = c.text.indexOf("(");
           if (b >= 0) {
-            p += c.text.slice(0, b), l = !0;
+            p += c.text.slice(0, b), o = !0;
             break;
           }
           p += c.text;
         } else
           return null;
-      if (!l) return null;
-      let E = "";
+      if (!o) return null;
+      let k = "";
       for (let c = a.length - 1; c >= 0; c--) {
         const b = a[c];
         if (b.kind === "text") {
-          const k = b.text.lastIndexOf(")");
-          if (k >= 0) {
-            E = b.text.slice(k + 1) + E;
+          const y = b.text.lastIndexOf(")");
+          if (y >= 0) {
+            k = b.text.slice(y + 1) + k;
             break;
           }
-          E = b.text + E;
+          k = b.text + k;
         } else
           break;
       }
-      const y = p.replace(/\s+/g, " ").trim(), S = E.replace(/\s+/g, " ").trim(), I = n.value, L = (I.match(/^\s*/) || [""])[0], O = [I.trimStart()];
-      return y && O.push(y), O.push("(...)"), S && O.push(S), `${L}${O.join(" ")}`;
-    }), g = _(() => {
+      const E = p.replace(/\s+/g, " ").trim(), S = k.replace(/\s+/g, " ").trim(), I = n.value, L = (I.match(/^\s*/) || [""])[0], O = [I.trimStart()];
+      return E && O.push(E), O.push("(...)"), S && O.push(S), `${L}${O.join(" ")}`;
+    }), g = q(() => {
       if (e.clause.collapsible && !u.value && h.value) {
         const a = d.value;
         if (a)
           return r(a);
-        const p = r(n.value), l = e.theme.colors.textSecondary;
-        return `${p}<span style="color: ${l}; opacity: 0.6; font-style: italic; margin-left: 4px;"> ...</span>`;
+        const p = r(n.value), o = e.theme.colors.textSecondary;
+        return `${p}<span style="color: ${o}; opacity: 0.6; font-style: italic; margin-left: 4px;"> ...</span>`;
       }
       return r(n.value);
     }), v = () => {
@@ -757,35 +808,35 @@ $1ON `
       if (!e.clause.collapsible) return;
       const p = a.target;
       if (!p) return;
-      const l = (p.textContent || "").trim();
-      (l === "(" || l === ")") && f("toggle", s.value);
+      const o = (p.textContent || "").trim();
+      (o === "(" || o === ")") && f("toggle", s.value);
     };
     return (a, p) => {
-      const l = z("SqlClauseNode", !0);
-      return C(), N("div", ve, [
-        q("div", {
+      const o = z("SqlClauseNode", !0);
+      return C(), N("div", ke, [
+        _("div", {
           class: $(["sql-clause-node__header", { "sql-clause-node__header--collapsible": a.clause.collapsible }]),
           title: a.clause.collapsible ? u.value ? "Click to collapse" : "Click to expand" : "",
           onClick: v
         }, [
-          q("pre", ye, [
-            q("code", { innerHTML: g.value }, null, 8, ke)
+          _("pre", ye, [
+            _("code", { innerHTML: g.value }, null, 8, Se)
           ])
         ], 10, Ee),
-        u.value && h.value ? (C(), N("div", Se, [
-          a.clause.body && a.clause.body.length > 0 ? (C(!0), N(U, { key: 0 }, D(a.clause.body, (E, y) => (C(), N(U, { key: y }, [
-            E.kind === "text" ? (C(), N("pre", {
+        u.value && h.value ? (C(), N("div", Te, [
+          a.clause.body && a.clause.body.length > 0 ? (C(!0), N(U, { key: 0 }, D(a.clause.body, (k, E) => (C(), N(U, { key: E }, [
+            k.kind === "text" ? (C(), N("pre", {
               key: 0,
               class: $(["sql-clause-node__code sql-clause-node__text-segment", { "sql-clause-node__text-segment--clickable": a.clause.collapsible }]),
               title: a.clause.collapsible ? "Click ( or ) to collapse" : "",
               onClick: p[0] || (p[0] = (S) => m(S))
             }, [
-              q("code", {
-                innerHTML: r(E.text)
-              }, null, 8, Ce)
-            ], 10, Te)) : (C(), W(l, {
+              _("code", {
+                innerHTML: r(k.text)
+              }, null, 8, Ne)
+            ], 10, Ce)) : (C(), W(o, {
               key: 1,
-              clause: E.clause,
+              clause: k.clause,
               "expanded-clauses": a.expandedClauses,
               theme: a.theme,
               onToggle: p[1] || (p[1] = (S) => a.$emit("toggle", S))
@@ -794,29 +845,29 @@ $1ON `
             key: 1,
             class: $(["sql-clause-node__code sql-clause-node__rest", { "sql-clause-node__rest--clickable": a.clause.collapsible }]),
             title: a.clause.collapsible ? "Click ( or ) to collapse" : "",
-            onClick: p[2] || (p[2] = (E) => m(E))
+            onClick: p[2] || (p[2] = (k) => m(k))
           }, [
-            q("code", {
+            _("code", {
               innerHTML: r(i.value)
             }, null, 8, _e)
-          ], 10, Ne))
+          ], 10, qe))
         ])) : Y("", !0)
       ]);
     };
   }
-}), Ie = /* @__PURE__ */ K(qe, [["__scopeId", "data-v-8b9383dc"]]), Le = { class: "sql-format__content" }, Oe = {
+}), Le = /* @__PURE__ */ K(Ie, [["__scopeId", "data-v-8b9383dc"]]), Oe = { class: "sql-format__content" }, xe = {
   key: 0,
   class: "sql-format__error"
-}, xe = {
+}, we = {
   key: 1,
   class: "sql-format__viewer"
-}, we = {
+}, Be = {
   key: 0,
   class: "sql-format__clauses"
 }, Re = {
   key: 1,
   class: "sql-format__code"
-}, Be = ["innerHTML"], $e = /* @__PURE__ */ H({
+}, $e = ["innerHTML"], Ae = /* @__PURE__ */ M({
   __name: "index",
   props: {
     modelValue: { default: "" },
@@ -826,7 +877,7 @@ $1ON `
     tabWidth: { default: 2 }
   },
   emits: ["update:modelValue", "copy-success", "copy-error", "expand-all", "collapse-all", "compress", "format"],
-  setup(o, { expose: t, emit: e }) {
+  setup(l, { expose: t, emit: e }) {
     X((c) => ({
       eb378acc: v.value.colors.background,
       f6f4a8ce: v.value.colors.text,
@@ -834,78 +885,78 @@ $1ON `
       "0b62391c": v.value.colors.error
     }));
     const f = (c) => {
-      const b = [], k = (w) => {
+      const b = [], y = (w) => {
         for (const T of w)
           if (T.path && b.push(T.path), T.body)
-            for (const B of T.body)
-              B.kind === "clause" && k([B.clause]);
+            for (const R of T.body)
+              R.kind === "clause" && y([R.clause]);
       };
-      return k(c), b;
-    }, s = o, u = e, n = R(""), i = R(s.dialect), h = R([]), r = R(/* @__PURE__ */ new Set()), d = R(""), g = _(() => n.value === ""), v = _(() => le(s.theme)), m = (c) => {
+      return y(c), b;
+    }, s = l, u = e, n = B(""), i = B(s.dialect), h = B([]), r = B(/* @__PURE__ */ new Set()), d = B(""), g = q(() => n.value === ""), v = q(() => le(s.theme)), m = (c) => {
       if (!c || !c.trim()) {
         n.value = "", h.value = [], r.value.clear();
         return;
       }
       try {
-        const b = ce(c, i.value);
+        const b = ie(c, i.value);
         if (!b.valid) {
           n.value = b.error || "Invalid SQL", h.value = [], d.value = "";
           return;
         }
-        const k = be(c, i.value);
-        h.value = k.clauses, d.value = V(c, {
+        const y = ve(c, i.value);
+        h.value = y.clauses, d.value = V(c, {
           dialect: i.value,
           tabWidth: s.tabWidth
-        }), r.value = new Set(f(k.clauses)), n.value = "";
+        }), r.value = new Set(f(y.clauses)), n.value = "";
       } catch (b) {
         n.value = b instanceof Error ? b.message : "Unknown parse error", h.value = [], d.value = "";
       }
     }, a = (c) => {
-      const b = G(c), k = v.value.colors;
+      const b = G(c), y = v.value.colors;
       return b.map((w) => {
-        let T = k.text;
+        let T = y.text;
         switch (w.type) {
           case "keyword":
-            T = k.sqlKeyword;
+            T = y.sqlKeyword;
             break;
           case "function":
-            T = k.sqlFunction;
+            T = y.sqlFunction;
             break;
           case "string":
-            T = k.sqlString;
+            T = y.sqlString;
             break;
           case "number":
-            T = k.sqlNumber;
+            T = y.sqlNumber;
             break;
           case "comment":
-            T = k.sqlComment;
+            T = y.sqlComment;
             break;
           case "operator":
-            T = k.sqlOperator;
+            T = y.sqlOperator;
             break;
           case "identifier":
-            T = k.sqlIdentifier;
+            T = y.sqlIdentifier;
             break;
           case "punctuation":
-            T = k.sqlPunctuation;
+            T = y.sqlPunctuation;
             break;
           case "whitespace":
             return w.value.replace(/ /g, "&nbsp;").replace(/\n/g, `
 `);
         }
-        const B = w.value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
-        return `<span style="color: ${T}">${B}</span>`;
+        const R = w.value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+        return `<span style="color: ${T}">${R}</span>`;
       }).join("");
     }, p = (c) => {
       r.value.has(c) ? r.value.delete(c) : r.value.add(c), r.value = new Set(r.value);
-    }, l = () => {
+    }, o = () => {
       r.value = new Set(f(h.value)), u("expand-all");
-    }, E = () => {
+    }, k = () => {
       r.value = /* @__PURE__ */ new Set(), u("collapse-all");
-    }, y = () => d.value || s.modelValue, S = async () => {
+    }, E = () => d.value || s.modelValue, S = async () => {
       if (g.value)
         try {
-          const c = y();
+          const c = E();
           await navigator.clipboard.writeText(c), u("copy-success", c);
         } catch (c) {
           const b = c instanceof Error ? c : new Error("Failed to copy");
@@ -925,7 +976,7 @@ $1ON `
     }, L = () => {
       if (g.value)
         try {
-          const c = ue(s.modelValue);
+          const c = de(s.modelValue);
           u("update:modelValue", c), u("compress", c);
         } catch (c) {
           console.error("Compress error:", c);
@@ -946,39 +997,39 @@ $1ON `
       copySql: S,
       formatSource: I,
       compressSource: L,
-      expandAll: l,
-      collapseAll: E,
+      expandAll: o,
+      collapseAll: k,
       toggleExpand: p,
       isValidSql: () => g.value,
       getParsedSql: x,
       getParseError: O,
-      getValue: y
+      getValue: E
     }), (c, b) => (C(), N("div", {
       class: $(["sql-format", `sql-format--${v.value.name}`])
     }, [
-      q("div", Le, [
-        g.value ? (C(), N("div", xe, [
-          h.value.length > 0 ? (C(), N("div", we, [
-            (C(!0), N(U, null, D(h.value, (k) => (C(), W(Ie, {
-              key: k.path,
-              clause: k,
+      _("div", Oe, [
+        g.value ? (C(), N("div", we, [
+          h.value.length > 0 ? (C(), N("div", Be, [
+            (C(!0), N(U, null, D(h.value, (y) => (C(), W(Le, {
+              key: y.path,
+              clause: y,
               "expanded-clauses": r.value,
               theme: v.value,
               onToggle: p
             }, null, 8, ["clause", "expanded-clauses", "theme"]))), 128))
           ])) : (C(), N("pre", Re, [
-            q("code", {
+            _("code", {
               innerHTML: a(s.modelValue)
-            }, null, 8, Be)
+            }, null, 8, $e)
           ]))
-        ])) : (C(), N("div", Oe, [
-          b[0] || (b[0] = q("h4", null, "SQL Parse Error:", -1)),
-          q("pre", null, Z(n.value), 1)
+        ])) : (C(), N("div", xe, [
+          b[0] || (b[0] = _("h4", null, "SQL Parse Error:", -1)),
+          _("pre", null, Z(n.value), 1)
         ]))
       ])
     ], 2));
   }
-}), Pe = /* @__PURE__ */ K($e, [["__scopeId", "data-v-d9005677"]]);
+}), He = /* @__PURE__ */ K(Ae, [["__scopeId", "data-v-d9005677"]]);
 export {
-  Pe as S
+  He as S
 };