@lifecorner/angular-ui-kit 3.4.1 → 3.5.0

package/fesm2022/lifecorner-angular-ui-kit-document-viewer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecorner-angular-ui-kit-document-viewer.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/document-viewer/document-viewer.component.ts","../../../../libs/angular-ui-kit/src/lib/document-viewer/document-viewer.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  OnDestroy,\n  ViewEncapsulation,\n  computed,\n  effect,\n  inject,\n  input,\n  signal,\n  untracked,\n} from '@angular/core';\nimport { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';\nimport { IconComponent } from '@lifecorner/angular-ui-kit/icon';\nimport { SpinnerComponent } from '@lifecorner/angular-ui-kit/spinner';\nimport { CodeBlockComponent, CodeBlockLanguage } from '@lifecorner/angular-ui-kit/code-block';\nimport { MarkdownComponent } from '@lifecorner/angular-ui-kit/markdown';\nimport { isSafeResourceUrl } from '@lifecorner/angular-ui-kit/internal/url';\n\nexport type DocumentType = 'pdf' | 'markdown' | 'image' | 'text' | 'code' | 'auto';\n\nconst EXTENSION_TYPE_MAP: Record<string, DocumentType> = {\n  pdf: 'pdf',\n  md: 'markdown',\n  markdown: 'markdown',\n  png: 'image',\n  jpg: 'image',\n  jpeg: 'image',\n  gif: 'image',\n  webp: 'image',\n  svg: 'image',\n  bmp: 'image',\n  ts: 'code',\n  js: 'code',\n  tsx: 'code',\n  jsx: 'code',\n  py: 'code',\n  java: 'code',\n  html: 'code',\n  css: 'code',\n  scss: 'code',\n  json: 'code',\n  sh: 'code',\n  bash: 'code',\n  txt: 'text',\n  log: 'text',\n  csv: 'text',\n};\n\nconst EXTENSION_LANGUAGE_MAP: Record<string, CodeBlockLanguage> = {\n  ts: 'typescript',\n  tsx: 'typescript',\n  js: 'javascript',\n  jsx: 'javascript',\n  py: 'python',\n  java: 'java',\n  html: 'html',\n  css: 'css',\n  scss: 'scss',\n  json: 'json',\n  sh: 'bash',\n  bash: 'bash',\n};\n\nconst TYPE_ICONS: Record<string, string> = {\n  pdf: 'document-text',\n  markdown: 'document-text',\n  image: 'photo',\n  text: 'document',\n  code: 'code-bracket',\n  unknown: 'document',\n};\n\n/**\n * Document viewer component for previewing various file types.\n *\n * Features:\n * - Auto-detects file type from URL extension or explicit type input\n * - PDF rendering via browser-native iframe viewer\n * - Markdown rendered through `lc-markdown` (escaped and sanitised — a fetched\n *   `.md` file cannot inject markup)\n * - Image display with zoom controls (25% – 500%)\n * - Code display using the built-in code block component\n * - Plain text display\n * - Toolbar with filename, type badge, zoom, download, and fullscreen\n * - Loading and error states\n * - Dark/light theme support\n *\n * `src` is only ever embedded (iframe) or downloaded when it is a http(s),\n * blob: or relative URL — or a `data:application/pdf` — so a `javascript:` URL\n * handed in as a document can neither run in the frame nor be \"downloaded\".\n *\n * @example\n * ```html\n * <lc-document-viewer src=\"https://example.com/report.pdf\" />\n * <lc-document-viewer [content]=\"markdownString\" type=\"markdown\" filename=\"README.md\" />\n * <lc-document-viewer src=\"/assets/diagram.png\" />\n * ```\n */\n@Component({\n  selector: 'lc-document-viewer',\n  standalone: true,\n  imports: [IconComponent, SpinnerComponent, CodeBlockComponent, MarkdownComponent],\n  templateUrl: './document-viewer.component.html',\n  styleUrls: ['./document-viewer.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    '[class]': '\"doc-viewer\"',\n    '[style.height]': 'height()',\n  },\n})\nexport class DocumentViewerComponent implements OnDestroy {\n  /** URL of the document to display (for PDF, images, or remote files) */\n  readonly src = input<string>('');\n\n  /** Direct content string (for markdown, text, or code — takes precedence over src for content-based types) */\n  readonly content = input<string>('');\n\n  /** File type — set to 'auto' to detect from URL extension */\n  readonly type = input<DocumentType>('auto');\n\n  /** Display name shown in the toolbar */\n  readonly filename = input<string>('');\n\n  /** Code language for syntax highlighting (when type is 'code') */\n  readonly language = input<CodeBlockLanguage>('text');\n\n  /** Whether to display the toolbar */\n  readonly showToolbar = input(true);\n\n  /** Whether to show the download button in the toolbar */\n  readonly showDownload = input(true);\n\n  /** Height of the viewer container */\n  readonly height = input('500px');\n\n  /** Accessible name of the zoom-out button. */\n  readonly zoomOutAriaLabel = input('Zoom out');\n\n  /** Accessible name of the zoom-in button. */\n  readonly zoomInAriaLabel = input('Zoom in');\n\n  /** Accessible name of the reset-zoom button. */\n  readonly resetZoomAriaLabel = input('Reset zoom');\n\n  /** Accessible name of the toolbar download button. */\n  readonly downloadAriaLabel = input('Download');\n\n  /** Accessible name of the fullscreen button. */\n  readonly fullscreenAriaLabel = input('Fullscreen');\n\n  /** Accessible name of the fullscreen button while in fullscreen. */\n  readonly exitFullscreenAriaLabel = input('Exit fullscreen');\n\n  /** Shown while the document loads. */\n  readonly loadingLabel = input('Loading document…');\n\n  /** Title shown for file types without a preview. */\n  readonly previewUnavailableTitle = input('Preview not available');\n\n  /** Message shown for file types without a preview. */\n  readonly previewUnavailableMessage = input('This file type cannot be previewed.');\n\n  /** Label of the download button shown instead of a preview. */\n  readonly downloadFileLabel = input('Download file');\n\n  /** Toolbar name when neither `filename` nor a file name in `src` is available. */\n  readonly untitledLabel = input('Document');\n\n  /** Type badge for Markdown documents. */\n  readonly markdownTypeLabel = input('Markdown');\n\n  /** Type badge for images. */\n  readonly imageTypeLabel = input('Image');\n\n  /** Type badge for plain text. */\n  readonly textTypeLabel = input('Text');\n\n  /** Type badge for other files. */\n  readonly fileTypeLabel = input('File');\n\n  /** Prefix of the error shown when fetching the document fails. */\n  readonly loadErrorLabel = input('Failed to load document:');\n\n  /** Error shown when `src` is not an allowed URL (e.g. `javascript:`). */\n  readonly blockedUrlMessage = input('This document URL cannot be displayed');\n\n  // ── Internal state ───────────────────────────────────────────────────────\n\n  protected loading = signal(true);\n  protected error = signal<string | null>(null);\n  protected fetchedContent = signal<string>('');\n  protected zoom = signal(100);\n  protected isFullscreen = signal(false);\n\n  private readonly sanitizer = inject(DomSanitizer);\n  private readonly elementRef = inject(ElementRef);\n  private fullscreenHandler: (() => void) | null = null;\n\n  // ── Computed values ──────────────────────────────────────────────────────\n\n  /** Resolved document type from input or URL extension */\n  protected resolvedType = computed<DocumentType | 'unknown'>(() => {\n    const t = this.type();\n    if (t !== 'auto') return t;\n    const ext = this.extractExtension(this.src());\n    return ext && EXTENSION_TYPE_MAP[ext] ? EXTENSION_TYPE_MAP[ext] : 'unknown';\n  });\n\n  /** Display name for the toolbar */\n  protected displayName = computed(() => {\n    if (this.filename()) return this.filename();\n    const src = this.src();\n    if (!src) return this.untitledLabel();\n    try {\n      const url = new URL(src, 'http://localhost');\n      const segments = url.pathname.split('/');\n      return segments[segments.length - 1] || this.untitledLabel();\n    } catch {\n      return src.split('/').pop() || this.untitledLabel();\n    }\n  });\n\n  /** Icon name for the document type */\n  protected typeIcon = computed(() => TYPE_ICONS[this.resolvedType()] || TYPE_ICONS['unknown']);\n\n  /** Type label for the toolbar badge */\n  protected typeLabel = computed(() => {\n    const t = this.resolvedType();\n    switch (t) {\n      case 'pdf': return 'PDF';\n      case 'markdown': return this.markdownTypeLabel();\n      case 'image': return this.imageTypeLabel();\n      case 'text': return this.textTypeLabel();\n      case 'code': return this.resolvedLanguage().toUpperCase();\n      default: return this.fileTypeLabel();\n    }\n  });\n\n  /** Resolved code language */\n  protected resolvedLanguage = computed<CodeBlockLanguage>(() => {\n    const lang = this.language();\n    if (lang !== 'text') return lang;\n    const ext = this.extractExtension(this.src());\n    return ext && EXTENSION_LANGUAGE_MAP[ext] ? EXTENSION_LANGUAGE_MAP[ext] : 'text';\n  });\n\n  /** Whether `src` may be embedded in a frame or downloaded at all. */\n  protected srcEmbeddable = computed(() => isSafeResourceUrl(this.src()));\n\n  /**\n   * `src` as the iframe accepts it. Bypassing the resource-URL check is what\n   * lets a PDF URL into an iframe at all; it is only done for URLs that passed\n   * `isSafeResourceUrl` — anything else resolves to an empty frame.\n   */\n  protected safeSrc = computed<SafeResourceUrl>(() => {\n    const src = this.src();\n    return this.sanitizer.bypassSecurityTrustResourceUrl(this.srcEmbeddable() ? src : 'about:blank');\n  });\n\n  /** Effective content: direct content input or fetched content */\n  protected effectiveContent = computed(() => {\n    return this.content() || this.fetchedContent();\n  });\n\n  /** Image transform style for zoom */\n  protected imageTransform = computed(() => {\n    const z = this.zoom() / 100;\n    return `scale(${z})`;\n  });\n\n  /** Whether zoom controls should be shown */\n  protected showZoom = computed(() => {\n    const t = this.resolvedType();\n    return t === 'image';\n  });\n\n  // ── Lifecycle ────────────────────────────────────────────────────────────\n\n  constructor() {\n    // Load whenever the document changes — not just once. A new `src` starts a\n    // fresh load (and cancels the one still in flight, so a slow old response\n    // can't overwrite the new document), resets any earlier error, and re-enters\n    // the loading state; a `content` string short-circuits all of that.\n    effect((onCleanup) => {\n      const type = this.resolvedType();\n      const src = this.src();\n      const content = this.content();\n      const controller = typeof AbortController === 'function' ? new AbortController() : null;\n      onCleanup(() => controller?.abort());\n      untracked(() => this.load(type, src, content, controller));\n    });\n  }\n\n  private load(\n    type: DocumentType | 'unknown',\n    src: string,\n    content: string,\n    controller: AbortController | null,\n  ): void {\n    this.error.set(null);\n    this.fetchedContent.set('');\n\n    if (content) {\n      this.loading.set(false);\n      return;\n    }\n\n    if (!src) {\n      this.loading.set(false);\n      this.error.set('No source or content provided');\n      return;\n    }\n\n    // PDF and images are embedded directly — no fetch needed. They do have to be\n    // embeddable, though: a `javascript:` (or other exotic) URL is refused up\n    // front instead of being handed to an iframe.\n    if (type === 'pdf' || type === 'image') {\n      if (!this.srcEmbeddable()) {\n        this.loading.set(false);\n        this.error.set(this.blockedUrlMessage());\n        return;\n      }\n      // Not \"loading\": the frame/img element only exists once loading is off,\n      // and it is its own load event that would end the state — a deadlock.\n      this.loading.set(false);\n      return;\n    }\n\n    // Fetch text-based content\n    if (type === 'markdown' || type === 'text' || type === 'code') {\n      this.loading.set(true);\n      this.fetchContent(src, controller);\n    } else {\n      this.loading.set(false);\n    }\n  }\n\n  ngOnDestroy(): void {\n    if (this.fullscreenHandler) {\n      document.removeEventListener('fullscreenchange', this.fullscreenHandler);\n    }\n  }\n\n  // ── Actions ──────────────────────────────────────────────────────────────\n\n  protected zoomIn(): void {\n    this.zoom.update(z => Math.min(z + 25, 500));\n  }\n\n  protected zoomOut(): void {\n    this.zoom.update(z => Math.max(z - 25, 25));\n  }\n\n  protected resetZoom(): void {\n    this.zoom.set(100);\n  }\n\n  protected download(): void {\n    const src = this.src();\n    // A download is a click the user never sees the target of — only URLs that\n    // could be embedded are worth clicking.\n    if (!src || !this.srcEmbeddable()) return;\n    const a = document.createElement('a');\n    a.href = src;\n    a.download = this.displayName();\n    a.target = '_blank';\n    a.rel = 'noopener noreferrer';\n    document.body.appendChild(a);\n    a.click();\n    document.body.removeChild(a);\n  }\n\n  protected toggleFullscreen(): void {\n    const el = this.elementRef.nativeElement as HTMLElement;\n    if (!document.fullscreenElement) {\n      el.requestFullscreen?.();\n      this.isFullscreen.set(true);\n    } else {\n      document.exitFullscreen?.();\n      this.isFullscreen.set(false);\n    }\n\n    if (!this.fullscreenHandler) {\n      this.fullscreenHandler = () => {\n        this.isFullscreen.set(!!document.fullscreenElement);\n      };\n      document.addEventListener('fullscreenchange', this.fullscreenHandler);\n    }\n  }\n\n  protected onIframeLoad(): void {\n    this.loading.set(false);\n  }\n\n  protected onImageLoad(): void {\n    this.loading.set(false);\n  }\n\n  protected onImageError(): void {\n    this.loading.set(false);\n    this.error.set('Failed to load image');\n  }\n\n  // ── Private helpers ──────────────────────────────────────────────────────\n\n  private extractExtension(url: string): string | null {\n    if (!url) return null;\n    try {\n      const pathname = new URL(url, 'http://localhost').pathname;\n      const parts = pathname.split('.');\n      return parts.length > 1 ? parts.pop()!.toLowerCase() : null;\n    } catch {\n      const parts = url.split('.');\n      return parts.length > 1 ? parts.pop()!.toLowerCase().split('?')[0] : null;\n    }\n  }\n\n  private async fetchContent(url: string, controller: AbortController | null): Promise<void> {\n    if (typeof fetch !== 'function') {\n      this.loading.set(false);\n      this.error.set('Failed to load document: fetch is not available');\n      return;\n    }\n    try {\n      const response = await fetch(url, controller ? { signal: controller.signal } : undefined);\n      if (!response.ok) {\n        throw new Error(`HTTP ${response.status}: ${response.statusText}`);\n      }\n      const text = await response.text();\n      // A response for a document that has since been replaced is dropped: the\n      // effect that replaced it aborted this controller and started its own load.\n      if (controller?.signal.aborted) return;\n      this.fetchedContent.set(text);\n      this.loading.set(false);\n    } catch (err) {\n      if (controller?.signal.aborted) return;\n      this.loading.set(false);\n      this.error.set(`${this.loadErrorLabel()} ${err instanceof Error ? err.message : 'Unknown error'}`);\n    }\n  }\n}\n","<!-- Toolbar -->\n@if (showToolbar()) {\n  <div class=\"doc-viewer__toolbar\">\n    <div class=\"doc-viewer__toolbar-left\">\n      <lc-icon [name]=\"typeIcon()\" size=\"sm\" />\n      <span class=\"doc-viewer__filename\">{{ displayName() }}</span>\n      <span class=\"doc-viewer__badge\">{{ typeLabel() }}</span>\n    </div>\n    <div class=\"doc-viewer__toolbar-right\">\n      @if (showZoom()) {\n        <div class=\"doc-viewer__zoom\">\n          <button\n            type=\"button\"\n            class=\"doc-viewer__btn\"\n            [attr.aria-label]=\"zoomOutAriaLabel()\"\n            (click)=\"zoomOut()\"\n          >\n            <lc-icon name=\"minus\" size=\"xs\" />\n          </button>\n          <span class=\"doc-viewer__zoom-value\">{{ zoom() }}%</span>\n          <button\n            type=\"button\"\n            class=\"doc-viewer__btn\"\n            [attr.aria-label]=\"zoomInAriaLabel()\"\n            (click)=\"zoomIn()\"\n          >\n            <lc-icon name=\"plus\" size=\"xs\" />\n          </button>\n          <button\n            type=\"button\"\n            class=\"doc-viewer__btn\"\n            [attr.aria-label]=\"resetZoomAriaLabel()\"\n            (click)=\"resetZoom()\"\n          >\n            <lc-icon name=\"arrows-pointing-out\" size=\"xs\" />\n          </button>\n        </div>\n      }\n      @if (showDownload() && src()) {\n        <button\n          type=\"button\"\n          class=\"doc-viewer__btn\"\n          [attr.aria-label]=\"downloadAriaLabel()\"\n          (click)=\"download()\"\n        >\n          <lc-icon name=\"arrow-down-tray\" size=\"sm\" />\n        </button>\n      }\n      <button\n        type=\"button\"\n        class=\"doc-viewer__btn\"\n        [attr.aria-label]=\"isFullscreen() ? exitFullscreenAriaLabel() : fullscreenAriaLabel()\"\n        (click)=\"toggleFullscreen()\"\n      >\n        <lc-icon [name]=\"isFullscreen() ? 'arrows-pointing-in' : 'arrows-pointing-out'\" size=\"sm\" />\n      </button>\n    </div>\n  </div>\n}\n\n<!-- Content area -->\n<div class=\"doc-viewer__content\">\n  @if (loading()) {\n    <div class=\"doc-viewer__loading\">\n      <lc-spinner size=\"lg\" />\n      <span>{{ loadingLabel() }}</span>\n    </div>\n  }\n\n  @if (error(); as errorMsg) {\n    <div class=\"doc-viewer__error\">\n      <lc-icon name=\"exclamation-triangle\" size=\"lg\" color=\"var(--color-error-default)\" />\n      <span>{{ errorMsg }}</span>\n    </div>\n  }\n\n  @if (!loading() && !error()) {\n    @switch (resolvedType()) {\n      @case ('pdf') {\n        <iframe\n          class=\"doc-viewer__iframe\"\n          [src]=\"safeSrc()\"\n          [title]=\"displayName()\"\n          type=\"application/pdf\"\n          (load)=\"onIframeLoad()\"\n        ></iframe>\n      }\n\n      @case ('image') {\n        <div class=\"doc-viewer__image-container\">\n          <img\n            class=\"doc-viewer__image\"\n            [src]=\"src()\"\n            [alt]=\"displayName()\"\n            [style.transform]=\"imageTransform()\"\n            (load)=\"onImageLoad()\"\n            (error)=\"onImageError()\"\n          />\n        </div>\n      }\n\n      @case ('markdown') {\n        <!-- lc-markdown escapes the source and runs Angular's sanitizer — the\n             one markdown renderer in the kit, so its safety work isn't duplicated\n             (or missed) here. -->\n        <div class=\"doc-viewer__markdown\">\n          <lc-markdown [content]=\"effectiveContent()\" linkTarget=\"_blank\" />\n        </div>\n      }\n\n      @case ('code') {\n        <lc-code-block\n          [code]=\"effectiveContent()\"\n          [language]=\"resolvedLanguage()\"\n          [filename]=\"displayName()\"\n          [showLineNumbers]=\"true\"\n          [showHeader]=\"false\"\n        />\n      }\n\n      @case ('text') {\n        <pre class=\"doc-viewer__text\">{{ effectiveContent() }}</pre>\n      }\n\n      @default {\n        <div class=\"doc-viewer__unsupported\">\n          <lc-icon name=\"document\" size=\"lg\" />\n          <span class=\"doc-viewer__unsupported-title\">{{ previewUnavailableTitle() }}</span>\n          <span class=\"doc-viewer__unsupported-msg\">{{ previewUnavailableMessage() }}</span>\n          @if (src()) {\n            <button type=\"button\" class=\"doc-viewer__download-btn\" (click)=\"download()\">\n              <lc-icon name=\"arrow-down-tray\" size=\"sm\" />\n              {{ downloadFileLabel() }}\n            </button>\n          }\n        </div>\n      }\n    }\n  }\n</div>\n"],"mappings":"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"}

package/fesm2022/lifecorner-angular-ui-kit-donut-chart.mjs

@@ -0,0 +1,255 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, input } from "@angular/core";
+import { chartColor, toFinite } from "@lifecorner/angular-ui-kit/internal/chart";
+var DonutChartComponent = class DonutChartComponent {
+	segments = input.required(...ngDevMode ? [{ debugName: "segments" }] : /* istanbul ignore next */ []);
+	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	thickness = input(.35, ...ngDevMode ? [{ debugName: "thickness" }] : /* istanbul ignore next */ []);
+	showCenter = input(true, ...ngDevMode ? [{ debugName: "showCenter" }] : /* istanbul ignore next */ []);
+	centerLabel = input("", ...ngDevMode ? [{ debugName: "centerLabel" }] : /* istanbul ignore next */ []);
+	centerValue = input("", ...ngDevMode ? [{ debugName: "centerValue" }] : /* istanbul ignore next */ []);
+	showLegend = input(false, ...ngDevMode ? [{ debugName: "showLegend" }] : /* istanbul ignore next */ []);
+	ariaLabel = input("", ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+	sizeMap = {
+		sm: 96,
+		md: 140,
+		lg: 200
+	};
+	svgSize = computed(() => this.sizeMap[this.size()], ...ngDevMode ? [{ debugName: "svgSize" }] : /* istanbul ignore next */ []);
+	viewBox = computed(() => {
+		const s = this.svgSize();
+		return `0 0 ${s} ${s}`;
+	}, ...ngDevMode ? [{ debugName: "viewBox" }] : /* istanbul ignore next */ []);
+	center = computed(() => this.svgSize() / 2, ...ngDevMode ? [{ debugName: "center" }] : /* istanbul ignore next */ []);
+	outerRadius = computed(() => this.svgSize() / 2 - 2, ...ngDevMode ? [{ debugName: "outerRadius" }] : /* istanbul ignore next */ []);
+	innerRadius = computed(() => this.outerRadius() * (1 - this.thickness()), ...ngDevMode ? [{ debugName: "innerRadius" }] : /* istanbul ignore next */ []);
+	arcs = computed(() => {
+		const segs = this.segments();
+		if (!segs || segs.length === 0) return [];
+		const values = segs.map((s) => Math.max(0, toFinite(s.value)));
+		const total = values.reduce((sum, v) => sum + v, 0);
+		if (total === 0) return [];
+		const cx = this.center();
+		const cy = this.center();
+		const r = this.outerRadius();
+		const ir = this.innerRadius();
+		let startAngle = -Math.PI / 2;
+		const gap = segs.length > 1 ? .02 : 0;
+		return segs.map((seg, i) => {
+			const fraction = values[i] / total;
+			const sweepAngle = fraction * Math.PI * 2 - gap;
+			const endAngle = startAngle + sweepAngle;
+			let d;
+			if (sweepAngle >= Math.PI * 2 - 1e-9) d = [
+				`M${cx},${cy - r}`,
+				`A${r},${r} 0 1 1 ${cx},${cy + r}`,
+				`A${r},${r} 0 1 1 ${cx},${cy - r}`,
+				`M${cx},${cy - ir}`,
+				`A${ir},${ir} 0 1 0 ${cx},${cy + ir}`,
+				`A${ir},${ir} 0 1 0 ${cx},${cy - ir}`,
+				"Z"
+			].join(" ");
+			else {
+				const largeArc = sweepAngle > Math.PI ? 1 : 0;
+				const x1 = cx + r * Math.cos(startAngle);
+				const y1 = cy + r * Math.sin(startAngle);
+				const x2 = cx + r * Math.cos(endAngle);
+				const y2 = cy + r * Math.sin(endAngle);
+				const ix1 = cx + ir * Math.cos(endAngle);
+				const iy1 = cy + ir * Math.sin(endAngle);
+				const ix2 = cx + ir * Math.cos(startAngle);
+				const iy2 = cy + ir * Math.sin(startAngle);
+				d = [
+					`M${x1},${y1}`,
+					`A${r},${r} 0 ${largeArc} 1 ${x2},${y2}`,
+					`L${ix1},${iy1}`,
+					`A${ir},${ir} 0 ${largeArc} 0 ${ix2},${iy2}`,
+					"Z"
+				].join(" ");
+			}
+			startAngle = endAngle + gap;
+			return {
+				d,
+				color: seg.color || chartColor(i),
+				label: seg.label || "",
+				value: values[i],
+				percentage: Math.round(fraction * 100)
+			};
+		});
+	}, ...ngDevMode ? [{ debugName: "arcs" }] : /* istanbul ignore next */ []);
+	legendItems = computed(() => this.arcs().map((arc) => ({
+		color: arc.color,
+		label: arc.label,
+		value: arc.value,
+		percentage: arc.percentage
+	})), ...ngDevMode ? [{ debugName: "legendItems" }] : /* istanbul ignore next */ []);
+	effectiveAriaLabel = computed(() => {
+		const explicit = this.ariaLabel();
+		if (explicit) return explicit;
+		const arcs = this.arcs();
+		if (!arcs.length) return "Donut chart: no data";
+		return `Donut chart: ${arcs.map((a, i) => `${a.label || `Segment ${i + 1}`} ${a.percentage}%`).join(", ")}`;
+	}, ...ngDevMode ? [{ debugName: "effectiveAriaLabel" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: DonutChartComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: DonutChartComponent,
+		isStandalone: true,
+		selector: "lc-donut-chart",
+		inputs: {
+			segments: {
+				classPropertyName: "segments",
+				publicName: "segments",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			thickness: {
+				classPropertyName: "thickness",
+				publicName: "thickness",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showCenter: {
+				classPropertyName: "showCenter",
+				publicName: "showCenter",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			centerLabel: {
+				classPropertyName: "centerLabel",
+				publicName: "centerLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			centerValue: {
+				classPropertyName: "centerValue",
+				publicName: "centerValue",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showLegend: {
+				classPropertyName: "showLegend",
+				publicName: "showLegend",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "ariaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: "<div class=\"lc-donut-chart\">\n  <svg\n    [attr.width]=\"svgSize()\"\n    [attr.height]=\"svgSize()\"\n    [attr.viewBox]=\"viewBox()\"\n    role=\"img\"\n    [attr.aria-label]=\"effectiveAriaLabel()\"\n    class=\"lc-donut-chart__svg\"\n  >\n    <title>{{ effectiveAriaLabel() }}</title>\n\n    @for (arc of arcs(); track $index) {\n      <path\n        [attr.d]=\"arc.d\"\n        [attr.fill]=\"arc.color\"\n        class=\"lc-donut-chart__segment\"\n      />\n    }\n\n    @if (showCenter() && (centerValue() || centerLabel())) {\n      <text\n        [attr.x]=\"center()\"\n        [attr.y]=\"centerLabel() ? center() - 4 : center()\"\n        text-anchor=\"middle\"\n        dominant-baseline=\"central\"\n        class=\"lc-donut-chart__center-value\"\n      >\n        {{ centerValue() }}\n      </text>\n      @if (centerLabel()) {\n        <text\n          [attr.x]=\"center()\"\n          [attr.y]=\"center() + 14\"\n          text-anchor=\"middle\"\n          dominant-baseline=\"central\"\n          class=\"lc-donut-chart__center-label\"\n        >\n          {{ centerLabel() }}\n        </text>\n      }\n    }\n  </svg>\n\n  @if (showLegend()) {\n    <div class=\"lc-donut-chart__legend\">\n      @for (item of legendItems(); track $index) {\n        <div class=\"lc-donut-chart__legend-item\">\n          <span class=\"lc-donut-chart__legend-dot\" [style.background-color]=\"item.color\"></span>\n          <span class=\"lc-donut-chart__legend-label\">{{ item.label }}</span>\n          <span class=\"lc-donut-chart__legend-pct\">{{ item.percentage }}%</span>\n        </div>\n      }\n    </div>\n  }\n</div>\n",
+		styles: [":host{display:block}.lc-donut-chart{display:flex;flex-direction:column;align-items:center;gap:.75rem}.lc-donut-chart__svg{overflow:visible}.lc-donut-chart__segment{transition:opacity .15s ease}.lc-donut-chart__segment:hover{opacity:.8}.lc-donut-chart__center-value{font-size:1.25rem;font-weight:700;fill:var(--color-text-primary)}.lc-donut-chart__center-label{font-size:.6875rem;fill:var(--color-text-tertiary);font-weight:500}.lc-donut-chart__legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:center}.lc-donut-chart__legend-item{display:flex;align-items:center;gap:.375rem;font-size:var(--typography-font-size-sm, .875rem)}.lc-donut-chart__legend-dot{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}.lc-donut-chart__legend-label{color:var(--color-text-secondary)}.lc-donut-chart__legend-pct{color:var(--color-text-tertiary);font-weight:600}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: DonutChartComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lc-donut-chart",
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<div class=\"lc-donut-chart\">\n  <svg\n    [attr.width]=\"svgSize()\"\n    [attr.height]=\"svgSize()\"\n    [attr.viewBox]=\"viewBox()\"\n    role=\"img\"\n    [attr.aria-label]=\"effectiveAriaLabel()\"\n    class=\"lc-donut-chart__svg\"\n  >\n    <title>{{ effectiveAriaLabel() }}</title>\n\n    @for (arc of arcs(); track $index) {\n      <path\n        [attr.d]=\"arc.d\"\n        [attr.fill]=\"arc.color\"\n        class=\"lc-donut-chart__segment\"\n      />\n    }\n\n    @if (showCenter() && (centerValue() || centerLabel())) {\n      <text\n        [attr.x]=\"center()\"\n        [attr.y]=\"centerLabel() ? center() - 4 : center()\"\n        text-anchor=\"middle\"\n        dominant-baseline=\"central\"\n        class=\"lc-donut-chart__center-value\"\n      >\n        {{ centerValue() }}\n      </text>\n      @if (centerLabel()) {\n        <text\n          [attr.x]=\"center()\"\n          [attr.y]=\"center() + 14\"\n          text-anchor=\"middle\"\n          dominant-baseline=\"central\"\n          class=\"lc-donut-chart__center-label\"\n        >\n          {{ centerLabel() }}\n        </text>\n      }\n    }\n  </svg>\n\n  @if (showLegend()) {\n    <div class=\"lc-donut-chart__legend\">\n      @for (item of legendItems(); track $index) {\n        <div class=\"lc-donut-chart__legend-item\">\n          <span class=\"lc-donut-chart__legend-dot\" [style.background-color]=\"item.color\"></span>\n          <span class=\"lc-donut-chart__legend-label\">{{ item.label }}</span>\n          <span class=\"lc-donut-chart__legend-pct\">{{ item.percentage }}%</span>\n        </div>\n      }\n    </div>\n  }\n</div>\n",
+			styles: [":host{display:block}.lc-donut-chart{display:flex;flex-direction:column;align-items:center;gap:.75rem}.lc-donut-chart__svg{overflow:visible}.lc-donut-chart__segment{transition:opacity .15s ease}.lc-donut-chart__segment:hover{opacity:.8}.lc-donut-chart__center-value{font-size:1.25rem;font-weight:700;fill:var(--color-text-primary)}.lc-donut-chart__center-label{font-size:.6875rem;fill:var(--color-text-tertiary);font-weight:500}.lc-donut-chart__legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:center}.lc-donut-chart__legend-item{display:flex;align-items:center;gap:.375rem;font-size:var(--typography-font-size-sm, .875rem)}.lc-donut-chart__legend-dot{width:.5rem;height:.5rem;border-radius:50%;flex-shrink:0}.lc-donut-chart__legend-label{color:var(--color-text-secondary)}.lc-donut-chart__legend-pct{color:var(--color-text-tertiary);font-weight:600}\n"]
+		}]
+	}],
+	propDecorators: {
+		segments: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "segments",
+				required: true
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		thickness: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "thickness",
+				required: false
+			}]
+		}],
+		showCenter: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showCenter",
+				required: false
+			}]
+		}],
+		centerLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "centerLabel",
+				required: false
+			}]
+		}],
+		centerValue: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "centerValue",
+				required: false
+			}]
+		}],
+		showLegend: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showLegend",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}]
+	}
+});
+export { DonutChartComponent };
+
+//# sourceMappingURL=lifecorner-angular-ui-kit-donut-chart.mjs.map

