@francofantomius/material-components 0.1.0 → 1.0.1

package/dist/chunks/code-C5UFBkCh.js

@@ -0,0 +1,1830 @@
+import { n as E, t as v } from "./decorate-DXuynaiA.js";
+import "./icon-DrNqcNEL.js";
+import { css as T, html as x, nothing as C } from "lit";
+import { customElement as N, property as k, state as L } from "lit/decorators.js";
+import { unsafeHTML as O } from "lit/directives/unsafe-html.js";
+var M = T`
+  :host {
+    display: block;
+    box-sizing: border-box;
+    font-family: 'Fira Code', 'Roboto Mono', Consolas, Monaco, 'Courier New', monospace;
+    --md-code-bg: var(--md-sys-color-surface-container, #f3edf7);
+    --md-code-header-bg: var(--md-sys-color-surface-container-high, #ece6f0);
+    --md-code-border: var(--md-sys-color-outline-variant, #cac4d0);
+    --md-code-color: var(--md-sys-color-on-surface, #1d1b20);
+    --md-code-gutter-color: var(--md-sys-color-outline, #79747e);
+    --md-code-gutter-bg: transparent;
+    --md-code-radius: var(--md-sys-shape-corner-medium, 12px);
+    --md-code-font-size: 13.5px;
+    --md-code-line-height: 1.6;
+    margin: 1rem 0;
+  }
+
+  .code-container {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    background-color: var(--md-code-bg);
+    border: 1px solid var(--md-code-border);
+    border-radius: var(--md-code-radius);
+    overflow: hidden;
+    color: var(--md-code-color);
+  }
+
+  /* Header Bar */
+  .code-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 6px 12px;
+    background-color: var(--md-code-header-bg);
+    border-bottom: 1px solid var(--md-code-border);
+    min-height: 40px;
+    font-size: 12.5px;
+    font-weight: 500;
+    user-select: none;
+  }
+
+  .code-header-left {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .lang-badge {
+    display: inline-flex;
+    align-items: center;
+    padding: 2px 8px;
+    background-color: var(--md-sys-color-secondary-container, #e8def8);
+    color: var(--md-sys-color-on-secondary-container, #1d192b);
+    border-radius: var(--md-sys-shape-corner-full, 9999px);
+    font-size: 11px;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+  }
+
+  .code-filename {
+    font-weight: 500;
+    color: var(--md-sys-color-on-surface, #1d1b20);
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .code-header-actions {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    margin-left: auto;
+  }
+
+  /* Floating Copy Button (when header is hidden) */
+  .floating-copy-btn {
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    z-index: 5;
+  }
+
+  /* Copy Button inside header or floating */
+  .action-btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 6px;
+    height: 28px;
+    padding: 0 10px;
+    border: none;
+    border-radius: var(--md-sys-shape-corner-small, 8px);
+    background-color: transparent;
+    color: var(--md-sys-color-on-surface-variant, #49454f);
+    font-family: var(--md-sys-typescale-font-family, 'Roboto', sans-serif);
+    font-size: 12px;
+    font-weight: 500;
+    cursor: pointer;
+    transition: background-color 150ms ease, color 150ms ease;
+    outline: none;
+  }
+
+  .action-btn:hover {
+    background-color: var(--md-sys-color-surface-container-highest, #e6e0e9);
+    color: var(--md-sys-color-on-surface, #1d1b20);
+  }
+
+  .action-btn:active {
+    background-color: var(--md-sys-color-secondary-container, #e8def8);
+  }
+
+  .action-btn.copied {
+    color: var(--md-sys-color-primary, #6750a4);
+    background-color: var(--md-sys-color-primary-container, #eaddff);
+  }
+
+  .action-btn md-icon {
+    --md-icon-size: 16px;
+  }
+
+  /* Code Viewport & Scroll Area */
+  .code-body {
+    position: relative;
+    display: flex;
+    overflow-x: auto;
+    overflow-y: auto;
+    font-size: var(--md-code-font-size);
+    line-height: var(--md-code-line-height);
+  }
+
+  pre {
+    margin: 0;
+    padding: 12px 16px;
+    font-family: inherit;
+    font-size: inherit;
+    line-height: inherit;
+    tab-size: 2;
+    flex-grow: 1;
+    overflow: visible;
+  }
+
+  code {
+    font-family: inherit;
+    font-size: inherit;
+    line-height: inherit;
+    display: block;
+  }
+
+  :host([wrap-lines]) pre {
+    white-space: pre-wrap;
+    word-break: break-word;
+  }
+
+  :host(:not([wrap-lines])) pre {
+    white-space: pre;
+  }
+
+  /* Line Structure */
+  .code-line {
+    display: block;
+    padding: 0 4px;
+    border-radius: 2px;
+  }
+
+  .code-line.highlighted {
+    background-color: rgba(103, 80, 164, 0.12);
+  }
+
+  .code-line.has-error {
+    background-color: rgba(179, 38, 30, 0.14);
+  }
+
+  .code-line.has-warning {
+    background-color: rgba(230, 81, 0, 0.12);
+  }
+
+  /* Gutter & Line Numbers */
+  .code-gutter {
+    display: flex;
+    flex-direction: column;
+    padding: 12px 0 12px 10px;
+    user-select: none;
+    background-color: var(--md-code-gutter-bg);
+    border-right: 1px solid var(--md-code-border);
+    flex-shrink: 0;
+    min-width: 44px;
+    box-sizing: border-box;
+  }
+
+  .gutter-line {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 4px;
+    height: calc(var(--md-code-font-size) * var(--md-code-line-height));
+    padding-right: 8px;
+    color: var(--md-code-gutter-color);
+    font-size: 11.5px;
+  }
+
+  .gutter-marker {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 14px;
+    height: 14px;
+    cursor: pointer;
+  }
+
+  .gutter-marker.error {
+    color: var(--md-sys-color-error, #b3261e);
+  }
+
+  .gutter-marker.warning {
+    color: #e65100;
+  }
+
+  .gutter-marker.info {
+    color: var(--md-sys-color-primary, #6750a4);
+  }
+
+  .gutter-marker md-icon {
+    --md-icon-size: 14px;
+  }
+
+  /* Lint Status Footer Bar */
+  .lint-footer {
+    display: flex;
+    flex-direction: column;
+    background-color: var(--md-code-header-bg);
+    border-top: 1px solid var(--md-code-border);
+    font-size: 12px;
+    font-family: var(--md-sys-typescale-font-family, 'Roboto', sans-serif);
+  }
+
+  .lint-footer-summary {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 6px 12px;
+    cursor: pointer;
+    user-select: none;
+  }
+
+  .lint-footer-summary:hover {
+    background-color: var(--md-sys-color-surface-container-highest, #e6e0e9);
+  }
+
+  .lint-counts {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  }
+
+  .lint-count-item {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    font-weight: 500;
+  }
+
+  .lint-count-item.errors {
+    color: var(--md-sys-color-error, #b3261e);
+  }
+
+  .lint-count-item.warnings {
+    color: #e65100;
+  }
+
+  .lint-count-item.valid {
+    color: #2e7d32;
+  }
+
+  .lint-count-item md-icon {
+    --md-icon-size: 15px;
+  }
+
+  .lint-issues-list {
+    display: flex;
+    flex-direction: column;
+    max-height: 160px;
+    overflow-y: auto;
+    border-top: 1px solid var(--md-code-border);
+    background-color: var(--md-code-bg);
+  }
+
+  .lint-issue-item {
+    display: flex;
+    align-items: flex-start;
+    gap: 8px;
+    padding: 6px 12px;
+    border-bottom: 1px solid var(--md-code-border);
+    cursor: pointer;
+    transition: background-color 100ms ease;
+  }
+
+  .lint-issue-item:last-child {
+    border-bottom: none;
+  }
+
+  .lint-issue-item:hover {
+    background-color: var(--md-sys-color-surface-container-highest, #e6e0e9);
+  }
+
+  .lint-issue-item.error md-icon {
+    color: var(--md-sys-color-error, #b3261e);
+    --md-icon-size: 16px;
+  }
+
+  .lint-issue-item.warning md-icon {
+    color: #e65100;
+    --md-icon-size: 16px;
+  }
+
+  .lint-issue-item.info md-icon {
+    color: var(--md-sys-color-primary, #6750a4);
+    --md-icon-size: 16px;
+  }
+
+  .lint-issue-content {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    flex-grow: 1;
+  }
+
+  .lint-issue-loc {
+    font-weight: 600;
+    font-size: 11px;
+    color: var(--md-sys-color-outline, #79747e);
+  }
+
+  .lint-issue-msg {
+    font-size: 12px;
+    color: var(--md-sys-color-on-surface, #1d1b20);
+  }
+
+  /* --- Syntax Highlighting Colors (MD3 Color Scheme Aware) --- */
+  .token-keyword {
+    color: var(--md-code-token-keyword, var(--md-sys-color-primary, #6750a4));
+    font-weight: 600;
+  }
+
+  .token-string {
+    color: var(--md-code-token-string, #198754);
+  }
+
+  .token-comment {
+    color: var(--md-code-token-comment, var(--md-sys-color-outline, #79747e));
+    font-style: italic;
+  }
+
+  .token-function {
+    color: var(--md-code-token-function, var(--md-sys-color-tertiary, #7d5260));
+    font-weight: 500;
+  }
+
+  .token-number {
+    color: var(--md-code-token-number, #b35900);
+  }
+
+  .token-boolean {
+    color: var(--md-code-token-boolean, #d9381e);
+    font-weight: 600;
+  }
+
+  .token-constant {
+    color: var(--md-code-token-constant, #b3261e);
+    font-weight: 600;
+  }
+
+  .token-tag {
+    color: var(--md-code-token-tag, var(--md-sys-color-primary, #6750a4));
+    font-weight: 600;
+  }
+
+  .token-attr-name {
+    color: var(--md-code-token-attr-name, var(--md-sys-color-secondary, #625b71));
+  }
+
+  .token-property {
+    color: var(--md-code-token-property, var(--md-sys-color-primary, #6750a4));
+  }
+
+  .token-type {
+    color: var(--md-code-token-type, #00838f);
+    font-weight: 500;
+  }
+
+  .token-variable {
+    color: var(--md-code-token-variable, #e65100);
+  }
+
+  .token-operator {
+    color: var(--md-code-token-operator, var(--md-sys-color-on-surface-variant, #49454f));
+  }
+
+  .token-punctuation {
+    color: var(--md-code-token-punctuation, var(--md-sys-color-outline, #79747e));
+  }
+
+  /* Dark Theme Adjustments */
+  :host-context([data-theme='dark']) .token-string,
+  :host([data-theme='dark']) .token-string {
+    color: #4ade80;
+  }
+
+  :host-context([data-theme='dark']) .token-number,
+  :host([data-theme='dark']) .token-number {
+    color: #fb923c;
+  }
+
+  :host-context([data-theme='dark']) .token-type,
+  :host([data-theme='dark']) .token-type {
+    color: #38bdf8;
+  }
+
+  :host-context([data-theme='dark']) .token-boolean,
+  :host([data-theme='dark']) .token-boolean {
+    color: #f87171;
+  }
+`;
+function l(e) {
+  return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+}
+function c(e, r) {
+  return `<span class="token-${e}">${r}</span>`;
+}
+function B(e) {
+  const r = /* @__PURE__ */ new Set([
+    "abstract",
+    "any",
+    "as",
+    "async",
+    "await",
+    "boolean",
+    "break",
+    "case",
+    "catch",
+    "class",
+    "const",
+    "constructor",
+    "continue",
+    "debugger",
+    "declare",
+    "default",
+    "delete",
+    "do",
+    "else",
+    "enum",
+    "export",
+    "extends",
+    "false",
+    "finally",
+    "for",
+    "from",
+    "function",
+    "get",
+    "if",
+    "implements",
+    "import",
+    "in",
+    "infer",
+    "instanceof",
+    "interface",
+    "is",
+    "keyof",
+    "let",
+    "module",
+    "namespace",
+    "never",
+    "new",
+    "null",
+    "number",
+    "of",
+    "override",
+    "package",
+    "private",
+    "protected",
+    "public",
+    "readonly",
+    "require",
+    "return",
+    "set",
+    "static",
+    "string",
+    "super",
+    "switch",
+    "symbol",
+    "this",
+    "throw",
+    "true",
+    "try",
+    "type",
+    "typeof",
+    "undefined",
+    "unique",
+    "unknown",
+    "var",
+    "void",
+    "while",
+    "with",
+    "yield"
+  ]);
+  let i = "", n = 0;
+  const o = e.length;
+  for (; n < o; ) {
+    if (e[n] === "/" && e[n + 1] === "/") {
+      let t = e.indexOf(`
+`, n);
+      t === -1 && (t = o), i += c("comment", l(e.slice(n, t))), n = t;
+      continue;
+    }
+    if (e[n] === "/" && e[n + 1] === "*") {
+      let t = e.indexOf("*/", n + 2);
+      t === -1 ? t = o : t += 2, i += c("comment", l(e.slice(n, t))), n = t;
+      continue;
+    }
+    if (e[n] === "`") {
+      let t = n + 1;
+      for (; t < o && e[t] !== "`"; )
+        e[t] === "\\" && t++, t++;
+      t < o && t++, i += c("string", l(e.slice(n, t))), n = t;
+      continue;
+    }
+    if (e[n] === '"' || e[n] === "'") {
+      const t = e[n];
+      let s = n + 1;
+      for (; s < o && e[s] !== t && e[s] !== `
+`; )
+        e[s] === "\\" && s++, s++;
+      s < o && e[s] === t && s++, i += c("string", l(e.slice(n, s))), n = s;
+      continue;
+    }
+    if (/[0-9]/.test(e[n]) || e[n] === "." && /[0-9]/.test(e[n + 1] || "")) {
+      let t = n;
+      for (; t < o && /[0-9a-fA-FxXbBoOeE_.]/.test(e[t]); ) t++;
+      i += c("number", l(e.slice(n, t))), n = t;
+      continue;
+    }
+    if (/[a-zA-Z_$]/.test(e[n])) {
+      let t = n;
+      for (; t < o && /[a-zA-Z0-9_$]/.test(e[t]); ) t++;
+      const s = e.slice(n, t);
+      let a = t;
+      for (; a < o && /\s/.test(e[a]); ) a++;
+      const d = e[a] === "(";
+      s === "true" || s === "false" ? i += c("boolean", l(s)) : s === "null" || s === "undefined" ? i += c("constant", l(s)) : r.has(s) ? i += c("keyword", l(s)) : /^[A-Z][a-zA-Z0-9_$]*$/.test(s) && !d ? i += c("type", l(s)) : d ? i += c("function", l(s)) : i += l(s), n = t;
+      continue;
+    }
+    if (/[+\-*/%=&|<>!^~?:.]/.test(e[n])) {
+      let t = n;
+      for (; t < o && /[+\-*/%=&|<>!^~?:.]/.test(e[t]); ) t++;
+      i += c("operator", l(e.slice(n, t))), n = t;
+      continue;
+    }
+    if (/[{}()[\];,]/.test(e[n])) {
+      i += c("punctuation", l(e[n])), n++;
+      continue;
+    }
+    i += l(e[n]), n++;
+  }
+  return i;
+}
+function j(e) {
+  let r = "", i = 0;
+  const n = e.length;
+  for (; i < n; ) {
+    if (e.slice(i, i + 4) === "<!--") {
+      let o = e.indexOf("-->", i + 4);
+      o === -1 ? o = n : o += 3, r += c("comment", l(e.slice(i, o))), i = o;
+      continue;
+    }
+    if (e[i] === "<") {
+      let o = e.indexOf(">", i);
+      o === -1 ? o = n : o += 1;
+      const t = e.slice(i, o), s = t.match(/^<\/?([a-zA-Z0-9\-:]+)/);
+      if (s && s[1]) {
+        let a = c("punctuation", l(t.startsWith("</") ? "</" : "<"));
+        a += c("tag", l(s[1]));
+        let d = t.slice(s[0].length);
+        const h = /([a-zA-Z0-9\-:@?]+)(\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+))?/g;
+        let p = 0, f;
+        for (; (f = h.exec(d)) !== null; ) {
+          f[0];
+          const m = f[1], g = f[2];
+          if (a += l(d.slice(p, f.index)), a += c("attr-name", l(m)), g) {
+            const y = g.indexOf("=");
+            a += c("operator", "=");
+            const w = g.slice(y + 1).trim();
+            a += c("string", l(w));
+          }
+          p = h.lastIndex;
+        }
+        const u = d.slice(p);
+        u.endsWith("/>") ? a += l(u.slice(0, -2)) + c("punctuation", "/&gt;") : u.endsWith(">") ? a += l(u.slice(0, -1)) + c("punctuation", "&gt;") : a += l(u), r += a;
+      } else r += l(t);
+      i = o;
+      continue;
+    }
+    r += l(e[i]), i++;
+  }
+  return r;
+}
+function U(e) {
+  let r = "", i = 0;
+  const n = e.length;
+  let o = !1;
+  for (; i < n; ) {
+    if (e[i] === "/" && e[i + 1] === "*") {
+      let t = e.indexOf("*/", i + 2);
+      t === -1 ? t = n : t += 2, r += c("comment", l(e.slice(i, t))), i = t;
+      continue;
+    }
+    if (e[i] === '"' || e[i] === "'") {
+      const t = e[i];
+      let s = i + 1;
+      for (; s < n && e[s] !== t && e[s] !== `
+`; ) s++;
+      s < n && e[s] === t && s++, r += c("string", l(e.slice(i, s))), i = s;
+      continue;
+    }
+    if (e[i] === "{") {
+      o = !0, r += c("punctuation", "{"), i++;
+      continue;
+    }
+    if (e[i] === "}") {
+      o = !1, r += c("punctuation", "}"), i++;
+      continue;
+    }
+    if (o && /[a-zA-Z-]/.test(e[i])) {
+      let t = i;
+      for (; t < n && /[a-zA-Z0-9_-]/.test(e[t]); ) t++;
+      const s = e.slice(i, t);
+      let a = t;
+      for (; a < n && /\s/.test(e[a]); ) a++;
+      if (e[a] === ":") {
+        r += c("property", l(s)), r += l(e.slice(t, a)), r += c("punctuation", ":"), i = a + 1;
+        continue;
+      }
+    }
+    if (/[0-9]/.test(e[i])) {
+      let t = i;
+      for (; t < n && /[0-9a-zA-Z%.]/.test(e[t]); ) t++;
+      r += c("number", l(e.slice(i, t))), i = t;
+      continue;
+    }
+    if (e[i] === "#" && /[0-9a-fA-F]/.test(e[i + 1] || "")) {
+      let t = i + 1;
+      for (; t < n && /[0-9a-fA-F]/.test(e[t]); ) t++;
+      r += c("number", l(e.slice(i, t))), i = t;
+      continue;
+    }
+    if (/[;:(),]/.test(e[i])) {
+      r += c("punctuation", l(e[i])), i++;
+      continue;
+    }
+    r += l(e[i]), i++;
+  }
+  return r;
+}
+function W(e) {
+  let r = "", i = 0;
+  const n = e.length;
+  for (; i < n; ) {
+    if (e[i] === '"') {
+      let o = i + 1;
+      for (; o < n && e[o] !== '"'; )
+        e[o] === "\\" && o++, o++;
+      o < n && o++;
+      const t = e.slice(i, o);
+      let s = o;
+      for (; s < n && /\s/.test(e[s]); ) s++;
+      e[s] === ":" ? r += c("property", l(t)) : r += c("string", l(t)), i = o;
+      continue;
+    }
+    if (/[0-9-]/.test(e[i])) {
+      let o = i;
+      for (; o < n && /[0-9.eE+-]/.test(e[o]); ) o++;
+      r += c("number", l(e.slice(i, o))), i = o;
+      continue;
+    }
+    if (/[a-zA-Z]/.test(e[i])) {
+      let o = i;
+      for (; o < n && /[a-zA-Z]/.test(e[o]); ) o++;
+      const t = e.slice(i, o);
+      t === "true" || t === "false" ? r += c("boolean", l(t)) : t === "null" ? r += c("constant", l(t)) : r += l(t), i = o;
+      continue;
+    }
+    if (/[{}[\]:,]/.test(e[i])) {
+      r += c("punctuation", l(e[i])), i++;
+      continue;
+    }
+    r += l(e[i]), i++;
+  }
+  return r;
+}
+function H(e) {
+  const r = /* @__PURE__ */ new Set([
+    "and",
+    "as",
+    "assert",
+    "async",
+    "await",
+    "break",
+    "class",
+    "continue",
+    "def",
+    "del",
+    "elif",
+    "else",
+    "except",
+    "False",
+    "finally",
+    "for",
+    "from",
+    "global",
+    "if",
+    "import",
+    "in",
+    "is",
+    "lambda",
+    "None",
+    "nonlocal",
+    "not",
+    "or",
+    "pass",
+    "raise",
+    "return",
+    "True",
+    "try",
+    "while",
+    "with",
+    "yield",
+    "self"
+  ]);
+  let i = "", n = 0;
+  const o = e.length;
+  for (; n < o; ) {
+    if (e[n] === "#") {
+      let t = e.indexOf(`
+`, n);
+      t === -1 && (t = o), i += c("comment", l(e.slice(n, t))), n = t;
+      continue;
+    }
+    if (e.slice(n, n + 3) === '"""' || e.slice(n, n + 3) === "'''") {
+      const t = e.slice(n, n + 3);
+      let s = e.indexOf(t, n + 3);
+      s === -1 ? s = o : s += 3, i += c("string", l(e.slice(n, s))), n = s;
+      continue;
+    }
+    if (e[n] === '"' || e[n] === "'") {
+      const t = e[n];
+      let s = n + 1;
+      for (; s < o && e[s] !== t && e[s] !== `
+`; )
+        e[s] === "\\" && s++, s++;
+      s < o && e[s] === t && s++, i += c("string", l(e.slice(n, s))), n = s;
+      continue;
+    }
+    if (/[0-9]/.test(e[n])) {
+      let t = n;
+      for (; t < o && /[0-9a-fA-FxXbBoOeE_.]/.test(e[t]); ) t++;
+      i += c("number", l(e.slice(n, t))), n = t;
+      continue;
+    }
+    if (/[a-zA-Z_]/.test(e[n])) {
+      let t = n;
+      for (; t < o && /[a-zA-Z0-9_]/.test(e[t]); ) t++;
+      const s = e.slice(n, t);
+      let a = t;
+      for (; a < o && /\s/.test(e[a]); ) a++;
+      const d = e[a] === "(";
+      s === "True" || s === "False" ? i += c("boolean", l(s)) : s === "None" ? i += c("constant", l(s)) : r.has(s) ? i += c("keyword", l(s)) : d ? i += c("function", l(s)) : /^[A-Z][a-zA-Z0-9_]*$/.test(s) ? i += c("type", l(s)) : i += l(s), n = t;
+      continue;
+    }
+    if (/[+\-*/%=&|<>!^~@:]/.test(e[n])) {
+      i += c("operator", l(e[n])), n++;
+      continue;
+    }
+    if (/[{}()[\];,.]/.test(e[n])) {
+      i += c("punctuation", l(e[n])), n++;
+      continue;
+    }
+    i += l(e[n]), n++;
+  }
+  return i;
+}
+function R(e) {
+  const r = /* @__PURE__ */ new Set([
+    "case",
+    "do",
+    "done",
+    "elif",
+    "else",
+    "esac",
+    "export",
+    "fi",
+    "for",
+    "function",
+    "if",
+    "in",
+    "return",
+    "select",
+    "then",
+    "time",
+    "until",
+    "while",
+    "sudo",
+    "echo",
+    "cd",
+    "mkdir",
+    "rm",
+    "cp",
+    "mv",
+    "npm",
+    "npx",
+    "node",
+    "git",
+    "yarn",
+    "pnpm"
+  ]);
+  let i = "", n = 0;
+  const o = e.length;
+  for (; n < o; ) {
+    if (e[n] === "#") {
+      let t = e.indexOf(`
+`, n);
+      t === -1 && (t = o), i += c("comment", l(e.slice(n, t))), n = t;
+      continue;
+    }
+    if (e[n] === '"' || e[n] === "'") {
+      const t = e[n];
+      let s = n + 1;
+      for (; s < o && e[s] !== t && e[s] !== `
+`; )
+        e[s] === "\\" && s++, s++;
+      s < o && e[s] === t && s++, i += c("string", l(e.slice(n, s))), n = s;
+      continue;
+    }
+    if (e[n] === "$") {
+      let t = n + 1;
+      if (e[t] === "{")
+        t = e.indexOf("}", t), t === -1 ? t = o : t += 1;
+      else if (e[t] === "(")
+        t = e.indexOf(")", t), t === -1 ? t = o : t += 1;
+      else for (; t < o && /[a-zA-Z0-9_]/.test(e[t]); ) t++;
+      i += c("variable", l(e.slice(n, t))), n = t;
+      continue;
+    }
+    if (e[n] === "-" && /[a-zA-Z-]/.test(e[n + 1] || "")) {
+      let t = n + 1;
+      for (; t < o && /[a-zA-Z0-9_-]/.test(e[t]); ) t++;
+      i += c("attr-name", l(e.slice(n, t))), n = t;
+      continue;
+    }
+    if (/[a-zA-Z0-9_]/.test(e[n])) {
+      let t = n;
+      for (; t < o && /[a-zA-Z0-9_\-./]/.test(e[t]); ) t++;
+      const s = e.slice(n, t);
+      r.has(s) ? i += c("keyword", l(s)) : i += l(s), n = t;
+      continue;
+    }
+    if (/[|&><=;]/.test(e[n])) {
+      i += c("operator", l(e[n])), n++;
+      continue;
+    }
+    i += l(e[n]), n++;
+  }
+  return i;
+}
+function Z(e) {
+  const r = /* @__PURE__ */ new Set([
+    "SELECT",
+    "FROM",
+    "WHERE",
+    "INSERT",
+    "INTO",
+    "VALUES",
+    "UPDATE",
+    "SET",
+    "DELETE",
+    "CREATE",
+    "TABLE",
+    "DROP",
+    "ALTER",
+    "JOIN",
+    "LEFT",
+    "RIGHT",
+    "INNER",
+    "OUTER",
+    "FULL",
+    "ON",
+    "GROUP",
+    "BY",
+    "ORDER",
+    "HAVING",
+    "LIMIT",
+    "OFFSET",
+    "UNION",
+    "ALL",
+    "AS",
+    "DISTINCT",
+    "COUNT",
+    "SUM",
+    "AVG",
+    "MIN",
+    "MAX",
+    "AND",
+    "OR",
+    "NOT",
+    "IN",
+    "IS",
+    "NULL",
+    "LIKE",
+    "BETWEEN",
+    "EXISTS",
+    "CASE",
+    "WHEN",
+    "THEN",
+    "ELSE",
+    "END",
+    "PRIMARY",
+    "KEY",
+    "FOREIGN",
+    "REFERENCES",
+    "INDEX",
+    "DEFAULT",
+    "CHECK",
+    "CONSTRAINT"
+  ]);
+  let i = "", n = 0;
+  const o = e.length;
+  for (; n < o; ) {
+    if (e[n] === "-" && e[n + 1] === "-") {
+      let t = e.indexOf(`
+`, n);
+      t === -1 && (t = o), i += c("comment", l(e.slice(n, t))), n = t;
+      continue;
+    }
+    if (e[n] === "'" || e[n] === '"') {
+      const t = e[n];
+      let s = n + 1;
+      for (; s < o && e[s] !== t && e[s] !== `
+`; ) s++;
+      s < o && e[s] === t && s++, i += c("string", l(e.slice(n, s))), n = s;
+      continue;
+    }
+    if (/[a-zA-Z_]/.test(e[n])) {
+      let t = n;
+      for (; t < o && /[a-zA-Z0-9_]/.test(e[t]); ) t++;
+      const s = e.slice(n, t);
+      r.has(s.toUpperCase()) ? i += c("keyword", l(s)) : i += l(s), n = t;
+      continue;
+    }
+    if (/[0-9]/.test(e[n])) {
+      let t = n;
+      for (; t < o && /[0-9.]/.test(e[t]); ) t++;
+      i += c("number", l(e.slice(n, t))), n = t;
+      continue;
+    }
+    if (/[=<>!+*/-]/.test(e[n])) {
+      i += c("operator", l(e[n])), n++;
+      continue;
+    }
+    if (/[(),;]/.test(e[n])) {
+      i += c("punctuation", l(e[n])), n++;
+      continue;
+    }
+    i += l(e[n]), n++;
+  }
+  return i;
+}
+function _(e, r) {
+  if (!e) return "";
+  switch ((r || "").toLowerCase().trim()) {
+    case "javascript":
+    case "js":
+    case "typescript":
+    case "ts":
+    case "jsx":
+    case "tsx":
+      return B(e);
+    case "html":
+    case "xml":
+    case "svg":
+      return j(e);
+    case "css":
+    case "scss":
+    case "less":
+      return U(e);
+    case "json":
+      return W(e);
+    case "python":
+    case "py":
+      return H(e);
+    case "bash":
+    case "sh":
+    case "shell":
+    case "zsh":
+      return R(e);
+    case "sql":
+      return Z(e);
+    default:
+      return l(e);
+  }
+}
+function D(e) {
+  const r = [];
+  if (!e.trim()) return r;
+  try {
+    return JSON.parse(e), r;
+  } catch (i) {
+    const n = i instanceof Error ? i.message : String(i);
+    let o = 1, t = 1;
+    const s = n.match(/at position (\d+)/i), a = n.match(/line (\d+) column (\d+)/i);
+    if (a && a[1] && a[2])
+      o = parseInt(a[1], 10), t = parseInt(a[2], 10);
+    else if (s && s[1]) {
+      const h = parseInt(s[1], 10), p = e.slice(0, h).split(`
+`);
+      o = p.length, t = (p[p.length - 1]?.length || 0) + 1;
+    } else {
+      const h = e.split(`
+`);
+      let p = !1;
+      for (let f = 0; f < h.length; f++) {
+        const u = h[f];
+        if (/'[^']*'/.test(u)) {
+          r.push({
+            line: f + 1,
+            column: u.indexOf("'") + 1,
+            message: "JSON strings must use double quotes, not single quotes",
+            severity: "error",
+            rule: "json-no-single-quotes"
+          }), p = !0;
+          break;
+        }
+        if (/,\s*([}\]])/.test(u)) {
+          r.push({
+            line: f + 1,
+            column: u.search(/,\s*([}\]])/) + 1,
+            message: "Trailing comma is not allowed in standard JSON",
+            severity: "error",
+            rule: "json-no-trailing-comma"
+          }), p = !0;
+          break;
+        }
+        if (/\/\//.test(u) || /\/\*/.test(u)) {
+          r.push({
+            line: f + 1,
+            column: u.search(/\/\/|\/\*/) + 1,
+            message: "Comments are not permitted in standard JSON",
+            severity: "warning",
+            rule: "json-no-comments"
+          }), p = !0;
+          break;
+        }
+        const m = u.match(/([{,]\s*)([a-zA-Z0-9_$]+)\s*:/);
+        if (m && m[1] && m[2]) {
+          r.push({
+            line: f + 1,
+            column: u.indexOf(m[2]) + 1,
+            message: `Key "${m[2]}" must be enclosed in double quotes`,
+            severity: "error",
+            rule: "json-unquoted-key"
+          }), p = !0;
+          break;
+        }
+      }
+      if (p) return r;
+    }
+    let d = n.replace(/^JSON\.parse:\s*/i, "").replace(/in JSON at position \d+/i, "").trim();
+    d || (d = "Invalid JSON syntax"), r.push({
+      line: o,
+      column: t,
+      message: d,
+      severity: "error",
+      rule: "json-syntax-error"
+    });
+  }
+  return r;
+}
+function q(e) {
+  const r = [], i = e.split(`
+`), n = [], o = {
+    "}": "{",
+    ")": "(",
+    "]": "["
+  };
+  let t = !1, s = !1;
+  for (let a = 0; a < i.length; a++) {
+    const d = a + 1, h = i[a];
+    let p = null, f = !1;
+    for (let u = 0; u < h.length; u++) {
+      const m = h[u], g = h[u + 1] || "";
+      if (t) {
+        m === "*" && g === "/" && (t = !1, u++);
+        continue;
+      }
+      if (s) {
+        if (m === "\\") {
+          u++;
+          continue;
+        }
+        m === "`" && (s = !1);
+        continue;
+      }
+      if (p) {
+        f ? f = !1 : m === "\\" ? f = !0 : m === p && (p = null);
+        continue;
+      }
+      if (m === "/" && g === "/") break;
+      if (m === "/" && g === "*") {
+        t = !0, u++;
+        continue;
+      }
+      if (m === "`") {
+        s = !0;
+        continue;
+      }
+      if (m === '"' || m === "'") {
+        p = m;
+        continue;
+      }
+      if (m === "{" || m === "(" || m === "[") n.push({
+        char: m,
+        line: d,
+        col: u + 1
+      });
+      else if (m === "}" || m === ")" || m === "]") {
+        const y = o[m];
+        if (n.length === 0) r.push({
+          line: d,
+          column: u + 1,
+          message: `Unexpected closing '${m}' with no matching opening bracket`,
+          severity: "error",
+          rule: "js-unmatched-bracket"
+        });
+        else {
+          const w = n.pop();
+          w.char !== y && r.push({
+            line: d,
+            column: u + 1,
+            message: `Mismatched closing '${m}', expected matching '${w.char === "{" ? "}" : w.char === "(" ? ")" : "]"}' for '${w.char}' from line ${w.line}`,
+            severity: "error",
+            rule: "js-mismatched-bracket"
+          });
+        }
+      }
+    }
+    p && r.push({
+      line: d,
+      column: h.lastIndexOf(p) + 1,
+      message: `Unclosed string literal starting with ${p}`,
+      severity: "error",
+      rule: "js-unclosed-string"
+    }), /====+/.test(h) && r.push({
+      line: d,
+      column: h.indexOf("====") + 1,
+      message: 'Invalid equality operator: "===="',
+      severity: "error",
+      rule: "js-invalid-operator"
+    });
+  }
+  for (t && r.push({
+    line: i.length,
+    column: 1,
+    message: 'Unclosed multi-line comment "/*"',
+    severity: "error",
+    rule: "js-unclosed-comment"
+  }), s && r.push({
+    line: i.length,
+    column: 1,
+    message: "Unclosed template literal (`...`)",
+    severity: "error",
+    rule: "js-unclosed-template"
+  }); n.length > 0; ) {
+    const a = n.pop();
+    r.push({
+      line: a.line,
+      column: a.col,
+      message: `Unclosed opening bracket '${a.char}'`,
+      severity: "error",
+      rule: "js-unclosed-bracket"
+    });
+  }
+  return r;
+}
+function F(e) {
+  const r = [], i = e.split(`
+`), n = /* @__PURE__ */ new Set([
+    "area",
+    "base",
+    "br",
+    "col",
+    "embed",
+    "hr",
+    "img",
+    "input",
+    "link",
+    "meta",
+    "param",
+    "source",
+    "track",
+    "wbr",
+    "!doctype"
+  ]), o = [], t = /<\/?([a-zA-Z0-9\-:]+)(\s+[^>]*?)?(\/?)>/g;
+  for (let s = 0; s < i.length; s++) {
+    const a = s + 1, d = i[s];
+    let h;
+    for (t.lastIndex = 0; (h = t.exec(d)) !== null; ) {
+      const p = h[0], f = (h[1] || "").toLowerCase(), u = p.startsWith("</"), m = p.endsWith("/>") || n.has(f), g = h.index + 1;
+      if (!(f.startsWith("!--") || f.startsWith("!doctype")))
+        if (u)
+          if (o.length === 0) r.push({
+            line: a,
+            column: g,
+            message: `Unexpected closing tag </${f}> without matching opening tag`,
+            severity: "error",
+            rule: "html-unmatched-closing-tag"
+          });
+          else {
+            const y = o.pop();
+            y.name !== f && r.push({
+              line: a,
+              column: g,
+              message: `Mismatched closing tag </${f}>, expected </${y.name}> (opened on line ${y.line})`,
+              severity: "error",
+              rule: "html-mismatched-tag"
+            });
+          }
+        else m || o.push({
+          name: f,
+          line: a,
+          col: g
+        });
+    }
+  }
+  for (; o.length > 0; ) {
+    const s = o.pop();
+    r.push({
+      line: s.line,
+      column: s.col,
+      message: `Unclosed tag <${s.name}>`,
+      severity: "error",
+      rule: "html-unclosed-tag"
+    });
+  }
+  return r;
+}
+function J(e) {
+  const r = [], i = e.split(`
+`);
+  let n = 0;
+  const o = [];
+  for (let t = 0; t < i.length; t++) {
+    const s = t + 1, a = i[t], d = a.trim();
+    if (!(!d || d.startsWith("/*") || d.startsWith("//"))) {
+      for (let h = 0; h < a.length; h++) a[h] === "{" ? (n++, o.push({
+        line: s,
+        col: h + 1
+      })) : a[h] === "}" && (n === 0 ? r.push({
+        line: s,
+        column: h + 1,
+        message: 'Unexpected closing brace "}" without opening "{"',
+        severity: "error",
+        rule: "css-unmatched-brace"
+      }) : (n--, o.pop()));
+      if (n > 0 && d !== "{" && d !== "}" && !d.endsWith("{") && !d.endsWith("}") && (!d.includes(":") && !d.startsWith("@") && !d.endsWith(",") && r.push({
+        line: s,
+        column: 1,
+        message: `Declaration "${d}" is missing a colon ":" between property and value`,
+        severity: "warning",
+        rule: "css-missing-colon"
+      }), d.includes(":") && !d.endsWith(";") && !d.endsWith("{") && !d.endsWith("}"))) {
+        const h = i[t + 1]?.trim() || "";
+        h && !h.startsWith("}") && r.push({
+          line: s,
+          column: a.length,
+          message: 'Missing semicolon ";" at the end of CSS declaration',
+          severity: "warning",
+          rule: "css-missing-semicolon"
+        });
+      }
+    }
+  }
+  for (; o.length > 0; ) {
+    const t = o.pop();
+    r.push({
+      line: t.line,
+      column: t.col,
+      message: 'Unclosed CSS block "{"',
+      severity: "error",
+      rule: "css-unclosed-brace"
+    });
+  }
+  return r;
+}
+function V(e) {
+  const r = [], i = e.split(`
+`);
+  let n = !1, o = !1;
+  const t = [], s = {
+    ")": "(",
+    "]": "[",
+    "}": "{"
+  }, a = /^\s*(def\s+.*|class\s+.*|if\s+.*|elif\s+.*|else|for\s+.*|while\s+.*|try|except(\s+.*)?|finally|with\s+.*)$/;
+  for (let d = 0; d < i.length; d++) {
+    const h = d + 1, p = i[d], f = p.trim();
+    if (!f || f.startsWith("#")) continue;
+    const u = p.match(/^([ \t]+)/);
+    if (u && u[1]) {
+      const g = u[1];
+      g.includes(" ") && (n = !0), g.includes("	") && (o = !0), n && o && r.push({
+        line: h,
+        column: 1,
+        message: "Inconsistent indentation: mixed tabs and spaces",
+        severity: "warning",
+        rule: "python-mixed-indentation"
+      });
+    }
+    a.test(f) && !f.endsWith(":") && !f.includes("#") && r.push({
+      line: h,
+      column: p.length,
+      message: 'Expected ":" at the end of statement header',
+      severity: "error",
+      rule: "python-missing-colon"
+    });
+    let m = null;
+    for (let g = 0; g < p.length; g++) {
+      const y = p[g];
+      if (y === "#") break;
+      if (m) {
+        y === m && p[g - 1] !== "\\" && (m = null);
+        continue;
+      }
+      if (y === '"' || y === "'") {
+        m = y;
+        continue;
+      }
+      if (y === "(" || y === "[" || y === "{") t.push({
+        char: y,
+        line: h,
+        col: g + 1
+      });
+      else if (y === ")" || y === "]" || y === "}") {
+        const w = s[y];
+        if (t.length === 0) r.push({
+          line: h,
+          column: g + 1,
+          message: `Unmatched closing '${y}'`,
+          severity: "error",
+          rule: "python-unmatched-bracket"
+        });
+        else {
+          const $ = t.pop();
+          $.char !== w && r.push({
+            line: h,
+            column: g + 1,
+            message: `Mismatched bracket '${y}', expected closing for '${$.char}' from line ${$.line}`,
+            severity: "error",
+            rule: "python-mismatched-bracket"
+          });
+        }
+      }
+    }
+  }
+  for (; t.length > 0; ) {
+    const d = t.pop();
+    r.push({
+      line: d.line,
+      column: d.col,
+      message: `Unclosed '${d.char}'`,
+      severity: "error",
+      rule: "python-unclosed-bracket"
+    });
+  }
+  return r;
+}
+function G(e) {
+  const r = [], i = e.split(`
+`), n = [];
+  for (let o = 0; o < i.length; o++) {
+    const t = o + 1, s = i[o], a = s.trim();
+    if (!a || a.startsWith("#")) continue;
+    const d = a.split(/\s+/);
+    for (const h of d) if (h === "if") n.push({
+      keyword: "if",
+      line: t
+    });
+    else if (h === "fi") {
+      const p = n.pop();
+      (!p || p.keyword !== "if") && r.push({
+        line: t,
+        column: s.indexOf("fi") + 1,
+        message: 'Unexpected "fi" with no preceding "if"',
+        severity: "error",
+        rule: "bash-unmatched-fi"
+      });
+    } else if (h === "case") n.push({
+      keyword: "case",
+      line: t
+    });
+    else if (h === "esac") {
+      const p = n.pop();
+      (!p || p.keyword !== "case") && r.push({
+        line: t,
+        column: s.indexOf("esac") + 1,
+        message: 'Unexpected "esac" with no preceding "case"',
+        severity: "error",
+        rule: "bash-unmatched-esac"
+      });
+    } else if (h === "do") n.push({
+      keyword: "do",
+      line: t
+    });
+    else if (h === "done") {
+      const p = n.pop();
+      (!p || p.keyword !== "do") && r.push({
+        line: t,
+        column: s.indexOf("done") + 1,
+        message: 'Unexpected "done" with no preceding "do" / loop',
+        severity: "error",
+        rule: "bash-unmatched-done"
+      });
+    }
+  }
+  for (; n.length > 0; ) {
+    const o = n.pop(), t = o.keyword === "if" ? "fi" : o.keyword === "case" ? "esac" : "done";
+    r.push({
+      line: o.line,
+      column: 1,
+      message: `Unclosed "${o.keyword}" block, missing "${t}"`,
+      severity: "error",
+      rule: "bash-unclosed-block"
+    });
+  }
+  return r;
+}
+function K(e) {
+  const r = [], i = e.split(`
+`);
+  for (let n = 0; n < i.length; n++) {
+    const o = n + 1, t = i[n];
+    (/^\t+/.test(t) || /^ +\t+/.test(t)) && r.push({
+      line: o,
+      column: 1,
+      message: "YAML forbids tab characters for indentation; use spaces instead",
+      severity: "error",
+      rule: "yaml-no-tabs"
+    });
+    const s = t.trim();
+    /^[a-zA-Z0-9_-]+:[^ \t\n\r/#]/.test(s) && !s.startsWith("http:") && !s.startsWith("https:") && r.push({
+      line: o,
+      column: t.indexOf(":") + 1,
+      message: 'YAML mappings require a space after the colon ":" (e.g. "key: value")',
+      severity: "warning",
+      rule: "yaml-missing-space"
+    });
+  }
+  return r;
+}
+function P(e) {
+  const r = [], i = e.split(`
+`);
+  let n = 0, o = 1;
+  for (let t = 0; t < i.length; t++) {
+    const s = t + 1;
+    i[t].trim().startsWith("```") && (n === 0 ? (n++, o = s) : n--);
+  }
+  return n > 0 && r.push({
+    line: o,
+    column: 1,
+    message: "Unclosed Markdown code fence (```)",
+    severity: "error",
+    rule: "md-unclosed-fence"
+  }), r;
+}
+function Y(e, r) {
+  if (!e || !e.trim()) return [];
+  switch ((r || "").toLowerCase().trim()) {
+    case "json":
+      return D(e);
+    case "javascript":
+    case "js":
+    case "typescript":
+    case "ts":
+    case "jsx":
+    case "tsx":
+      return q(e);
+    case "html":
+    case "xml":
+    case "svg":
+      return F(e);
+    case "css":
+    case "scss":
+    case "less":
+      return J(e);
+    case "python":
+    case "py":
+      return V(e);
+    case "bash":
+    case "sh":
+    case "shell":
+    case "zsh":
+      return G(e);
+    case "yaml":
+    case "yml":
+      return K(e);
+    case "markdown":
+    case "md":
+      return P(e);
+    default:
+      return [];
+  }
+}
+var b = class extends E {
+  constructor(...r) {
+    super(...r), this.code = "", this.language = "plaintext", this.lang = "", this.label = "", this.filename = "", this.lint = !1, this.diagnostics = [], this.showLintSummary = !0, this.lineNumbers = !1, this.highlightLines = "", this.copyable = !0, this.hideCopyButton = !1, this.wrapLines = !1, this.maxHeight = "", this.isCopied = !1, this.isIssuesExpanded = !1, this.internalCode = "", this.activeDiagnostics = [], this.copyTimeout = null, this.handleSlotChange = () => {
+      this.code || (this.extractCodeContent(), this.requestUpdate());
+    }, this.toggleIssuesList = () => {
+      this.isIssuesExpanded = !this.isIssuesExpanded;
+    };
+  }
+  static {
+    this.styles = [E.styles, M];
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.extractCodeContent();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.copyTimeout && (clearTimeout(this.copyTimeout), this.copyTimeout = null);
+  }
+  willUpdate(r) {
+    r.has("code") && this.code ? this.internalCode = this.code : !this.internalCode && this.textContent && this.textContent.trim() && (this.internalCode = this.normalizeIndentation(this.textContent)), this.runLint();
+  }
+  extractCodeContent() {
+    !this.code && this.textContent && this.textContent.trim() && (this.internalCode = this.normalizeIndentation(this.textContent), this.runLint());
+  }
+  normalizeIndentation(r) {
+    const i = r.replace(/^\r?\n/, "").replace(/\r?\n\s*$/, "").split(`
+`);
+    if (i.length === 0) return r;
+    let n = 1 / 0;
+    for (const o of i) {
+      if (o.trim().length === 0) continue;
+      const t = o.match(/^[ \t]*/)?.[0]?.length || 0;
+      t < n && (n = t);
+    }
+    return n === 1 / 0 || n === 0 ? i.join(`
+`) : i.map((o) => o.slice(n)).join(`
+`);
+  }
+  runLint() {
+    const r = this.effectiveLanguage;
+    let i = [];
+    const n = !!(this.lint || this.hasAttribute("lint")), o = this.internalCode || this.code || "";
+    return n && o && (i = Y(o, r)), this.diagnostics && this.diagnostics.length > 0 && (i = [...i, ...this.diagnostics]), this.activeDiagnostics = i, this.emitEvent("lint-complete", {
+      diagnostics: i,
+      isValid: i.length === 0
+    }), i;
+  }
+  get effectiveLanguage() {
+    return this.lang || this.language || "plaintext";
+  }
+  get effectiveLabel() {
+    return this.filename || this.label;
+  }
+  async copy() {
+    const r = this.internalCode || this.code || this.textContent || "";
+    if (!r) return !1;
+    try {
+      if (navigator.clipboard && navigator.clipboard.writeText) await navigator.clipboard.writeText(r);
+      else {
+        const i = document.createElement("textarea");
+        i.value = r, i.style.position = "fixed", i.style.opacity = "0", document.body.appendChild(i), i.select(), document.execCommand("copy"), document.body.removeChild(i);
+      }
+      return this.isCopied = !0, this.emitEvent("copy", { code: r }), this.copyTimeout && clearTimeout(this.copyTimeout), this.copyTimeout = setTimeout(() => {
+        this.isCopied = !1;
+      }, 2e3), !0;
+    } catch {
+      return !1;
+    }
+  }
+  parseHighlightedLines() {
+    const r = /* @__PURE__ */ new Set();
+    if (!this.highlightLines) return r;
+    const i = this.highlightLines.split(",");
+    for (const n of i) {
+      const o = n.trim();
+      if (o.includes("-")) {
+        const [t, s] = o.split("-"), a = parseInt(t || "", 10), d = parseInt(s || "", 10);
+        if (!isNaN(a) && !isNaN(d)) for (let h = a; h <= d; h++) r.add(h);
+      } else {
+        const t = parseInt(o, 10);
+        isNaN(t) || r.add(t);
+      }
+    }
+    return r;
+  }
+  scrollToLine(r) {
+    const i = this.shadowRoot?.querySelector(`[data-line="${r}"]`);
+    i && i.scrollIntoView({
+      behavior: "smooth",
+      block: "center"
+    });
+  }
+  render() {
+    const r = this.internalCode || this.code || "", i = this.effectiveLanguage, n = this.effectiveLabel, o = !!(n || i !== "plaintext" || this.copyable), t = this.parseHighlightedLines(), s = /* @__PURE__ */ new Map();
+    for (const u of this.activeDiagnostics) {
+      const m = s.get(u.line) || [];
+      m.push(u), s.set(u.line, m);
+    }
+    const a = r.split(`
+`).length, d = _(r, i).split(`
+`), h = this.activeDiagnostics.filter((u) => u.severity === "error" || !u.severity).length, p = this.activeDiagnostics.filter((u) => u.severity === "warning").length, f = this.activeDiagnostics.length > 0;
+    return x`
+      <div class="code-container" style=${this.maxHeight ? `--md-code-max-height: ${this.maxHeight};` : ""}>
+        <!-- Hidden Slot for code content fallback -->
+        <div style="display: none;">
+          <slot @slotchange=${this.handleSlotChange}></slot>
+        </div>
+
+        <!-- Header -->
+        ${o ? x`
+          <header class="code-header">
+            <div class="code-header-left">
+              ${i && i !== "plaintext" ? x`
+                <span class="lang-badge">${i}</span>
+              ` : C}
+              ${n ? x`<span class="code-filename">${n}</span>` : C}
+            </div>
+
+            <div class="code-header-actions">
+              <slot name="actions"></slot>
+              ${this.copyable && !this.hideCopyButton ? x`
+                <button
+                  type="button"
+                  class="action-btn ${this.isCopied ? "copied" : ""}"
+                  @click=${this.copy}
+                  aria-label=${this.isCopied ? "Copied to clipboard" : "Copy code to clipboard"}
+                  title=${this.isCopied ? "Copied!" : "Copy code"}
+                >
+                  <md-icon name=${this.isCopied ? "check" : "content_copy"}></md-icon>
+                  <span>${this.isCopied ? "Copied!" : "Copy"}</span>
+                </button>
+              ` : C}
+            </div>
+          </header>
+        ` : this.copyable && !this.hideCopyButton ? x`
+          <div class="floating-copy-btn">
+            <button
+              type="button"
+              class="action-btn ${this.isCopied ? "copied" : ""}"
+              @click=${this.copy}
+              aria-label=${this.isCopied ? "Copied to clipboard" : "Copy code"}
+              title=${this.isCopied ? "Copied!" : "Copy code"}
+            >
+              <md-icon name=${this.isCopied ? "check" : "content_copy"}></md-icon>
+              <span>${this.isCopied ? "Copied!" : "Copy"}</span>
+            </button>
+          </div>
+        ` : C}
+
+        <!-- Body with Gutter and Code Lines -->
+        <div class="code-body" style=${this.maxHeight ? `max-height: ${this.maxHeight};` : ""}>
+          ${this.lineNumbers || this.hasAttribute("line-numbers") || this.lint || this.hasAttribute("lint") || this.activeDiagnostics.length > 0 ? x`
+            <div class="code-gutter" aria-hidden="true">
+              ${Array.from({ length: a }, (u, m) => {
+      const g = m + 1, y = s.get(g), w = y?.find(($) => $.severity === "error" || !$.severity) || y?.[0];
+      return x`
+                  <div class="gutter-line" @click=${() => this.scrollToLine(g)}>
+                    ${w ? x`
+                      <span
+                        class="gutter-marker ${w.severity || "error"}"
+                        title="Line ${g}: ${w.message}"
+                      >
+                        <md-icon name=${w.severity === "warning" ? "warning" : "error"}></md-icon>
+                      </span>
+                    ` : C}
+                    ${this.lineNumbers || this.hasAttribute("line-numbers") ? x`<span>${g}</span>` : C}
+                  </div>
+                `;
+    })}
+            </div>
+          ` : C}
+
+          <pre><code>${d.map((u, m) => {
+      const g = m + 1, y = t.has(g), w = s.get(g), $ = w?.some((S) => S.severity === "error" || !S.severity), I = w?.some((S) => S.severity === "warning"), z = [
+        "code-line",
+        y ? "highlighted" : "",
+        $ ? "has-error" : "",
+        I && !$ ? "has-warning" : ""
+      ].filter(Boolean).join(" ");
+      return x`<div class=${z} data-line=${g}>${O(u || "&nbsp;")}</div>`;
+    })}</code></pre>
+        </div>
+
+        <!-- Lint Summary Footer -->
+        ${(this.lint || this.hasAttribute("lint") || this.diagnostics.length > 0 || this.activeDiagnostics.length > 0) && this.showLintSummary !== !1 ? x`
+          <footer class="lint-footer">
+            <div class="lint-footer-summary" @click=${this.toggleIssuesList} role="button" tabindex="0">
+              <div class="lint-counts">
+                ${f && h > 0 ? x`
+                  <span class="lint-count-item errors">
+                    <md-icon name="error"></md-icon>
+                    <span>${h} ${h === 1 ? "error" : "errors"}</span>
+                  </span>
+                ` : C}
+                ${f && p > 0 ? x`
+                  <span class="lint-count-item warnings">
+                    <md-icon name="warning"></md-icon>
+                    <span>${p} ${p === 1 ? "warning" : "warnings"}</span>
+                  </span>
+                ` : C}
+                ${f ? C : x`
+                  <span class="lint-count-item valid">
+                    <md-icon name="check_circle"></md-icon>
+                    <span>No syntax issues detected</span>
+                  </span>
+                `}
+              </div>
+
+              ${f ? x`
+                <button type="button" class="action-btn" aria-label="Toggle issues panel">
+                  <md-icon name=${this.isIssuesExpanded ? "expand_less" : "expand_more"}></md-icon>
+                  <span>${this.isIssuesExpanded ? "Hide issues" : "View issues"}</span>
+                </button>
+              ` : C}
+            </div>
+
+            ${f && this.isIssuesExpanded ? x`
+              <div class="lint-issues-list" role="region" aria-label="Lint diagnostics">
+                ${this.activeDiagnostics.map((u) => x`
+                  <div
+                    class="lint-issue-item ${u.severity || "error"}"
+                    @click=${() => this.scrollToLine(u.line)}
+                    role="button"
+                    tabindex="0"
+                  >
+                    <md-icon name=${u.severity === "warning" ? "warning" : "error"}></md-icon>
+                    <div class="lint-issue-content">
+                      <span class="lint-issue-loc">Line ${u.line}${u.column ? `:${u.column}` : ""}${u.rule ? ` • ${u.rule}` : ""}</span>
+                      <span class="lint-issue-msg">${u.message}</span>
+                    </div>
+                  </div>
+                `)}
+              </div>
+            ` : C}
+          </footer>
+        ` : C}
+      </div>
+    `;
+  }
+};
+v([k({ type: String })], b.prototype, "code", void 0);
+v([k({
+  type: String,
+  reflect: !0
+})], b.prototype, "language", void 0);
+v([k({ type: String })], b.prototype, "lang", void 0);
+v([k({ type: String })], b.prototype, "label", void 0);
+v([k({ type: String })], b.prototype, "filename", void 0);
+v([k({
+  type: Boolean,
+  reflect: !0
+})], b.prototype, "lint", void 0);
+v([k({ type: Array })], b.prototype, "diagnostics", void 0);
+v([k({
+  type: Boolean,
+  attribute: "show-lint-summary",
+  converter: {
+    fromAttribute: (e) => e === null ? !0 : e !== "false",
+    toAttribute: (e) => e ? "" : null
+  }
+})], b.prototype, "showLintSummary", void 0);
+v([k({
+  type: Boolean,
+  attribute: "line-numbers",
+  reflect: !0
+})], b.prototype, "lineNumbers", void 0);
+v([k({
+  type: String,
+  attribute: "highlight-lines"
+})], b.prototype, "highlightLines", void 0);
+v([k({
+  type: Boolean,
+  reflect: !0,
+  converter: {
+    fromAttribute: (e) => e === null ? !0 : e !== "false",
+    toAttribute: (e) => e ? "" : null
+  }
+})], b.prototype, "copyable", void 0);
+v([k({
+  type: Boolean,
+  attribute: "hide-copy-button"
+})], b.prototype, "hideCopyButton", void 0);
+v([k({
+  type: Boolean,
+  attribute: "wrap-lines",
+  reflect: !0
+})], b.prototype, "wrapLines", void 0);
+v([k({
+  type: String,
+  attribute: "max-height"
+})], b.prototype, "maxHeight", void 0);
+v([L()], b.prototype, "isCopied", void 0);
+v([L()], b.prototype, "isIssuesExpanded", void 0);
+v([L()], b.prototype, "internalCode", void 0);
+v([L()], b.prototype, "activeDiagnostics", void 0);
+b = v([N("md-code")], b);
+var A = class extends b {
+};
+A = v([N("md-code-block")], A);
+export {
+  A as n,
+  b as t
+};
+
+//# sourceMappingURL=code-C5UFBkCh.js.map