@lifecorner/angular-ui-kit 3.4.0 → 3.5.0

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

@@ -0,0 +1,105 @@
+function parseRgb(color) {
+	const hex = color.trim().match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);
+	if (hex) {
+		const h = hex[1];
+		const full = h.length === 3 ? h.split("").map((c) => c + c).join("") : h;
+		return [
+			0,
+			2,
+			4
+		].map((i) => parseInt(full.slice(i, i + 2), 16));
+	}
+	const rgb = color.match(/^rgba?\(([^)]+)\)/i);
+	if (rgb) {
+		const p = rgb[1].split(",").map((s) => parseFloat(s));
+		if (p.length >= 3 && p.every((n) => !Number.isNaN(n))) return [
+			p[0],
+			p[1],
+			p[2]
+		];
+	}
+	return null;
+}
+function readableInk(fill) {
+	const rgb = parseRgb(fill);
+	if (!rgb) return null;
+	const [r, g, b] = rgb.map((c) => {
+		const s = c / 255;
+		return s <= .03928 ? s / 12.92 : Math.pow((s + .055) / 1.055, 2.4);
+	});
+	return .2126 * r + .7152 * g + .0722 * b > .4 ? "#111827" : "#f9fafb";
+}
+const CHART_PALETTE = [
+	"var(--color-primary-500)",
+	"var(--color-secondary-500)",
+	"var(--color-success-default)",
+	"var(--color-warning-default)",
+	"var(--color-error-default)",
+	"var(--color-info-default)",
+	"var(--color-primary-700)",
+	"var(--color-secondary-700)"
+];
+function chartColor(index) {
+	return CHART_PALETTE[index % CHART_PALETTE.length];
+}
+function linearPath(points) {
+	if (points.length < 2) return "";
+	return points.map((p, i) => `${i === 0 ? "M" : "L"}${p.x},${p.y}`).join(" ");
+}
+function smoothPath(points) {
+	if (points.length < 2) return "";
+	let d = `M${points[0].x},${points[0].y}`;
+	for (let i = 0; i < points.length - 1; i++) {
+		const p0 = points[Math.max(i - 1, 0)];
+		const p1 = points[i];
+		const p2 = points[i + 1];
+		const p3 = points[Math.min(i + 2, points.length - 1)];
+		const cp1x = p1.x + (p2.x - p0.x) / 6;
+		const cp1y = p1.y + (p2.y - p0.y) / 6;
+		const cp2x = p2.x - (p3.x - p1.x) / 6;
+		const cp2y = p2.y - (p3.y - p1.y) / 6;
+		d += ` C${cp1x},${cp1y} ${cp2x},${cp2y} ${p2.x},${p2.y}`;
+	}
+	return d;
+}
+function toFinite(value, fallback = 0) {
+	return typeof value === "number" && Number.isFinite(value) ? value : fallback;
+}
+function cleanNumber(value) {
+	if (!Number.isFinite(value)) return 0;
+	const v = Number(value.toPrecision(12));
+	return v === 0 ? 0 : v;
+}
+function formatChartValue(value) {
+	return String(cleanNumber(value));
+}
+function niceStep(raw) {
+	if (!Number.isFinite(raw) || raw <= 0) return 1;
+	const magnitude = Math.pow(10, Math.floor(Math.log10(raw)));
+	const fraction = raw / magnitude;
+	return cleanNumber((fraction <= 1 ? 1 : fraction <= 2 ? 2 : fraction <= 2.5 ? 2.5 : fraction <= 5 ? 5 : 10) * magnitude);
+}
+function niceScale(min, max, intervals = 4) {
+	let lo = Math.min(toFinite(min), toFinite(max));
+	let hi = Math.max(toFinite(min), toFinite(max));
+	if (lo === hi) {
+		if (lo > 0) lo = 0;
+		else if (lo < 0) hi = 0;
+		else hi = 1;
+	}
+	const step = niceStep((hi - lo) / Math.max(1, intervals));
+	const niceMin = cleanNumber(Math.floor(cleanNumber(lo / step)) * step);
+	const niceMax = cleanNumber(Math.ceil(cleanNumber(hi / step)) * step);
+	const count = Math.round((niceMax - niceMin) / step);
+	const ticks = [];
+	for (let i = 0; i <= count; i++) ticks.push(cleanNumber(niceMin + i * step));
+	return {
+		min: niceMin,
+		max: niceMax,
+		step,
+		ticks
+	};
+}
+export { CHART_PALETTE, chartColor, cleanNumber, formatChartValue, linearPath, niceScale, niceStep, parseRgb, readableInk, smoothPath, toFinite };
+
+//# sourceMappingURL=lifecorner-angular-ui-kit-internal-chart.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lifecorner-angular-ui-kit-internal-chart.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/internal/chart/chart-color.ts","../../../../libs/angular-ui-kit/src/lib/internal/chart/chart-palette.ts","../../../../libs/angular-ui-kit/src/lib/internal/chart/chart-path.ts","../../../../libs/angular-ui-kit/src/lib/internal/chart/chart-scale.ts"],"sourcesContent":["/**\n * Colour helpers for text drawn on top of chart fills.\n */\n\n/** Parses `#rgb`, `#rrggbb`, `rgb()` and `rgba()`. Anything else → null. */\nexport function parseRgb(color: string): [number, number, number] | null {\n  const hex = color.trim().match(/^#([0-9a-f]{3}|[0-9a-f]{6})$/i);\n  if (hex) {\n    const h = hex[1];\n    const full = h.length === 3 ? h.split('').map(c => c + c).join('') : h;\n    return [0, 2, 4].map(i => parseInt(full.slice(i, i + 2), 16)) as [number, number, number];\n  }\n  const rgb = color.match(/^rgba?\\(([^)]+)\\)/i);\n  if (rgb) {\n    const p = rgb[1].split(',').map(s => parseFloat(s));\n    if (p.length >= 3 && p.every(n => !Number.isNaN(n))) return [p[0], p[1], p[2]];\n  }\n  return null;\n}\n\n/**\n * Ink that stays readable on `fill`, or `null` when that cannot be decided.\n *\n * A literal colour (`#…`, `rgb()`) is measured by its relative luminance and\n * gets a dark or light ink. A `var(--…)` token can't be resolved without the\n * DOM — and its resolution flips with the theme — so `null` is returned and\n * the caller should draw the label in `--color-text-primary` with a\n * `--color-surface` halo (`paint-order: stroke`), which reads on any fill in\n * both themes.\n */\nexport function readableInk(fill: string): string | null {\n  const rgb = parseRgb(fill);\n  if (!rgb) return null;\n  const [r, g, b] = rgb.map(c => {\n    const s = c / 255;\n    return s <= 0.03928 ? s / 12.92 : Math.pow((s + 0.055) / 1.055, 2.4);\n  });\n  const luminance = 0.2126 * r + 0.7152 * g + 0.0722 * b;\n  return luminance > 0.4 ? '#111827' : '#f9fafb';\n}\n","/**\n * Default categorical palette for the chart family.\n *\n * Every entry is a theme token whose light *and* dark resolutions sit clearly\n * against `--color-surface`: the 500 brand shades and the status defaults flip\n * to their pastel tints in the dark theme, the 700 shades to their light tints,\n * so consecutive hues stay distinguishable on both themes. (The 300 shades and\n * `-light` status tints some charts used before resolve to dark, low-contrast\n * colours on the dark theme, which is why they are not in this list.)\n *\n * Charts fall back to this list when a series/segment brings no `color` of its\n * own; per-item colours always win.\n */\nexport const CHART_PALETTE: readonly string[] = [\n  'var(--color-primary-500)',\n  'var(--color-secondary-500)',\n  'var(--color-success-default)',\n  'var(--color-warning-default)',\n  'var(--color-error-default)',\n  'var(--color-info-default)',\n  'var(--color-primary-700)',\n  'var(--color-secondary-700)',\n];\n\n/** Palette colour for the series/segment at `index`, wrapping around. */\nexport function chartColor(index: number): string {\n  return CHART_PALETTE[index % CHART_PALETTE.length];\n}\n","/**\n * SVG path builders shared by the line-shaped charts (line, area, sparkline).\n */\n\nexport interface ChartPoint {\n  x: number;\n  y: number;\n}\n\n/** `M x,y L x,y …` polyline through the points; '' for fewer than two points. */\nexport function linearPath(points: readonly ChartPoint[]): string {\n  if (points.length < 2) return '';\n  return points.map((p, i) => `${i === 0 ? 'M' : 'L'}${p.x},${p.y}`).join(' ');\n}\n\n/**\n * Smooth cubic path through the points (Catmull-Rom → Bézier approximation);\n * '' for fewer than two points.\n */\nexport function smoothPath(points: readonly ChartPoint[]): string {\n  if (points.length < 2) return '';\n  let d = `M${points[0].x},${points[0].y}`;\n  for (let i = 0; i < points.length - 1; i++) {\n    const p0 = points[Math.max(i - 1, 0)];\n    const p1 = points[i];\n    const p2 = points[i + 1];\n    const p3 = points[Math.min(i + 2, points.length - 1)];\n    const cp1x = p1.x + (p2.x - p0.x) / 6;\n    const cp1y = p1.y + (p2.y - p0.y) / 6;\n    const cp2x = p2.x - (p3.x - p1.x) / 6;\n    const cp2y = p2.y - (p3.y - p1.y) / 6;\n    d += ` C${cp1x},${cp1y} ${cp2x},${cp2y} ${p2.x},${p2.y}`;\n  }\n  return d;\n}\n","/**\n * Numeric helpers shared by the chart family: a \"nice\" linear scale for axes\n * and grids, float-safe value formatting, and a NaN guard for caller data.\n *\n * Every chart used to place its grid on its own ad-hoc rounding\n * (`Math.ceil(max / 4)`, `Math.round(v * 10) / 10`, `toFixed`), which let the\n * top tick disagree with the value at the plot edge and leaked binary float\n * noise (`0.30000000000000004`) into tick labels. This module is the one\n * routine they all go through instead.\n */\n\n/** Signature of a chart's `formatValue` input. */\nexport type ChartValueFormatter = (value: number) => string;\n\n/** `value` if it is a finite number, otherwise `fallback` (NaN, ±Infinity, undefined, null…). */\nexport function toFinite(value: unknown, fallback = 0): number {\n  return typeof value === 'number' && Number.isFinite(value) ? value : fallback;\n}\n\n/** Strips binary float noise (0.1 + 0.2 → 0.3) and normalises -0 to 0. */\nexport function cleanNumber(value: number): number {\n  if (!Number.isFinite(value)) return 0;\n  const v = Number(value.toPrecision(12));\n  return v === 0 ? 0 : v;\n}\n\n/** Default tick/value formatter: float-clean `String(value)`, no locale, no unit. */\nexport function formatChartValue(value: number): string {\n  return String(cleanNumber(value));\n}\n\nexport interface NiceScale {\n  /** Lower bound — a multiple of `step`, ≤ the requested min. */\n  min: number;\n  /** Upper bound — a multiple of `step`, ≥ the requested max. */\n  max: number;\n  /** Tick interval: 1, 2, 2.5 or 5 × 10ⁿ. */\n  step: number;\n  /** All tick values from `min` to `max` inclusive. */\n  ticks: number[];\n}\n\n/** Rounds a raw interval up to the nearest 1, 2, 2.5 or 5 × 10ⁿ. */\nexport function niceStep(raw: number): number {\n  if (!Number.isFinite(raw) || raw <= 0) return 1;\n  const magnitude = Math.pow(10, Math.floor(Math.log10(raw)));\n  const fraction = raw / magnitude;\n  const nice = fraction <= 1 ? 1 : fraction <= 2 ? 2 : fraction <= 2.5 ? 2.5 : fraction <= 5 ? 5 : 10;\n  return cleanNumber(nice * magnitude);\n}\n\n/**\n * Linear scale whose bounds are multiples of a nice step, so every tick label\n * is a round number and the outermost ticks equal the values at the plot\n * edges. Bounds are only ever extended outward, never shrunk. A degenerate\n * range (`min === max`) is widened towards zero, or to [0, 1] when both are 0.\n *\n * `intervals` is the *target* number of steps; the result may have one more\n * or fewer because the bounds snap to the step.\n */\nexport function niceScale(min: number, max: number, intervals = 4): NiceScale {\n  let lo = Math.min(toFinite(min), toFinite(max));\n  let hi = Math.max(toFinite(min), toFinite(max));\n  if (lo === hi) {\n    if (lo > 0) lo = 0;\n    else if (lo < 0) hi = 0;\n    else hi = 1;\n  }\n  const step = niceStep((hi - lo) / Math.max(1, intervals));\n  // cleanNumber before floor/ceil: 0.3 / 0.1 is 2.9999999999999996, which would\n  // otherwise floor to 2 and pull the bound one step too far out.\n  const niceMin = cleanNumber(Math.floor(cleanNumber(lo / step)) * step);\n  const niceMax = cleanNumber(Math.ceil(cleanNumber(hi / step)) * step);\n  const count = Math.round((niceMax - niceMin) / step);\n  const ticks: number[] = [];\n  for (let i = 0; i <= count; i++) ticks.push(cleanNumber(niceMin + i * step));\n  return { min: niceMin, max: niceMax, step, ticks };\n}\n"],"mappings":"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"}