package/fesm2022/lifecorner-angular-ui-kit-donut-chart.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecorner-angular-ui-kit-donut-chart.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/donut-chart/donut-chart.component.ts","../../../../libs/angular-ui-kit/src/lib/donut-chart/donut-chart.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  computed,\n} from '@angular/core';\nimport { chartColor } from '@lifecorner/angular-ui-kit/internal/chart';\nimport { toFinite } from '@lifecorner/angular-ui-kit/internal/chart';\n\nexport interface DonutSegment {\n  /** Share of the whole. Non-finite and negative values count as 0. */\n  value: number;\n  label?: string;\n  color?: string;\n}\n\nexport type DonutChartSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  selector: 'lc-donut-chart',\n  standalone: true,\n  templateUrl: './donut-chart.component.html',\n  styleUrls: ['./donut-chart.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\n/**\n * Donut chart component for proportional data with center content.\n *\n * Features:\n * - Color-coded ring segments\n * - Configurable ring thickness\n * - Center label and value display\n * - Size presets (sm, md, lg)\n * - Optional legend display\n * - Responsive SVG rendering\n *\n * @example\n * ```html\n * <lc-donut-chart [segments]=\"data\" centerLabel=\"Total\" centerValue=\"100\" />\n * ```\n */\nexport class DonutChartComponent {\n  /** Segments to render. */\n  segments = input.required<DonutSegment[]>();\n\n  /** Size preset. */\n  size = input<DonutChartSize>('md');\n\n  /** Thickness of the donut ring (0-1 ratio of radius). */\n  thickness = input<number>(0.35);\n\n  /** Show the center label area. */\n  showCenter = input<boolean>(true);\n\n  /** Center label text. */\n  centerLabel = input<string>('');\n\n  /** Center value text (large number). */\n  centerValue = input<string>('');\n\n  /** Show legend below the chart. */\n  showLegend = input<boolean>(false);\n\n  /**\n   * Accessible name of the chart. Defaults to a generated summary listing\n   * every segment's label and share, e.g. \"Donut chart: A 40%, B 60%\".\n   */\n  ariaLabel = input<string>('');\n\n  protected readonly sizeMap: Record<DonutChartSize, number> = {\n    sm: 96,\n    md: 140,\n    lg: 200,\n  };\n\n  protected readonly svgSize = computed(() => this.sizeMap[this.size()]);\n  protected readonly viewBox = computed(() => {\n    const s = this.svgSize();\n    return `0 0 ${s} ${s}`;\n  });\n\n  protected readonly center = computed(() => this.svgSize() / 2);\n  protected readonly outerRadius = computed(() => this.svgSize() / 2 - 2);\n  protected readonly innerRadius = computed(\n    () => this.outerRadius() * (1 - this.thickness())\n  );\n\n  protected readonly arcs = computed(() => {\n    const segs = this.segments();\n    if (!segs || segs.length === 0) return [];\n\n    const values = segs.map((s) => Math.max(0, toFinite(s.value)));\n    const total = values.reduce((sum, v) => sum + v, 0);\n    if (total === 0) return [];\n\n    const cx = this.center();\n    const cy = this.center();\n    const r = this.outerRadius();\n    const ir = this.innerRadius();\n\n    let startAngle = -Math.PI / 2; // start at top\n    const gap = segs.length > 1 ? 0.02 : 0; // small gap between segments\n\n    return segs.map((seg, i) => {\n      const fraction = values[i] / total;\n      const sweepAngle = fraction * Math.PI * 2 - gap;\n      const endAngle = startAngle + sweepAngle;\n\n      let d: string;\n      if (sweepAngle >= Math.PI * 2 - 1e-9) {\n        // A full ring: an arc whose start and end coincide collapses to nothing,\n        // so draw it as two half-circles, the inner ring wound the other way.\n        d = [\n          `M${cx},${cy - r}`,\n          `A${r},${r} 0 1 1 ${cx},${cy + r}`,\n          `A${r},${r} 0 1 1 ${cx},${cy - r}`,\n          `M${cx},${cy - ir}`,\n          `A${ir},${ir} 0 1 0 ${cx},${cy + ir}`,\n          `A${ir},${ir} 0 1 0 ${cx},${cy - ir}`,\n          'Z',\n        ].join(' ');\n      } else {\n        const largeArc = sweepAngle > Math.PI ? 1 : 0;\n\n        const x1 = cx + r * Math.cos(startAngle);\n        const y1 = cy + r * Math.sin(startAngle);\n        const x2 = cx + r * Math.cos(endAngle);\n        const y2 = cy + r * Math.sin(endAngle);\n\n        const ix1 = cx + ir * Math.cos(endAngle);\n        const iy1 = cy + ir * Math.sin(endAngle);\n        const ix2 = cx + ir * Math.cos(startAngle);\n        const iy2 = cy + ir * Math.sin(startAngle);\n\n        d = [\n          `M${x1},${y1}`,\n          `A${r},${r} 0 ${largeArc} 1 ${x2},${y2}`,\n          `L${ix1},${iy1}`,\n          `A${ir},${ir} 0 ${largeArc} 0 ${ix2},${iy2}`,\n          'Z',\n        ].join(' ');\n      }\n\n      startAngle = endAngle + gap;\n\n      return {\n        d,\n        color: seg.color || chartColor(i),\n        label: seg.label || '',\n        value: values[i],\n        percentage: Math.round(fraction * 100),\n      };\n    });\n  });\n\n  protected readonly legendItems = computed(() =>\n    this.arcs().map((arc) => ({\n      color: arc.color,\n      label: arc.label,\n      value: arc.value,\n      percentage: arc.percentage,\n    }))\n  );\n\n  protected readonly effectiveAriaLabel = computed(() => {\n    const explicit = this.ariaLabel();\n    if (explicit) return explicit;\n    const arcs = this.arcs();\n    if (!arcs.length) return 'Donut chart: no data';\n    return `Donut chart: ${arcs\n      .map((a, i) => `${a.label || `Segment ${i + 1}`} ${a.percentage}%`)\n      .join(', ')}`;\n  });\n}\n","<div class=\"lc-donut-chart\">\n  <svg\n    [attr.width]=\"svgSize()\"\n    [attr.height]=\"svgSize()\"\n    [attr.viewBox]=\"viewBox()\"\n    role=\"img\"\n    [attr.aria-label]=\"effectiveAriaLabel()\"\n    class=\"lc-donut-chart__svg\"\n  >\n    <title>{{ effectiveAriaLabel() }}</title>\n\n    @for (arc of arcs(); track $index) {\n      <path\n        [attr.d]=\"arc.d\"\n        [attr.fill]=\"arc.color\"\n        class=\"lc-donut-chart__segment\"\n      />\n    }\n\n    @if (showCenter() && (centerValue() || centerLabel())) {\n      <text\n        [attr.x]=\"center()\"\n        [attr.y]=\"centerLabel() ? center() - 4 : center()\"\n        text-anchor=\"middle\"\n        dominant-baseline=\"central\"\n        class=\"lc-donut-chart__center-value\"\n      >\n        {{ centerValue() }}\n      </text>\n      @if (centerLabel()) {\n        <text\n          [attr.x]=\"center()\"\n          [attr.y]=\"center() + 14\"\n          text-anchor=\"middle\"\n          dominant-baseline=\"central\"\n          class=\"lc-donut-chart__center-label\"\n        >\n          {{ centerLabel() }}\n        </text>\n      }\n    }\n  </svg>\n\n  @if (showLegend()) {\n    <div class=\"lc-donut-chart__legend\">\n      @for (item of legendItems(); track $index) {\n        <div class=\"lc-donut-chart__legend-item\">\n          <span class=\"lc-donut-chart__legend-dot\" [style.background-color]=\"item.color\"></span>\n          <span class=\"lc-donut-chart__legend-label\">{{ item.label }}</span>\n          <span class=\"lc-donut-chart__legend-pct\">{{ item.percentage }}%</span>\n        </div>\n      }\n    </div>\n  }\n</div>\n"],"mappings":"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"}