@krollins/blueprint 0.2.2 → 0.3.0

package/dist/shared/code-block-9yvHd_mF.js

@@ -0,0 +1,542 @@
+import { t as e } from "./decorate-BJVyhdRd.js";
+import { LitElement as t, 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 { ifDefined as c } from "lit/directives/if-defined.js";
+import { unsafeHTML as l } from "lit/directives/unsafe-html.js";
+//#region source/components/code-block/code-block.style.ts
+var u = n`
+  /* Base styles */
+  :host {
+    display: block;
+    container-type: inline-size;
+  }
+
+  .code-block {
+    position: relative;
+    border: var(--bp-border-width) solid var(--bp-color-border);
+    border-radius: var(--bp-border-radius-lg);
+    overflow: hidden;
+    background-color: var(--bp-color-surface);
+    font-family: var(--bp-font-family-mono);
+    font-size: var(--bp-font-size-sm);
+    line-height: var(--bp-line-height-relaxed);
+  }
+
+  /* Header */
+  .code-block__header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--bp-spacing-sm);
+    padding: var(--bp-spacing-xs) var(--bp-spacing-md);
+    background-color: var(--bp-color-surface-elevated);
+    border-bottom: var(--bp-border-width) solid var(--bp-color-border);
+    min-height: var(--bp-spacing-10);
+  }
+
+  .code-block__title {
+    font-family: var(--bp-font-family);
+    font-size: var(--bp-font-size-xs);
+    font-weight: var(--bp-font-weight-medium);
+    color: var(--bp-color-text-muted);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    min-width: 0;
+    text-transform: uppercase;
+    letter-spacing: 0.05em; /* Intentional one-off for header label readability */
+  }
+
+  .code-block__controls {
+    display: flex;
+    align-items: center;
+    gap: var(--bp-spacing-xs);
+    flex-shrink: 0;
+  }
+
+  /* Copy button */
+  .code-block__copy {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    background: none;
+    border: none;
+    padding: var(--bp-spacing-2xs);
+    border-radius: var(--bp-border-radius-md);
+    color: var(--bp-color-text-muted);
+    cursor: pointer;
+    transition:
+      color var(--bp-transition-fast),
+      background-color var(--bp-transition-fast);
+  }
+
+  .code-block__copy:hover {
+    color: var(--bp-color-text);
+    background-color: var(--bp-color-hover-overlay);
+  }
+
+  .code-block__copy:active {
+    background-color: var(--bp-color-active-overlay);
+  }
+
+  .code-block__copy:focus-visible {
+    outline: var(--bp-focus-ring);
+    outline-offset: var(--bp-focus-offset);
+  }
+
+  .code-block__copy--copied {
+    color: var(--bp-color-success);
+  }
+
+  .code-block__copy--error {
+    color: var(--bp-color-error);
+  }
+
+  .code-block__icon {
+    width: var(--bp-icon-size-sm);
+    height: var(--bp-icon-size-sm);
+  }
+
+  /* Floating copy button (when header is hidden) */
+  .code-block__floating-copy {
+    position: absolute;
+    top: var(--bp-spacing-xs);
+    right: var(--bp-spacing-xs);
+    z-index: var(--bp-z-base);
+    opacity: 0;
+    transition: opacity var(--bp-transition-fast);
+  }
+
+  .code-block__body:hover .code-block__floating-copy,
+  .code-block__body:focus-within .code-block__floating-copy {
+    opacity: 1;
+  }
+
+  /* Ensure floating copy button is reachable on touch devices (no hover) */
+  @media (hover: none) {
+    .code-block__floating-copy {
+      opacity: 0.7;
+    }
+  }
+
+  .code-block__floating-copy .code-block__copy {
+    background-color: var(--bp-color-surface-elevated);
+    border: var(--bp-border-width) solid var(--bp-color-border);
+    box-shadow: var(--bp-shadow-sm);
+  }
+
+  /* Body */
+  .code-block__body {
+    position: relative;
+    overflow: hidden;
+  }
+
+  .code-block__body--scroll {
+    overflow-x: auto;
+  }
+
+  /* Pre / Code */
+  .code-block__pre {
+    margin: 0;
+    padding: var(--bp-spacing-md);
+    overflow: visible;
+  }
+
+  .code-block__body--wrap .code-block__pre {
+    white-space: pre-wrap;
+    word-break: break-all;
+    overflow-wrap: break-word;
+  }
+
+  .code-block__body--scroll .code-block__pre {
+    white-space: pre;
+    overflow-x: auto;
+  }
+
+  .code-block__code {
+    font-family: inherit;
+    font-size: inherit;
+    line-height: inherit;
+    color: var(--bp-color-text);
+  }
+
+  /* Line numbers grid layout */
+  .code-block__lines {
+    display: grid;
+    grid-template-columns: auto 1fr;
+  }
+
+  .code-block__lines--no-gutter {
+    grid-template-columns: 1fr;
+  }
+
+  .code-block__line-number {
+    align-self: start;
+    text-align: right;
+    padding-right: var(--bp-spacing-md);
+    color: var(--bp-color-text-muted);
+    user-select: none;
+    min-width: var(--bp-spacing-8);
+    opacity: var(--bp-opacity-subtle);
+  }
+
+  .code-block__line {
+    display: block;
+    padding-left: var(--bp-spacing-2xs);
+    border-left: var(--bp-spacing-0-5) solid transparent;
+  }
+
+  .code-block__line--highlighted {
+    background-color: var(--bp-color-selected-bg);
+    border-left-color: var(--bp-color-primary);
+  }
+
+  /* Collapsed / expand */
+  /* max-height = (line count × line-height × font-size) + vertical padding */
+  .code-block__body--collapsed {
+    max-height: calc(
+      var(--_max-lines, 10) * var(--bp-line-height-relaxed) * 1em +
+        var(--bp-spacing-md) * 2
+    );
+    overflow: hidden;
+  }
+
+  .code-block__gradient {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: var(--bp-spacing-16);
+    background: linear-gradient(transparent, var(--bp-color-surface));
+    pointer-events: none;
+  }
+
+  .code-block__expand {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    padding: var(--bp-spacing-xs) var(--bp-spacing-md);
+    background: none;
+    border: none;
+    border-top: var(--bp-border-width) solid var(--bp-color-border);
+    color: var(--bp-color-primary);
+    font-family: var(--bp-font-family);
+    font-size: var(--bp-font-size-xs);
+    font-weight: var(--bp-font-weight-medium);
+    cursor: pointer;
+    transition: background-color var(--bp-transition-fast);
+  }
+
+  .code-block__expand:hover {
+    background-color: var(--bp-color-hover-overlay);
+  }
+
+  .code-block__expand:active {
+    background-color: var(--bp-color-active-overlay);
+  }
+
+  .code-block__expand:focus-visible {
+    outline: var(--bp-focus-ring);
+    outline-offset: calc(-1 * var(--bp-focus-offset));
+  }
+
+  /* Visually hidden status for screen readers.
+     Uses --bp-spacing-0-5 (2px) instead of the typical 1px sr-only pattern
+     to stay consistent with design tokens throughout. */
+  .code-block__status {
+    position: absolute;
+    width: var(--bp-spacing-0-5);
+    height: var(--bp-spacing-0-5);
+    padding: var(--bp-spacing-0);
+    margin: calc(-1 * var(--bp-spacing-0-5));
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: var(--bp-spacing-0);
+  }
+
+  /* Container queries for responsive behavior */
+  @container (max-width: 480px) {
+    /* stylelint-disable-line -- container queries cannot use var() */
+    .code-block__header {
+      flex-wrap: wrap;
+    }
+
+    .code-block__pre {
+      padding: var(--bp-spacing-sm);
+      font-size: var(--bp-font-size-xs);
+    }
+
+    .code-block__line-number {
+      min-width: var(--bp-spacing-6);
+      padding-right: var(--bp-spacing-sm);
+    }
+  }
+`, d, f = {
+	"&": "&",
+	"<": "&lt;",
+	">": "&gt;",
+	"\"": "&quot;",
+	"'": "&#039;"
+};
+function p(e) {
+	return e.replace(/[&<>"']/g, (e) => f[e] ?? e);
+}
+var m = { highlight({ code: e }) {
+	return {
+		html: p(e),
+		isHighlighted: !1
+	};
+} }, h = class extends t {
+	static {
+		d = this;
+	}
+	static {
+		this.defaultAdapter = m;
+	}
+	static {
+		this.styles = [u];
+	}
+	constructor() {
+		super(), this._copyState = "idle", this._expanded = !1, this._highlightedHtml = "", this._adapterContext = void 0, this._adapterInitialized = !1, this._lineCount = 0, this._highlightSet = /* @__PURE__ */ new Set(), this._highlightedLines = [], this._copyResetTimer = null, this._handleCopy = async () => {
+			let e;
+			try {
+				navigator.clipboard ? (await navigator.clipboard.writeText(this.code), e = !0) : e = this._fallbackCopy();
+			} catch {
+				e = this._fallbackCopy();
+			}
+			this._copyState = e ? "copied" : "error", this.dispatchEvent(new CustomEvent("bp-copy", {
+				detail: {
+					code: this.code,
+					success: e
+				},
+				bubbles: !0,
+				composed: !0
+			})), this._copyResetTimer && clearTimeout(this._copyResetTimer), this._copyResetTimer = setTimeout(() => {
+				this._copyState = "idle", this._copyResetTimer = null;
+			}, 2e3);
+		}, this.code = "", this.language = "text", this.title = "", this.showLineNumbers = !1, this.highlightLines = [], this.wrapLines = !0, this.showCopyButton = !0, this.maxLines = void 0, this.showHeader = !0, this.highlightAdapter = d.defaultAdapter;
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this._copyResetTimer &&= (clearTimeout(this._copyResetTimer), null);
+	}
+	willUpdate(e) {
+		super.willUpdate(e), e.has("highlightAdapter") && (this._adapterInitialized = !1, this._adapterContext = void 0, this._initializeAdapter()), e.has("code") && (this._lineCount = this.code.split("\n").length), e.has("highlightLines") && (this._highlightSet = new Set(this.highlightLines)), (e.has("code") || e.has("language") || e.has("highlightAdapter")) && this._updateHighlightingSync();
+	}
+	connectedCallback() {
+		super.connectedCallback(), this._initializeAdapter();
+	}
+	async _initializeAdapter() {
+		let e = this.highlightAdapter;
+		if (!this._adapterInitialized && e.initialize) {
+			try {
+				let t = await e.initialize();
+				if (this.highlightAdapter !== e) return;
+				this._adapterContext = t;
+			} catch {
+				if (this.highlightAdapter !== e) return;
+				this._adapterContext = void 0;
+			}
+			this._adapterInitialized = !0, this._updateHighlightingSync(), this.requestUpdate();
+		}
+	}
+	_updateHighlightingSync() {
+		let e = this.highlightAdapter;
+		try {
+			let t = e.highlight({
+				code: this.code,
+				language: this.language,
+				context: this._adapterContext
+			});
+			this._highlightedHtml = t.html;
+		} catch {
+			this._highlightedHtml = p(this.code);
+		}
+		this._highlightedLines = this._highlightedHtml.split("\n");
+	}
+	_fallbackCopy() {
+		try {
+			let e = document.createElement("textarea");
+			e.value = this.code, e.style.position = "fixed", e.style.left = "-9999px", e.style.top = "-9999px", document.body.appendChild(e), e.select();
+			let t = document.execCommand("copy");
+			return document.body.removeChild(e), t;
+		} catch {
+			return !1;
+		}
+	}
+	_toggleExpanded() {
+		this._expanded = !this._expanded;
+	}
+	get _shouldCollapse() {
+		return this.maxLines !== void 0 && this.maxLines > 0 && this._lineCount > this.maxLines;
+	}
+	get _isCollapsed() {
+		return this._shouldCollapse && !this._expanded;
+	}
+	get _headerLabel() {
+		return this.title || this.language;
+	}
+	_getCopyAriaLabel() {
+		return this._copyState === "copied" ? "Copied!" : this._copyState === "error" ? "Failed to copy" : "Copy code";
+	}
+	_renderCopyIcon() {
+		return this._copyState === "copied" ? r`
+        <slot name="copied-icon">
+          <svg
+            class="code-block__icon"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            aria-hidden="true"
+          >
+            <polyline points="20 6 9 17 4 12"></polyline>
+          </svg>
+        </slot>
+      ` : r`
+      <slot name="copy-icon">
+        <svg
+          class="code-block__icon"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          aria-hidden="true"
+        >
+          <rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
+          <path
+            d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"
+          ></path>
+        </svg>
+      </slot>
+    `;
+	}
+	_renderCopyButton() {
+		return this.showCopyButton ? r`
+      <button
+        part="copy-button"
+        class="code-block__copy code-block__copy--${this._copyState}"
+        aria-label=${this._getCopyAriaLabel()}
+        @click=${this._handleCopy}
+      >
+        ${this._renderCopyIcon()}
+      </button>
+    ` : i;
+	}
+	_renderHeader() {
+		return this.showHeader ? r`
+      <div part="header" class="code-block__header">
+        <span part="title" class="code-block__title">
+          <slot name="title">${this._headerLabel}</slot>
+        </span>
+        <div part="controls" class="code-block__controls">
+          <slot name="controls"></slot>
+          ${this._renderCopyButton()}
+        </div>
+      </div>
+    ` : i;
+	}
+	_renderFloatingCopyButton() {
+		return this.showHeader || !this.showCopyButton ? i : r`
+      <div class="code-block__floating-copy">${this._renderCopyButton()}</div>
+    `;
+	}
+	_renderLine(e, t, n) {
+		let i = this._highlightSet.has(t);
+		return n ? r`<span
+            part="line-number"
+            class="code-block__line-number"
+            aria-hidden="true"
+            >${t}</span
+          ><span
+            part="line"
+            class="code-block__line ${i ? "code-block__line--highlighted" : ""}"
+            aria-current=${c(i ? "true" : void 0)}
+            >${l(e)}</span
+          >` : r`<span
+          part="line"
+          class="code-block__line ${i ? "code-block__line--highlighted" : ""}"
+          aria-current=${c(i ? "true" : void 0)}
+          >${l(e)}</span
+        >`;
+	}
+	_renderCodeLines() {
+		return this.showLineNumbers ? r`<div class="code-block__lines">
+        ${this._highlightedLines.map((e, t) => this._renderLine(e, t + 1, !0))}
+      </div>` : this.highlightLines.length > 0 ? r`<div class="code-block__lines code-block__lines--no-gutter">
+        ${this._highlightedLines.map((e, t) => this._renderLine(e, t + 1, !1))}
+      </div>` : l(this._highlightedHtml);
+	}
+	_renderExpandButton() {
+		return this._shouldCollapse ? r`
+      <button
+        part="expand-button"
+        class="code-block__expand"
+        @click=${this._toggleExpanded}
+        aria-expanded=${this._expanded}
+      >
+        ${this._expanded ? "Show less" : "Show more"}
+      </button>
+    ` : i;
+	}
+	render() {
+		let e = [
+			"code-block__body",
+			this.wrapLines ? "code-block__body--wrap" : "code-block__body--scroll",
+			this._isCollapsed ? "code-block__body--collapsed" : ""
+		].filter(Boolean).join(" ");
+		return r`
+      <div
+        part="base"
+        class="code-block"
+        role="region"
+        aria-label=${this.title ? `Code example: ${this.title}` : "Code example"}
+        style=${this._isCollapsed && this.maxLines ? `--_max-lines: ${this.maxLines}` : ""}
+      >
+        ${this._renderHeader()}
+        <div part="body" class=${e}>
+          ${this._renderFloatingCopyButton()}
+          <pre
+            part="pre"
+            class="code-block__pre"
+          ><code part="code" class="code-block__code">${this._renderCodeLines()}</code></pre>
+          ${this._isCollapsed ? r`<div class="code-block__gradient"></div>` : i}
+        </div>
+        ${this._renderExpandButton()}
+        <div class="code-block__status" role="status" aria-live="polite">
+          ${this._copyState === "copied" ? "Copied to clipboard" : ""}
+          ${this._copyState === "error" ? "Failed to copy" : ""}
+        </div>
+      </div>
+    `;
+	}
+};
+e([o({ type: String })], h.prototype, "code", void 0), e([o({ type: String })], h.prototype, "language", void 0), e([o({ type: String })], h.prototype, "title", void 0), e([o({
+	type: Boolean,
+	attribute: "show-line-numbers",
+	reflect: !0
+})], h.prototype, "showLineNumbers", void 0), e([o({ type: Array })], h.prototype, "highlightLines", void 0), e([o({
+	type: Boolean,
+	attribute: "wrap-lines",
+	reflect: !0
+})], h.prototype, "wrapLines", void 0), e([o({
+	type: Boolean,
+	attribute: "show-copy-button",
+	reflect: !0
+})], h.prototype, "showCopyButton", void 0), e([o({
+	type: Number,
+	attribute: "max-lines"
+})], h.prototype, "maxLines", void 0), e([o({
+	type: Boolean,
+	attribute: "show-header",
+	reflect: !0
+})], h.prototype, "showHeader", void 0), e([o({ attribute: !1 })], h.prototype, "highlightAdapter", void 0), e([s()], h.prototype, "_copyState", void 0), e([s()], h.prototype, "_expanded", void 0), e([s()], h.prototype, "_highlightedHtml", void 0), e([s()], h.prototype, "_adapterContext", void 0), e([s()], h.prototype, "_adapterInitialized", void 0), e([s()], h.prototype, "_lineCount", void 0), e([s()], h.prototype, "_highlightSet", void 0), e([s()], h.prototype, "_highlightedLines", void 0), h = d = e([a("bp-code-block")], h);
+//#endregion
+export { m as n, h as t };
+
+//# sourceMappingURL=code-block-9yvHd_mF.js.map

package/dist/shared/code-block-9yvHd_mF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block-9yvHd_mF.js","names":["_decorate","__decorate","codeBlockStyles","_BpCodeBlock","htmlEscapeMap","escapeHtml","text","char","plainTextAdapter","code","BpCodeBlock","LitElement","success","changedProperties","adapter","context","result","textarea","nothing","isHighlighted","lineNumber","showNumber","ifDefined","unsafeHTML","lineHtml","index","bodyClasses","property","state","customElement"],"sources":["../../source/components/code-block/code-block.style.ts","../../source/components/code-block/code-block.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const codeBlockStyles = css`\n  /* Base styles */\n  :host {\n    display: block;\n    container-type: inline-size;\n  }\n\n  .code-block {\n    position: relative;\n    border: var(--bp-border-width) solid var(--bp-color-border);\n    border-radius: var(--bp-border-radius-lg);\n    overflow: hidden;\n    background-color: var(--bp-color-surface);\n    font-family: var(--bp-font-family-mono);\n    font-size: var(--bp-font-size-sm);\n    line-height: var(--bp-line-height-relaxed);\n  }\n\n  /* Header */\n  .code-block__header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--bp-spacing-sm);\n    padding: var(--bp-spacing-xs) var(--bp-spacing-md);\n    background-color: var(--bp-color-surface-elevated);\n    border-bottom: var(--bp-border-width) solid var(--bp-color-border);\n    min-height: var(--bp-spacing-10);\n  }\n\n  .code-block__title {\n    font-family: var(--bp-font-family);\n    font-size: var(--bp-font-size-xs);\n    font-weight: var(--bp-font-weight-medium);\n    color: var(--bp-color-text-muted);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    min-width: 0;\n    text-transform: uppercase;\n    letter-spacing: 0.05em; /* Intentional one-off for header label readability */\n  }\n\n  .code-block__controls {\n    display: flex;\n    align-items: center;\n    gap: var(--bp-spacing-xs);\n    flex-shrink: 0;\n  }\n\n  /* Copy button */\n  .code-block__copy {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: none;\n    padding: var(--bp-spacing-2xs);\n    border-radius: var(--bp-border-radius-md);\n    color: var(--bp-color-text-muted);\n    cursor: pointer;\n    transition:\n      color var(--bp-transition-fast),\n      background-color var(--bp-transition-fast);\n  }\n\n  .code-block__copy:hover {\n    color: var(--bp-color-text);\n    background-color: var(--bp-color-hover-overlay);\n  }\n\n  .code-block__copy:active {\n    background-color: var(--bp-color-active-overlay);\n  }\n\n  .code-block__copy:focus-visible {\n    outline: var(--bp-focus-ring);\n    outline-offset: var(--bp-focus-offset);\n  }\n\n  .code-block__copy--copied {\n    color: var(--bp-color-success);\n  }\n\n  .code-block__copy--error {\n    color: var(--bp-color-error);\n  }\n\n  .code-block__icon {\n    width: var(--bp-icon-size-sm);\n    height: var(--bp-icon-size-sm);\n  }\n\n  /* Floating copy button (when header is hidden) */\n  .code-block__floating-copy {\n    position: absolute;\n    top: var(--bp-spacing-xs);\n    right: var(--bp-spacing-xs);\n    z-index: var(--bp-z-base);\n    opacity: 0;\n    transition: opacity var(--bp-transition-fast);\n  }\n\n  .code-block__body:hover .code-block__floating-copy,\n  .code-block__body:focus-within .code-block__floating-copy {\n    opacity: 1;\n  }\n\n  /* Ensure floating copy button is reachable on touch devices (no hover) */\n  @media (hover: none) {\n    .code-block__floating-copy {\n      opacity: 0.7;\n    }\n  }\n\n  .code-block__floating-copy .code-block__copy {\n    background-color: var(--bp-color-surface-elevated);\n    border: var(--bp-border-width) solid var(--bp-color-border);\n    box-shadow: var(--bp-shadow-sm);\n  }\n\n  /* Body */\n  .code-block__body {\n    position: relative;\n    overflow: hidden;\n  }\n\n  .code-block__body--scroll {\n    overflow-x: auto;\n  }\n\n  /* Pre / Code */\n  .code-block__pre {\n    margin: 0;\n    padding: var(--bp-spacing-md);\n    overflow: visible;\n  }\n\n  .code-block__body--wrap .code-block__pre {\n    white-space: pre-wrap;\n    word-break: break-all;\n    overflow-wrap: break-word;\n  }\n\n  .code-block__body--scroll .code-block__pre {\n    white-space: pre;\n    overflow-x: auto;\n  }\n\n  .code-block__code {\n    font-family: inherit;\n    font-size: inherit;\n    line-height: inherit;\n    color: var(--bp-color-text);\n  }\n\n  /* Line numbers grid layout */\n  .code-block__lines {\n    display: grid;\n    grid-template-columns: auto 1fr;\n  }\n\n  .code-block__lines--no-gutter {\n    grid-template-columns: 1fr;\n  }\n\n  .code-block__line-number {\n    align-self: start;\n    text-align: right;\n    padding-right: var(--bp-spacing-md);\n    color: var(--bp-color-text-muted);\n    user-select: none;\n    min-width: var(--bp-spacing-8);\n    opacity: var(--bp-opacity-subtle);\n  }\n\n  .code-block__line {\n    display: block;\n    padding-left: var(--bp-spacing-2xs);\n    border-left: var(--bp-spacing-0-5) solid transparent;\n  }\n\n  .code-block__line--highlighted {\n    background-color: var(--bp-color-selected-bg);\n    border-left-color: var(--bp-color-primary);\n  }\n\n  /* Collapsed / expand */\n  /* max-height = (line count × line-height × font-size) + vertical padding */\n  .code-block__body--collapsed {\n    max-height: calc(\n      var(--_max-lines, 10) * var(--bp-line-height-relaxed) * 1em +\n        var(--bp-spacing-md) * 2\n    );\n    overflow: hidden;\n  }\n\n  .code-block__gradient {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    height: var(--bp-spacing-16);\n    background: linear-gradient(transparent, var(--bp-color-surface));\n    pointer-events: none;\n  }\n\n  .code-block__expand {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    padding: var(--bp-spacing-xs) var(--bp-spacing-md);\n    background: none;\n    border: none;\n    border-top: var(--bp-border-width) solid var(--bp-color-border);\n    color: var(--bp-color-primary);\n    font-family: var(--bp-font-family);\n    font-size: var(--bp-font-size-xs);\n    font-weight: var(--bp-font-weight-medium);\n    cursor: pointer;\n    transition: background-color var(--bp-transition-fast);\n  }\n\n  .code-block__expand:hover {\n    background-color: var(--bp-color-hover-overlay);\n  }\n\n  .code-block__expand:active {\n    background-color: var(--bp-color-active-overlay);\n  }\n\n  .code-block__expand:focus-visible {\n    outline: var(--bp-focus-ring);\n    outline-offset: calc(-1 * var(--bp-focus-offset));\n  }\n\n  /* Visually hidden status for screen readers.\n     Uses --bp-spacing-0-5 (2px) instead of the typical 1px sr-only pattern\n     to stay consistent with design tokens throughout. */\n  .code-block__status {\n    position: absolute;\n    width: var(--bp-spacing-0-5);\n    height: var(--bp-spacing-0-5);\n    padding: var(--bp-spacing-0);\n    margin: calc(-1 * var(--bp-spacing-0-5));\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: var(--bp-spacing-0);\n  }\n\n  /* Container queries for responsive behavior */\n  @container (max-width: 480px) {\n    /* stylelint-disable-line -- container queries cannot use var() */\n    .code-block__header {\n      flex-wrap: wrap;\n    }\n\n    .code-block__pre {\n      padding: var(--bp-spacing-sm);\n      font-size: var(--bp-font-size-xs);\n    }\n\n    .code-block__line-number {\n      min-width: var(--bp-spacing-6);\n      padding-right: var(--bp-spacing-sm);\n    }\n  }\n`;\n","import { LitElement, html, nothing, type PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nimport { codeBlockStyles } from './code-block.style.js';\n\n/**\n * Result returned by a highlight adapter.\n */\nexport interface HighlightResult {\n  /** The highlighted code as an HTML string. */\n  html: string;\n  /** Whether highlighting was actually applied (false = plain text fallback). */\n  isHighlighted: boolean;\n}\n\n/**\n * Adapter interface for pluggable syntax highlighting.\n */\nexport interface CodeBlockHighlightAdapter {\n  /**\n   * Called once when the adapter is first used.\n   * Use this for async initialization (loading Shiki, registering languages, etc).\n   * Return value is passed to `highlight()` as context.\n   */\n  initialize?(): Promise<unknown>;\n\n  /**\n   * Return highlighted HTML for the given code and language.\n   * `context` is the resolved value from `initialize()`.\n   */\n  highlight(options: {\n    code: string;\n    language: string;\n    context: unknown;\n  }): HighlightResult;\n}\n\n/** Maps HTML special characters to their entity equivalents for XSS prevention. */\nconst htmlEscapeMap: Record<string, string> = {\n  '&': '&amp;',\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#039;',\n};\n\n/**\n * Escapes HTML special characters in a single pass to prevent XSS when rendering plain text.\n */\nfunction escapeHtml(text: string): string {\n  return text.replace(/[&<>\"']/g, (char) => htmlEscapeMap[char] ?? char);\n}\n\n/**\n * Built-in plain text adapter that escapes HTML and renders monospace text.\n * Zero dependencies, zero bundle cost.\n */\nexport const plainTextAdapter: CodeBlockHighlightAdapter = {\n  highlight({ code }) {\n    return {\n      html: escapeHtml(code),\n      isHighlighted: false,\n    };\n  },\n};\n\n/**\n * A code block component for displaying syntax-highlighted code with\n * copy-to-clipboard, line numbers, line highlighting, and expand/collapse.\n *\n * @slot title - Custom title content. Overrides the `title` attribute.\n * @slot controls - Additional control buttons placed before the copy button.\n * @slot copy-icon - Custom icon for the copy button (default state).\n * @slot copied-icon - Custom icon for the copy button (success state).\n *\n * @fires bp-copy - Fired after a copy attempt. Detail: `{ code: string, success: boolean }`\n *\n * @csspart base - Outer wrapper\n * @csspart header - Header bar\n * @csspart title - Title text area\n * @csspart controls - Controls container\n * @csspart copy-button - The copy button\n * @csspart body - Scrollable code container\n * @csspart pre - The `<pre>` element\n * @csspart code - The `<code>` element\n * @csspart line-number - Individual line number cell\n * @csspart line - Individual line of code\n */\n@customElement('bp-code-block')\nexport class BpCodeBlock extends LitElement {\n  /**\n   * The source code to display.\n   */\n  @property({ type: String }) declare code: string;\n\n  /**\n   * Language identifier for syntax highlighting (e.g. 'typescript', 'html', 'python').\n   * Also displayed as a label when no title is set.\n   */\n  @property({ type: String }) declare language: string;\n\n  /**\n   * Optional title displayed in the header (e.g. a filename like `index.ts`).\n   * Overrides the language label.\n   */\n  @property({ type: String }) declare title: string;\n\n  /**\n   * Show line number gutter.\n   */\n  @property({ type: Boolean, attribute: 'show-line-numbers', reflect: true })\n  declare showLineNumbers: boolean;\n\n  /**\n   * Array of 1-based line numbers to visually highlight.\n   */\n  @property({ type: Array }) declare highlightLines: number[];\n\n  /**\n   * Wrap long lines instead of horizontal scroll.\n   */\n  @property({ type: Boolean, attribute: 'wrap-lines', reflect: true })\n  declare wrapLines: boolean;\n\n  /**\n   * Show the copy-to-clipboard button.\n   */\n  @property({ type: Boolean, attribute: 'show-copy-button', reflect: true })\n  declare showCopyButton: boolean;\n\n  /**\n   * When set, collapse the code block to this many visible lines with a \"Show more\" toggle.\n   */\n  @property({ type: Number, attribute: 'max-lines' })\n  declare maxLines: number | undefined;\n\n  /**\n   * Show/hide the header bar. When false, the copy button floats over the code.\n   */\n  @property({ type: Boolean, attribute: 'show-header', reflect: true })\n  declare showHeader: boolean;\n\n  /**\n   * The syntax highlight adapter to use for this instance.\n   * Defaults to `BpCodeBlock.defaultAdapter` which is the plainTextAdapter.\n   */\n  @property({ attribute: false })\n  declare highlightAdapter: CodeBlockHighlightAdapter;\n\n  /**\n   * Global default adapter used when no per-instance adapter is set.\n   */\n  static defaultAdapter: CodeBlockHighlightAdapter = plainTextAdapter;\n\n  @state() private _copyState: 'idle' | 'copied' | 'error' = 'idle';\n  @state() private _expanded = false;\n  @state() private _highlightedHtml = '';\n  @state() private _adapterContext: unknown = undefined;\n  @state() private _adapterInitialized = false;\n  @state() private _lineCount = 0;\n  @state() private _highlightSet: Set<number> = new Set();\n  @state() private _highlightedLines: string[] = [];\n\n  private _copyResetTimer: ReturnType<typeof setTimeout> | null = null;\n\n  static styles = [codeBlockStyles];\n\n  constructor() {\n    super();\n    this.code = '';\n    this.language = 'text';\n    this.title = '';\n    this.showLineNumbers = false;\n    this.highlightLines = [];\n    this.wrapLines = true;\n    this.showCopyButton = true;\n    this.maxLines = undefined;\n    this.showHeader = true;\n    this.highlightAdapter = BpCodeBlock.defaultAdapter;\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this._copyResetTimer) {\n      clearTimeout(this._copyResetTimer);\n      this._copyResetTimer = null;\n    }\n  }\n\n  protected override willUpdate(changedProperties: PropertyValues): void {\n    super.willUpdate(changedProperties);\n\n    if (changedProperties.has('highlightAdapter')) {\n      this._adapterInitialized = false;\n      this._adapterContext = undefined;\n      this._initializeAdapter();\n    }\n\n    if (changedProperties.has('code')) {\n      this._lineCount = this.code.split('\\n').length;\n    }\n\n    if (changedProperties.has('highlightLines')) {\n      this._highlightSet = new Set(this.highlightLines);\n    }\n\n    const needsRehighlight =\n      changedProperties.has('code') ||\n      changedProperties.has('language') ||\n      changedProperties.has('highlightAdapter');\n\n    if (needsRehighlight) {\n      this._updateHighlightingSync();\n    }\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this._initializeAdapter();\n  }\n\n  private async _initializeAdapter(): Promise<void> {\n    const adapter = this.highlightAdapter;\n    if (!this._adapterInitialized && adapter.initialize) {\n      try {\n        const context = await adapter.initialize();\n        // Bail if adapter changed while awaiting\n        if (this.highlightAdapter !== adapter) return;\n        this._adapterContext = context;\n      } catch {\n        if (this.highlightAdapter !== adapter) return;\n        this._adapterContext = undefined;\n      }\n      this._adapterInitialized = true;\n      // Re-highlight with context after async init\n      this._updateHighlightingSync();\n      this.requestUpdate();\n    }\n  }\n\n  private _updateHighlightingSync(): void {\n    const adapter = this.highlightAdapter;\n\n    try {\n      const result = adapter.highlight({\n        code: this.code,\n        language: this.language,\n        context: this._adapterContext,\n      });\n      this._highlightedHtml = result.html;\n    } catch {\n      // Fallback to plain text on adapter error\n      this._highlightedHtml = escapeHtml(this.code);\n    }\n\n    this._highlightedLines = this._highlightedHtml.split('\\n');\n  }\n\n  private _handleCopy = async (): Promise<void> => {\n    let success: boolean;\n\n    try {\n      if (navigator.clipboard) {\n        await navigator.clipboard.writeText(this.code);\n        success = true;\n      } else {\n        // Fallback for insecure contexts\n        success = this._fallbackCopy();\n      }\n    } catch {\n      success = this._fallbackCopy();\n    }\n\n    this._copyState = success ? 'copied' : 'error';\n\n    this.dispatchEvent(\n      new CustomEvent('bp-copy', {\n        detail: { code: this.code, success },\n        bubbles: true,\n        composed: true,\n      })\n    );\n\n    // Reset after 2 seconds\n    if (this._copyResetTimer) {\n      clearTimeout(this._copyResetTimer);\n    }\n    this._copyResetTimer = setTimeout(() => {\n      this._copyState = 'idle';\n      this._copyResetTimer = null;\n    }, 2000);\n  };\n\n  private _fallbackCopy(): boolean {\n    try {\n      const textarea = document.createElement('textarea');\n      textarea.value = this.code;\n      textarea.style.position = 'fixed';\n      textarea.style.left = '-9999px';\n      textarea.style.top = '-9999px';\n      document.body.appendChild(textarea);\n      textarea.select();\n      const result = document.execCommand('copy');\n      document.body.removeChild(textarea);\n      return result;\n    } catch {\n      return false;\n    }\n  }\n\n  private _toggleExpanded(): void {\n    this._expanded = !this._expanded;\n  }\n\n  private get _shouldCollapse(): boolean {\n    return (\n      this.maxLines !== undefined &&\n      this.maxLines > 0 &&\n      this._lineCount > this.maxLines\n    );\n  }\n\n  private get _isCollapsed(): boolean {\n    return this._shouldCollapse && !this._expanded;\n  }\n\n  private get _headerLabel(): string {\n    return this.title || this.language;\n  }\n\n  private _getCopyAriaLabel(): string {\n    if (this._copyState === 'copied') return 'Copied!';\n    if (this._copyState === 'error') return 'Failed to copy';\n    return 'Copy code';\n  }\n\n  private _renderCopyIcon() {\n    if (this._copyState === 'copied') {\n      return html`\n        <slot name=\"copied-icon\">\n          <svg\n            class=\"code-block__icon\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <polyline points=\"20 6 9 17 4 12\"></polyline>\n          </svg>\n        </slot>\n      `;\n    }\n\n    return html`\n      <slot name=\"copy-icon\">\n        <svg\n          class=\"code-block__icon\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          aria-hidden=\"true\"\n        >\n          <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"></rect>\n          <path\n            d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"\n          ></path>\n        </svg>\n      </slot>\n    `;\n  }\n\n  private _renderCopyButton() {\n    if (!this.showCopyButton) return nothing;\n\n    return html`\n      <button\n        part=\"copy-button\"\n        class=\"code-block__copy code-block__copy--${this._copyState}\"\n        aria-label=${this._getCopyAriaLabel()}\n        @click=${this._handleCopy}\n      >\n        ${this._renderCopyIcon()}\n      </button>\n    `;\n  }\n\n  private _renderHeader() {\n    if (!this.showHeader) return nothing;\n\n    return html`\n      <div part=\"header\" class=\"code-block__header\">\n        <span part=\"title\" class=\"code-block__title\">\n          <slot name=\"title\">${this._headerLabel}</slot>\n        </span>\n        <div part=\"controls\" class=\"code-block__controls\">\n          <slot name=\"controls\"></slot>\n          ${this._renderCopyButton()}\n        </div>\n      </div>\n    `;\n  }\n\n  private _renderFloatingCopyButton() {\n    if (this.showHeader || !this.showCopyButton) return nothing;\n\n    return html`\n      <div class=\"code-block__floating-copy\">${this._renderCopyButton()}</div>\n    `;\n  }\n\n  private _renderLine(\n    lineHtml: string,\n    lineNumber: number,\n    showNumber: boolean\n  ) {\n    const isHighlighted = this._highlightSet.has(lineNumber);\n    // Template kept tight to avoid whitespace text nodes inside the CSS grid.\n    // Anonymous text nodes in a grid become extra rows, adding visual gaps.\n    return showNumber\n      ? html`<span\n            part=\"line-number\"\n            class=\"code-block__line-number\"\n            aria-hidden=\"true\"\n            >${lineNumber}</span\n          ><span\n            part=\"line\"\n            class=\"code-block__line ${\n              isHighlighted ? 'code-block__line--highlighted' : ''\n            }\"\n            aria-current=${ifDefined(isHighlighted ? 'true' : undefined)}\n            >${unsafeHTML(lineHtml)}</span\n          >`\n      : html`<span\n          part=\"line\"\n          class=\"code-block__line ${\n            isHighlighted ? 'code-block__line--highlighted' : ''\n          }\"\n          aria-current=${ifDefined(isHighlighted ? 'true' : undefined)}\n          >${unsafeHTML(lineHtml)}</span\n        >`;\n  }\n\n  private _renderCodeLines() {\n    // Templates kept tight to avoid whitespace text nodes inside CSS grids.\n    if (this.showLineNumbers) {\n      return html`<div class=\"code-block__lines\">\n        ${this._highlightedLines.map((lineHtml, index) =>\n          this._renderLine(lineHtml, index + 1, true)\n        )}\n      </div>`;\n    }\n\n    if (this.highlightLines.length > 0) {\n      return html`<div class=\"code-block__lines code-block__lines--no-gutter\">\n        ${this._highlightedLines.map((lineHtml, index) =>\n          this._renderLine(lineHtml, index + 1, false)\n        )}\n      </div>`;\n    }\n\n    return unsafeHTML(this._highlightedHtml);\n  }\n\n  private _renderExpandButton() {\n    if (!this._shouldCollapse) return nothing;\n\n    return html`\n      <button\n        part=\"expand-button\"\n        class=\"code-block__expand\"\n        @click=${this._toggleExpanded}\n        aria-expanded=${this._expanded}\n      >\n        ${this._expanded ? 'Show less' : 'Show more'}\n      </button>\n    `;\n  }\n\n  render() {\n    const bodyClasses = [\n      'code-block__body',\n      this.wrapLines ? 'code-block__body--wrap' : 'code-block__body--scroll',\n      this._isCollapsed ? 'code-block__body--collapsed' : '',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return html`\n      <div\n        part=\"base\"\n        class=\"code-block\"\n        role=\"region\"\n        aria-label=${\n          this.title ? `Code example: ${this.title}` : 'Code example'\n        }\n        style=${\n          this._isCollapsed && this.maxLines\n            ? `--_max-lines: ${this.maxLines}`\n            : ''\n        }\n      >\n        ${this._renderHeader()}\n        <div part=\"body\" class=${bodyClasses}>\n          ${this._renderFloatingCopyButton()}\n          <pre\n            part=\"pre\"\n            class=\"code-block__pre\"\n          ><code part=\"code\" class=\"code-block__code\">${this._renderCodeLines()}</code></pre>\n          ${\n            this._isCollapsed\n              ? html`<div class=\"code-block__gradient\"></div>`\n              : nothing\n          }\n        </div>\n        ${this._renderExpandButton()}\n        <div class=\"code-block__status\" role=\"status\" aria-live=\"polite\">\n          ${this._copyState === 'copied' ? 'Copied to clipboard' : ''}\n          ${this._copyState === 'error' ? 'Failed to copy' : ''}\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bp-code-block': BpCodeBlock;\n  }\n}\n"],"mappings":"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"}