@lifecorner/angular-ui-kit 3.4.0 → 3.5.0

package/fesm2022/lifecorner-angular-ui-kit-choice-prompt.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecorner-angular-ui-kit-choice-prompt.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/choice-prompt/choice-prompt.component.ts","../../../../libs/angular-ui-kit/src/lib/choice-prompt/choice-prompt.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  computed,\n  effect,\n  input,\n  isDevMode,\n  output,\n  signal,\n  viewChild,\n  viewChildren,\n} from '@angular/core';\nimport { ButtonComponent } from '@lifecorner/angular-ui-kit/button';\n\n/** One selectable answer of an `lc-choice-prompt`. */\nexport interface ChoicePromptOption {\n  id: string;\n  label: string;\n  /** Optional second line inside the option button. */\n  description?: string;\n  /** Marks the recommended answer: badge + first position. */\n  recommended?: boolean;\n}\n\n/** A subordinate exit of the prompt (e.g. \"Selbst gelöst\" / \"Ignorieren\"). */\nexport interface ChoicePromptSecondaryAction {\n  id: string;\n  label: string;\n  tooltip?: string;\n}\n\n/** Payload of the `(decided)` output — exactly one of the two fields is set. */\nexport interface ChoicePromptDecision {\n  optionId?: string;\n  customText?: string;\n}\n\nexport type ChoicePromptSize = 'sm' | 'md';\n\n/**\n * Inline decision prompt: predefined answer options (with a marked\n * recommendation) plus an optional free-text answer — no modal, directly in\n * the flow.\n *\n * Features:\n * - Options as buttons; `recommended` carries the badge and is sorted first\n * - Free-text lane behind a toggle link (`allowCustom`), submit via button or\n *   Enter; empty text is never submittable\n * - `busy` after a decision: the clicked option shows a spinner, everything\n *   else is disabled — prevents double submits. Focus stays on the triggering\n *   element when `busy` ends.\n * - `disabled` requires a `disabledReason` (tooltip); missing reason logs a\n *   dev warning\n * - Subordinate exits via `secondaryActions`\n * - `role=\"group\"` labelled via `promptLabel` (the question itself lives in\n *   the surrounding layout)\n *\n * @example\n * ```html\n * <lc-choice-prompt\n *   promptLabel=\"Wie soll der Konflikt gelöst werden?\"\n *   [options]=\"[\n *     { id: 'a', label: 'Variante A übernehmen', recommended: true },\n *     { id: 'b', label: 'Beide behalten' },\n *   ]\"\n *   [busy]=\"saving()\"\n *   (decided)=\"resolve($event)\"\n * />\n * ```\n */\n@Component({\n  selector: 'lc-choice-prompt',\n  standalone: true,\n  imports: [ButtonComponent],\n  templateUrl: './choice-prompt.component.html',\n  styleUrls: ['./choice-prompt.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ChoicePromptComponent {\n  /** Answer options. The recommended option is sorted to the front. */\n  options = input.required<ChoicePromptOption[]>();\n\n  /**\n   * Whether the free-text lane is offered.\n   * @default true\n   */\n  allowCustom = input<boolean>(true);\n\n  /** Label of the link that opens the free-text lane. */\n  customToggleLabel = input<string>('Eigene Antwort …');\n\n  /** Placeholder of the free-text input. */\n  customPlaceholder = input<string>('');\n\n  /** Label of the free-text submit button. */\n  submitLabel = input<string>('Übernehmen');\n\n  /**\n   * Set after a decision while it is being processed: the chosen element shows\n   * a spinner, every other interaction is blocked (including Enter in the\n   * free-text input).\n   * @default false\n   */\n  busy = input<boolean>(false);\n\n  /** Disables the whole prompt. Requires `disabledReason`. */\n  disabled = input<boolean>(false);\n\n  /** Why the prompt is disabled — shown as tooltip. */\n  disabledReason = input<string>('');\n\n  /** Subordinate exits, rendered as quiet text buttons after the options. */\n  secondaryActions = input<ChoicePromptSecondaryAction[]>([]);\n\n  /**\n   * `sm` for dense lists (inbox rows).\n   * @default 'md'\n   */\n  size = input<ChoicePromptSize>('md');\n\n  /** Accessible name of the group — the question shown in the surroundings. */\n  promptLabel = input<string>('');\n\n  /** Label of the recommendation badge. */\n  recommendedLabel = input<string>('Empfehlung');\n\n  /** Fires immediately on option click, or on free-text submit. */\n  decided = output<ChoicePromptDecision>();\n\n  /** Fires with the id of a clicked secondary action. */\n  secondaryAction = output<string>();\n\n  /** Whether the free-text lane is open. */\n  protected customOpen = signal(false);\n\n  /** Current free-text value. */\n  protected customText = signal('');\n\n  /** Option that triggered the pending decision (spinner + focus anchor). */\n  protected pendingOptionId = signal<string | null>(null);\n\n  /** Whether the pending decision came from the free-text lane. */\n  protected pendingCustom = signal(false);\n\n  private customInput = viewChild<ElementRef<HTMLInputElement>>('customInput');\n  private optionButtons = viewChildren<ElementRef<HTMLButtonElement>>('optionButton');\n  private submitButton = viewChild<ButtonComponent>('submitButton');\n\n  /** Options with the recommended one(s) first, original order otherwise. */\n  protected sortedOptions = computed(() => {\n    const options = this.options();\n    return [...options.filter((o) => o.recommended), ...options.filter((o) => !o.recommended)];\n  });\n\n  /** No interaction while busy or disabled. */\n  protected locked = computed(() => this.busy() || this.disabled());\n\n  protected canSubmitCustom = computed(\n    () => this.customText().trim().length > 0 && !this.locked(),\n  );\n\n  protected disabledTitle = computed(() =>\n    this.disabled() && this.disabledReason() ? this.disabledReason() : null,\n  );\n\n  protected groupClasses = computed(() =>\n    ['lc-choice-prompt', `lc-choice-prompt--${this.size()}`].join(' '),\n  );\n\n  constructor() {\n    effect(() => {\n      if (isDevMode() && this.disabled() && !this.disabledReason()) {\n        console.warn(\n          '[lc-choice-prompt] `disabled` is set without a `disabledReason`. ' +\n            'A disabled prompt must explain why (shown as tooltip).',\n        );\n      }\n    });\n\n    // When busy ends, focus returns to the element that triggered the\n    // decision, then the pending markers reset.\n    let wasBusy = false;\n    effect(() => {\n      const busy = this.busy();\n      if (wasBusy && !busy) {\n        this.restoreFocus();\n        this.pendingOptionId.set(null);\n        this.pendingCustom.set(false);\n      }\n      wasBusy = busy;\n    });\n  }\n\n  protected isPendingOption(id: string): boolean {\n    return this.busy() && this.pendingOptionId() === id;\n  }\n\n  protected chooseOption(option: ChoicePromptOption): void {\n    if (this.locked()) return;\n    this.pendingOptionId.set(option.id);\n    this.pendingCustom.set(false);\n    this.decided.emit({ optionId: option.id });\n  }\n\n  protected openCustom(): void {\n    if (this.locked()) return;\n    this.customOpen.set(true);\n    // Focus the input once it is rendered.\n    setTimeout(() => this.customInput()?.nativeElement.focus());\n  }\n\n  protected onCustomInput(event: Event): void {\n    this.customText.set((event.target as HTMLInputElement).value);\n  }\n\n  protected submitCustom(): void {\n    const text = this.customText().trim();\n    if (!text || this.locked()) return;\n    this.pendingCustom.set(true);\n    this.pendingOptionId.set(null);\n    this.decided.emit({ customText: text });\n  }\n\n  protected triggerSecondary(action: ChoicePromptSecondaryAction): void {\n    if (this.locked()) return;\n    this.secondaryAction.emit(action.id);\n  }\n\n  private restoreFocus(): void {\n    const pendingId = this.pendingOptionId();\n    if (pendingId !== null) {\n      const button = this.optionButtons().find(\n        (ref) => ref.nativeElement.dataset['optionId'] === pendingId,\n      );\n      button?.nativeElement.focus();\n    } else if (this.pendingCustom()) {\n      this.submitButton()?.focus();\n    }\n  }\n}\n","<div\n  [class]=\"groupClasses()\"\n  role=\"group\"\n  [attr.aria-label]=\"promptLabel() || null\"\n  [attr.aria-busy]=\"busy() ? 'true' : null\"\n>\n  <div class=\"lc-choice-prompt__options\">\n    @for (option of sortedOptions(); track option.id) {\n      <!-- The busy (clicked) option keeps focus: aria-disabled instead of the\n           native attribute, the click handler is guarded via locked(). -->\n      <button\n        #optionButton\n        type=\"button\"\n        class=\"lc-choice-prompt__option\"\n        [class.lc-choice-prompt__option--recommended]=\"option.recommended\"\n        [class.lc-choice-prompt__option--busy]=\"isPendingOption(option.id)\"\n        [attr.data-option-id]=\"option.id\"\n        [disabled]=\"locked() && !isPendingOption(option.id)\"\n        [attr.aria-disabled]=\"locked() ? 'true' : null\"\n        [attr.title]=\"disabledTitle()\"\n        (click)=\"chooseOption(option)\"\n      >\n        <span class=\"lc-choice-prompt__option-main\">\n          @if (isPendingOption(option.id)) {\n            <span class=\"lc-choice-prompt__spinner\" aria-hidden=\"true\"></span>\n          }\n          <span class=\"lc-choice-prompt__option-label\">{{ option.label }}</span>\n          @if (option.recommended) {\n            <span class=\"lc-choice-prompt__badge\">{{ recommendedLabel() }}</span>\n          }\n        </span>\n        @if (option.description) {\n          <span class=\"lc-choice-prompt__option-description\">{{ option.description }}</span>\n        }\n      </button>\n    }\n\n    @if (allowCustom() && !customOpen()) {\n      <button\n        type=\"button\"\n        class=\"lc-choice-prompt__custom-toggle\"\n        [disabled]=\"locked()\"\n        [attr.title]=\"disabledTitle()\"\n        (click)=\"openCustom()\"\n      >\n        {{ customToggleLabel() }}\n      </button>\n    }\n\n    @for (action of secondaryActions(); track action.id) {\n      <button\n        type=\"button\"\n        class=\"lc-choice-prompt__secondary\"\n        [disabled]=\"locked()\"\n        [attr.title]=\"disabledTitle() ?? action.tooltip ?? null\"\n        (click)=\"triggerSecondary(action)\"\n      >\n        {{ action.label }}\n      </button>\n    }\n  </div>\n\n  @if (allowCustom() && customOpen()) {\n    <div class=\"lc-choice-prompt__custom\">\n      <input\n        #customInput\n        type=\"text\"\n        class=\"lc-choice-prompt__input\"\n        [placeholder]=\"customPlaceholder()\"\n        [value]=\"customText()\"\n        [disabled]=\"locked()\"\n        [attr.title]=\"disabledTitle()\"\n        [attr.aria-label]=\"customToggleLabel()\"\n        (input)=\"onCustomInput($event)\"\n        (keydown.enter)=\"submitCustom()\"\n      />\n      <lc-button\n        #submitButton\n        variant=\"primary\"\n        [size]=\"size() === 'sm' ? 'xs' : 'sm'\"\n        [loading]=\"busy() && pendingCustom()\"\n        [disabled]=\"!canSubmitCustom()\"\n        [disabledReason]=\"disabledTitle() ?? ''\"\n        (clicked)=\"submitCustom()\"\n      >\n        {{ submitLabel() }}\n      </lc-button>\n    </div>\n  }\n</div>\n"],"mappings":"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"}

package/fesm2022/lifecorner-angular-ui-kit-code-block.mjs

@@ -0,0 +1,518 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, inject, input, signal } from "@angular/core";
+import { DomSanitizer } from "@angular/platform-browser";
+import { IconComponent } from "@lifecorner/angular-ui-kit/icon";
+const SHARED_RULES = [
+	{
+		pattern: /`(?:[^`\\]|\\.)*`/g,
+		className: "token-string"
+	},
+	{
+		pattern: /"(?:[^"\\]|\\.)*"/g,
+		className: "token-string"
+	},
+	{
+		pattern: /'(?:[^'\\]|\\.)*'/g,
+		className: "token-string"
+	},
+	{
+		pattern: /\b\d+(?:\.\d+)?\b/g,
+		className: "token-number"
+	}
+];
+const LANGUAGE_RULES = {
+	typescript: [
+		{
+			pattern: /\/\/.*$/gm,
+			className: "token-comment"
+		},
+		{
+			pattern: /\/\*[\s\S]*?\*\//g,
+			className: "token-comment"
+		},
+		...SHARED_RULES,
+		{
+			pattern: /@\w+/g,
+			className: "token-decorator"
+		},
+		{
+			pattern: /\b(?:import|export|from|const|let|var|function|return|if|else|for|while|class|interface|type|enum|extends|implements|new|this|super|async|await|yield|of|in|as|is|readonly|public|private|protected|static|abstract|override|get|set|constructor|declare|namespace|module|require)\b/g,
+			className: "token-keyword"
+		},
+		{
+			pattern: /\b(?:string|number|boolean|void|null|undefined|never|any|unknown|object|symbol|bigint)\b/g,
+			className: "token-type"
+		},
+		{
+			pattern: /\b(?:true|false|null|undefined|NaN|Infinity)\b/g,
+			className: "token-constant"
+		},
+		{
+			pattern: /(?<=\b(?:class|interface|type|enum|extends|implements)\s+)\w+/g,
+			className: "token-type"
+		}
+	],
+	javascript: [
+		{
+			pattern: /\/\/.*$/gm,
+			className: "token-comment"
+		},
+		{
+			pattern: /\/\*[\s\S]*?\*\//g,
+			className: "token-comment"
+		},
+		...SHARED_RULES,
+		{
+			pattern: /\b(?:import|export|from|const|let|var|function|return|if|else|for|while|class|extends|new|this|super|async|await|yield|of|in|typeof|instanceof|delete|throw|try|catch|finally|switch|case|default|break|continue|do)\b/g,
+			className: "token-keyword"
+		},
+		{
+			pattern: /\b(?:true|false|null|undefined|NaN|Infinity)\b/g,
+			className: "token-constant"
+		}
+	],
+	html: [
+		{
+			pattern: /<!--[\s\S]*?-->/g,
+			className: "token-comment"
+		},
+		...SHARED_RULES,
+		{
+			pattern: /&lt;\/?[\w-]+/g,
+			className: "token-tag"
+		},
+		{
+			pattern: /\/?&gt;/g,
+			className: "token-tag"
+		},
+		{
+			pattern: /\b[\w-]+(?==)/g,
+			className: "token-attr"
+		}
+	],
+	css: [
+		{
+			pattern: /\/\*[\s\S]*?\*\//g,
+			className: "token-comment"
+		},
+		...SHARED_RULES,
+		{
+			pattern: /[.#][\w-]+/g,
+			className: "token-selector"
+		},
+		{
+			pattern: /\b(?:px|rem|em|%|vh|vw|s|ms|deg|fr)\b/g,
+			className: "token-unit"
+		},
+		{
+			pattern: /[\w-]+(?=\s*:)/g,
+			className: "token-property"
+		}
+	],
+	scss: [
+		{
+			pattern: /\/\/.*$/gm,
+			className: "token-comment"
+		},
+		{
+			pattern: /\/\*[\s\S]*?\*\//g,
+			className: "token-comment"
+		},
+		...SHARED_RULES,
+		{
+			pattern: /\$[\w-]+/g,
+			className: "token-variable"
+		},
+		{
+			pattern: /@(?:use|forward|import|mixin|include|extend|if|else|each|for|while|function|return)\b/g,
+			className: "token-keyword"
+		},
+		{
+			pattern: /&/g,
+			className: "token-selector"
+		},
+		{
+			pattern: /[.#][\w-]+/g,
+			className: "token-selector"
+		}
+	],
+	json: [
+		...SHARED_RULES,
+		{
+			pattern: /\b(?:true|false|null)\b/g,
+			className: "token-constant"
+		},
+		{
+			pattern: /"(?:[^"\\]|\\.)*"(?=\s*:)/g,
+			className: "token-property"
+		}
+	],
+	bash: [
+		{
+			pattern: /#.*$/gm,
+			className: "token-comment"
+		},
+		...SHARED_RULES,
+		{
+			pattern: /\$[\w{][\w}]*/g,
+			className: "token-variable"
+		},
+		{
+			pattern: /\b(?:if|then|else|elif|fi|for|do|done|while|until|case|esac|function|in|select|time|coproc)\b/g,
+			className: "token-keyword"
+		},
+		{
+			pattern: /(?:^|\s)(?:npm|npx|yarn|pnpm|git|cd|ls|mkdir|rm|cp|mv|echo|cat|grep|find|sed|awk|curl|wget|docker|node|python|pip|brew|apt|sudo)\b/g,
+			className: "token-builtin"
+		},
+		{
+			pattern: /--?[\w-]+/g,
+			className: "token-flag"
+		}
+	],
+	python: [
+		{
+			pattern: /#.*$/gm,
+			className: "token-comment"
+		},
+		{
+			pattern: /"""[\s\S]*?"""/g,
+			className: "token-string"
+		},
+		{
+			pattern: /'''[\s\S]*?'''/g,
+			className: "token-string"
+		},
+		...SHARED_RULES,
+		{
+			pattern: /@\w+/g,
+			className: "token-decorator"
+		},
+		{
+			pattern: /\b(?:def|class|import|from|as|return|if|elif|else|for|while|break|continue|pass|raise|try|except|finally|with|yield|lambda|assert|del|global|nonlocal|async|await|in|not|and|or|is)\b/g,
+			className: "token-keyword"
+		},
+		{
+			pattern: /\b(?:True|False|None)\b/g,
+			className: "token-constant"
+		},
+		{
+			pattern: /\b(?:str|int|float|bool|list|dict|tuple|set|bytes|type|object|Exception|ValueError|TypeError|KeyError|IndexError|AttributeError|RuntimeError|StopIteration)\b/g,
+			className: "token-type"
+		},
+		{
+			pattern: /\b(?:print|len|range|enumerate|zip|map|filter|sorted|reversed|isinstance|issubclass|hasattr|getattr|setattr|super|property|staticmethod|classmethod|open|input)\b/g,
+			className: "token-builtin"
+		},
+		{
+			pattern: /\bself\b/g,
+			className: "token-variable"
+		}
+	],
+	java: [
+		{
+			pattern: /\/\/.*$/gm,
+			className: "token-comment"
+		},
+		{
+			pattern: /\/\*[\s\S]*?\*\//g,
+			className: "token-comment"
+		},
+		...SHARED_RULES,
+		{
+			pattern: /@\w+/g,
+			className: "token-decorator"
+		},
+		{
+			pattern: /\b(?:abstract|assert|break|case|catch|class|continue|default|do|else|enum|extends|final|finally|for|if|implements|import|instanceof|interface|native|new|package|private|protected|public|return|static|strictfp|super|switch|synchronized|this|throw|throws|transient|try|volatile|while|var|record|sealed|permits|yield)\b/g,
+			className: "token-keyword"
+		},
+		{
+			pattern: /\b(?:true|false|null)\b/g,
+			className: "token-constant"
+		},
+		{
+			pattern: /\b(?:void|int|long|short|byte|float|double|char|boolean|String|Integer|Long|Double|Float|Boolean|Character|Object|Class|List|Map|Set|ArrayList|HashMap|HashSet|Optional|Stream|Collectors)\b/g,
+			className: "token-type"
+		},
+		{
+			pattern: /\b(?:System|Math|Arrays|Collections|Objects|Thread|Runnable)\b/g,
+			className: "token-builtin"
+		}
+	]
+};
+function escapeHtml(text) {
+	return text.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function highlightCode(code, language) {
+	const escaped = escapeHtml(code);
+	const rules = LANGUAGE_RULES[language];
+	if (!rules) return escaped;
+	const tokens = [];
+	for (const rule of rules) {
+		const regex = new RegExp(rule.pattern.source, rule.pattern.flags);
+		let match;
+		while ((match = regex.exec(escaped)) !== null) tokens.push({
+			start: match.index,
+			end: match.index + match[0].length,
+			className: rule.className,
+			text: match[0]
+		});
+	}
+	tokens.sort((a, b) => a.start - b.start || b.end - a.end);
+	const filtered = [];
+	let lastEnd = 0;
+	for (const token of tokens) if (token.start >= lastEnd) {
+		filtered.push(token);
+		lastEnd = token.end;
+	}
+	let result = "";
+	let cursor = 0;
+	for (const token of filtered) {
+		if (token.start > cursor) result += escaped.slice(cursor, token.start);
+		result += `<span class="${token.className}">${token.text}</span>`;
+		cursor = token.end;
+	}
+	result += escaped.slice(cursor);
+	return result;
+}
+var CodeBlockComponent = class CodeBlockComponent {
+	code = input.required(...ngDevMode ? [{ debugName: "code" }] : /* istanbul ignore next */ []);
+	language = input("text", ...ngDevMode ? [{ debugName: "language" }] : /* istanbul ignore next */ []);
+	filename = input(...ngDevMode ? [void 0, { debugName: "filename" }] : /* istanbul ignore next */ []);
+	showLineNumbers = input(true, ...ngDevMode ? [{ debugName: "showLineNumbers" }] : /* istanbul ignore next */ []);
+	showCopy = input(true, ...ngDevMode ? [{ debugName: "showCopy" }] : /* istanbul ignore next */ []);
+	showHeader = input(true, ...ngDevMode ? [{ debugName: "showHeader" }] : /* istanbul ignore next */ []);
+	copyLabel = input("Copy", ...ngDevMode ? [{ debugName: "copyLabel" }] : /* istanbul ignore next */ []);
+	copyAriaLabel = input("Copy code", ...ngDevMode ? [{ debugName: "copyAriaLabel" }] : /* istanbul ignore next */ []);
+	copiedLabel = input("Copied", ...ngDevMode ? [{ debugName: "copiedLabel" }] : /* istanbul ignore next */ []);
+	copiedAnnouncement = input("Copied to clipboard", ...ngDevMode ? [{ debugName: "copiedAnnouncement" }] : /* istanbul ignore next */ []);
+	copied = signal(false, ...ngDevMode ? [{ debugName: "copied" }] : /* istanbul ignore next */ []);
+	sanitizer = inject(DomSanitizer);
+	highlightedLines = computed(() => {
+		return highlightCode(this.code(), this.language()).split("\n").map((line) => this.sanitizer.bypassSecurityTrustHtml(line || "&nbsp;"));
+	}, ...ngDevMode ? [{ debugName: "highlightedLines" }] : /* istanbul ignore next */ []);
+	lineNumbers = computed(() => {
+		return this.code().split("\n").map((_, i) => i + 1);
+	}, ...ngDevMode ? [{ debugName: "lineNumbers" }] : /* istanbul ignore next */ []);
+	headerLabel = computed(() => {
+		return this.filename() || this.language();
+	}, ...ngDevMode ? [{ debugName: "headerLabel" }] : /* istanbul ignore next */ []);
+	codeClasses = computed(() => {
+		return ["code-block", `code-block--${this.language()}`].join(" ");
+	}, ...ngDevMode ? [{ debugName: "codeClasses" }] : /* istanbul ignore next */ []);
+	async copyToClipboard() {
+		try {
+			await navigator.clipboard.writeText(this.code());
+			this.copied.set(true);
+			setTimeout(() => this.copied.set(false), 2e3);
+		} catch {}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: CodeBlockComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: CodeBlockComponent,
+		isStandalone: true,
+		selector: "lc-code-block",
+		inputs: {
+			code: {
+				classPropertyName: "code",
+				publicName: "code",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			language: {
+				classPropertyName: "language",
+				publicName: "language",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			filename: {
+				classPropertyName: "filename",
+				publicName: "filename",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showLineNumbers: {
+				classPropertyName: "showLineNumbers",
+				publicName: "showLineNumbers",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showCopy: {
+				classPropertyName: "showCopy",
+				publicName: "showCopy",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showHeader: {
+				classPropertyName: "showHeader",
+				publicName: "showHeader",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			copyLabel: {
+				classPropertyName: "copyLabel",
+				publicName: "copyLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			copyAriaLabel: {
+				classPropertyName: "copyAriaLabel",
+				publicName: "copyAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			copiedLabel: {
+				classPropertyName: "copiedLabel",
+				publicName: "copiedLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			copiedAnnouncement: {
+				classPropertyName: "copiedAnnouncement",
+				publicName: "copiedAnnouncement",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: "<div [class]=\"codeClasses()\">\n  @if (showHeader()) {\n    <div class=\"code-block__header\">\n      <span class=\"code-block__language\">{{ headerLabel() }}</span>\n      @if (showCopy()) {\n        <button\n          type=\"button\"\n          class=\"code-block__copy\"\n          [attr.aria-label]=\"copied() ? copiedLabel() : copyAriaLabel()\"\n          (click)=\"copyToClipboard()\"\n        >\n          @if (copied()) {\n            <lc-icon name=\"check\" size=\"sm\" />\n            <span>{{ copiedLabel() }}</span>\n          } @else {\n            <lc-icon name=\"clipboard-document\" size=\"sm\" />\n            <span>{{ copyLabel() }}</span>\n          }\n        </button>\n        <span class=\"code-block__live\" role=\"status\" aria-live=\"polite\">{{ copied() ? copiedAnnouncement() : '' }}</span>\n      }\n    </div>\n  }\n  <div class=\"code-block__body\">\n    <pre class=\"code-block__pre\"><code class=\"code-block__code\">@for (line of highlightedLines(); track $index; let i = $index) {<span class=\"code-block__line\">@if (showLineNumbers()) {<span class=\"code-block__line-number\">{{ lineNumbers()[i] }}</span>}<span class=\"code-block__line-content\" [innerHTML]=\"line\"></span></span>\n}</code></pre>\n  </div>\n</div>\n",
+		styles: [".code-block{--lc-code-block-bg: #0c1722;--lc-code-block-ink: #eef4f6;--lc-code-block-muted: #93a4ad;--lc-code-block-muted-strong: #c4d2d9;--lc-code-block-border: #24343f;position:relative;border:1px solid var(--lc-code-block-border);border-radius:var(--border-radius-md);overflow:hidden;font-family:var(--typography-font-family-mono, \"SF Mono\", \"Fira Code\", \"Fira Mono\", monospace);font-size:var(--typography-font-size-sm, .875rem);line-height:1.1;background-color:var(--lc-code-block-bg);color:var(--lc-code-block-ink)}.code-block__header{display:flex;justify-content:space-between;align-items:center;min-height:2.75rem;padding:0 .25rem 0 1rem;background-color:#00000040;border-bottom:1px solid var(--lc-code-block-border)}.code-block__language{font-size:var(--typography-font-size-xs, .75rem);color:var(--lc-code-block-muted);text-transform:lowercase;-webkit-user-select:none;user-select:none}.code-block__copy{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-height:2.75rem;min-width:2.75rem;padding:0 .75rem;border:none;border-radius:var(--border-radius-sm);background:transparent;color:var(--lc-code-block-muted);font-size:var(--typography-font-size-xs, .75rem);font-family:inherit;cursor:pointer;transition:color .15s ease,background-color .15s ease}.code-block__copy:hover{color:var(--lc-code-block-muted-strong);background-color:#ffffff0f}.code-block__copy:focus-visible{outline:none;color:var(--lc-code-block-muted-strong);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-500) 40%,transparent)}.code-block__live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.code-block__body{overflow-x:auto}.code-block__pre{margin:0;padding:1rem;background:transparent;color:inherit;border-radius:0}.code-block__code{display:block}.code-block__line{display:flex}.code-block__line-number{display:inline-block;min-width:2.5rem;padding-right:1rem;text-align:right;color:var(--lc-code-block-muted);-webkit-user-select:none;user-select:none;flex-shrink:0}.code-block__line-content{flex:1;white-space:pre}.code-block__line-content ::ng-deep .token-keyword{color:#c678dd}.code-block__line-content ::ng-deep .token-string{color:#98c379}.code-block__line-content ::ng-deep .token-number{color:#d19a66}.code-block__line-content ::ng-deep .token-comment{color:#5c6370;font-style:italic}.code-block__line-content ::ng-deep .token-type{color:#e5c07b}.code-block__line-content ::ng-deep .token-constant{color:#d19a66}.code-block__line-content ::ng-deep .token-decorator{color:#61afef}.code-block__line-content ::ng-deep .token-tag{color:#e06c75}.code-block__line-content ::ng-deep .token-attr{color:#d19a66}.code-block__line-content ::ng-deep .token-selector{color:#e06c75}.code-block__line-content ::ng-deep .token-property{color:#61afef}.code-block__line-content ::ng-deep .token-unit{color:#d19a66}.code-block__line-content ::ng-deep .token-variable{color:#e06c75}.code-block__line-content ::ng-deep .token-builtin{color:#61afef}.code-block__line-content ::ng-deep .token-flag{color:#56b6c2}\n"],
+		dependencies: [{
+			kind: "component",
+			type: IconComponent,
+			selector: "lc-icon",
+			inputs: [
+				"name",
+				"variant",
+				"size",
+				"color",
+				"ariaLabel",
+				"decorative",
+				"strict"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: CodeBlockComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lc-code-block",
+			standalone: true,
+			imports: [IconComponent],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<div [class]=\"codeClasses()\">\n  @if (showHeader()) {\n    <div class=\"code-block__header\">\n      <span class=\"code-block__language\">{{ headerLabel() }}</span>\n      @if (showCopy()) {\n        <button\n          type=\"button\"\n          class=\"code-block__copy\"\n          [attr.aria-label]=\"copied() ? copiedLabel() : copyAriaLabel()\"\n          (click)=\"copyToClipboard()\"\n        >\n          @if (copied()) {\n            <lc-icon name=\"check\" size=\"sm\" />\n            <span>{{ copiedLabel() }}</span>\n          } @else {\n            <lc-icon name=\"clipboard-document\" size=\"sm\" />\n            <span>{{ copyLabel() }}</span>\n          }\n        </button>\n        <span class=\"code-block__live\" role=\"status\" aria-live=\"polite\">{{ copied() ? copiedAnnouncement() : '' }}</span>\n      }\n    </div>\n  }\n  <div class=\"code-block__body\">\n    <pre class=\"code-block__pre\"><code class=\"code-block__code\">@for (line of highlightedLines(); track $index; let i = $index) {<span class=\"code-block__line\">@if (showLineNumbers()) {<span class=\"code-block__line-number\">{{ lineNumbers()[i] }}</span>}<span class=\"code-block__line-content\" [innerHTML]=\"line\"></span></span>\n}</code></pre>\n  </div>\n</div>\n",
+			styles: [".code-block{--lc-code-block-bg: #0c1722;--lc-code-block-ink: #eef4f6;--lc-code-block-muted: #93a4ad;--lc-code-block-muted-strong: #c4d2d9;--lc-code-block-border: #24343f;position:relative;border:1px solid var(--lc-code-block-border);border-radius:var(--border-radius-md);overflow:hidden;font-family:var(--typography-font-family-mono, \"SF Mono\", \"Fira Code\", \"Fira Mono\", monospace);font-size:var(--typography-font-size-sm, .875rem);line-height:1.1;background-color:var(--lc-code-block-bg);color:var(--lc-code-block-ink)}.code-block__header{display:flex;justify-content:space-between;align-items:center;min-height:2.75rem;padding:0 .25rem 0 1rem;background-color:#00000040;border-bottom:1px solid var(--lc-code-block-border)}.code-block__language{font-size:var(--typography-font-size-xs, .75rem);color:var(--lc-code-block-muted);text-transform:lowercase;-webkit-user-select:none;user-select:none}.code-block__copy{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;min-height:2.75rem;min-width:2.75rem;padding:0 .75rem;border:none;border-radius:var(--border-radius-sm);background:transparent;color:var(--lc-code-block-muted);font-size:var(--typography-font-size-xs, .75rem);font-family:inherit;cursor:pointer;transition:color .15s ease,background-color .15s ease}.code-block__copy:hover{color:var(--lc-code-block-muted-strong);background-color:#ffffff0f}.code-block__copy:focus-visible{outline:none;color:var(--lc-code-block-muted-strong);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-500) 40%,transparent)}.code-block__live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.code-block__body{overflow-x:auto}.code-block__pre{margin:0;padding:1rem;background:transparent;color:inherit;border-radius:0}.code-block__code{display:block}.code-block__line{display:flex}.code-block__line-number{display:inline-block;min-width:2.5rem;padding-right:1rem;text-align:right;color:var(--lc-code-block-muted);-webkit-user-select:none;user-select:none;flex-shrink:0}.code-block__line-content{flex:1;white-space:pre}.code-block__line-content ::ng-deep .token-keyword{color:#c678dd}.code-block__line-content ::ng-deep .token-string{color:#98c379}.code-block__line-content ::ng-deep .token-number{color:#d19a66}.code-block__line-content ::ng-deep .token-comment{color:#5c6370;font-style:italic}.code-block__line-content ::ng-deep .token-type{color:#e5c07b}.code-block__line-content ::ng-deep .token-constant{color:#d19a66}.code-block__line-content ::ng-deep .token-decorator{color:#61afef}.code-block__line-content ::ng-deep .token-tag{color:#e06c75}.code-block__line-content ::ng-deep .token-attr{color:#d19a66}.code-block__line-content ::ng-deep .token-selector{color:#e06c75}.code-block__line-content ::ng-deep .token-property{color:#61afef}.code-block__line-content ::ng-deep .token-unit{color:#d19a66}.code-block__line-content ::ng-deep .token-variable{color:#e06c75}.code-block__line-content ::ng-deep .token-builtin{color:#61afef}.code-block__line-content ::ng-deep .token-flag{color:#56b6c2}\n"]
+		}]
+	}],
+	propDecorators: {
+		code: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "code",
+				required: true
+			}]
+		}],
+		language: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "language",
+				required: false
+			}]
+		}],
+		filename: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "filename",
+				required: false
+			}]
+		}],
+		showLineNumbers: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showLineNumbers",
+				required: false
+			}]
+		}],
+		showCopy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showCopy",
+				required: false
+			}]
+		}],
+		showHeader: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showHeader",
+				required: false
+			}]
+		}],
+		copyLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "copyLabel",
+				required: false
+			}]
+		}],
+		copyAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "copyAriaLabel",
+				required: false
+			}]
+		}],
+		copiedLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "copiedLabel",
+				required: false
+			}]
+		}],
+		copiedAnnouncement: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "copiedAnnouncement",
+				required: false
+			}]
+		}]
+	}
+});
+export { CodeBlockComponent };
+
+//# sourceMappingURL=lifecorner-angular-ui-kit-code-block.mjs.map

package/fesm2022/lifecorner-angular-ui-kit-code-block.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecorner-angular-ui-kit-code-block.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/code-block/code-block.component.ts","../../../../libs/angular-ui-kit/src/lib/code-block/code-block.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  input,\n  computed,\n  signal,\n} from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { IconComponent } from '@lifecorner/angular-ui-kit/icon';\n\nexport type CodeBlockLanguage =\n  | 'typescript'\n  | 'javascript'\n  | 'html'\n  | 'css'\n  | 'scss'\n  | 'json'\n  | 'bash'\n  | 'python'\n  | 'java'\n  | 'text';\n\ninterface TokenRule {\n  pattern: RegExp;\n  className: string;\n}\n\nconst SHARED_RULES: TokenRule[] = [\n  // Strings (double/single/backtick)\n  { pattern: /`(?:[^`\\\\]|\\\\.)*`/g, className: 'token-string' },\n  { pattern: /\"(?:[^\"\\\\]|\\\\.)*\"/g, className: 'token-string' },\n  { pattern: /'(?:[^'\\\\]|\\\\.)*'/g, className: 'token-string' },\n  // Numbers\n  { pattern: /\\b\\d+(?:\\.\\d+)?\\b/g, className: 'token-number' },\n];\n\nconst LANGUAGE_RULES: Record<string, TokenRule[]> = {\n  typescript: [\n    { pattern: /\\/\\/.*$/gm, className: 'token-comment' },\n    { pattern: /\\/\\*[\\s\\S]*?\\*\\//g, className: 'token-comment' },\n    ...SHARED_RULES,\n    { pattern: /@\\w+/g, className: 'token-decorator' },\n    { pattern: /\\b(?:import|export|from|const|let|var|function|return|if|else|for|while|class|interface|type|enum|extends|implements|new|this|super|async|await|yield|of|in|as|is|readonly|public|private|protected|static|abstract|override|get|set|constructor|declare|namespace|module|require)\\b/g, className: 'token-keyword' },\n    { pattern: /\\b(?:string|number|boolean|void|null|undefined|never|any|unknown|object|symbol|bigint)\\b/g, className: 'token-type' },\n    { pattern: /\\b(?:true|false|null|undefined|NaN|Infinity)\\b/g, className: 'token-constant' },\n    { pattern: /(?<=\\b(?:class|interface|type|enum|extends|implements)\\s+)\\w+/g, className: 'token-type' },\n  ],\n  javascript: [\n    { pattern: /\\/\\/.*$/gm, className: 'token-comment' },\n    { pattern: /\\/\\*[\\s\\S]*?\\*\\//g, className: 'token-comment' },\n    ...SHARED_RULES,\n    { pattern: /\\b(?:import|export|from|const|let|var|function|return|if|else|for|while|class|extends|new|this|super|async|await|yield|of|in|typeof|instanceof|delete|throw|try|catch|finally|switch|case|default|break|continue|do)\\b/g, className: 'token-keyword' },\n    { pattern: /\\b(?:true|false|null|undefined|NaN|Infinity)\\b/g, className: 'token-constant' },\n  ],\n  html: [\n    { pattern: /<!--[\\s\\S]*?-->/g, className: 'token-comment' },\n    ...SHARED_RULES,\n    { pattern: /&lt;\\/?[\\w-]+/g, className: 'token-tag' },\n    { pattern: /\\/?&gt;/g, className: 'token-tag' },\n    { pattern: /\\b[\\w-]+(?==)/g, className: 'token-attr' },\n  ],\n  css: [\n    { pattern: /\\/\\*[\\s\\S]*?\\*\\//g, className: 'token-comment' },\n    ...SHARED_RULES,\n    { pattern: /[.#][\\w-]+/g, className: 'token-selector' },\n    { pattern: /\\b(?:px|rem|em|%|vh|vw|s|ms|deg|fr)\\b/g, className: 'token-unit' },\n    { pattern: /[\\w-]+(?=\\s*:)/g, className: 'token-property' },\n  ],\n  scss: [\n    { pattern: /\\/\\/.*$/gm, className: 'token-comment' },\n    { pattern: /\\/\\*[\\s\\S]*?\\*\\//g, className: 'token-comment' },\n    ...SHARED_RULES,\n    { pattern: /\\$[\\w-]+/g, className: 'token-variable' },\n    { pattern: /@(?:use|forward|import|mixin|include|extend|if|else|each|for|while|function|return)\\b/g, className: 'token-keyword' },\n    { pattern: /&/g, className: 'token-selector' },\n    { pattern: /[.#][\\w-]+/g, className: 'token-selector' },\n  ],\n  json: [\n    ...SHARED_RULES,\n    { pattern: /\\b(?:true|false|null)\\b/g, className: 'token-constant' },\n    { pattern: /\"(?:[^\"\\\\]|\\\\.)*\"(?=\\s*:)/g, className: 'token-property' },\n  ],\n  bash: [\n    { pattern: /#.*$/gm, className: 'token-comment' },\n    ...SHARED_RULES,\n    { pattern: /\\$[\\w{][\\w}]*/g, className: 'token-variable' },\n    { pattern: /\\b(?:if|then|else|elif|fi|for|do|done|while|until|case|esac|function|in|select|time|coproc)\\b/g, className: 'token-keyword' },\n    { pattern: /(?:^|\\s)(?:npm|npx|yarn|pnpm|git|cd|ls|mkdir|rm|cp|mv|echo|cat|grep|find|sed|awk|curl|wget|docker|node|python|pip|brew|apt|sudo)\\b/g, className: 'token-builtin' },\n    { pattern: /--?[\\w-]+/g, className: 'token-flag' },\n  ],\n  python: [\n    { pattern: /#.*$/gm, className: 'token-comment' },\n    { pattern: /\"\"\"[\\s\\S]*?\"\"\"/g, className: 'token-string' },\n    { pattern: /'''[\\s\\S]*?'''/g, className: 'token-string' },\n    ...SHARED_RULES,\n    { pattern: /@\\w+/g, className: 'token-decorator' },\n    { pattern: /\\b(?:def|class|import|from|as|return|if|elif|else|for|while|break|continue|pass|raise|try|except|finally|with|yield|lambda|assert|del|global|nonlocal|async|await|in|not|and|or|is)\\b/g, className: 'token-keyword' },\n    { pattern: /\\b(?:True|False|None)\\b/g, className: 'token-constant' },\n    { pattern: /\\b(?:str|int|float|bool|list|dict|tuple|set|bytes|type|object|Exception|ValueError|TypeError|KeyError|IndexError|AttributeError|RuntimeError|StopIteration)\\b/g, className: 'token-type' },\n    { pattern: /\\b(?:print|len|range|enumerate|zip|map|filter|sorted|reversed|isinstance|issubclass|hasattr|getattr|setattr|super|property|staticmethod|classmethod|open|input)\\b/g, className: 'token-builtin' },\n    { pattern: /\\bself\\b/g, className: 'token-variable' },\n  ],\n  java: [\n    { pattern: /\\/\\/.*$/gm, className: 'token-comment' },\n    { pattern: /\\/\\*[\\s\\S]*?\\*\\//g, className: 'token-comment' },\n    ...SHARED_RULES,\n    { pattern: /@\\w+/g, className: 'token-decorator' },\n    { pattern: /\\b(?:abstract|assert|break|case|catch|class|continue|default|do|else|enum|extends|final|finally|for|if|implements|import|instanceof|interface|native|new|package|private|protected|public|return|static|strictfp|super|switch|synchronized|this|throw|throws|transient|try|volatile|while|var|record|sealed|permits|yield)\\b/g, className: 'token-keyword' },\n    { pattern: /\\b(?:true|false|null)\\b/g, className: 'token-constant' },\n    { pattern: /\\b(?:void|int|long|short|byte|float|double|char|boolean|String|Integer|Long|Double|Float|Boolean|Character|Object|Class|List|Map|Set|ArrayList|HashMap|HashSet|Optional|Stream|Collectors)\\b/g, className: 'token-type' },\n    { pattern: /\\b(?:System|Math|Arrays|Collections|Objects|Thread|Runnable)\\b/g, className: 'token-builtin' },\n  ],\n};\n\nfunction escapeHtml(text: string): string {\n  return text\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;');\n}\n\nfunction highlightCode(code: string, language: string): string {\n  const escaped = escapeHtml(code);\n  const rules = LANGUAGE_RULES[language];\n  if (!rules) return escaped;\n\n  // Collect all matches with positions\n  const tokens: { start: number; end: number; className: string; text: string }[] = [];\n\n  for (const rule of rules) {\n    const regex = new RegExp(rule.pattern.source, rule.pattern.flags);\n    let match: RegExpExecArray | null;\n    while ((match = regex.exec(escaped)) !== null) {\n      tokens.push({\n        start: match.index,\n        end: match.index + match[0].length,\n        className: rule.className,\n        text: match[0],\n      });\n    }\n  }\n\n  // Sort by start position, longer matches first for same position\n  tokens.sort((a, b) => a.start - b.start || b.end - a.end);\n\n  // Remove overlapping tokens (keep first/longest)\n  const filtered: typeof tokens = [];\n  let lastEnd = 0;\n  for (const token of tokens) {\n    if (token.start >= lastEnd) {\n      filtered.push(token);\n      lastEnd = token.end;\n    }\n  }\n\n  // Build highlighted string\n  let result = '';\n  let cursor = 0;\n  for (const token of filtered) {\n    if (token.start > cursor) {\n      result += escaped.slice(cursor, token.start);\n    }\n    result += `<span class=\"${token.className}\">${token.text}</span>`;\n    cursor = token.end;\n  }\n  result += escaped.slice(cursor);\n\n  return result;\n}\n\n@Component({\n  selector: 'lc-code-block',\n  standalone: true,\n  imports: [IconComponent],\n  templateUrl: './code-block.component.html',\n  styleUrls: ['./code-block.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\n/**\n * Code block component for displaying syntax-highlighted source code.\n *\n * Features:\n * - Syntax highlighting for 10+ languages (TypeScript, Python, Java, etc.)\n * - Optional line numbers\n * - Copy-to-clipboard button\n * - Optional header with filename and language label\n * - Dark-mode compatible color scheme\n *\n * @example\n * ```html\n * <lc-code-block [code]=\"source\" language=\"typescript\" [showLineNumbers]=\"true\" />\n * ```\n */\nexport class CodeBlockComponent {\n  /** Code content to display */\n  code = input.required<string>();\n\n  /** Language label */\n  language = input<CodeBlockLanguage>('text');\n\n  /** Optional filename to display */\n  filename = input<string>();\n\n  /** Whether to show line numbers */\n  showLineNumbers = input<boolean>(true);\n\n  /** Whether to show copy button */\n  showCopy = input<boolean>(true);\n\n  /** Whether the code block has a header bar */\n  showHeader = input<boolean>(true);\n\n  /** Visible label of the copy button. */\n  copyLabel = input('Copy');\n\n  /** Accessible name of the copy button. */\n  copyAriaLabel = input('Copy code');\n\n  /** Label of the copy button after copying (also its accessible name). */\n  copiedLabel = input('Copied');\n\n  /** Announced to screen readers after copying. */\n  copiedAnnouncement = input('Copied to clipboard');\n\n  protected copied = signal(false);\n\n  private readonly sanitizer = inject(DomSanitizer);\n\n  protected highlightedLines = computed<SafeHtml[]>(() => {\n    const highlighted = highlightCode(this.code(), this.language());\n    return highlighted.split('\\n').map(line =>\n      this.sanitizer.bypassSecurityTrustHtml(line || '&nbsp;')\n    );\n  });\n\n  protected lineNumbers = computed(() => {\n    return this.code().split('\\n').map((_, i) => i + 1);\n  });\n\n  protected headerLabel = computed(() => {\n    return this.filename() || this.language();\n  });\n\n  protected codeClasses = computed(() => {\n    return ['code-block', `code-block--${this.language()}`].join(' ');\n  });\n\n  protected async copyToClipboard(): Promise<void> {\n    try {\n      await navigator.clipboard.writeText(this.code());\n      this.copied.set(true);\n      setTimeout(() => this.copied.set(false), 2000);\n    } catch {\n      // Fallback: just ignore if clipboard API not available\n    }\n  }\n}\n","<div [class]=\"codeClasses()\">\n  @if (showHeader()) {\n    <div class=\"code-block__header\">\n      <span class=\"code-block__language\">{{ headerLabel() }}</span>\n      @if (showCopy()) {\n        <button\n          type=\"button\"\n          class=\"code-block__copy\"\n          [attr.aria-label]=\"copied() ? copiedLabel() : copyAriaLabel()\"\n          (click)=\"copyToClipboard()\"\n        >\n          @if (copied()) {\n            <lc-icon name=\"check\" size=\"sm\" />\n            <span>{{ copiedLabel() }}</span>\n          } @else {\n            <lc-icon name=\"clipboard-document\" size=\"sm\" />\n            <span>{{ copyLabel() }}</span>\n          }\n        </button>\n        <span class=\"code-block__live\" role=\"status\" aria-live=\"polite\">{{ copied() ? copiedAnnouncement() : '' }}</span>\n      }\n    </div>\n  }\n  <div class=\"code-block__body\">\n    <pre class=\"code-block__pre\"><code class=\"code-block__code\">@for (line of highlightedLines(); track $index; let i = $index) {<span class=\"code-block__line\">@if (showLineNumbers()) {<span class=\"code-block__line-number\">{{ lineNumbers()[i] }}</span>}<span class=\"code-block__line-content\" [innerHTML]=\"line\"></span></span>\n}</code></pre>\n  </div>\n</div>\n"],"mappings":"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"}