@lifecorner/angular-ui-kit 3.4.0 → 3.5.0

package/fesm2022/lifecorner-angular-ui-kit-diff-viewer.mjs

@@ -0,0 +1,356 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, input } from "@angular/core";
+function diffLines(a, b) {
+	if (a.length === 0 && b.length === 0) return [];
+	if (a.length === 0) return [["added", b]];
+	if (b.length === 0) return [["removed", a]];
+	let start = 0;
+	const maxPrefix = Math.min(a.length, b.length);
+	while (start < maxPrefix && a[start] === b[start]) start++;
+	let end = 0;
+	const maxSuffix = maxPrefix - start;
+	while (end < maxSuffix && a[a.length - 1 - end] === b[b.length - 1 - end]) end++;
+	const ops = [];
+	if (start > 0) ops.push(["unchanged", a.slice(0, start)]);
+	const midA = a.slice(start, a.length - end);
+	const midB = b.slice(start, b.length - end);
+	if (midA.length && midB.length) {
+		if (sharesLine(midA, midB)) ops.push(...bisect(midA, midB));
+		else ops.push(["removed", midA], ["added", midB]);
+	} else if (midA.length) ops.push(["removed", midA]);
+	else if (midB.length) ops.push(["added", midB]);
+	if (end > 0) ops.push(["unchanged", a.slice(a.length - end)]);
+	return ops;
+}
+function sharesLine(a, b) {
+	const seen = new Set(a);
+	return b.some((line) => seen.has(line));
+}
+function bisect(a, b) {
+	const n = a.length;
+	const m = b.length;
+	const maxD = Math.ceil((n + m) / 2);
+	const offset = maxD;
+	const size = 2 * maxD;
+	const v1 = new Int32Array(size).fill(-1);
+	const v2 = new Int32Array(size).fill(-1);
+	v1[offset + 1] = 0;
+	v2[offset + 1] = 0;
+	const delta = n - m;
+	const front = delta % 2 !== 0;
+	let k1start = 0, k1end = 0, k2start = 0, k2end = 0;
+	for (let d = 0; d < maxD; d++) {
+		for (let k1 = -d + k1start; k1 <= d - k1end; k1 += 2) {
+			const k1o = offset + k1;
+			let x1 = k1 === -d || k1 !== d && v1[k1o - 1] < v1[k1o + 1] ? v1[k1o + 1] : v1[k1o - 1] + 1;
+			let y1 = x1 - k1;
+			while (x1 < n && y1 < m && a[x1] === b[y1]) {
+				x1++;
+				y1++;
+			}
+			v1[k1o] = x1;
+			if (x1 > n) k1end += 2;
+			else if (y1 > m) k1start += 2;
+			else if (front) {
+				const k2o = offset + delta - k1;
+				if (k2o >= 0 && k2o < size && v2[k2o] !== -1 && x1 >= n - v2[k2o]) return splitAt(a, b, x1, y1);
+			}
+		}
+		for (let k2 = -d + k2start; k2 <= d - k2end; k2 += 2) {
+			const k2o = offset + k2;
+			let x2 = k2 === -d || k2 !== d && v2[k2o - 1] < v2[k2o + 1] ? v2[k2o + 1] : v2[k2o - 1] + 1;
+			let y2 = x2 - k2;
+			while (x2 < n && y2 < m && a[n - x2 - 1] === b[m - y2 - 1]) {
+				x2++;
+				y2++;
+			}
+			v2[k2o] = x2;
+			if (x2 > n) k2end += 2;
+			else if (y2 > m) k2start += 2;
+			else if (!front) {
+				const k1o = offset + delta - k2;
+				if (k1o >= 0 && k1o < size && v1[k1o] !== -1) {
+					const x1 = v1[k1o];
+					if (x1 >= n - x2) return splitAt(a, b, x1, offset + x1 - k1o);
+				}
+			}
+		}
+	}
+	return [["removed", a], ["added", b]];
+}
+function splitAt(a, b, x, y) {
+	return [...diffLines(a.slice(0, x), b.slice(0, y)), ...diffLines(a.slice(x), b.slice(y))];
+}
+var DiffViewerComponent = class DiffViewerComponent {
+	oldText = input.required(...ngDevMode ? [{ debugName: "oldText" }] : /* istanbul ignore next */ []);
+	newText = input.required(...ngDevMode ? [{ debugName: "newText" }] : /* istanbul ignore next */ []);
+	oldLabel = input("Original", ...ngDevMode ? [{ debugName: "oldLabel" }] : /* istanbul ignore next */ []);
+	newLabel = input("Modified", ...ngDevMode ? [{ debugName: "newLabel" }] : /* istanbul ignore next */ []);
+	mode = input("side-by-side", ...ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []);
+	showLineNumbers = input(true, ...ngDevMode ? [{ debugName: "showLineNumbers" }] : /* istanbul ignore next */ []);
+	contextLines = input(Infinity, ...ngDevMode ? [{ debugName: "contextLines" }] : /* istanbul ignore next */ []);
+	maxLines = input(2e4, ...ngDevMode ? [{ debugName: "maxLines" }] : /* istanbul ignore next */ []);
+	oldLines = computed(() => this.oldText().split("\n"), ...ngDevMode ? [{ debugName: "oldLines" }] : /* istanbul ignore next */ []);
+	newLines = computed(() => this.newText().split("\n"), ...ngDevMode ? [{ debugName: "newLines" }] : /* istanbul ignore next */ []);
+	oldLineCount = computed(() => this.oldLines().length, ...ngDevMode ? [{ debugName: "oldLineCount" }] : /* istanbul ignore next */ []);
+	newLineCount = computed(() => this.newLines().length, ...ngDevMode ? [{ debugName: "newLineCount" }] : /* istanbul ignore next */ []);
+	tooLarge = computed(() => Math.max(this.oldLines().length, this.newLines().length) > this.maxLines(), ...ngDevMode ? [{ debugName: "tooLarge" }] : /* istanbul ignore next */ []);
+	diffLines = computed(() => {
+		if (this.tooLarge()) return [];
+		return this.numberOps(diffLines(this.oldLines(), this.newLines()));
+	}, ...ngDevMode ? [{ debugName: "diffLines" }] : /* istanbul ignore next */ []);
+	filteredLines = computed(() => {
+		const ctx = this.contextLines();
+		const lines = this.diffLines();
+		if (ctx === Infinity) return lines;
+		const changed = /* @__PURE__ */ new Set();
+		lines.forEach((l, i) => {
+			if (l.type !== "unchanged") changed.add(i);
+		});
+		const visible = /* @__PURE__ */ new Set();
+		for (const idx of changed) for (let j = Math.max(0, idx - ctx); j <= Math.min(lines.length - 1, idx + ctx); j++) visible.add(j);
+		return lines.filter((_, i) => visible.has(i));
+	}, ...ngDevMode ? [{ debugName: "filteredLines" }] : /* istanbul ignore next */ []);
+	sideBySide = computed(() => {
+		if (this.mode() !== "side-by-side") return {
+			left: [],
+			right: []
+		};
+		const lines = this.filteredLines();
+		const left = [];
+		const right = [];
+		for (const line of lines) if (line.type === "unchanged") {
+			left.push({
+				num: line.leftNum,
+				content: line.content,
+				type: "unchanged"
+			});
+			right.push({
+				num: line.rightNum,
+				content: line.content,
+				type: "unchanged"
+			});
+		} else if (line.type === "removed") {
+			left.push({
+				num: line.leftNum,
+				content: line.content,
+				type: "removed"
+			});
+			right.push({
+				num: null,
+				content: "",
+				type: "empty"
+			});
+		} else {
+			left.push({
+				num: null,
+				content: "",
+				type: "empty"
+			});
+			right.push({
+				num: line.rightNum,
+				content: line.content,
+				type: "added"
+			});
+		}
+		return {
+			left,
+			right
+		};
+	}, ...ngDevMode ? [{ debugName: "sideBySide" }] : /* istanbul ignore next */ []);
+	stats = computed(() => {
+		let additions = 0;
+		let deletions = 0;
+		for (const l of this.diffLines()) if (l.type === "added") additions++;
+		else if (l.type === "removed") deletions++;
+		return {
+			additions,
+			deletions
+		};
+	}, ...ngDevMode ? [{ debugName: "stats" }] : /* istanbul ignore next */ []);
+	numberOps(ops) {
+		const result = [];
+		let i = 0, j = 0;
+		for (const [type, lines] of ops) for (const content of lines) if (type === "unchanged") result.push({
+			type,
+			leftNum: ++i,
+			rightNum: ++j,
+			content
+		});
+		else if (type === "removed") result.push({
+			type,
+			leftNum: ++i,
+			rightNum: null,
+			content
+		});
+		else result.push({
+			type,
+			leftNum: null,
+			rightNum: ++j,
+			content
+		});
+		return result;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: DiffViewerComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: DiffViewerComponent,
+		isStandalone: true,
+		selector: "lc-diff-viewer",
+		inputs: {
+			oldText: {
+				classPropertyName: "oldText",
+				publicName: "oldText",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			newText: {
+				classPropertyName: "newText",
+				publicName: "newText",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			oldLabel: {
+				classPropertyName: "oldLabel",
+				publicName: "oldLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			newLabel: {
+				classPropertyName: "newLabel",
+				publicName: "newLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			mode: {
+				classPropertyName: "mode",
+				publicName: "mode",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showLineNumbers: {
+				classPropertyName: "showLineNumbers",
+				publicName: "showLineNumbers",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			contextLines: {
+				classPropertyName: "contextLines",
+				publicName: "contextLines",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			maxLines: {
+				classPropertyName: "maxLines",
+				publicName: "maxLines",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: "<div class=\"lc-diff\">\n  <!-- Stats bar -->\n  <div class=\"lc-diff__stats\">\n    <span class=\"lc-diff__stat lc-diff__stat--add\">+{{ stats().additions }}</span>\n    <span class=\"lc-diff__stat lc-diff__stat--del\">−{{ stats().deletions }}</span>\n  </div>\n\n  @if (tooLarge()) {\n    <!-- Size cap hit: no diff is computed -->\n    <p class=\"lc-diff__too-large\" role=\"status\">\n      Diff too large to display ({{ oldLabel() }}: {{ oldLineCount() }} lines,\n      {{ newLabel() }}: {{ newLineCount() }} lines; limit {{ maxLines() }} lines per side).\n    </p>\n  } @else if (mode() === 'inline') {\n    <!-- Inline mode -->\n    <div class=\"lc-diff__inline\">\n      <div class=\"lc-diff__headers\">\n        <span class=\"lc-diff__file-label\">{{ oldLabel() }} → {{ newLabel() }}</span>\n      </div>\n      <div class=\"lc-diff__body\">\n        @for (line of filteredLines(); track $index) {\n          <div\n            class=\"lc-diff__line\"\n            [class.lc-diff__line--added]=\"line.type === 'added'\"\n            [class.lc-diff__line--removed]=\"line.type === 'removed'\"\n          >\n            @if (showLineNumbers()) {\n              <span class=\"lc-diff__num lc-diff__num--left\">{{ line.leftNum ?? '' }}</span>\n              <span class=\"lc-diff__num lc-diff__num--right\">{{ line.rightNum ?? '' }}</span>\n            }\n            <span class=\"lc-diff__prefix\">{{ line.type === 'added' ? '+' : line.type === 'removed' ? '−' : ' ' }}</span>\n            <span class=\"lc-diff__content\">{{ line.content }}</span>\n          </div>\n        }\n      </div>\n    </div>\n  } @else {\n    <!-- Side-by-side mode -->\n    <div class=\"lc-diff__side-by-side\">\n      <div class=\"lc-diff__pane lc-diff__pane--left\">\n        <div class=\"lc-diff__pane-header\">{{ oldLabel() }}</div>\n        @for (line of sideBySide().left; track $index) {\n          <div\n            class=\"lc-diff__line\"\n            [class.lc-diff__line--removed]=\"line.type === 'removed'\"\n            [class.lc-diff__line--empty]=\"line.type === 'empty'\"\n          >\n            @if (showLineNumbers()) {\n              <span class=\"lc-diff__num\">{{ line.num ?? '' }}</span>\n            }\n            <span class=\"lc-diff__content\">{{ line.content }}</span>\n          </div>\n        }\n      </div>\n      <div class=\"lc-diff__pane lc-diff__pane--right\">\n        <div class=\"lc-diff__pane-header\">{{ newLabel() }}</div>\n        @for (line of sideBySide().right; track $index) {\n          <div\n            class=\"lc-diff__line\"\n            [class.lc-diff__line--added]=\"line.type === 'added'\"\n            [class.lc-diff__line--empty]=\"line.type === 'empty'\"\n          >\n            @if (showLineNumbers()) {\n              <span class=\"lc-diff__num\">{{ line.num ?? '' }}</span>\n            }\n            <span class=\"lc-diff__content\">{{ line.content }}</span>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n",
+		styles: [".lc-diff{border:1px solid var(--color-border);border-radius:8px;overflow:hidden;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.75rem;line-height:1.5}.lc-diff__stats{display:flex;gap:8px;padding:6px 12px;background:var(--color-surface-2);border-bottom:1px solid var(--color-border)}.lc-diff__stat{font-size:.6875rem;font-weight:600}.lc-diff__stat--add{color:var(--color-success-default)}.lc-diff__stat--del{color:var(--color-error-default)}.lc-diff__headers,.lc-diff__pane-header{padding:4px 12px;background:var(--color-surface-2);font-size:.6875rem;font-weight:600;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.lc-diff__body{overflow-x:auto}.lc-diff__side-by-side{display:grid;grid-template-columns:1fr 1fr}.lc-diff__pane{overflow-x:auto;min-width:0}.lc-diff__pane--left{border-right:1px solid var(--color-border)}.lc-diff__line{display:flex;min-height:1.5em;padding:0 8px}.lc-diff__line--added{background:var(--color-success-50, #f0fdf4)}.lc-diff__line--removed{background:var(--color-error-50, #fef2f2)}.lc-diff__line--empty{background:var(--color-surface-2)}.lc-diff__num{flex-shrink:0;width:36px;text-align:right;padding-right:8px;color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none}.lc-diff__num--left,.lc-diff__num--right{width:36px}.lc-diff__prefix{flex-shrink:0;width:16px;text-align:center;color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none;font-weight:600}.lc-diff__line--added .lc-diff__prefix{color:var(--color-success-default)}.lc-diff__line--removed .lc-diff__prefix{color:var(--color-error-default)}.lc-diff__content{flex:1;white-space:pre;color:var(--color-text-primary)}.lc-diff__file-label{color:var(--color-text-secondary)}.lc-diff__too-large{margin:0;padding:12px;font-family:var(--font-family-sans, sans-serif);font-size:.8125rem;color:var(--color-text-secondary);background:var(--color-surface-2)}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: DiffViewerComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lc-diff-viewer",
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<div class=\"lc-diff\">\n  <!-- Stats bar -->\n  <div class=\"lc-diff__stats\">\n    <span class=\"lc-diff__stat lc-diff__stat--add\">+{{ stats().additions }}</span>\n    <span class=\"lc-diff__stat lc-diff__stat--del\">−{{ stats().deletions }}</span>\n  </div>\n\n  @if (tooLarge()) {\n    <!-- Size cap hit: no diff is computed -->\n    <p class=\"lc-diff__too-large\" role=\"status\">\n      Diff too large to display ({{ oldLabel() }}: {{ oldLineCount() }} lines,\n      {{ newLabel() }}: {{ newLineCount() }} lines; limit {{ maxLines() }} lines per side).\n    </p>\n  } @else if (mode() === 'inline') {\n    <!-- Inline mode -->\n    <div class=\"lc-diff__inline\">\n      <div class=\"lc-diff__headers\">\n        <span class=\"lc-diff__file-label\">{{ oldLabel() }} → {{ newLabel() }}</span>\n      </div>\n      <div class=\"lc-diff__body\">\n        @for (line of filteredLines(); track $index) {\n          <div\n            class=\"lc-diff__line\"\n            [class.lc-diff__line--added]=\"line.type === 'added'\"\n            [class.lc-diff__line--removed]=\"line.type === 'removed'\"\n          >\n            @if (showLineNumbers()) {\n              <span class=\"lc-diff__num lc-diff__num--left\">{{ line.leftNum ?? '' }}</span>\n              <span class=\"lc-diff__num lc-diff__num--right\">{{ line.rightNum ?? '' }}</span>\n            }\n            <span class=\"lc-diff__prefix\">{{ line.type === 'added' ? '+' : line.type === 'removed' ? '−' : ' ' }}</span>\n            <span class=\"lc-diff__content\">{{ line.content }}</span>\n          </div>\n        }\n      </div>\n    </div>\n  } @else {\n    <!-- Side-by-side mode -->\n    <div class=\"lc-diff__side-by-side\">\n      <div class=\"lc-diff__pane lc-diff__pane--left\">\n        <div class=\"lc-diff__pane-header\">{{ oldLabel() }}</div>\n        @for (line of sideBySide().left; track $index) {\n          <div\n            class=\"lc-diff__line\"\n            [class.lc-diff__line--removed]=\"line.type === 'removed'\"\n            [class.lc-diff__line--empty]=\"line.type === 'empty'\"\n          >\n            @if (showLineNumbers()) {\n              <span class=\"lc-diff__num\">{{ line.num ?? '' }}</span>\n            }\n            <span class=\"lc-diff__content\">{{ line.content }}</span>\n          </div>\n        }\n      </div>\n      <div class=\"lc-diff__pane lc-diff__pane--right\">\n        <div class=\"lc-diff__pane-header\">{{ newLabel() }}</div>\n        @for (line of sideBySide().right; track $index) {\n          <div\n            class=\"lc-diff__line\"\n            [class.lc-diff__line--added]=\"line.type === 'added'\"\n            [class.lc-diff__line--empty]=\"line.type === 'empty'\"\n          >\n            @if (showLineNumbers()) {\n              <span class=\"lc-diff__num\">{{ line.num ?? '' }}</span>\n            }\n            <span class=\"lc-diff__content\">{{ line.content }}</span>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n",
+			styles: [".lc-diff{border:1px solid var(--color-border);border-radius:8px;overflow:hidden;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:.75rem;line-height:1.5}.lc-diff__stats{display:flex;gap:8px;padding:6px 12px;background:var(--color-surface-2);border-bottom:1px solid var(--color-border)}.lc-diff__stat{font-size:.6875rem;font-weight:600}.lc-diff__stat--add{color:var(--color-success-default)}.lc-diff__stat--del{color:var(--color-error-default)}.lc-diff__headers,.lc-diff__pane-header{padding:4px 12px;background:var(--color-surface-2);font-size:.6875rem;font-weight:600;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.lc-diff__body{overflow-x:auto}.lc-diff__side-by-side{display:grid;grid-template-columns:1fr 1fr}.lc-diff__pane{overflow-x:auto;min-width:0}.lc-diff__pane--left{border-right:1px solid var(--color-border)}.lc-diff__line{display:flex;min-height:1.5em;padding:0 8px}.lc-diff__line--added{background:var(--color-success-50, #f0fdf4)}.lc-diff__line--removed{background:var(--color-error-50, #fef2f2)}.lc-diff__line--empty{background:var(--color-surface-2)}.lc-diff__num{flex-shrink:0;width:36px;text-align:right;padding-right:8px;color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none}.lc-diff__num--left,.lc-diff__num--right{width:36px}.lc-diff__prefix{flex-shrink:0;width:16px;text-align:center;color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none;font-weight:600}.lc-diff__line--added .lc-diff__prefix{color:var(--color-success-default)}.lc-diff__line--removed .lc-diff__prefix{color:var(--color-error-default)}.lc-diff__content{flex:1;white-space:pre;color:var(--color-text-primary)}.lc-diff__file-label{color:var(--color-text-secondary)}.lc-diff__too-large{margin:0;padding:12px;font-family:var(--font-family-sans, sans-serif);font-size:.8125rem;color:var(--color-text-secondary);background:var(--color-surface-2)}\n"]
+		}]
+	}],
+	propDecorators: {
+		oldText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "oldText",
+				required: true
+			}]
+		}],
+		newText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "newText",
+				required: true
+			}]
+		}],
+		oldLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "oldLabel",
+				required: false
+			}]
+		}],
+		newLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "newLabel",
+				required: false
+			}]
+		}],
+		mode: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "mode",
+				required: false
+			}]
+		}],
+		showLineNumbers: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showLineNumbers",
+				required: false
+			}]
+		}],
+		contextLines: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "contextLines",
+				required: false
+			}]
+		}],
+		maxLines: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxLines",
+				required: false
+			}]
+		}]
+	}
+});
+export { DiffViewerComponent };
+
+//# sourceMappingURL=lifecorner-angular-ui-kit-diff-viewer.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lifecorner-angular-ui-kit-diff-viewer.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/diff-viewer/diff-viewer.component.ts","../../../../libs/angular-ui-kit/src/lib/diff-viewer/diff-viewer.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  computed,\n} from '@angular/core';\n\nexport type DiffViewMode = 'side-by-side' | 'inline';\n\ninterface DiffLine {\n  type: 'unchanged' | 'added' | 'removed';\n  leftNum: number | null;\n  rightNum: number | null;\n  content: string;\n}\n\n/** Edit-script op produced by the line diff (before numbering). */\ntype DiffOp = readonly [type: DiffLine['type'], lines: readonly string[]];\n\n/**\n * Line diff: common prefix/suffix are peeled off cheaply, the remainder goes\n * through Myers' O((N+M)·D) \"bisect\" (find where the forward and reverse\n * D-paths meet, split there, recurse) — linear space, no N×M matrix. Two\n * 5 000-line inputs used to allocate ~25M numbers and freeze the tab.\n */\nfunction diffLines(a: readonly string[], b: readonly string[]): DiffOp[] {\n  if (a.length === 0 && b.length === 0) return [];\n  if (a.length === 0) return [['added', b]];\n  if (b.length === 0) return [['removed', a]];\n\n  // Common prefix / suffix.\n  let start = 0;\n  const maxPrefix = Math.min(a.length, b.length);\n  while (start < maxPrefix && a[start] === b[start]) start++;\n  let end = 0;\n  const maxSuffix = maxPrefix - start;\n  while (end < maxSuffix && a[a.length - 1 - end] === b[b.length - 1 - end]) end++;\n\n  const ops: DiffOp[] = [];\n  if (start > 0) ops.push(['unchanged', a.slice(0, start)]);\n  const midA = a.slice(start, a.length - end);\n  const midB = b.slice(start, b.length - end);\n  if (midA.length && midB.length) {\n    // Disjoint inputs are Myers' worst case (D = N + M); answer them in linear time.\n    if (sharesLine(midA, midB)) ops.push(...bisect(midA, midB));\n    else ops.push(['removed', midA], ['added', midB]);\n  } else if (midA.length) ops.push(['removed', midA]);\n  else if (midB.length) ops.push(['added', midB]);\n  if (end > 0) ops.push(['unchanged', a.slice(a.length - end)]);\n  return ops;\n}\n\nfunction sharesLine(a: readonly string[], b: readonly string[]): boolean {\n  const seen = new Set(a);\n  return b.some(line => seen.has(line));\n}\n\n/** Myers middle-snake bisection (as in diff-match-patch), on line arrays. */\nfunction bisect(a: readonly string[], b: readonly string[]): DiffOp[] {\n  const n = a.length;\n  const m = b.length;\n  const maxD = Math.ceil((n + m) / 2);\n  const offset = maxD;\n  const size = 2 * maxD;\n  const v1 = new Int32Array(size).fill(-1);\n  const v2 = new Int32Array(size).fill(-1);\n  v1[offset + 1] = 0;\n  v2[offset + 1] = 0;\n  const delta = n - m;\n  // With an odd delta the paths can only overlap on the forward pass.\n  const front = delta % 2 !== 0;\n  let k1start = 0, k1end = 0, k2start = 0, k2end = 0;\n\n  for (let d = 0; d < maxD; d++) {\n    // Forward path.\n    for (let k1 = -d + k1start; k1 <= d - k1end; k1 += 2) {\n      const k1o = offset + k1;\n      let x1 = k1 === -d || (k1 !== d && v1[k1o - 1] < v1[k1o + 1]) ? v1[k1o + 1] : v1[k1o - 1] + 1;\n      let y1 = x1 - k1;\n      while (x1 < n && y1 < m && a[x1] === b[y1]) { x1++; y1++; }\n      v1[k1o] = x1;\n      if (x1 > n) k1end += 2;\n      else if (y1 > m) k1start += 2;\n      else if (front) {\n        const k2o = offset + delta - k1;\n        if (k2o >= 0 && k2o < size && v2[k2o] !== -1 && x1 >= n - v2[k2o]) {\n          return splitAt(a, b, x1, y1);\n        }\n      }\n    }\n    // Reverse path.\n    for (let k2 = -d + k2start; k2 <= d - k2end; k2 += 2) {\n      const k2o = offset + k2;\n      let x2 = k2 === -d || (k2 !== d && v2[k2o - 1] < v2[k2o + 1]) ? v2[k2o + 1] : v2[k2o - 1] + 1;\n      let y2 = x2 - k2;\n      while (x2 < n && y2 < m && a[n - x2 - 1] === b[m - y2 - 1]) { x2++; y2++; }\n      v2[k2o] = x2;\n      if (x2 > n) k2end += 2;\n      else if (y2 > m) k2start += 2;\n      else if (!front) {\n        const k1o = offset + delta - k2;\n        if (k1o >= 0 && k1o < size && v1[k1o] !== -1) {\n          const x1 = v1[k1o];\n          if (x1 >= n - x2) return splitAt(a, b, x1, offset + x1 - k1o);\n        }\n      }\n    }\n  }\n  // Nothing in common at all.\n  return [['removed', a], ['added', b]];\n}\n\nfunction splitAt(a: readonly string[], b: readonly string[], x: number, y: number): DiffOp[] {\n  return [...diffLines(a.slice(0, x), b.slice(0, y)), ...diffLines(a.slice(x), b.slice(y))];\n}\n\n@Component({\n  selector: 'lc-diff-viewer',\n  standalone: true,\n  templateUrl: './diff-viewer.component.html',\n  styleUrls: ['./diff-viewer.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DiffViewerComponent {\n  readonly oldText = input.required<string>();\n  readonly newText = input.required<string>();\n  readonly oldLabel = input('Original');\n  readonly newLabel = input('Modified');\n  readonly mode = input<DiffViewMode>('side-by-side');\n  readonly showLineNumbers = input(true);\n  readonly contextLines = input(Infinity);\n\n  /**\n   * Upper bound (per side, in lines) above which no diff is computed and a\n   * \"too large\" notice is rendered instead — a UI diff of that size is neither\n   * readable nor cheap. Raise it deliberately when you know the inputs.\n   */\n  readonly maxLines = input(20_000);\n\n  private readonly oldLines = computed(() => this.oldText().split('\\n'));\n  private readonly newLines = computed(() => this.newText().split('\\n'));\n  protected readonly oldLineCount = computed(() => this.oldLines().length);\n  protected readonly newLineCount = computed(() => this.newLines().length);\n\n  /** True when either side exceeds `maxLines`; the diff is then skipped. */\n  protected readonly tooLarge = computed(\n    () => Math.max(this.oldLines().length, this.newLines().length) > this.maxLines(),\n  );\n\n  protected readonly diffLines = computed<DiffLine[]>(() => {\n    if (this.tooLarge()) return [];\n    return this.numberOps(diffLines(this.oldLines(), this.newLines()));\n  });\n\n  protected readonly filteredLines = computed(() => {\n    const ctx = this.contextLines();\n    const lines = this.diffLines();\n    if (ctx === Infinity) return lines;\n\n    const changed = new Set<number>();\n    lines.forEach((l, i) => { if (l.type !== 'unchanged') changed.add(i); });\n\n    const visible = new Set<number>();\n    for (const idx of changed) {\n      for (let j = Math.max(0, idx - ctx); j <= Math.min(lines.length - 1, idx + ctx); j++) {\n        visible.add(j);\n      }\n    }\n\n    return lines.filter((_, i) => visible.has(i));\n  });\n\n  protected readonly sideBySide = computed(() => {\n    if (this.mode() !== 'side-by-side') return { left: [], right: [] };\n\n    const lines = this.filteredLines();\n    const left: { num: number | null; content: string; type: string }[] = [];\n    const right: { num: number | null; content: string; type: string }[] = [];\n\n    for (const line of lines) {\n      if (line.type === 'unchanged') {\n        left.push({ num: line.leftNum, content: line.content, type: 'unchanged' });\n        right.push({ num: line.rightNum, content: line.content, type: 'unchanged' });\n      } else if (line.type === 'removed') {\n        left.push({ num: line.leftNum, content: line.content, type: 'removed' });\n        right.push({ num: null, content: '', type: 'empty' });\n      } else {\n        left.push({ num: null, content: '', type: 'empty' });\n        right.push({ num: line.rightNum, content: line.content, type: 'added' });\n      }\n    }\n\n    return { left, right };\n  });\n\n  protected readonly stats = computed(() => {\n    let additions = 0;\n    let deletions = 0;\n    for (const l of this.diffLines()) {\n      if (l.type === 'added') additions++;\n      else if (l.type === 'removed') deletions++;\n    }\n    return { additions, deletions };\n  });\n\n  /** Expand the edit script into numbered lines (removed before added). */\n  private numberOps(ops: readonly DiffOp[]): DiffLine[] {\n    const result: DiffLine[] = [];\n    let i = 0, j = 0;\n    for (const [type, lines] of ops) {\n      for (const content of lines) {\n        if (type === 'unchanged') result.push({ type, leftNum: ++i, rightNum: ++j, content });\n        else if (type === 'removed') result.push({ type, leftNum: ++i, rightNum: null, content });\n        else result.push({ type, leftNum: null, rightNum: ++j, content });\n      }\n    }\n    return result;\n  }\n}\n","<div class=\"lc-diff\">\n  <!-- Stats bar -->\n  <div class=\"lc-diff__stats\">\n    <span class=\"lc-diff__stat lc-diff__stat--add\">+{{ stats().additions }}</span>\n    <span class=\"lc-diff__stat lc-diff__stat--del\">−{{ stats().deletions }}</span>\n  </div>\n\n  @if (tooLarge()) {\n    <!-- Size cap hit: no diff is computed -->\n    <p class=\"lc-diff__too-large\" role=\"status\">\n      Diff too large to display ({{ oldLabel() }}: {{ oldLineCount() }} lines,\n      {{ newLabel() }}: {{ newLineCount() }} lines; limit {{ maxLines() }} lines per side).\n    </p>\n  } @else if (mode() === 'inline') {\n    <!-- Inline mode -->\n    <div class=\"lc-diff__inline\">\n      <div class=\"lc-diff__headers\">\n        <span class=\"lc-diff__file-label\">{{ oldLabel() }} → {{ newLabel() }}</span>\n      </div>\n      <div class=\"lc-diff__body\">\n        @for (line of filteredLines(); track $index) {\n          <div\n            class=\"lc-diff__line\"\n            [class.lc-diff__line--added]=\"line.type === 'added'\"\n            [class.lc-diff__line--removed]=\"line.type === 'removed'\"\n          >\n            @if (showLineNumbers()) {\n              <span class=\"lc-diff__num lc-diff__num--left\">{{ line.leftNum ?? '' }}</span>\n              <span class=\"lc-diff__num lc-diff__num--right\">{{ line.rightNum ?? '' }}</span>\n            }\n            <span class=\"lc-diff__prefix\">{{ line.type === 'added' ? '+' : line.type === 'removed' ? '−' : ' ' }}</span>\n            <span class=\"lc-diff__content\">{{ line.content }}</span>\n          </div>\n        }\n      </div>\n    </div>\n  } @else {\n    <!-- Side-by-side mode -->\n    <div class=\"lc-diff__side-by-side\">\n      <div class=\"lc-diff__pane lc-diff__pane--left\">\n        <div class=\"lc-diff__pane-header\">{{ oldLabel() }}</div>\n        @for (line of sideBySide().left; track $index) {\n          <div\n            class=\"lc-diff__line\"\n            [class.lc-diff__line--removed]=\"line.type === 'removed'\"\n            [class.lc-diff__line--empty]=\"line.type === 'empty'\"\n          >\n            @if (showLineNumbers()) {\n              <span class=\"lc-diff__num\">{{ line.num ?? '' }}</span>\n            }\n            <span class=\"lc-diff__content\">{{ line.content }}</span>\n          </div>\n        }\n      </div>\n      <div class=\"lc-diff__pane lc-diff__pane--right\">\n        <div class=\"lc-diff__pane-header\">{{ newLabel() }}</div>\n        @for (line of sideBySide().right; track $index) {\n          <div\n            class=\"lc-diff__line\"\n            [class.lc-diff__line--added]=\"line.type === 'added'\"\n            [class.lc-diff__line--empty]=\"line.type === 'empty'\"\n          >\n            @if (showLineNumbers()) {\n              <span class=\"lc-diff__num\">{{ line.num ?? '' }}</span>\n            }\n            <span class=\"lc-diff__content\">{{ line.content }}</span>\n          </div>\n        }\n      </div>\n    </div>\n  }\n</div>\n"],"mappings":"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"}