package/fesm2022/lifecorner-angular-ui-kit-internal-overlay.mjs

@@ -0,0 +1,50 @@
+import * as i0 from "@angular/core";
+import { Injectable } from "@angular/core";
+var OverlayStackService = class OverlayStackService {
+	stack = [];
+	claimed = /* @__PURE__ */ new WeakSet();
+	push(id) {
+		this.remove(id);
+		this.stack.push(id);
+	}
+	remove(id) {
+		const index = this.stack.indexOf(id);
+		if (index !== -1) this.stack.splice(index, 1);
+	}
+	isTop(id) {
+		return this.stack.length > 0 && this.stack[this.stack.length - 1] === id;
+	}
+	claim(id, event) {
+		if (this.claimed.has(event) || !this.isTop(id)) return false;
+		this.claimed.add(event);
+		return true;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: OverlayStackService,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: OverlayStackService,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: OverlayStackService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+export { OverlayStackService };
+
+//# sourceMappingURL=lifecorner-angular-ui-kit-internal-overlay.mjs.map

package/fesm2022/lifecorner-angular-ui-kit-internal-overlay.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecorner-angular-ui-kit-internal-overlay.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/internal/overlay/overlay-stack.service.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n/**\n * Keeps the open overlays (modal, drawer, popover, menu, tooltip, …) in\n * opening order so that a dismiss gesture — Escape, click outside — reaches\n * only the top-most one instead of closing every open layer at once.\n *\n * Every overlay pushes its id when it opens and removes it when it closes or\n * is destroyed. Internal to the library; not part of the public API.\n */\n@Injectable({ providedIn: 'root' })\nexport class OverlayStackService {\n  private readonly stack: string[] = [];\n\n  /**\n   * Events already consumed by an overlay. All overlays listen on `document`,\n   * where listeners fire in registration order — not z-order — so by the time a\n   * lower overlay's listener runs, the top one may already have closed and left\n   * the stack, making the lower one \"top\" for the very same event.\n   */\n  private readonly claimed = new WeakSet<Event>();\n\n  /** Register `id` as the new top-most overlay (re-pushing moves it to the top). */\n  push(id: string): void {\n    this.remove(id);\n    this.stack.push(id);\n  }\n\n  remove(id: string): void {\n    const index = this.stack.indexOf(id);\n    if (index !== -1) this.stack.splice(index, 1);\n  }\n\n  isTop(id: string): boolean {\n    return this.stack.length > 0 && this.stack[this.stack.length - 1] === id;\n  }\n\n  /**\n   * Whether overlay `id` may act on this dismiss event. True only for the\n   * top-most overlay and only once per event; the caller then closes and, for\n   * keyboard events, stops propagation so nothing outside the stack sees it.\n   */\n  claim(id: string, event: Event): boolean {\n    if (this.claimed.has(event) || !this.isTop(id)) return false;\n    this.claimed.add(event);\n    return true;\n  }\n}\n"],"mappings":";;AAWA,IAAa,sBAAb,MAAa,oBAAmB;CACb,QAAkB,CAAA;CAQlB,0BAAU,IAAI,QAAO;CAGtC,KAAK,IAAU;EACb,KAAK,OAAO,EAAE;EACd,KAAK,MAAM,KAAK,EAAE;CACpB;CAEA,OAAO,IAAU;EACf,MAAM,QAAQ,KAAK,MAAM,QAAQ,EAAE;EACnC,IAAI,UAAU,IAAI,KAAK,MAAM,OAAO,OAAO,CAAC;CAC9C;CAEA,MAAM,IAAU;EACd,OAAO,KAAK,MAAM,SAAS,KAAK,KAAK,MAAM,KAAK,MAAM,SAAS,OAAO;CACxE;CAOA,MAAM,IAAY,OAAY;EAC5B,IAAI,KAAK,QAAQ,IAAI,KAAK,KAAK,CAAC,KAAK,MAAM,EAAE,GAAG,OAAO;EACvD,KAAK,QAAQ,IAAI,KAAK;EACtB,OAAO;CACT;CAnCW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAmB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAnB,OAAA,QAAA,GAAA,sBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAmB,YADN;CAAM,CAAA;;AACnB,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAmB,YAAA,CAAA;EAD/B,MAAA;EAAW,MAAA,CAAA,EAAE,YAAY,OAAM,CAAE"}

package/fesm2022/lifecorner-angular-ui-kit-internal-url.mjs

@@ -0,0 +1,22 @@
+const SCHEME = /^([a-z][a-z0-9+.-]*):/i;
+function urlScheme(url) {
+	return SCHEME.exec(url.trim())?.[1]?.toLowerCase() ?? null;
+}
+function isSafeLinkUrl(url) {
+	const scheme = urlScheme(url);
+	return scheme === null || scheme === "http" || scheme === "https" || scheme === "mailto" || scheme === "tel";
+}
+function isSafeImageUrl(url) {
+	if (isSafeLinkUrl(url)) return true;
+	const scheme = urlScheme(url);
+	if (scheme === "blob") return true;
+	return scheme === "data" && /^data:image\/(png|jpe?g|gif|webp|svg\+xml|avif|bmp);/i.test(url.trim());
+}
+function isSafeResourceUrl(url) {
+	const scheme = urlScheme(url);
+	if (scheme === null || scheme === "http" || scheme === "https" || scheme === "blob") return true;
+	return scheme === "data" && /^data:application\/pdf[;,]/i.test(url.trim());
+}
+export { isSafeImageUrl, isSafeLinkUrl, isSafeResourceUrl, urlScheme };
+
+//# sourceMappingURL=lifecorner-angular-ui-kit-internal-url.mjs.map

package/fesm2022/lifecorner-angular-ui-kit-internal-url.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecorner-angular-ui-kit-internal-url.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/internal/url/safe-url.ts"],"sourcesContent":["/**\n * URL scheme checks shared by the components that put caller- or user-supplied\n * URLs into `href`, `src`, iframe or download attributes.\n *\n * Angular's own sanitizer already refuses `javascript:` in a bound `[href]` or\n * `[src]`, but a URL that reaches the DOM through `bypassSecurityTrust*`, a\n * hand-built HTML string or a programmatic `a.click()` never meets it. These\n * helpers are the check those paths apply instead — allow-lists, not\n * deny-lists, so an unknown scheme is refused rather than let through.\n */\n\nconst SCHEME = /^([a-z][a-z0-9+.-]*):/i;\n\n/** The URL's scheme, lower-cased, or null for a relative URL / fragment / query. */\nexport function urlScheme(url: string): string | null {\n  return SCHEME.exec(url.trim())?.[1]?.toLowerCase() ?? null;\n}\n\n/** For `<a href>`: http(s), mailto, tel, or relative. */\nexport function isSafeLinkUrl(url: string): boolean {\n  const scheme = urlScheme(url);\n  return scheme === null || scheme === 'http' || scheme === 'https' || scheme === 'mailto' || scheme === 'tel';\n}\n\n/** For `<img src>`: everything a link may be, plus blob: and data: images. */\nexport function isSafeImageUrl(url: string): boolean {\n  if (isSafeLinkUrl(url)) return true;\n  const scheme = urlScheme(url);\n  if (scheme === 'blob') return true;\n  return scheme === 'data' && /^data:image\\/(png|jpe?g|gif|webp|svg\\+xml|avif|bmp);/i.test(url.trim());\n}\n\n/**\n * For iframes and programmatic downloads: http(s), blob:, data: PDFs, or\n * relative. Stricter than a link — an iframe navigates a whole browsing\n * context, and a download link is clicked without the user seeing it.\n */\nexport function isSafeResourceUrl(url: string): boolean {\n  const scheme = urlScheme(url);\n  if (scheme === null || scheme === 'http' || scheme === 'https' || scheme === 'blob') return true;\n  return scheme === 'data' && /^data:application\\/pdf[;,]/i.test(url.trim());\n}\n"],"mappings":"AAWA,MAAM,SAAS;AAGf,SAAgB,UAAU,KAAW;CACnC,OAAO,OAAO,KAAK,IAAI,KAAI,CAAE,CAAC,GAAG,EAAE,EAAE,YAAW,KAAM;AACxD;AAGA,SAAgB,cAAc,KAAW;CACvC,MAAM,SAAS,UAAU,GAAG;CAC5B,OAAO,WAAW,QAAQ,WAAW,UAAU,WAAW,WAAW,WAAW,YAAY,WAAW;AACzG;AAGA,SAAgB,eAAe,KAAW;CACxC,IAAI,cAAc,GAAG,GAAG,OAAO;CAC/B,MAAM,SAAS,UAAU,GAAG;CAC5B,IAAI,WAAW,QAAQ,OAAO;CAC9B,OAAO,WAAW,UAAU,wDAAwD,KAAK,IAAI,KAAI,CAAE;AACrG;AAOA,SAAgB,kBAAkB,KAAW;CAC3C,MAAM,SAAS,UAAU,GAAG;CAC5B,IAAI,WAAW,QAAQ,WAAW,UAAU,WAAW,WAAW,WAAW,QAAQ,OAAO;CAC5F,OAAO,WAAW,UAAU,8BAA8B,KAAK,IAAI,KAAI,CAAE;AAC3E"}

package/fesm2022/lifecorner-angular-ui-kit-kanban-board.mjs

@@ -0,0 +1,319 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ElementRef, Injector, afterNextRender, inject, input, linkedSignal, output, signal } from "@angular/core";
+import { IconComponent } from "@lifecorner/angular-ui-kit/icon";
+var KanbanBoardComponent = class KanbanBoardComponent {
+	columns = input.required(...ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []);
+	showCardCount = input(true, ...ngDevMode ? [{ debugName: "showCardCount" }] : /* istanbul ignore next */ []);
+	showWipLimit = input(true, ...ngDevMode ? [{ debugName: "showWipLimit" }] : /* istanbul ignore next */ []);
+	readonly = input(false, ...ngDevMode ? [{ debugName: "readonly" }] : /* istanbul ignore next */ []);
+	emptyColumnLabel = input("Drop here", ...ngDevMode ? [{ debugName: "emptyColumnLabel" }] : /* istanbul ignore next */ []);
+	priorityAriaLabel = input("Priority:", ...ngDevMode ? [{ debugName: "priorityAriaLabel" }] : /* istanbul ignore next */ []);
+	cardMoved = output();
+	cardClick = output();
+	host = inject(ElementRef);
+	injector = inject(Injector);
+	internalColumns = linkedSignal(() => this.columns(), ...ngDevMode ? [{ debugName: "internalColumns" }] : /* istanbul ignore next */ []);
+	draggedCard = signal(null, ...ngDevMode ? [{ debugName: "draggedCard" }] : /* istanbul ignore next */ []);
+	dropTargetColumn = signal(null, ...ngDevMode ? [{ debugName: "dropTargetColumn" }] : /* istanbul ignore next */ []);
+	dropTargetIndex = signal(-1, ...ngDevMode ? [{ debugName: "dropTargetIndex" }] : /* istanbul ignore next */ []);
+	displayColumns = this.internalColumns.asReadonly();
+	isOverLimit(col) {
+		return !!col.limit && col.cards.length > col.limit;
+	}
+	getPriorityIcon(priority) {
+		switch (priority) {
+			case "critical": return "exclamation-circle";
+			case "high": return "arrow-up";
+			case "medium": return "minus";
+			case "low": return "arrow-down";
+			default: return "";
+		}
+	}
+	getPriorityColor(priority) {
+		switch (priority) {
+			case "critical": return "var(--color-error-default)";
+			case "high": return "var(--color-warning-default)";
+			case "medium": return "var(--color-info-default)";
+			case "low": return "var(--color-success-default)";
+			default: return "";
+		}
+	}
+	onDragStart(event, card, columnId) {
+		if (this.readonly()) {
+			event.preventDefault();
+			return;
+		}
+		this.draggedCard.set({
+			card,
+			columnId
+		});
+		if (event.dataTransfer) {
+			event.dataTransfer.effectAllowed = "move";
+			event.dataTransfer.setData("text/plain", card.id);
+		}
+	}
+	onDragOver(event, columnId, index) {
+		event.preventDefault();
+		if (event.dataTransfer) event.dataTransfer.dropEffect = "move";
+		this.dropTargetColumn.set(columnId);
+		this.dropTargetIndex.set(index);
+	}
+	onDragOverColumn(event, columnId) {
+		event.preventDefault();
+		if (event.dataTransfer) event.dataTransfer.dropEffect = "move";
+		this.dropTargetColumn.set(columnId);
+	}
+	onDragLeave() {
+		this.dropTargetColumn.set(null);
+		this.dropTargetIndex.set(-1);
+	}
+	onDrop(event, toColumnId, toIndex) {
+		event.preventDefault();
+		const dragged = this.draggedCard();
+		if (!dragged) return;
+		this.moveCard(dragged.card.id, dragged.columnId, toColumnId, toIndex);
+		this.draggedCard.set(null);
+		this.dropTargetColumn.set(null);
+		this.dropTargetIndex.set(-1);
+	}
+	onCardKeydown(event, card, columnId) {
+		if (event.key === "Enter" || event.key === " ") {
+			event.preventDefault();
+			this.onCardClick(card, columnId);
+			return;
+		}
+		if (!event.altKey || this.readonly()) return;
+		const cols = this.displayColumns();
+		const colIdx = cols.findIndex((c) => c.id === columnId);
+		if (colIdx < 0) return;
+		const cardIdx = cols[colIdx].cards.findIndex((c) => c.id === card.id);
+		if (cardIdx < 0) return;
+		let toColumnId;
+		let toIndex;
+		switch (event.key) {
+			case "ArrowLeft":
+				if (colIdx > 0) {
+					toColumnId = cols[colIdx - 1].id;
+					toIndex = cols[colIdx - 1].cards.length;
+				}
+				break;
+			case "ArrowRight":
+				if (colIdx < cols.length - 1) {
+					toColumnId = cols[colIdx + 1].id;
+					toIndex = cols[colIdx + 1].cards.length;
+				}
+				break;
+			case "ArrowUp":
+				if (cardIdx > 0) {
+					toColumnId = columnId;
+					toIndex = cardIdx - 1;
+				}
+				break;
+			case "ArrowDown":
+				if (cardIdx < cols[colIdx].cards.length - 1) {
+					toColumnId = columnId;
+					toIndex = cardIdx + 1;
+				}
+				break;
+			default: return;
+		}
+		event.preventDefault();
+		if (toColumnId === void 0) return;
+		this.moveCard(card.id, columnId, toColumnId, toIndex);
+		afterNextRender(() => {
+			const cards = this.host.nativeElement.querySelectorAll(".lc-kanban__card");
+			Array.from(cards).find((el) => el.dataset["cardId"] === card.id)?.focus();
+		}, { injector: this.injector });
+	}
+	moveCard(cardId, fromColumnId, toColumnId, toIndex) {
+		const cols = this.displayColumns().map((c) => ({
+			...c,
+			cards: [...c.cards]
+		}));
+		const fromCol = cols.find((c) => c.id === fromColumnId);
+		const toCol = cols.find((c) => c.id === toColumnId);
+		if (!fromCol || !toCol) return;
+		const cardIdx = fromCol.cards.findIndex((c) => c.id === cardId);
+		if (cardIdx < 0) return;
+		const [card] = fromCol.cards.splice(cardIdx, 1);
+		const insertIdx = toIndex ?? toCol.cards.length;
+		toCol.cards.splice(insertIdx, 0, card);
+		this.internalColumns.set(cols);
+		this.cardMoved.emit({
+			cardId: card.id,
+			fromColumnId,
+			toColumnId,
+			toIndex: insertIdx
+		});
+	}
+	onDragEnd() {
+		this.draggedCard.set(null);
+		this.dropTargetColumn.set(null);
+		this.dropTargetIndex.set(-1);
+	}
+	onCardClick(card, columnId) {
+		this.cardClick.emit({
+			card,
+			columnId
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: KanbanBoardComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: KanbanBoardComponent,
+		isStandalone: true,
+		selector: "lc-kanban-board",
+		inputs: {
+			columns: {
+				classPropertyName: "columns",
+				publicName: "columns",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			showCardCount: {
+				classPropertyName: "showCardCount",
+				publicName: "showCardCount",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showWipLimit: {
+				classPropertyName: "showWipLimit",
+				publicName: "showWipLimit",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			readonly: {
+				classPropertyName: "readonly",
+				publicName: "readonly",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			emptyColumnLabel: {
+				classPropertyName: "emptyColumnLabel",
+				publicName: "emptyColumnLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			priorityAriaLabel: {
+				classPropertyName: "priorityAriaLabel",
+				publicName: "priorityAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			cardMoved: "cardMoved",
+			cardClick: "cardClick"
+		},
+		ngImport: i0,
+		template: "<div class=\"lc-kanban\">\n  @for (col of displayColumns(); track col.id) {\n    <div\n      class=\"lc-kanban__column\"\n      [class.lc-kanban__column--drop-target]=\"dropTargetColumn() === col.id\"\n      [class.lc-kanban__column--over-limit]=\"showWipLimit() && isOverLimit(col)\"\n      (dragover)=\"onDragOverColumn($event, col.id)\"\n      (dragleave)=\"onDragLeave()\"\n      (drop)=\"onDrop($event, col.id)\"\n    >\n      <div class=\"lc-kanban__column-header\">\n        @if (col.color) {\n          <span class=\"lc-kanban__column-dot\" [style.background]=\"col.color\"></span>\n        }\n        <span class=\"lc-kanban__column-title\">{{ col.title }}</span>\n        @if (showCardCount()) {\n          <span class=\"lc-kanban__column-count\">{{ col.cards.length }}</span>\n        }\n        @if (showWipLimit() && col.limit) {\n          <span class=\"lc-kanban__column-limit\" [class.lc-kanban__column-limit--over]=\"isOverLimit(col)\">\n            / {{ col.limit }}\n          </span>\n        }\n      </div>\n\n      <div class=\"lc-kanban__cards\">\n        @for (card of col.cards; track card.id) {\n          <div\n            class=\"lc-kanban__card\"\n            role=\"button\"\n            tabindex=\"0\"\n            [attr.data-card-id]=\"card.id\"\n            [attr.aria-keyshortcuts]=\"readonly() ? null : 'Alt+ArrowLeft Alt+ArrowRight Alt+ArrowUp Alt+ArrowDown'\"\n            [class.lc-kanban__card--dragging]=\"draggedCard()?.card?.id === card.id\"\n            [class.lc-kanban__card--readonly]=\"readonly()\"\n            [attr.draggable]=\"!readonly()\"\n            (dragstart)=\"onDragStart($event, card, col.id)\"\n            (dragover)=\"onDragOver($event, col.id, $index)\"\n            (drop)=\"onDrop($event, col.id, $index)\"\n            (dragend)=\"onDragEnd()\"\n            (click)=\"onCardClick(card, col.id)\"\n            (keydown)=\"onCardKeydown($event, card, col.id)\"\n          >\n            @if (card.priority) {\n              <lc-icon [name]=\"getPriorityIcon(card.priority)\" size=\"xs\" [color]=\"getPriorityColor(card.priority)\" class=\"lc-kanban__card-priority\" [ariaLabel]=\"priorityAriaLabel() + ' ' + card.priority\"></lc-icon>\n            }\n            <span class=\"lc-kanban__card-title\">{{ card.title }}</span>\n\n            @if (card.description) {\n              <p class=\"lc-kanban__card-desc\">{{ card.description }}</p>\n            }\n\n            @if (card.labels?.length || card.assignee) {\n              <div class=\"lc-kanban__card-footer\">\n                @if (card.labels?.length) {\n                  <div class=\"lc-kanban__card-labels\">\n                    @for (label of card.labels; track label.text) {\n                      <span class=\"lc-kanban__card-label\" [style.--label-color]=\"label.color || 'var(--color-primary-500)'\">{{ label.text }}</span>\n                    }\n                  </div>\n                }\n                @if (card.assignee) {\n                  <span class=\"lc-kanban__card-assignee\">{{ card.assignee }}</span>\n                }\n              </div>\n            }\n          </div>\n        }\n\n        <!-- Empty state drop zone -->\n        @if (col.cards.length === 0) {\n          <div\n            class=\"lc-kanban__empty\"\n            (dragover)=\"onDragOver($event, col.id, 0)\"\n            (drop)=\"onDrop($event, col.id, 0)\"\n          >\n            {{ emptyColumnLabel() }}\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n",
+		styles: [":host{display:block;overflow-x:auto}.lc-kanban{display:flex;gap:16px;padding:8px;min-height:200px}.lc-kanban__column{flex:0 0 280px;display:flex;flex-direction:column;background:var(--color-surface-2);border-radius:8px;padding:8px;transition:background .15s,box-shadow .15s}.lc-kanban__column--drop-target{background:var(--color-primary-50);box-shadow:inset 0 0 0 2px var(--color-primary-300)}.lc-kanban__column--over-limit{background:var(--color-error-50, #fef2f2)}.lc-kanban__column-header{display:flex;align-items:center;gap:6px;padding:4px 4px 8px;font-size:var(--typography-font-size-sm, .875rem);font-weight:600;color:var(--color-text-secondary)}.lc-kanban__column-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.lc-kanban__column-title{flex:1}.lc-kanban__column-count{font-size:.6875rem;background:var(--color-surface-hover);color:var(--color-text-secondary);padding:1px 6px;border-radius:10px;font-weight:500}.lc-kanban__column-limit{font-size:.6875rem;color:var(--color-text-tertiary)}.lc-kanban__column-limit--over{color:var(--color-error-default);font-weight:700}.lc-kanban__cards{flex:1;display:flex;flex-direction:column;gap:8px;min-height:40px}.lc-kanban__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:10px;cursor:grab;transition:box-shadow .15s,opacity .15s}.lc-kanban__card:hover{box-shadow:var(--elevation-1)}.lc-kanban__card:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-500) 20%,transparent);border-color:var(--color-primary-500)}.lc-kanban__card--dragging{opacity:.4}.lc-kanban__card:active{cursor:grabbing}.lc-kanban__card--readonly,.lc-kanban__card--readonly:active{cursor:pointer}.lc-kanban__card-priority{flex-shrink:0;margin-right:4px}.lc-kanban__card-title{font-size:var(--typography-font-size-sm, .875rem);font-weight:500;color:var(--color-text-primary)}.lc-kanban__card-desc{margin:4px 0 0;font-size:.75rem;color:var(--color-text-tertiary);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.lc-kanban__card-footer{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:8px}.lc-kanban__card-labels{display:flex;flex-wrap:wrap;gap:4px}.lc-kanban__card-label{display:inline-block;padding:1px 8px;border-radius:var(--border-radius-full);font-size:.625rem;font-weight:600;--label-color: var(--color-primary-500);background:color-mix(in srgb,var(--label-color) 20%,transparent);border:1px solid color-mix(in srgb,var(--label-color) 45%,transparent);color:var(--color-text-primary)}.lc-kanban__card-assignee{font-size:.6875rem;color:var(--color-text-tertiary);font-weight:500}.lc-kanban__empty{display:flex;align-items:center;justify-content:center;min-height:60px;border:2px dashed var(--color-border);border-radius:6px;font-size:.75rem;color:var(--color-text-tertiary)}\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: KanbanBoardComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lc-kanban-board",
+			standalone: true,
+			imports: [IconComponent],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<div class=\"lc-kanban\">\n  @for (col of displayColumns(); track col.id) {\n    <div\n      class=\"lc-kanban__column\"\n      [class.lc-kanban__column--drop-target]=\"dropTargetColumn() === col.id\"\n      [class.lc-kanban__column--over-limit]=\"showWipLimit() && isOverLimit(col)\"\n      (dragover)=\"onDragOverColumn($event, col.id)\"\n      (dragleave)=\"onDragLeave()\"\n      (drop)=\"onDrop($event, col.id)\"\n    >\n      <div class=\"lc-kanban__column-header\">\n        @if (col.color) {\n          <span class=\"lc-kanban__column-dot\" [style.background]=\"col.color\"></span>\n        }\n        <span class=\"lc-kanban__column-title\">{{ col.title }}</span>\n        @if (showCardCount()) {\n          <span class=\"lc-kanban__column-count\">{{ col.cards.length }}</span>\n        }\n        @if (showWipLimit() && col.limit) {\n          <span class=\"lc-kanban__column-limit\" [class.lc-kanban__column-limit--over]=\"isOverLimit(col)\">\n            / {{ col.limit }}\n          </span>\n        }\n      </div>\n\n      <div class=\"lc-kanban__cards\">\n        @for (card of col.cards; track card.id) {\n          <div\n            class=\"lc-kanban__card\"\n            role=\"button\"\n            tabindex=\"0\"\n            [attr.data-card-id]=\"card.id\"\n            [attr.aria-keyshortcuts]=\"readonly() ? null : 'Alt+ArrowLeft Alt+ArrowRight Alt+ArrowUp Alt+ArrowDown'\"\n            [class.lc-kanban__card--dragging]=\"draggedCard()?.card?.id === card.id\"\n            [class.lc-kanban__card--readonly]=\"readonly()\"\n            [attr.draggable]=\"!readonly()\"\n            (dragstart)=\"onDragStart($event, card, col.id)\"\n            (dragover)=\"onDragOver($event, col.id, $index)\"\n            (drop)=\"onDrop($event, col.id, $index)\"\n            (dragend)=\"onDragEnd()\"\n            (click)=\"onCardClick(card, col.id)\"\n            (keydown)=\"onCardKeydown($event, card, col.id)\"\n          >\n            @if (card.priority) {\n              <lc-icon [name]=\"getPriorityIcon(card.priority)\" size=\"xs\" [color]=\"getPriorityColor(card.priority)\" class=\"lc-kanban__card-priority\" [ariaLabel]=\"priorityAriaLabel() + ' ' + card.priority\"></lc-icon>\n            }\n            <span class=\"lc-kanban__card-title\">{{ card.title }}</span>\n\n            @if (card.description) {\n              <p class=\"lc-kanban__card-desc\">{{ card.description }}</p>\n            }\n\n            @if (card.labels?.length || card.assignee) {\n              <div class=\"lc-kanban__card-footer\">\n                @if (card.labels?.length) {\n                  <div class=\"lc-kanban__card-labels\">\n                    @for (label of card.labels; track label.text) {\n                      <span class=\"lc-kanban__card-label\" [style.--label-color]=\"label.color || 'var(--color-primary-500)'\">{{ label.text }}</span>\n                    }\n                  </div>\n                }\n                @if (card.assignee) {\n                  <span class=\"lc-kanban__card-assignee\">{{ card.assignee }}</span>\n                }\n              </div>\n            }\n          </div>\n        }\n\n        <!-- Empty state drop zone -->\n        @if (col.cards.length === 0) {\n          <div\n            class=\"lc-kanban__empty\"\n            (dragover)=\"onDragOver($event, col.id, 0)\"\n            (drop)=\"onDrop($event, col.id, 0)\"\n          >\n            {{ emptyColumnLabel() }}\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n",
+			styles: [":host{display:block;overflow-x:auto}.lc-kanban{display:flex;gap:16px;padding:8px;min-height:200px}.lc-kanban__column{flex:0 0 280px;display:flex;flex-direction:column;background:var(--color-surface-2);border-radius:8px;padding:8px;transition:background .15s,box-shadow .15s}.lc-kanban__column--drop-target{background:var(--color-primary-50);box-shadow:inset 0 0 0 2px var(--color-primary-300)}.lc-kanban__column--over-limit{background:var(--color-error-50, #fef2f2)}.lc-kanban__column-header{display:flex;align-items:center;gap:6px;padding:4px 4px 8px;font-size:var(--typography-font-size-sm, .875rem);font-weight:600;color:var(--color-text-secondary)}.lc-kanban__column-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.lc-kanban__column-title{flex:1}.lc-kanban__column-count{font-size:.6875rem;background:var(--color-surface-hover);color:var(--color-text-secondary);padding:1px 6px;border-radius:10px;font-weight:500}.lc-kanban__column-limit{font-size:.6875rem;color:var(--color-text-tertiary)}.lc-kanban__column-limit--over{color:var(--color-error-default);font-weight:700}.lc-kanban__cards{flex:1;display:flex;flex-direction:column;gap:8px;min-height:40px}.lc-kanban__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:10px;cursor:grab;transition:box-shadow .15s,opacity .15s}.lc-kanban__card:hover{box-shadow:var(--elevation-1)}.lc-kanban__card:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary-500) 20%,transparent);border-color:var(--color-primary-500)}.lc-kanban__card--dragging{opacity:.4}.lc-kanban__card:active{cursor:grabbing}.lc-kanban__card--readonly,.lc-kanban__card--readonly:active{cursor:pointer}.lc-kanban__card-priority{flex-shrink:0;margin-right:4px}.lc-kanban__card-title{font-size:var(--typography-font-size-sm, .875rem);font-weight:500;color:var(--color-text-primary)}.lc-kanban__card-desc{margin:4px 0 0;font-size:.75rem;color:var(--color-text-tertiary);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.lc-kanban__card-footer{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:8px}.lc-kanban__card-labels{display:flex;flex-wrap:wrap;gap:4px}.lc-kanban__card-label{display:inline-block;padding:1px 8px;border-radius:var(--border-radius-full);font-size:.625rem;font-weight:600;--label-color: var(--color-primary-500);background:color-mix(in srgb,var(--label-color) 20%,transparent);border:1px solid color-mix(in srgb,var(--label-color) 45%,transparent);color:var(--color-text-primary)}.lc-kanban__card-assignee{font-size:.6875rem;color:var(--color-text-tertiary);font-weight:500}.lc-kanban__empty{display:flex;align-items:center;justify-content:center;min-height:60px;border:2px dashed var(--color-border);border-radius:6px;font-size:.75rem;color:var(--color-text-tertiary)}\n"]
+		}]
+	}],
+	propDecorators: {
+		columns: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "columns",
+				required: true
+			}]
+		}],
+		showCardCount: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showCardCount",
+				required: false
+			}]
+		}],
+		showWipLimit: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showWipLimit",
+				required: false
+			}]
+		}],
+		readonly: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "readonly",
+				required: false
+			}]
+		}],
+		emptyColumnLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "emptyColumnLabel",
+				required: false
+			}]
+		}],
+		priorityAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "priorityAriaLabel",
+				required: false
+			}]
+		}],
+		cardMoved: [{
+			type: i0.Output,
+			args: ["cardMoved"]
+		}],
+		cardClick: [{
+			type: i0.Output,
+			args: ["cardClick"]
+		}]
+	}
+});
+export { KanbanBoardComponent };
+
+//# sourceMappingURL=lifecorner-angular-ui-kit-kanban-board.mjs.map

