@francofantomius/material-components 1.1.1 → 1.2.0

package/dist/chunks/code-CM6hIZNx.js

@@ -0,0 +1,1531 @@
+import { n as e, t } from "./decorate-DknOJ8FJ.js";
+import "./icon-FvKeXi61.js";
+import { css as n, html as r, nothing as i } from "lit";
+import { customElement as a, property as o, state as s } from "lit/decorators.js";
+import { unsafeHTML as c } from "lit/directives/unsafe-html.js";
+//#region src/components/code/code.css.ts
+var l = n`
+  :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;
+  }
+`;
+//#endregion
+//#region src/components/code/highlighter.ts
+function u(e) {
+	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+}
+function d(e, t) {
+	return `<span class="token-${e}">${t}</span>`;
+}
+function f(e) {
+	let t = /* @__PURE__ */ new Set(/* @__PURE__ */ "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".split(".")), n = "", r = 0, i = e.length;
+	for (; r < i;) {
+		if (e[r] === "/" && e[r + 1] === "/") {
+			let t = e.indexOf("\n", r);
+			t === -1 && (t = i), n += d("comment", u(e.slice(r, t))), r = t;
+			continue;
+		}
+		if (e[r] === "/" && e[r + 1] === "*") {
+			let t = e.indexOf("*/", r + 2);
+			t === -1 ? t = i : t += 2, n += d("comment", u(e.slice(r, t))), r = t;
+			continue;
+		}
+		if (e[r] === "`") {
+			let t = r + 1;
+			for (; t < i && e[t] !== "`";) e[t] === "\\" && t++, t++;
+			t < i && t++, n += d("string", u(e.slice(r, t))), r = t;
+			continue;
+		}
+		if (e[r] === "\"" || e[r] === "'") {
+			let t = e[r], a = r + 1;
+			for (; a < i && e[a] !== t && e[a] !== "\n";) e[a] === "\\" && a++, a++;
+			a < i && e[a] === t && a++, n += d("string", u(e.slice(r, a))), r = a;
+			continue;
+		}
+		if (/[0-9]/.test(e[r]) || e[r] === "." && /[0-9]/.test(e[r + 1] || "")) {
+			let t = r;
+			for (; t < i && /[0-9a-fA-FxXbBoOeE_.]/.test(e[t]);) t++;
+			n += d("number", u(e.slice(r, t))), r = t;
+			continue;
+		}
+		if (/[a-zA-Z_$]/.test(e[r])) {
+			let a = r;
+			for (; a < i && /[a-zA-Z0-9_$]/.test(e[a]);) a++;
+			let o = e.slice(r, a), s = a;
+			for (; s < i && /\s/.test(e[s]);) s++;
+			let c = e[s] === "(";
+			o === "true" || o === "false" ? n += d("boolean", u(o)) : o === "null" || o === "undefined" ? n += d("constant", u(o)) : t.has(o) ? n += d("keyword", u(o)) : /^[A-Z][a-zA-Z0-9_$]*$/.test(o) && !c ? n += d("type", u(o)) : n += c ? d("function", u(o)) : u(o), r = a;
+			continue;
+		}
+		if (/[+\-*/%=&|<>!^~?:.]/.test(e[r])) {
+			let t = r;
+			for (; t < i && /[+\-*/%=&|<>!^~?:.]/.test(e[t]);) t++;
+			n += d("operator", u(e.slice(r, t))), r = t;
+			continue;
+		}
+		if (/[{}()[\];,]/.test(e[r])) {
+			n += d("punctuation", u(e[r])), r++;
+			continue;
+		}
+		n += u(e[r]), r++;
+	}
+	return n;
+}
+function p(e) {
+	let t = "", n = 0, r = e.length;
+	for (; n < r;) {
+		if (e.slice(n, n + 4) === "<!--") {
+			let i = e.indexOf("-->", n + 4);
+			i === -1 ? i = r : i += 3, t += d("comment", u(e.slice(n, i))), n = i;
+			continue;
+		}
+		if (e[n] === "<") {
+			let i = e.indexOf(">", n);
+			i === -1 ? i = r : i += 1;
+			let a = e.slice(n, i), o = a.match(/^<\/?([a-zA-Z0-9\-:]+)/);
+			if (o && o[1]) {
+				let e = d("punctuation", u(a.startsWith("</") ? "</" : "<"));
+				e += d("tag", u(o[1]));
+				let n = a.slice(o[0].length), r = /([a-zA-Z0-9\-:@?]+)(\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+))?/g, i = 0, s;
+				for (; (s = r.exec(n)) !== null;) {
+					s[0];
+					let t = s[1], a = s[2];
+					if (e += u(n.slice(i, s.index)), e += d("attr-name", u(t)), a) {
+						let t = a.indexOf("=");
+						e += d("operator", "=");
+						let n = a.slice(t + 1).trim();
+						e += d("string", u(n));
+					}
+					i = r.lastIndex;
+				}
+				let c = n.slice(i);
+				c.endsWith("/>") ? e += u(c.slice(0, -2)) + d("punctuation", "/&gt;") : c.endsWith(">") ? e += u(c.slice(0, -1)) + d("punctuation", "&gt;") : e += u(c), t += e;
+			} else t += u(a);
+			n = i;
+			continue;
+		}
+		t += u(e[n]), n++;
+	}
+	return t;
+}
+function m(e) {
+	let t = "", n = 0, r = e.length, i = !1;
+	for (; n < r;) {
+		if (e[n] === "/" && e[n + 1] === "*") {
+			let i = e.indexOf("*/", n + 2);
+			i === -1 ? i = r : i += 2, t += d("comment", u(e.slice(n, i))), n = i;
+			continue;
+		}
+		if (e[n] === "\"" || e[n] === "'") {
+			let i = e[n], a = n + 1;
+			for (; a < r && e[a] !== i && e[a] !== "\n";) a++;
+			a < r && e[a] === i && a++, t += d("string", u(e.slice(n, a))), n = a;
+			continue;
+		}
+		if (e[n] === "{") {
+			i = !0, t += d("punctuation", "{"), n++;
+			continue;
+		}
+		if (e[n] === "}") {
+			i = !1, t += d("punctuation", "}"), n++;
+			continue;
+		}
+		if (i && /[a-zA-Z-]/.test(e[n])) {
+			let i = n;
+			for (; i < r && /[a-zA-Z0-9_-]/.test(e[i]);) i++;
+			let a = e.slice(n, i), o = i;
+			for (; o < r && /\s/.test(e[o]);) o++;
+			if (e[o] === ":") {
+				t += d("property", u(a)), t += u(e.slice(i, o)), t += d("punctuation", ":"), n = o + 1;
+				continue;
+			}
+		}
+		if (/[0-9]/.test(e[n])) {
+			let i = n;
+			for (; i < r && /[0-9a-zA-Z%.]/.test(e[i]);) i++;
+			t += d("number", u(e.slice(n, i))), n = i;
+			continue;
+		}
+		if (e[n] === "#" && /[0-9a-fA-F]/.test(e[n + 1] || "")) {
+			let i = n + 1;
+			for (; i < r && /[0-9a-fA-F]/.test(e[i]);) i++;
+			t += d("number", u(e.slice(n, i))), n = i;
+			continue;
+		}
+		if (/[;:(),]/.test(e[n])) {
+			t += d("punctuation", u(e[n])), n++;
+			continue;
+		}
+		t += u(e[n]), n++;
+	}
+	return t;
+}
+function h(e) {
+	let t = "", n = 0, r = e.length;
+	for (; n < r;) {
+		if (e[n] === "\"") {
+			let i = n + 1;
+			for (; i < r && e[i] !== "\"";) e[i] === "\\" && i++, i++;
+			i < r && i++;
+			let a = e.slice(n, i), o = i;
+			for (; o < r && /\s/.test(e[o]);) o++;
+			e[o] === ":" ? t += d("property", u(a)) : t += d("string", u(a)), n = i;
+			continue;
+		}
+		if (/[0-9-]/.test(e[n])) {
+			let i = n;
+			for (; i < r && /[0-9.eE+-]/.test(e[i]);) i++;
+			t += d("number", u(e.slice(n, i))), n = i;
+			continue;
+		}
+		if (/[a-zA-Z]/.test(e[n])) {
+			let i = n;
+			for (; i < r && /[a-zA-Z]/.test(e[i]);) i++;
+			let a = e.slice(n, i);
+			t += a === "true" || a === "false" ? d("boolean", u(a)) : a === "null" ? d("constant", u(a)) : u(a), n = i;
+			continue;
+		}
+		if (/[{}[\]:,]/.test(e[n])) {
+			t += d("punctuation", u(e[n])), n++;
+			continue;
+		}
+		t += u(e[n]), n++;
+	}
+	return t;
+}
+function g(e) {
+	let t = /* @__PURE__ */ new Set(/* @__PURE__ */ "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".split(".")), n = "", r = 0, i = e.length;
+	for (; r < i;) {
+		if (e[r] === "#") {
+			let t = e.indexOf("\n", r);
+			t === -1 && (t = i), n += d("comment", u(e.slice(r, t))), r = t;
+			continue;
+		}
+		if (e.slice(r, r + 3) === "\"\"\"" || e.slice(r, r + 3) === "'''") {
+			let t = e.slice(r, r + 3), a = e.indexOf(t, r + 3);
+			a === -1 ? a = i : a += 3, n += d("string", u(e.slice(r, a))), r = a;
+			continue;
+		}
+		if (e[r] === "\"" || e[r] === "'") {
+			let t = e[r], a = r + 1;
+			for (; a < i && e[a] !== t && e[a] !== "\n";) e[a] === "\\" && a++, a++;
+			a < i && e[a] === t && a++, n += d("string", u(e.slice(r, a))), r = a;
+			continue;
+		}
+		if (/[0-9]/.test(e[r])) {
+			let t = r;
+			for (; t < i && /[0-9a-fA-FxXbBoOeE_.]/.test(e[t]);) t++;
+			n += d("number", u(e.slice(r, t))), r = t;
+			continue;
+		}
+		if (/[a-zA-Z_]/.test(e[r])) {
+			let a = r;
+			for (; a < i && /[a-zA-Z0-9_]/.test(e[a]);) a++;
+			let o = e.slice(r, a), s = a;
+			for (; s < i && /\s/.test(e[s]);) s++;
+			let c = e[s] === "(";
+			o === "True" || o === "False" ? n += d("boolean", u(o)) : o === "None" ? n += d("constant", u(o)) : t.has(o) ? n += d("keyword", u(o)) : c ? n += d("function", u(o)) : /^[A-Z][a-zA-Z0-9_]*$/.test(o) ? n += d("type", u(o)) : n += u(o), r = a;
+			continue;
+		}
+		if (/[+\-*/%=&|<>!^~@:]/.test(e[r])) {
+			n += d("operator", u(e[r])), r++;
+			continue;
+		}
+		if (/[{}()[\];,.]/.test(e[r])) {
+			n += d("punctuation", u(e[r])), r++;
+			continue;
+		}
+		n += u(e[r]), r++;
+	}
+	return n;
+}
+function _(e) {
+	let t = /* @__PURE__ */ new Set(/* @__PURE__ */ "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".split(".")), n = "", r = 0, i = e.length;
+	for (; r < i;) {
+		if (e[r] === "#") {
+			let t = e.indexOf("\n", r);
+			t === -1 && (t = i), n += d("comment", u(e.slice(r, t))), r = t;
+			continue;
+		}
+		if (e[r] === "\"" || e[r] === "'") {
+			let t = e[r], a = r + 1;
+			for (; a < i && e[a] !== t && e[a] !== "\n";) e[a] === "\\" && a++, a++;
+			a < i && e[a] === t && a++, n += d("string", u(e.slice(r, a))), r = a;
+			continue;
+		}
+		if (e[r] === "$") {
+			let t = r + 1;
+			if (e[t] === "{") t = e.indexOf("}", t), t === -1 ? t = i : t += 1;
+			else if (e[t] === "(") t = e.indexOf(")", t), t === -1 ? t = i : t += 1;
+			else for (; t < i && /[a-zA-Z0-9_]/.test(e[t]);) t++;
+			n += d("variable", u(e.slice(r, t))), r = t;
+			continue;
+		}
+		if (e[r] === "-" && /[a-zA-Z-]/.test(e[r + 1] || "")) {
+			let t = r + 1;
+			for (; t < i && /[a-zA-Z0-9_-]/.test(e[t]);) t++;
+			n += d("attr-name", u(e.slice(r, t))), r = t;
+			continue;
+		}
+		if (/[a-zA-Z0-9_]/.test(e[r])) {
+			let a = r;
+			for (; a < i && /[a-zA-Z0-9_\-./]/.test(e[a]);) a++;
+			let o = e.slice(r, a);
+			t.has(o) ? n += d("keyword", u(o)) : n += u(o), r = a;
+			continue;
+		}
+		if (/[|&><=;]/.test(e[r])) {
+			n += d("operator", u(e[r])), r++;
+			continue;
+		}
+		n += u(e[r]), r++;
+	}
+	return n;
+}
+function v(e) {
+	let t = /* @__PURE__ */ new Set(/* @__PURE__ */ "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".split(".")), n = "", r = 0, i = e.length;
+	for (; r < i;) {
+		if (e[r] === "-" && e[r + 1] === "-") {
+			let t = e.indexOf("\n", r);
+			t === -1 && (t = i), n += d("comment", u(e.slice(r, t))), r = t;
+			continue;
+		}
+		if (e[r] === "'" || e[r] === "\"") {
+			let t = e[r], a = r + 1;
+			for (; a < i && e[a] !== t && e[a] !== "\n";) a++;
+			a < i && e[a] === t && a++, n += d("string", u(e.slice(r, a))), r = a;
+			continue;
+		}
+		if (/[a-zA-Z_]/.test(e[r])) {
+			let a = r;
+			for (; a < i && /[a-zA-Z0-9_]/.test(e[a]);) a++;
+			let o = e.slice(r, a);
+			t.has(o.toUpperCase()) ? n += d("keyword", u(o)) : n += u(o), r = a;
+			continue;
+		}
+		if (/[0-9]/.test(e[r])) {
+			let t = r;
+			for (; t < i && /[0-9.]/.test(e[t]);) t++;
+			n += d("number", u(e.slice(r, t))), r = t;
+			continue;
+		}
+		if (/[=<>!+*/-]/.test(e[r])) {
+			n += d("operator", u(e[r])), r++;
+			continue;
+		}
+		if (/[(),;]/.test(e[r])) {
+			n += d("punctuation", u(e[r])), r++;
+			continue;
+		}
+		n += u(e[r]), r++;
+	}
+	return n;
+}
+function y(e, t) {
+	if (!e) return "";
+	switch ((t || "").toLowerCase().trim()) {
+		case "javascript":
+		case "js":
+		case "typescript":
+		case "ts":
+		case "jsx":
+		case "tsx": return f(e);
+		case "html":
+		case "xml":
+		case "svg": return p(e);
+		case "css":
+		case "scss":
+		case "less": return m(e);
+		case "json": return h(e);
+		case "python":
+		case "py": return g(e);
+		case "bash":
+		case "sh":
+		case "shell":
+		case "zsh": return _(e);
+		case "sql": return v(e);
+		default: return u(e);
+	}
+}
+//#endregion
+//#region src/components/code/linter.ts
+function b(e) {
+	let t = [];
+	if (!e.trim()) return t;
+	try {
+		return JSON.parse(e), t;
+	} catch (n) {
+		let r = n instanceof Error ? n.message : String(n), i = 1, a = 1, o = r.match(/at position (\d+)/i), s = r.match(/line (\d+) column (\d+)/i);
+		if (s && s[1] && s[2]) i = parseInt(s[1], 10), a = parseInt(s[2], 10);
+		else if (o && o[1]) {
+			let t = parseInt(o[1], 10), n = e.slice(0, t).split("\n");
+			i = n.length, a = (n[n.length - 1]?.length || 0) + 1;
+		} else {
+			let n = e.split("\n"), r = !1;
+			for (let e = 0; e < n.length; e++) {
+				let i = n[e];
+				if (/'[^']*'/.test(i)) {
+					t.push({
+						line: e + 1,
+						column: i.indexOf("'") + 1,
+						message: "JSON strings must use double quotes, not single quotes",
+						severity: "error",
+						rule: "json-no-single-quotes"
+					}), r = !0;
+					break;
+				}
+				if (/,\s*([}\]])/.test(i)) {
+					t.push({
+						line: e + 1,
+						column: i.search(/,\s*([}\]])/) + 1,
+						message: "Trailing comma is not allowed in standard JSON",
+						severity: "error",
+						rule: "json-no-trailing-comma"
+					}), r = !0;
+					break;
+				}
+				if (/\/\//.test(i) || /\/\*/.test(i)) {
+					t.push({
+						line: e + 1,
+						column: i.search(/\/\/|\/\*/) + 1,
+						message: "Comments are not permitted in standard JSON",
+						severity: "warning",
+						rule: "json-no-comments"
+					}), r = !0;
+					break;
+				}
+				let a = i.match(/([{,]\s*)([a-zA-Z0-9_$]+)\s*:/);
+				if (a && a[1] && a[2]) {
+					t.push({
+						line: e + 1,
+						column: i.indexOf(a[2]) + 1,
+						message: `Key "${a[2]}" must be enclosed in double quotes`,
+						severity: "error",
+						rule: "json-unquoted-key"
+					}), r = !0;
+					break;
+				}
+			}
+			if (r) return t;
+		}
+		let c = r.replace(/^JSON\.parse:\s*/i, "").replace(/in JSON at position \d+/i, "").trim();
+		c ||= "Invalid JSON syntax", t.push({
+			line: i,
+			column: a,
+			message: c,
+			severity: "error",
+			rule: "json-syntax-error"
+		});
+	}
+	return t;
+}
+function x(e) {
+	let t = [], n = e.split("\n"), r = [], i = {
+		"}": "{",
+		")": "(",
+		"]": "["
+	}, a = !1, o = !1;
+	for (let e = 0; e < n.length; e++) {
+		let s = e + 1, c = n[e], l = null, u = !1;
+		for (let e = 0; e < c.length; e++) {
+			let n = c[e], d = c[e + 1] || "";
+			if (a) {
+				n === "*" && d === "/" && (a = !1, e++);
+				continue;
+			}
+			if (o) {
+				if (n === "\\") {
+					e++;
+					continue;
+				}
+				n === "`" && (o = !1);
+				continue;
+			}
+			if (l) {
+				u ? u = !1 : n === "\\" ? u = !0 : n === l && (l = null);
+				continue;
+			}
+			if (n === "/" && d === "/") break;
+			if (n === "/" && d === "*") {
+				a = !0, e++;
+				continue;
+			}
+			if (n === "`") {
+				o = !0;
+				continue;
+			}
+			if (n === "\"" || n === "'") {
+				l = n;
+				continue;
+			}
+			if (n === "{" || n === "(" || n === "[") r.push({
+				char: n,
+				line: s,
+				col: e + 1
+			});
+			else if (n === "}" || n === ")" || n === "]") {
+				let a = i[n];
+				if (r.length === 0) t.push({
+					line: s,
+					column: e + 1,
+					message: `Unexpected closing '${n}' with no matching opening bracket`,
+					severity: "error",
+					rule: "js-unmatched-bracket"
+				});
+				else {
+					let i = r.pop();
+					i.char !== a && t.push({
+						line: s,
+						column: e + 1,
+						message: `Mismatched closing '${n}', expected matching '${i.char === "{" ? "}" : i.char === "(" ? ")" : "]"}' for '${i.char}' from line ${i.line}`,
+						severity: "error",
+						rule: "js-mismatched-bracket"
+					});
+				}
+			}
+		}
+		l && t.push({
+			line: s,
+			column: c.lastIndexOf(l) + 1,
+			message: `Unclosed string literal starting with ${l}`,
+			severity: "error",
+			rule: "js-unclosed-string"
+		}), /====+/.test(c) && t.push({
+			line: s,
+			column: c.indexOf("====") + 1,
+			message: "Invalid equality operator: \"====\"",
+			severity: "error",
+			rule: "js-invalid-operator"
+		});
+	}
+	for (a && t.push({
+		line: n.length,
+		column: 1,
+		message: "Unclosed multi-line comment \"/*\"",
+		severity: "error",
+		rule: "js-unclosed-comment"
+	}), o && t.push({
+		line: n.length,
+		column: 1,
+		message: "Unclosed template literal (`...`)",
+		severity: "error",
+		rule: "js-unclosed-template"
+	}); r.length > 0;) {
+		let e = r.pop();
+		t.push({
+			line: e.line,
+			column: e.col,
+			message: `Unclosed opening bracket '${e.char}'`,
+			severity: "error",
+			rule: "js-unclosed-bracket"
+		});
+	}
+	return t;
+}
+function S(e) {
+	let t = [], n = e.split("\n"), r = /* @__PURE__ */ new Set([
+		"area",
+		"base",
+		"br",
+		"col",
+		"embed",
+		"hr",
+		"img",
+		"input",
+		"link",
+		"meta",
+		"param",
+		"source",
+		"track",
+		"wbr",
+		"!doctype"
+	]), i = [], a = /<\/?([a-zA-Z0-9\-:]+)(\s+[^>]*?)?(\/?)>/g;
+	for (let e = 0; e < n.length; e++) {
+		let o = e + 1, s = n[e], c;
+		for (a.lastIndex = 0; (c = a.exec(s)) !== null;) {
+			let e = c[0], n = (c[1] || "").toLowerCase(), a = e.startsWith("</"), s = e.endsWith("/>") || r.has(n), l = c.index + 1;
+			if (!(n.startsWith("!--") || n.startsWith("!doctype"))) {
+				if (a) {
+					if (i.length === 0) t.push({
+						line: o,
+						column: l,
+						message: `Unexpected closing tag </${n}> without matching opening tag`,
+						severity: "error",
+						rule: "html-unmatched-closing-tag"
+					});
+					else {
+						let e = i.pop();
+						e.name !== n && t.push({
+							line: o,
+							column: l,
+							message: `Mismatched closing tag </${n}>, expected </${e.name}> (opened on line ${e.line})`,
+							severity: "error",
+							rule: "html-mismatched-tag"
+						});
+					}
+				} else s || i.push({
+					name: n,
+					line: o,
+					col: l
+				});
+			}
+		}
+	}
+	for (; i.length > 0;) {
+		let e = i.pop();
+		t.push({
+			line: e.line,
+			column: e.col,
+			message: `Unclosed tag <${e.name}>`,
+			severity: "error",
+			rule: "html-unclosed-tag"
+		});
+	}
+	return t;
+}
+function C(e) {
+	let t = [], n = e.split("\n"), r = 0, i = [];
+	for (let e = 0; e < n.length; e++) {
+		let a = e + 1, o = n[e], s = o.trim();
+		if (!(!s || s.startsWith("/*") || s.startsWith("//"))) {
+			for (let e = 0; e < o.length; e++) o[e] === "{" ? (r++, i.push({
+				line: a,
+				col: e + 1
+			})) : o[e] === "}" && (r === 0 ? t.push({
+				line: a,
+				column: e + 1,
+				message: "Unexpected closing brace \"}\" without opening \"{\"",
+				severity: "error",
+				rule: "css-unmatched-brace"
+			}) : (r--, i.pop()));
+			if (r > 0 && s !== "{" && s !== "}" && !s.endsWith("{") && !s.endsWith("}") && (!s.includes(":") && !s.startsWith("@") && !s.endsWith(",") && t.push({
+				line: a,
+				column: 1,
+				message: `Declaration "${s}" is missing a colon ":" between property and value`,
+				severity: "warning",
+				rule: "css-missing-colon"
+			}), s.includes(":") && !s.endsWith(";") && !s.endsWith("{") && !s.endsWith("}"))) {
+				let r = n[e + 1]?.trim() || "";
+				r && !r.startsWith("}") && t.push({
+					line: a,
+					column: o.length,
+					message: "Missing semicolon \";\" at the end of CSS declaration",
+					severity: "warning",
+					rule: "css-missing-semicolon"
+				});
+			}
+		}
+	}
+	for (; i.length > 0;) {
+		let e = i.pop();
+		t.push({
+			line: e.line,
+			column: e.col,
+			message: "Unclosed CSS block \"{\"",
+			severity: "error",
+			rule: "css-unclosed-brace"
+		});
+	}
+	return t;
+}
+function w(e) {
+	let t = [], n = e.split("\n"), r = !1, i = !1, a = [], o = {
+		")": "(",
+		"]": "[",
+		"}": "{"
+	}, s = /^\s*(def\s+.*|class\s+.*|if\s+.*|elif\s+.*|else|for\s+.*|while\s+.*|try|except(\s+.*)?|finally|with\s+.*)$/;
+	for (let e = 0; e < n.length; e++) {
+		let c = e + 1, l = n[e], u = l.trim();
+		if (!u || u.startsWith("#")) continue;
+		let d = l.match(/^([ \t]+)/);
+		if (d && d[1]) {
+			let e = d[1];
+			e.includes(" ") && (r = !0), e.includes("	") && (i = !0), r && i && t.push({
+				line: c,
+				column: 1,
+				message: "Inconsistent indentation: mixed tabs and spaces",
+				severity: "warning",
+				rule: "python-mixed-indentation"
+			});
+		}
+		s.test(u) && !u.endsWith(":") && !u.includes("#") && t.push({
+			line: c,
+			column: l.length,
+			message: "Expected \":\" at the end of statement header",
+			severity: "error",
+			rule: "python-missing-colon"
+		});
+		let f = null;
+		for (let e = 0; e < l.length; e++) {
+			let n = l[e];
+			if (n === "#") break;
+			if (f) {
+				n === f && l[e - 1] !== "\\" && (f = null);
+				continue;
+			}
+			if (n === "\"" || n === "'") {
+				f = n;
+				continue;
+			}
+			if (n === "(" || n === "[" || n === "{") a.push({
+				char: n,
+				line: c,
+				col: e + 1
+			});
+			else if (n === ")" || n === "]" || n === "}") {
+				let r = o[n];
+				if (a.length === 0) t.push({
+					line: c,
+					column: e + 1,
+					message: `Unmatched closing '${n}'`,
+					severity: "error",
+					rule: "python-unmatched-bracket"
+				});
+				else {
+					let i = a.pop();
+					i.char !== r && t.push({
+						line: c,
+						column: e + 1,
+						message: `Mismatched bracket '${n}', expected closing for '${i.char}' from line ${i.line}`,
+						severity: "error",
+						rule: "python-mismatched-bracket"
+					});
+				}
+			}
+		}
+	}
+	for (; a.length > 0;) {
+		let e = a.pop();
+		t.push({
+			line: e.line,
+			column: e.col,
+			message: `Unclosed '${e.char}'`,
+			severity: "error",
+			rule: "python-unclosed-bracket"
+		});
+	}
+	return t;
+}
+function T(e) {
+	let t = [], n = e.split("\n"), r = [];
+	for (let e = 0; e < n.length; e++) {
+		let i = e + 1, a = n[e], o = a.trim();
+		if (!o || o.startsWith("#")) continue;
+		let s = o.split(/\s+/);
+		for (let e of s) if (e === "if") r.push({
+			keyword: "if",
+			line: i
+		});
+		else if (e === "fi") {
+			let e = r.pop();
+			(!e || e.keyword !== "if") && t.push({
+				line: i,
+				column: a.indexOf("fi") + 1,
+				message: "Unexpected \"fi\" with no preceding \"if\"",
+				severity: "error",
+				rule: "bash-unmatched-fi"
+			});
+		} else if (e === "case") r.push({
+			keyword: "case",
+			line: i
+		});
+		else if (e === "esac") {
+			let e = r.pop();
+			(!e || e.keyword !== "case") && t.push({
+				line: i,
+				column: a.indexOf("esac") + 1,
+				message: "Unexpected \"esac\" with no preceding \"case\"",
+				severity: "error",
+				rule: "bash-unmatched-esac"
+			});
+		} else if (e === "do") r.push({
+			keyword: "do",
+			line: i
+		});
+		else if (e === "done") {
+			let e = r.pop();
+			(!e || e.keyword !== "do") && t.push({
+				line: i,
+				column: a.indexOf("done") + 1,
+				message: "Unexpected \"done\" with no preceding \"do\" / loop",
+				severity: "error",
+				rule: "bash-unmatched-done"
+			});
+		}
+	}
+	for (; r.length > 0;) {
+		let e = r.pop(), n = e.keyword === "if" ? "fi" : e.keyword === "case" ? "esac" : "done";
+		t.push({
+			line: e.line,
+			column: 1,
+			message: `Unclosed "${e.keyword}" block, missing "${n}"`,
+			severity: "error",
+			rule: "bash-unclosed-block"
+		});
+	}
+	return t;
+}
+function E(e) {
+	let t = [], n = e.split("\n");
+	for (let e = 0; e < n.length; e++) {
+		let r = e + 1, i = n[e];
+		(/^\t+/.test(i) || /^ +\t+/.test(i)) && t.push({
+			line: r,
+			column: 1,
+			message: "YAML forbids tab characters for indentation; use spaces instead",
+			severity: "error",
+			rule: "yaml-no-tabs"
+		});
+		let a = i.trim();
+		/^[a-zA-Z0-9_-]+:[^ \t\n\r/#]/.test(a) && !a.startsWith("http:") && !a.startsWith("https:") && t.push({
+			line: r,
+			column: i.indexOf(":") + 1,
+			message: "YAML mappings require a space after the colon \":\" (e.g. \"key: value\")",
+			severity: "warning",
+			rule: "yaml-missing-space"
+		});
+	}
+	return t;
+}
+function D(e) {
+	let t = [], n = e.split("\n"), r = 0, i = 1;
+	for (let e = 0; e < n.length; e++) {
+		let t = e + 1;
+		n[e].trim().startsWith("```") && (r === 0 ? (r++, i = t) : r--);
+	}
+	return r > 0 && t.push({
+		line: i,
+		column: 1,
+		message: "Unclosed Markdown code fence (```)",
+		severity: "error",
+		rule: "md-unclosed-fence"
+	}), t;
+}
+function O(e, t) {
+	if (!e || !e.trim()) return [];
+	switch ((t || "").toLowerCase().trim()) {
+		case "json": return b(e);
+		case "javascript":
+		case "js":
+		case "typescript":
+		case "ts":
+		case "jsx":
+		case "tsx": return x(e);
+		case "html":
+		case "xml":
+		case "svg": return S(e);
+		case "css":
+		case "scss":
+		case "less": return C(e);
+		case "python":
+		case "py": return w(e);
+		case "bash":
+		case "sh":
+		case "shell":
+		case "zsh": return T(e);
+		case "yaml":
+		case "yml": return E(e);
+		case "markdown":
+		case "md": return D(e);
+		default: return [];
+	}
+}
+//#endregion
+//#region src/components/code/code.ts
+var k = class extends e {
+	constructor(...e) {
+		super(...e), 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, l];
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.extractCodeContent();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.copyTimeout &&= (clearTimeout(this.copyTimeout), null);
+	}
+	willUpdate(e) {
+		e.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(e) {
+		let t = e.replace(/^\r?\n/, "").replace(/\r?\n\s*$/, "").split("\n");
+		if (t.length === 0) return e;
+		let n = Infinity;
+		for (let e of t) {
+			if (e.trim().length === 0) continue;
+			let t = e.match(/^[ \t]*/)?.[0]?.length || 0;
+			t < n && (n = t);
+		}
+		return n === Infinity || n === 0 ? t.join("\n") : t.map((e) => e.slice(n)).join("\n");
+	}
+	runLint() {
+		let e = this.effectiveLanguage, t = [], n = !!(this.lint || this.hasAttribute("lint")), r = this.internalCode || this.code || "";
+		return n && r && (t = O(r, e)), this.diagnostics && this.diagnostics.length > 0 && (t = [...t, ...this.diagnostics]), this.activeDiagnostics = t, this.emitEvent("lint-complete", {
+			diagnostics: t,
+			isValid: t.length === 0
+		}), t;
+	}
+	get effectiveLanguage() {
+		return this.lang || this.language || "plaintext";
+	}
+	get effectiveLabel() {
+		return this.filename || this.label;
+	}
+	async copy() {
+		let e = this.internalCode || this.code || this.textContent || "";
+		if (!e) return !1;
+		try {
+			if (navigator.clipboard && navigator.clipboard.writeText) await navigator.clipboard.writeText(e);
+			else {
+				let t = document.createElement("textarea");
+				t.value = e, t.style.position = "fixed", t.style.opacity = "0", document.body.appendChild(t), t.select(), document.execCommand("copy"), document.body.removeChild(t);
+			}
+			return this.isCopied = !0, this.emitEvent("copy", { code: e }), this.copyTimeout && clearTimeout(this.copyTimeout), this.copyTimeout = setTimeout(() => {
+				this.isCopied = !1;
+			}, 2e3), !0;
+		} catch {
+			return !1;
+		}
+	}
+	parseHighlightedLines() {
+		let e = /* @__PURE__ */ new Set();
+		if (!this.highlightLines) return e;
+		let t = this.highlightLines.split(",");
+		for (let n of t) {
+			let t = n.trim();
+			if (t.includes("-")) {
+				let [n, r] = t.split("-"), i = parseInt(n || "", 10), a = parseInt(r || "", 10);
+				if (!isNaN(i) && !isNaN(a)) for (let t = i; t <= a; t++) e.add(t);
+			} else {
+				let n = parseInt(t, 10);
+				isNaN(n) || e.add(n);
+			}
+		}
+		return e;
+	}
+	scrollToLine(e) {
+		let t = this.shadowRoot?.querySelector(`[data-line="${e}"]`);
+		t && t.scrollIntoView({
+			behavior: "smooth",
+			block: "center"
+		});
+	}
+	render() {
+		let e = this.internalCode || this.code || "", t = this.effectiveLanguage, n = this.effectiveLabel, a = !!(n || t !== "plaintext" || this.copyable), o = this.parseHighlightedLines(), s = /* @__PURE__ */ new Map();
+		for (let e of this.activeDiagnostics) {
+			let t = s.get(e.line) || [];
+			t.push(e), s.set(e.line, t);
+		}
+		let l = e.split("\n").length, u = y(e, t).split("\n"), d = this.activeDiagnostics.filter((e) => e.severity === "error" || !e.severity).length, f = this.activeDiagnostics.filter((e) => e.severity === "warning").length, p = this.activeDiagnostics.length > 0;
+		return r`
+      <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 -->
+        ${a ? r`
+          <header class="code-header">
+            <div class="code-header-left">
+              ${t && t !== "plaintext" ? r`
+                <span class="lang-badge">${t}</span>
+              ` : i}
+              ${n ? r`<span class="code-filename">${n}</span>` : i}
+            </div>
+
+            <div class="code-header-actions">
+              <slot name="actions"></slot>
+              ${this.copyable && !this.hideCopyButton ? r`
+                <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>
+              ` : i}
+            </div>
+          </header>
+        ` : this.copyable && !this.hideCopyButton ? r`
+          <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>
+        ` : i}
+
+        <!-- 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 ? r`
+            <div class="code-gutter" aria-hidden="true">
+              ${Array.from({ length: l }, (e, t) => {
+			let n = t + 1, a = s.get(n), o = a?.find((e) => e.severity === "error" || !e.severity) || a?.[0];
+			return r`
+                  <div class="gutter-line" @click=${() => this.scrollToLine(n)}>
+                    ${o ? r`
+                      <span
+                        class="gutter-marker ${o.severity || "error"}"
+                        title="Line ${n}: ${o.message}"
+                      >
+                        <md-icon name=${o.severity === "warning" ? "warning" : "error"}></md-icon>
+                      </span>
+                    ` : i}
+                    ${this.lineNumbers || this.hasAttribute("line-numbers") ? r`<span>${n}</span>` : i}
+                  </div>
+                `;
+		})}
+            </div>
+          ` : i}
+
+          <pre><code>${u.map((e, t) => {
+			let n = t + 1, i = o.has(n), a = s.get(n), l = a?.some((e) => e.severity === "error" || !e.severity), u = a?.some((e) => e.severity === "warning"), d = [
+				"code-line",
+				i ? "highlighted" : "",
+				l ? "has-error" : "",
+				u && !l ? "has-warning" : ""
+			].filter(Boolean).join(" ");
+			return r`<div class=${d} data-line=${n}>${c(e || "&nbsp;")}</div>`;
+		})}</code></pre>
+        </div>
+
+        <!-- Lint Summary Footer -->
+        ${(this.lint || this.hasAttribute("lint") || this.diagnostics.length > 0 || this.activeDiagnostics.length > 0) && this.showLintSummary !== !1 ? r`
+          <footer class="lint-footer">
+            <div class="lint-footer-summary" @click=${this.toggleIssuesList} role="button" tabindex="0">
+              <div class="lint-counts">
+                ${p && d > 0 ? r`
+                  <span class="lint-count-item errors">
+                    <md-icon name="error"></md-icon>
+                    <span>${d} ${d === 1 ? "error" : "errors"}</span>
+                  </span>
+                ` : i}
+                ${p && f > 0 ? r`
+                  <span class="lint-count-item warnings">
+                    <md-icon name="warning"></md-icon>
+                    <span>${f} ${f === 1 ? "warning" : "warnings"}</span>
+                  </span>
+                ` : i}
+                ${p ? i : r`
+                  <span class="lint-count-item valid">
+                    <md-icon name="check_circle"></md-icon>
+                    <span>No syntax issues detected</span>
+                  </span>
+                `}
+              </div>
+
+              ${p ? r`
+                <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>
+              ` : i}
+            </div>
+
+            ${p && this.isIssuesExpanded ? r`
+              <div class="lint-issues-list" role="region" aria-label="Lint diagnostics">
+                ${this.activeDiagnostics.map((e) => r`
+                  <div
+                    class="lint-issue-item ${e.severity || "error"}"
+                    @click=${() => this.scrollToLine(e.line)}
+                    role="button"
+                    tabindex="0"
+                  >
+                    <md-icon name=${e.severity === "warning" ? "warning" : "error"}></md-icon>
+                    <div class="lint-issue-content">
+                      <span class="lint-issue-loc">Line ${e.line}${e.column ? `:${e.column}` : ""}${e.rule ? ` • ${e.rule}` : ""}</span>
+                      <span class="lint-issue-msg">${e.message}</span>
+                    </div>
+                  </div>
+                `)}
+              </div>
+            ` : i}
+          </footer>
+        ` : i}
+      </div>
+    `;
+	}
+};
+t([o({ type: String })], k.prototype, "code", void 0), t([o({
+	type: String,
+	reflect: !0
+})], k.prototype, "language", void 0), t([o({ type: String })], k.prototype, "lang", void 0), t([o({ type: String })], k.prototype, "label", void 0), t([o({ type: String })], k.prototype, "filename", void 0), t([o({
+	type: Boolean,
+	reflect: !0
+})], k.prototype, "lint", void 0), t([o({ type: Array })], k.prototype, "diagnostics", void 0), t([o({
+	type: Boolean,
+	attribute: "show-lint-summary",
+	converter: {
+		fromAttribute: (e) => e === null || e !== "false",
+		toAttribute: (e) => e ? "" : null
+	}
+})], k.prototype, "showLintSummary", void 0), t([o({
+	type: Boolean,
+	attribute: "line-numbers",
+	reflect: !0
+})], k.prototype, "lineNumbers", void 0), t([o({
+	type: String,
+	attribute: "highlight-lines"
+})], k.prototype, "highlightLines", void 0), t([o({
+	type: Boolean,
+	reflect: !0,
+	converter: {
+		fromAttribute: (e) => e === null || e !== "false",
+		toAttribute: (e) => e ? "" : null
+	}
+})], k.prototype, "copyable", void 0), t([o({
+	type: Boolean,
+	attribute: "hide-copy-button"
+})], k.prototype, "hideCopyButton", void 0), t([o({
+	type: Boolean,
+	attribute: "wrap-lines",
+	reflect: !0
+})], k.prototype, "wrapLines", void 0), t([o({
+	type: String,
+	attribute: "max-height"
+})], k.prototype, "maxHeight", void 0), t([s()], k.prototype, "isCopied", void 0), t([s()], k.prototype, "isIssuesExpanded", void 0), t([s()], k.prototype, "internalCode", void 0), t([s()], k.prototype, "activeDiagnostics", void 0), k = t([a("md-code")], k);
+var A = class extends k {};
+A = t([a("md-code-block")], A);
+//#endregion
+export { A as n, k as t };
+
+//# sourceMappingURL=code-CM6hIZNx.js.map