package/fesm2022/lifecorner-angular-ui-kit-divider.mjs

@@ -0,0 +1,119 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, input } from "@angular/core";
+var DividerComponent = class DividerComponent {
+	orientation = input("horizontal", ...ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []);
+	variant = input("solid", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
+	spacing = input("md", ...ngDevMode ? [{ debugName: "spacing" }] : /* istanbul ignore next */ []);
+	label = input(void 0, ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	dividerClasses = computed(() => {
+		return [
+			"divider",
+			`divider--${this.orientation()}`,
+			`divider--${this.variant()}`,
+			`divider--spacing-${this.spacing()}`,
+			this.label() ? "divider--with-label" : ""
+		].filter(Boolean).join(" ");
+	}, ...ngDevMode ? [{ debugName: "dividerClasses" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: DividerComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: DividerComponent,
+		isStandalone: true,
+		selector: "lc-divider",
+		inputs: {
+			orientation: {
+				classPropertyName: "orientation",
+				publicName: "orientation",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			variant: {
+				classPropertyName: "variant",
+				publicName: "variant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			spacing: {
+				classPropertyName: "spacing",
+				publicName: "spacing",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: "<div [class]=\"dividerClasses()\" role=\"separator\" [attr.aria-orientation]=\"orientation()\">\n  @if (label() && orientation() === 'horizontal') {\n    <span class=\"divider__label\">{{ label() }}</span>\n  }\n</div>\n",
+		styles: [":host{display:block}.divider--horizontal{width:100%;border:none;border-top-width:1px;border-top-color:var(--color-border)}.divider--horizontal.divider--solid{border-top-style:solid}.divider--horizontal.divider--dashed{border-top-style:dashed}.divider--horizontal.divider--dotted{border-top-style:dotted}.divider--horizontal.divider--spacing-none{margin-top:0;margin-bottom:0}.divider--horizontal.divider--spacing-xs{margin-top:.25rem;margin-bottom:.25rem}.divider--horizontal.divider--spacing-sm{margin-top:.5rem;margin-bottom:.5rem}.divider--horizontal.divider--spacing-md{margin-top:1rem;margin-bottom:1rem}.divider--horizontal.divider--spacing-lg{margin-top:1.5rem;margin-bottom:1.5rem}.divider--horizontal.divider--spacing-xl{margin-top:2rem;margin-bottom:2rem}.divider--horizontal.divider--with-label{display:flex;align-items:center;gap:.75rem;border-top:none}.divider--horizontal.divider--with-label:before,.divider--horizontal.divider--with-label:after{content:\"\";flex:1;border-top-width:1px;border-top-color:var(--color-border)}.divider--horizontal.divider--with-label.divider--solid:before,.divider--horizontal.divider--with-label.divider--solid:after{border-top-style:solid}.divider--horizontal.divider--with-label.divider--dashed:before,.divider--horizontal.divider--with-label.divider--dashed:after{border-top-style:dashed}.divider--horizontal.divider--with-label.divider--dotted:before,.divider--horizontal.divider--with-label.divider--dotted:after{border-top-style:dotted}.divider--vertical{display:inline-block;width:0;align-self:stretch;min-height:1rem;border:none;border-left-width:1px;border-left-color:var(--color-border)}.divider--vertical.divider--solid{border-left-style:solid}.divider--vertical.divider--dashed{border-left-style:dashed}.divider--vertical.divider--dotted{border-left-style:dotted}.divider--vertical.divider--spacing-none{margin-left:0;margin-right:0}.divider--vertical.divider--spacing-xs{margin-left:.25rem;margin-right:.25rem}.divider--vertical.divider--spacing-sm{margin-left:.5rem;margin-right:.5rem}.divider--vertical.divider--spacing-md{margin-left:1rem;margin-right:1rem}.divider--vertical.divider--spacing-lg{margin-left:1.5rem;margin-right:1.5rem}.divider--vertical.divider--spacing-xl{margin-left:2rem;margin-right:2rem}.divider__label{font-size:.75rem;font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: DividerComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lc-divider",
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<div [class]=\"dividerClasses()\" role=\"separator\" [attr.aria-orientation]=\"orientation()\">\n  @if (label() && orientation() === 'horizontal') {\n    <span class=\"divider__label\">{{ label() }}</span>\n  }\n</div>\n",
+			styles: [":host{display:block}.divider--horizontal{width:100%;border:none;border-top-width:1px;border-top-color:var(--color-border)}.divider--horizontal.divider--solid{border-top-style:solid}.divider--horizontal.divider--dashed{border-top-style:dashed}.divider--horizontal.divider--dotted{border-top-style:dotted}.divider--horizontal.divider--spacing-none{margin-top:0;margin-bottom:0}.divider--horizontal.divider--spacing-xs{margin-top:.25rem;margin-bottom:.25rem}.divider--horizontal.divider--spacing-sm{margin-top:.5rem;margin-bottom:.5rem}.divider--horizontal.divider--spacing-md{margin-top:1rem;margin-bottom:1rem}.divider--horizontal.divider--spacing-lg{margin-top:1.5rem;margin-bottom:1.5rem}.divider--horizontal.divider--spacing-xl{margin-top:2rem;margin-bottom:2rem}.divider--horizontal.divider--with-label{display:flex;align-items:center;gap:.75rem;border-top:none}.divider--horizontal.divider--with-label:before,.divider--horizontal.divider--with-label:after{content:\"\";flex:1;border-top-width:1px;border-top-color:var(--color-border)}.divider--horizontal.divider--with-label.divider--solid:before,.divider--horizontal.divider--with-label.divider--solid:after{border-top-style:solid}.divider--horizontal.divider--with-label.divider--dashed:before,.divider--horizontal.divider--with-label.divider--dashed:after{border-top-style:dashed}.divider--horizontal.divider--with-label.divider--dotted:before,.divider--horizontal.divider--with-label.divider--dotted:after{border-top-style:dotted}.divider--vertical{display:inline-block;width:0;align-self:stretch;min-height:1rem;border:none;border-left-width:1px;border-left-color:var(--color-border)}.divider--vertical.divider--solid{border-left-style:solid}.divider--vertical.divider--dashed{border-left-style:dashed}.divider--vertical.divider--dotted{border-left-style:dotted}.divider--vertical.divider--spacing-none{margin-left:0;margin-right:0}.divider--vertical.divider--spacing-xs{margin-left:.25rem;margin-right:.25rem}.divider--vertical.divider--spacing-sm{margin-left:.5rem;margin-right:.5rem}.divider--vertical.divider--spacing-md{margin-left:1rem;margin-right:1rem}.divider--vertical.divider--spacing-lg{margin-left:1.5rem;margin-right:1.5rem}.divider--vertical.divider--spacing-xl{margin-left:2rem;margin-right:2rem}.divider__label{font-size:.75rem;font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}\n"]
+		}]
+	}],
+	propDecorators: {
+		orientation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "orientation",
+				required: false
+			}]
+		}],
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		spacing: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "spacing",
+				required: false
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}]
+	}
+});
+export { DividerComponent };
+
+//# sourceMappingURL=lifecorner-angular-ui-kit-divider.mjs.map