package/fesm2022/lifecorner-angular-ui-kit-kanban-board.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecorner-angular-ui-kit-kanban-board.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/kanban-board/kanban-board.component.ts","../../../../libs/angular-ui-kit/src/lib/kanban-board/kanban-board.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  Injector,\n  afterNextRender,\n  inject,\n  input,\n  linkedSignal,\n  signal,\n  output,\n} from '@angular/core';\nimport { IconComponent } from '@lifecorner/angular-ui-kit/icon';\n\nexport interface KanbanCard {\n  id: string;\n  title: string;\n  description?: string;\n  labels?: KanbanLabel[];\n  assignee?: string;\n  priority?: 'low' | 'medium' | 'high' | 'critical';\n}\n\nexport interface KanbanLabel {\n  text: string;\n  color?: string;\n}\n\nexport interface KanbanColumn {\n  id: string;\n  title: string;\n  cards: KanbanCard[];\n  color?: string;\n  limit?: number;\n}\n\nexport interface KanbanMoveEvent {\n  cardId: string;\n  fromColumnId: string;\n  toColumnId: string;\n  toIndex: number;\n}\n\n@Component({\n  selector: 'lc-kanban-board',\n  standalone: true,\n  imports: [IconComponent],\n  templateUrl: './kanban-board.component.html',\n  styleUrls: ['./kanban-board.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class KanbanBoardComponent {\n  readonly columns = input.required<KanbanColumn[]>();\n  readonly showCardCount = input(true);\n  readonly showWipLimit = input(true);\n  readonly readonly = input(false);\n\n  /** Placeholder text of an empty column. */\n  readonly emptyColumnLabel = input('Drop here');\n\n  /** Accessible name prefix of a card's priority marker, followed by the priority. */\n  readonly priorityAriaLabel = input('Priority:');\n\n  readonly cardMoved = output<KanbanMoveEvent>();\n  readonly cardClick = output<{ card: KanbanCard; columnId: string }>();\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly injector = inject(Injector);\n\n  /**\n   * Local working copy of the columns. Re-seeded from the `columns` input\n   * whenever the parent provides a new value, while drops / keyboard moves\n   * update it locally without waiting for the parent to echo the change back.\n   */\n  protected internalColumns = linkedSignal<KanbanColumn[]>(() => this.columns());\n  protected draggedCard = signal<{ card: KanbanCard; columnId: string } | null>(null);\n  protected dropTargetColumn = signal<string | null>(null);\n  protected dropTargetIndex = signal<number>(-1);\n\n  protected readonly displayColumns = this.internalColumns.asReadonly();\n\n  protected isOverLimit(col: KanbanColumn): boolean {\n    return !!col.limit && col.cards.length > col.limit;\n  }\n\n  protected getPriorityIcon(priority?: string): string {\n    switch (priority) {\n      case 'critical': return 'exclamation-circle';\n      case 'high': return 'arrow-up';\n      case 'medium': return 'minus';\n      case 'low': return 'arrow-down';\n      default: return '';\n    }\n  }\n\n  protected getPriorityColor(priority?: string): string {\n    switch (priority) {\n      case 'critical': return 'var(--color-error-default)';\n      case 'high': return 'var(--color-warning-default)';\n      case 'medium': return 'var(--color-info-default)';\n      case 'low': return 'var(--color-success-default)';\n      default: return '';\n    }\n  }\n\n  protected onDragStart(event: DragEvent, card: KanbanCard, columnId: string): void {\n    if (this.readonly()) { event.preventDefault(); return; }\n    this.draggedCard.set({ card, columnId });\n    if (event.dataTransfer) {\n      event.dataTransfer.effectAllowed = 'move';\n      event.dataTransfer.setData('text/plain', card.id);\n    }\n  }\n\n  protected onDragOver(event: DragEvent, columnId: string, index: number): void {\n    event.preventDefault();\n    if (event.dataTransfer) event.dataTransfer.dropEffect = 'move';\n    this.dropTargetColumn.set(columnId);\n    this.dropTargetIndex.set(index);\n  }\n\n  protected onDragOverColumn(event: DragEvent, columnId: string): void {\n    event.preventDefault();\n    if (event.dataTransfer) event.dataTransfer.dropEffect = 'move';\n    this.dropTargetColumn.set(columnId);\n  }\n\n  protected onDragLeave(): void {\n    this.dropTargetColumn.set(null);\n    this.dropTargetIndex.set(-1);\n  }\n\n  protected onDrop(event: DragEvent, toColumnId: string, toIndex?: number): void {\n    event.preventDefault();\n    const dragged = this.draggedCard();\n    if (!dragged) return;\n\n    this.moveCard(dragged.card.id, dragged.columnId, toColumnId, toIndex);\n    this.draggedCard.set(null);\n    this.dropTargetColumn.set(null);\n    this.dropTargetIndex.set(-1);\n  }\n\n  /**\n   * Keyboard alternative to drag & drop: Enter / Space activate the card,\n   * Alt+ArrowLeft / Alt+ArrowRight move it to the neighbouring column,\n   * Alt+ArrowUp / Alt+ArrowDown reorder it within its column. Moves are\n   * suppressed in readonly mode, exactly like drag & drop.\n   */\n  protected onCardKeydown(event: KeyboardEvent, card: KanbanCard, columnId: string): void {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.onCardClick(card, columnId);\n      return;\n    }\n    if (!event.altKey || this.readonly()) return;\n\n    const cols = this.displayColumns();\n    const colIdx = cols.findIndex(c => c.id === columnId);\n    if (colIdx < 0) return;\n    const cardIdx = cols[colIdx].cards.findIndex(c => c.id === card.id);\n    if (cardIdx < 0) return;\n\n    let toColumnId: string | undefined;\n    let toIndex: number | undefined;\n    switch (event.key) {\n      case 'ArrowLeft':\n        if (colIdx > 0) { toColumnId = cols[colIdx - 1].id; toIndex = cols[colIdx - 1].cards.length; }\n        break;\n      case 'ArrowRight':\n        if (colIdx < cols.length - 1) { toColumnId = cols[colIdx + 1].id; toIndex = cols[colIdx + 1].cards.length; }\n        break;\n      case 'ArrowUp':\n        if (cardIdx > 0) { toColumnId = columnId; toIndex = cardIdx - 1; }\n        break;\n      case 'ArrowDown':\n        if (cardIdx < cols[colIdx].cards.length - 1) { toColumnId = columnId; toIndex = cardIdx + 1; }\n        break;\n      default:\n        return;\n    }\n    event.preventDefault();\n    if (toColumnId === undefined) return;\n\n    this.moveCard(card.id, columnId, toColumnId, toIndex);\n    // The card element is re-created inside the target column's @for block,\n    // so keyboard focus has to be restored explicitly after the next render.\n    afterNextRender(\n      () => {\n        const cards = this.host.nativeElement.querySelectorAll<HTMLElement>('.lc-kanban__card');\n        Array.from(cards).find(el => el.dataset['cardId'] === card.id)?.focus();\n      },\n      { injector: this.injector },\n    );\n  }\n\n  /** Moves a card between / within columns and emits `cardMoved`. */\n  private moveCard(cardId: string, fromColumnId: string, toColumnId: string, toIndex?: number): void {\n    const cols = this.displayColumns().map(c => ({ ...c, cards: [...c.cards] }));\n    const fromCol = cols.find(c => c.id === fromColumnId);\n    const toCol = cols.find(c => c.id === toColumnId);\n    if (!fromCol || !toCol) return;\n\n    const cardIdx = fromCol.cards.findIndex(c => c.id === cardId);\n    if (cardIdx < 0) return;\n\n    const [card] = fromCol.cards.splice(cardIdx, 1);\n    const insertIdx = toIndex ?? toCol.cards.length;\n    toCol.cards.splice(insertIdx, 0, card);\n\n    this.internalColumns.set(cols);\n\n    this.cardMoved.emit({\n      cardId: card.id,\n      fromColumnId,\n      toColumnId,\n      toIndex: insertIdx,\n    });\n  }\n\n  protected onDragEnd(): void {\n    this.draggedCard.set(null);\n    this.dropTargetColumn.set(null);\n    this.dropTargetIndex.set(-1);\n  }\n\n  protected onCardClick(card: KanbanCard, columnId: string): void {\n    this.cardClick.emit({ card, columnId });\n  }\n\n}\n","<div class=\"lc-kanban\">\n  @for (col of displayColumns(); track col.id) {\n    <div\n      class=\"lc-kanban__column\"\n      [class.lc-kanban__column--drop-target]=\"dropTargetColumn() === col.id\"\n      [class.lc-kanban__column--over-limit]=\"showWipLimit() && isOverLimit(col)\"\n      (dragover)=\"onDragOverColumn($event, col.id)\"\n      (dragleave)=\"onDragLeave()\"\n      (drop)=\"onDrop($event, col.id)\"\n    >\n      <div class=\"lc-kanban__column-header\">\n        @if (col.color) {\n          <span class=\"lc-kanban__column-dot\" [style.background]=\"col.color\"></span>\n        }\n        <span class=\"lc-kanban__column-title\">{{ col.title }}</span>\n        @if (showCardCount()) {\n          <span class=\"lc-kanban__column-count\">{{ col.cards.length }}</span>\n        }\n        @if (showWipLimit() && col.limit) {\n          <span class=\"lc-kanban__column-limit\" [class.lc-kanban__column-limit--over]=\"isOverLimit(col)\">\n            / {{ col.limit }}\n          </span>\n        }\n      </div>\n\n      <div class=\"lc-kanban__cards\">\n        @for (card of col.cards; track card.id) {\n          <div\n            class=\"lc-kanban__card\"\n            role=\"button\"\n            tabindex=\"0\"\n            [attr.data-card-id]=\"card.id\"\n            [attr.aria-keyshortcuts]=\"readonly() ? null : 'Alt+ArrowLeft Alt+ArrowRight Alt+ArrowUp Alt+ArrowDown'\"\n            [class.lc-kanban__card--dragging]=\"draggedCard()?.card?.id === card.id\"\n            [class.lc-kanban__card--readonly]=\"readonly()\"\n            [attr.draggable]=\"!readonly()\"\n            (dragstart)=\"onDragStart($event, card, col.id)\"\n            (dragover)=\"onDragOver($event, col.id, $index)\"\n            (drop)=\"onDrop($event, col.id, $index)\"\n            (dragend)=\"onDragEnd()\"\n            (click)=\"onCardClick(card, col.id)\"\n            (keydown)=\"onCardKeydown($event, card, col.id)\"\n          >\n            @if (card.priority) {\n              <lc-icon [name]=\"getPriorityIcon(card.priority)\" size=\"xs\" [color]=\"getPriorityColor(card.priority)\" class=\"lc-kanban__card-priority\" [ariaLabel]=\"priorityAriaLabel() + ' ' + card.priority\"></lc-icon>\n            }\n            <span class=\"lc-kanban__card-title\">{{ card.title }}</span>\n\n            @if (card.description) {\n              <p class=\"lc-kanban__card-desc\">{{ card.description }}</p>\n            }\n\n            @if (card.labels?.length || card.assignee) {\n              <div class=\"lc-kanban__card-footer\">\n                @if (card.labels?.length) {\n                  <div class=\"lc-kanban__card-labels\">\n                    @for (label of card.labels; track label.text) {\n                      <span class=\"lc-kanban__card-label\" [style.--label-color]=\"label.color || 'var(--color-primary-500)'\">{{ label.text }}</span>\n                    }\n                  </div>\n                }\n                @if (card.assignee) {\n                  <span class=\"lc-kanban__card-assignee\">{{ card.assignee }}</span>\n                }\n              </div>\n            }\n          </div>\n        }\n\n        <!-- Empty state drop zone -->\n        @if (col.cards.length === 0) {\n          <div\n            class=\"lc-kanban__empty\"\n            (dragover)=\"onDragOver($event, col.id, 0)\"\n            (drop)=\"onDrop($event, col.id, 0)\"\n          >\n            {{ emptyColumnLabel() }}\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n"],"mappings":"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"}