package/fesm2022/lifecorner-angular-ui-kit-divider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecorner-angular-ui-kit-divider.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/divider/divider.component.ts","../../../../libs/angular-ui-kit/src/lib/divider/divider.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  input,\n  computed,\n} from '@angular/core';\n\nexport type DividerOrientation = 'horizontal' | 'vertical';\nexport type DividerVariant = 'solid' | 'dashed' | 'dotted';\nexport type DividerSpacing = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\n/**\n * Divider component for visual separation of content.\n *\n * Features:\n * - Horizontal and vertical orientations\n * - Line style variants (solid, dashed, dotted)\n * - Configurable spacing (none, sm, md, lg)\n * - Optional centered text label\n * - Dark mode support\n *\n * @example\n * ```html\n * <lc-divider></lc-divider>\n * <lc-divider orientation=\"vertical\" variant=\"dashed\"></lc-divider>\n * <lc-divider spacing=\"lg\">OR</lc-divider>\n * ```\n */\n@Component({\n  selector: 'lc-divider',\n  standalone: true,\n  templateUrl: './divider.component.html',\n  styleUrls: ['./divider.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DividerComponent {\n  /**\n   * Orientation of the divider line.\n   * @default 'horizontal'\n   */\n  orientation = input<DividerOrientation>('horizontal');\n\n  /**\n   * Line style.\n   * @default 'solid'\n   */\n  variant = input<DividerVariant>('solid');\n\n  /**\n   * Spacing (margin) around the divider.\n   * @default 'md'\n   */\n  spacing = input<DividerSpacing>('md');\n\n  /**\n   * Optional inline text label (e.g. \"OR\", \"Section\").\n   */\n  label = input<string | undefined>(undefined);\n\n  protected dividerClasses = computed(() => {\n    return [\n      'divider',\n      `divider--${this.orientation()}`,\n      `divider--${this.variant()}`,\n      `divider--spacing-${this.spacing()}`,\n      this.label() ? 'divider--with-label' : '',\n    ]\n      .filter(Boolean)\n      .join(' ');\n  });\n}\n","<div [class]=\"dividerClasses()\" role=\"separator\" [attr.aria-orientation]=\"orientation()\">\n  @if (label() && orientation() === 'horizontal') {\n    <span class=\"divider__label\">{{ label() }}</span>\n  }\n</div>\n"],"mappings":";;AAmCA,IAAa,mBAAb,MAAa,iBAAgB;CAK3B,cAAc,MAA0B,cAAa,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CAMrD,UAAU,MAAsB,SAAQ,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAMxC,UAAU,MAAsB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAKrC,QAAQ,MAA0B,QAAU,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAElC,iBAAiB,eAAc;EACvC,OAAO;GACL;GACA,YAAY,KAAK,YAAW;GAC5B,YAAY,KAAK,QAAO;GACxB,oBAAoB,KAAK,QAAO;GAChC,KAAK,MAAK,IAAK,wBAAwB;EACxC,CAAA,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;CACb,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,iBAAA,CAAA,+BAAA,CAAA,CAAA;CAlCS,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAgB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAhB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAgB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,aAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,UAAA;EAAA,UCnC7B;EAKA,QAAA,CAAA,s3EAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AD8Ba,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAgB,YAAA,CAAA;EAP5B,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAY,YACV;GAAI,iBAGC,wBAAwB;GAAM,UAAA;GAAA,QAAA,CAAA,s3EAAA;EAAA,CAAA"}