@lifecorner/angular-ui-kit 3.4.0 → 3.5.0

package/fesm2022/lifecorner-angular-ui-kit-split-pane.mjs

@@ -0,0 +1,298 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, computed, effect, inject, input, output, signal } from "@angular/core";
+var SplitPaneComponent = class SplitPaneComponent {
+	initialSize = input(320, ...ngDevMode ? [{ debugName: "initialSize" }] : /* istanbul ignore next */ []);
+	minSize = input(0, ...ngDevMode ? [{ debugName: "minSize" }] : /* istanbul ignore next */ []);
+	maxSize = input(null, ...ngDevMode ? [{ debugName: "maxSize" }] : /* istanbul ignore next */ []);
+	storageKey = input(...ngDevMode ? [void 0, { debugName: "storageKey" }] : /* istanbul ignore next */ []);
+	step = input(16, ...ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []);
+	stackBelow = input(0, ...ngDevMode ? [{ debugName: "stackBelow" }] : /* istanbul ignore next */ []);
+	separatorLabel = input("Resize panel", ...ngDevMode ? [{ debugName: "separatorLabel" }] : /* istanbul ignore next */ []);
+	sizeChange = output();
+	host = inject(ElementRef);
+	destroyRef = inject(DestroyRef);
+	size = signal(0, ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	containerWidth = signal(0, ...ngDevMode ? [{ debugName: "containerWidth" }] : /* istanbul ignore next */ []);
+	stacked = signal(false, ...ngDevMode ? [{ debugName: "stacked" }] : /* istanbul ignore next */ []);
+	dragPointerId = null;
+	dragStartX = 0;
+	dragStartSize = 0;
+	effectiveSize = computed(() => this.clamp(this.size()), ...ngDevMode ? [{ debugName: "effectiveSize" }] : /* istanbul ignore next */ []);
+	ariaMax = computed(() => {
+		const max = this.resolveMaxPx();
+		return Number.isFinite(max) && max < Number.MAX_SAFE_INTEGER ? Math.round(max) : null;
+	}, ...ngDevMode ? [{ debugName: "ariaMax" }] : /* istanbul ignore next */ []);
+	constructor() {
+		effect((onCleanup) => {
+			const breakpoint = this.stackBelow();
+			if (!breakpoint || typeof window === "undefined" || typeof window.matchMedia !== "function") {
+				this.stacked.set(false);
+				return;
+			}
+			const query = window.matchMedia(`(max-width: ${breakpoint - .02}px)`);
+			this.stacked.set(query.matches);
+			const onChange = (event) => this.stacked.set(event.matches);
+			query.addEventListener("change", onChange);
+			onCleanup(() => query.removeEventListener("change", onChange));
+		});
+	}
+	ngOnInit() {
+		this.size.set(this.restoreSize() ?? this.initialSize());
+		this.observeContainer();
+	}
+	reset() {
+		this.applySize(this.initialSize());
+		this.persist();
+	}
+	onPointerDown(event) {
+		const separator = event.currentTarget;
+		try {
+			separator.setPointerCapture?.(event.pointerId);
+		} catch {}
+		this.dragPointerId = event.pointerId;
+		this.dragStartX = event.clientX;
+		this.dragStartSize = this.effectiveSize();
+		event.preventDefault();
+	}
+	onPointerMove(event) {
+		if (this.dragPointerId !== event.pointerId) return;
+		this.applySize(this.dragStartSize + (event.clientX - this.dragStartX));
+	}
+	onPointerUp(event) {
+		if (this.dragPointerId !== event.pointerId) return;
+		this.dragPointerId = null;
+		try {
+			event.currentTarget.releasePointerCapture?.(event.pointerId);
+		} catch {}
+		this.persist();
+	}
+	onKeydown(event) {
+		let next;
+		switch (event.key) {
+			case "ArrowLeft":
+				next = this.effectiveSize() - this.step();
+				break;
+			case "ArrowRight":
+				next = this.effectiveSize() + this.step();
+				break;
+			case "Home":
+				next = this.minSize();
+				break;
+			case "End":
+				next = this.resolveMaxPx();
+				break;
+			default: return;
+		}
+		event.preventDefault();
+		this.applySize(next);
+		this.persist();
+	}
+	applySize(px) {
+		const clamped = this.clamp(px);
+		const previous = this.effectiveSize();
+		this.size.set(clamped);
+		if (clamped !== previous) this.sizeChange.emit(clamped);
+	}
+	clamp(px) {
+		const min = this.minSize();
+		const max = Math.max(min, this.resolveMaxPx());
+		return Math.min(Math.max(px, min), max);
+	}
+	resolveMaxPx() {
+		const raw = this.maxSize();
+		const width = this.containerWidth();
+		if (raw == null) return width > 0 ? width : Number.MAX_SAFE_INTEGER;
+		if (typeof raw === "number") return raw;
+		const trimmed = raw.trim();
+		const value = parseFloat(trimmed);
+		if (Number.isNaN(value)) return Number.MAX_SAFE_INTEGER;
+		if (trimmed.endsWith("%")) return width > 0 ? width * value / 100 : Number.MAX_SAFE_INTEGER;
+		return value;
+	}
+	observeContainer() {
+		const element = this.host.nativeElement;
+		this.containerWidth.set(element.clientWidth || 0);
+		if (typeof ResizeObserver === "undefined") return;
+		const observer = new ResizeObserver((entries) => {
+			const width = entries[0]?.contentRect.width ?? 0;
+			this.containerWidth.set(width);
+		});
+		observer.observe(element);
+		this.destroyRef.onDestroy(() => observer.disconnect());
+	}
+	storageId() {
+		const key = this.storageKey();
+		return key ? `lc-split-pane:${key}` : null;
+	}
+	restoreSize() {
+		const id = this.storageId();
+		if (!id) return null;
+		try {
+			const raw = globalThis.localStorage?.getItem(id);
+			const parsed = raw == null ? NaN : parseFloat(raw);
+			return Number.isFinite(parsed) ? parsed : null;
+		} catch {
+			return null;
+		}
+	}
+	persist() {
+		const id = this.storageId();
+		if (!id) return;
+		try {
+			globalThis.localStorage?.setItem(id, String(this.effectiveSize()));
+		} catch {}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: SplitPaneComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: SplitPaneComponent,
+		isStandalone: true,
+		selector: "lc-split-pane",
+		inputs: {
+			initialSize: {
+				classPropertyName: "initialSize",
+				publicName: "initialSize",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			minSize: {
+				classPropertyName: "minSize",
+				publicName: "minSize",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			maxSize: {
+				classPropertyName: "maxSize",
+				publicName: "maxSize",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			storageKey: {
+				classPropertyName: "storageKey",
+				publicName: "storageKey",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			step: {
+				classPropertyName: "step",
+				publicName: "step",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			stackBelow: {
+				classPropertyName: "stackBelow",
+				publicName: "stackBelow",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			separatorLabel: {
+				classPropertyName: "separatorLabel",
+				publicName: "separatorLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { sizeChange: "sizeChange" },
+		ngImport: i0,
+		template: "<div class=\"lc-split-pane\" [class.lc-split-pane--stacked]=\"stacked()\">\n  <div\n    class=\"lc-split-pane__pane lc-split-pane__pane--start\"\n    [style.flex-basis.px]=\"stacked() ? null : effectiveSize()\"\n  >\n    <ng-content select=\"[slot=start]\" />\n  </div>\n\n  @if (!stacked()) {\n    <div\n      class=\"lc-split-pane__separator\"\n      role=\"separator\"\n      tabindex=\"0\"\n      aria-orientation=\"vertical\"\n      [attr.aria-label]=\"separatorLabel()\"\n      [attr.aria-valuenow]=\"effectiveSize()\"\n      [attr.aria-valuemin]=\"minSize()\"\n      [attr.aria-valuemax]=\"ariaMax()\"\n      (pointerdown)=\"onPointerDown($event)\"\n      (pointermove)=\"onPointerMove($event)\"\n      (pointerup)=\"onPointerUp($event)\"\n      (pointercancel)=\"onPointerUp($event)\"\n      (dblclick)=\"reset()\"\n      (keydown)=\"onKeydown($event)\"\n    ></div>\n  }\n\n  <div class=\"lc-split-pane__pane lc-split-pane__pane--end\">\n    <ng-content select=\"[slot=end]\" />\n  </div>\n</div>\n",
+		styles: [":host{display:block;height:100%;min-height:0}.lc-split-pane{display:flex;align-items:stretch;width:100%;height:100%;min-height:0}.lc-split-pane__pane{min-width:0;min-height:0;overflow:hidden}.lc-split-pane__pane--start{flex:0 0 auto}.lc-split-pane__pane--end{flex:1 1 auto}.lc-split-pane__separator{flex:0 0 auto;width:8px;cursor:col-resize;touch-action:none;position:relative;background:transparent;outline:none}.lc-split-pane__separator:before{content:\"\";position:absolute;inset-block:0;left:50%;width:1px;transform:translate(-50%);background:var(--color-border);transition:background-color .15s ease,width .15s ease}.lc-split-pane__separator:hover:before,.lc-split-pane__separator:active:before{width:3px;background:var(--color-primary-500)}.lc-split-pane__separator:focus-visible:before{width:3px;background:var(--color-primary-500)}.lc-split-pane--stacked{flex-direction:column}.lc-split-pane--stacked .lc-split-pane__pane--start{flex:0 0 auto}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: SplitPaneComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lc-split-pane",
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<div class=\"lc-split-pane\" [class.lc-split-pane--stacked]=\"stacked()\">\n  <div\n    class=\"lc-split-pane__pane lc-split-pane__pane--start\"\n    [style.flex-basis.px]=\"stacked() ? null : effectiveSize()\"\n  >\n    <ng-content select=\"[slot=start]\" />\n  </div>\n\n  @if (!stacked()) {\n    <div\n      class=\"lc-split-pane__separator\"\n      role=\"separator\"\n      tabindex=\"0\"\n      aria-orientation=\"vertical\"\n      [attr.aria-label]=\"separatorLabel()\"\n      [attr.aria-valuenow]=\"effectiveSize()\"\n      [attr.aria-valuemin]=\"minSize()\"\n      [attr.aria-valuemax]=\"ariaMax()\"\n      (pointerdown)=\"onPointerDown($event)\"\n      (pointermove)=\"onPointerMove($event)\"\n      (pointerup)=\"onPointerUp($event)\"\n      (pointercancel)=\"onPointerUp($event)\"\n      (dblclick)=\"reset()\"\n      (keydown)=\"onKeydown($event)\"\n    ></div>\n  }\n\n  <div class=\"lc-split-pane__pane lc-split-pane__pane--end\">\n    <ng-content select=\"[slot=end]\" />\n  </div>\n</div>\n",
+			styles: [":host{display:block;height:100%;min-height:0}.lc-split-pane{display:flex;align-items:stretch;width:100%;height:100%;min-height:0}.lc-split-pane__pane{min-width:0;min-height:0;overflow:hidden}.lc-split-pane__pane--start{flex:0 0 auto}.lc-split-pane__pane--end{flex:1 1 auto}.lc-split-pane__separator{flex:0 0 auto;width:8px;cursor:col-resize;touch-action:none;position:relative;background:transparent;outline:none}.lc-split-pane__separator:before{content:\"\";position:absolute;inset-block:0;left:50%;width:1px;transform:translate(-50%);background:var(--color-border);transition:background-color .15s ease,width .15s ease}.lc-split-pane__separator:hover:before,.lc-split-pane__separator:active:before{width:3px;background:var(--color-primary-500)}.lc-split-pane__separator:focus-visible:before{width:3px;background:var(--color-primary-500)}.lc-split-pane--stacked{flex-direction:column}.lc-split-pane--stacked .lc-split-pane__pane--start{flex:0 0 auto}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		initialSize: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "initialSize",
+				required: false
+			}]
+		}],
+		minSize: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "minSize",
+				required: false
+			}]
+		}],
+		maxSize: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "maxSize",
+				required: false
+			}]
+		}],
+		storageKey: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "storageKey",
+				required: false
+			}]
+		}],
+		step: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "step",
+				required: false
+			}]
+		}],
+		stackBelow: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "stackBelow",
+				required: false
+			}]
+		}],
+		separatorLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "separatorLabel",
+				required: false
+			}]
+		}],
+		sizeChange: [{
+			type: i0.Output,
+			args: ["sizeChange"]
+		}]
+	}
+});
+export { SplitPaneComponent };
+
+//# sourceMappingURL=lifecorner-angular-ui-kit-split-pane.mjs.map

package/fesm2022/lifecorner-angular-ui-kit-split-pane.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lifecorner-angular-ui-kit-split-pane.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/split-pane/split-pane.component.ts","../../../../libs/angular-ui-kit/src/lib/split-pane/split-pane.component.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  ElementRef,\n  OnInit,\n  computed,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\n\n/**\n * Resizable two-pane layout container.\n *\n * Projects two panes (`slot=\"start\"`, `slot=\"end\"`) side by side with a\n * draggable separator in between. The start pane has a fixed, user-adjustable\n * width; the end pane fills the remaining space.\n *\n * Features:\n * - Drag the separator with mouse / touch (pointer capture), bounded by\n *   `minSize` / `maxSize` (px or percentage of the container)\n * - Double-click the separator to restore `initialSize`\n * - Keyboard resizing: focusable separator, ←/→ adjust by `step`,\n *   Home/End jump to min/max (`role=\"separator\"`, `aria-valuenow`)\n * - Optional persistence: with `storageKey`, the width survives a reload\n * - Below the `stackBelow` viewport breakpoint the panes stack vertically\n *   and the resizer is disabled\n *\n * @example\n * ```html\n * <lc-split-pane\n *   [initialSize]=\"360\"\n *   [minSize]=\"280\"\n *   [maxSize]=\"'55%'\"\n *   storageKey=\"sidebar-width\"\n *   (sizeChange)=\"onWidthChange($event)\"\n * >\n *   <div slot=\"start\">…</div>\n *   <div slot=\"end\">…</div>\n * </lc-split-pane>\n * ```\n */\n@Component({\n  selector: 'lc-split-pane',\n  standalone: true,\n  templateUrl: './split-pane.component.html',\n  styleUrl: './split-pane.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SplitPaneComponent implements OnInit {\n  /** Initial width of the start pane in px. Restored on separator double-click. */\n  readonly initialSize = input<number>(320);\n\n  /** Minimum width of the start pane in px. */\n  readonly minSize = input<number>(0);\n\n  /**\n   * Maximum width of the start pane: a number (px) or a percentage string\n   * such as `'55%'` (relative to the container width). `null` = no limit\n   * beyond the container itself.\n   */\n  readonly maxSize = input<number | string | null>(null);\n\n  /**\n   * When set, the current width is persisted to localStorage under this key\n   * and restored on the next init.\n   */\n  readonly storageKey = input<string>();\n\n  /** Step in px for keyboard resizing (←/→ on the focused separator). */\n  readonly step = input<number>(16);\n\n  /**\n   * Viewport width in px below which the panes stack vertically and the\n   * resizer is disabled. `0` disables stacking.\n   */\n  readonly stackBelow = input<number>(0);\n\n  /** Accessible label for the separator. */\n  readonly separatorLabel = input('Resize panel');\n\n  /** Emitted whenever the start-pane width changes (drag, keyboard, reset). */\n  readonly sizeChange = output<number>();\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly destroyRef = inject(DestroyRef);\n\n  /** Requested start-pane width; clamped to min/max for rendering. */\n  private readonly size = signal(0);\n\n  /** Container width, tracked so percentage `maxSize` stays responsive. */\n  private readonly containerWidth = signal(0);\n\n  /** Whether the panes are stacked (viewport below `stackBelow`). */\n  protected readonly stacked = signal(false);\n\n  private dragPointerId: number | null = null;\n  private dragStartX = 0;\n  private dragStartSize = 0;\n\n  /** Clamped width actually applied to the start pane. */\n  protected readonly effectiveSize = computed(() => this.clamp(this.size()));\n\n  /** Resolved max in px for aria-valuemax; null when unbounded. */\n  protected readonly ariaMax = computed(() => {\n    const max = this.resolveMaxPx();\n    return Number.isFinite(max) && max < Number.MAX_SAFE_INTEGER\n      ? Math.round(max)\n      : null;\n  });\n\n  constructor() {\n    // Track the stacking breakpoint reactively; re-subscribes when the\n    // `stackBelow` input changes.\n    effect((onCleanup) => {\n      const breakpoint = this.stackBelow();\n      if (\n        !breakpoint ||\n        typeof window === 'undefined' ||\n        typeof window.matchMedia !== 'function'\n      ) {\n        this.stacked.set(false);\n        return;\n      }\n      const query = window.matchMedia(`(max-width: ${breakpoint - 0.02}px)`);\n      this.stacked.set(query.matches);\n      const onChange = (event: MediaQueryListEvent) =>\n        this.stacked.set(event.matches);\n      query.addEventListener('change', onChange);\n      onCleanup(() => query.removeEventListener('change', onChange));\n    });\n  }\n\n  ngOnInit(): void {\n    this.size.set(this.restoreSize() ?? this.initialSize());\n    this.observeContainer();\n  }\n\n  /** Restore the initial width (also wired to separator double-click). */\n  reset(): void {\n    this.applySize(this.initialSize());\n    this.persist();\n  }\n\n  protected onPointerDown(event: PointerEvent): void {\n    const separator = event.currentTarget as HTMLElement;\n    try {\n      separator.setPointerCapture?.(event.pointerId);\n    } catch {\n      // Synthetic events carry no active pointer — dragging still works as\n      // long as the pointer stays over the separator.\n    }\n    this.dragPointerId = event.pointerId;\n    this.dragStartX = event.clientX;\n    this.dragStartSize = this.effectiveSize();\n    event.preventDefault();\n  }\n\n  protected onPointerMove(event: PointerEvent): void {\n    if (this.dragPointerId !== event.pointerId) return;\n    this.applySize(this.dragStartSize + (event.clientX - this.dragStartX));\n  }\n\n  protected onPointerUp(event: PointerEvent): void {\n    if (this.dragPointerId !== event.pointerId) return;\n    this.dragPointerId = null;\n    try {\n      (event.currentTarget as HTMLElement).releasePointerCapture?.(\n        event.pointerId,\n      );\n    } catch {\n      // No capture to release — nothing to do.\n    }\n    this.persist();\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    let next: number;\n    switch (event.key) {\n      case 'ArrowLeft':\n        next = this.effectiveSize() - this.step();\n        break;\n      case 'ArrowRight':\n        next = this.effectiveSize() + this.step();\n        break;\n      case 'Home':\n        next = this.minSize();\n        break;\n      case 'End':\n        next = this.resolveMaxPx();\n        break;\n      default:\n        return;\n    }\n    event.preventDefault();\n    this.applySize(next);\n    this.persist();\n  }\n\n  // ── internals ──────────────────────────────────────────────────────────────\n\n  private applySize(px: number): void {\n    const clamped = this.clamp(px);\n    const previous = this.effectiveSize();\n    // Always store the clamped value so deltas can't accumulate off-limits.\n    this.size.set(clamped);\n    if (clamped !== previous) {\n      this.sizeChange.emit(clamped);\n    }\n  }\n\n  private clamp(px: number): number {\n    const min = this.minSize();\n    const max = Math.max(min, this.resolveMaxPx());\n    return Math.min(Math.max(px, min), max);\n  }\n\n  private resolveMaxPx(): number {\n    const raw = this.maxSize();\n    const width = this.containerWidth();\n    if (raw == null) {\n      return width > 0 ? width : Number.MAX_SAFE_INTEGER;\n    }\n    if (typeof raw === 'number') return raw;\n    const trimmed = raw.trim();\n    const value = parseFloat(trimmed);\n    if (Number.isNaN(value)) return Number.MAX_SAFE_INTEGER;\n    if (trimmed.endsWith('%')) {\n      return width > 0 ? (width * value) / 100 : Number.MAX_SAFE_INTEGER;\n    }\n    return value;\n  }\n\n  private observeContainer(): void {\n    const element = this.host.nativeElement;\n    this.containerWidth.set(element.clientWidth || 0);\n    if (typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver((entries) => {\n      const width = entries[0]?.contentRect.width ?? 0;\n      this.containerWidth.set(width);\n    });\n    observer.observe(element);\n    this.destroyRef.onDestroy(() => observer.disconnect());\n  }\n\n  private storageId(): string | null {\n    const key = this.storageKey();\n    return key ? `lc-split-pane:${key}` : null;\n  }\n\n  private restoreSize(): number | null {\n    const id = this.storageId();\n    if (!id) return null;\n    try {\n      const raw = globalThis.localStorage?.getItem(id);\n      const parsed = raw == null ? NaN : parseFloat(raw);\n      return Number.isFinite(parsed) ? parsed : null;\n    } catch {\n      return null;\n    }\n  }\n\n  private persist(): void {\n    const id = this.storageId();\n    if (!id) return;\n    try {\n      globalThis.localStorage?.setItem(id, String(this.effectiveSize()));\n    } catch {\n      // Storage unavailable (SSR, private mode) — width simply won't persist.\n    }\n  }\n}\n","<div class=\"lc-split-pane\" [class.lc-split-pane--stacked]=\"stacked()\">\n  <div\n    class=\"lc-split-pane__pane lc-split-pane__pane--start\"\n    [style.flex-basis.px]=\"stacked() ? null : effectiveSize()\"\n  >\n    <ng-content select=\"[slot=start]\" />\n  </div>\n\n  @if (!stacked()) {\n    <div\n      class=\"lc-split-pane__separator\"\n      role=\"separator\"\n      tabindex=\"0\"\n      aria-orientation=\"vertical\"\n      [attr.aria-label]=\"separatorLabel()\"\n      [attr.aria-valuenow]=\"effectiveSize()\"\n      [attr.aria-valuemin]=\"minSize()\"\n      [attr.aria-valuemax]=\"ariaMax()\"\n      (pointerdown)=\"onPointerDown($event)\"\n      (pointermove)=\"onPointerMove($event)\"\n      (pointerup)=\"onPointerUp($event)\"\n      (pointercancel)=\"onPointerUp($event)\"\n      (dblclick)=\"reset()\"\n      (keydown)=\"onKeydown($event)\"\n    ></div>\n  }\n\n  <div class=\"lc-split-pane__pane lc-split-pane__pane--end\">\n    <ng-content select=\"[slot=end]\" />\n  </div>\n</div>\n"],"mappings":";;AAoDA,IAAa,qBAAb,MAAa,mBAAkB;CAEpB,cAAc,MAAc,KAAI,GAAA,YAAA,CAAA,EAAA,WAAA,cAAA,CAAA,+BAAA,CAAA,CAAA;CAGhC,UAAU,MAAc,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAO1B,UAAU,MAA8B,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAM7C,aAAa,MAAe,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CAG5B,OAAO,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAMxB,aAAa,MAAc,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CAG7B,iBAAiB,MAAM,gBAAe,GAAA,YAAA,CAAA,EAAA,WAAA,iBAAA,CAAA,+BAAA,CAAA,CAAA;CAGtC,aAAa,OAAM;CAEX,OAAO,OAAgC,UAAU;CACjD,aAAa,OAAO,UAAU;CAG9B,OAAO,OAAO,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAGhB,iBAAiB,OAAO,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,iBAAA,CAAA,+BAAA,CAAA,CAAA;CAGxB,UAAU,OAAO,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAElC,gBAA+B;CAC/B,aAAa;CACb,gBAAgB;CAGL,gBAAgB,eAAe,KAAK,MAAM,KAAK,KAAI,CAAE,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,gBAAA,CAAA,+BAAA,CAAA,CAAA;CAGvD,UAAU,eAAc;EACzC,MAAM,MAAM,KAAK,aAAY;EAC7B,OAAO,OAAO,SAAS,GAAG,KAAK,MAAM,OAAO,mBACxC,KAAK,MAAM,GAAG,IACd;CACN,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAEF,cAAA;EAGE,QAAQ,cAAa;GACnB,MAAM,aAAa,KAAK,WAAU;GAClC,IACE,CAAC,cACD,OAAO,WAAW,eAClB,OAAO,OAAO,eAAe,YAC7B;IACA,KAAK,QAAQ,IAAI,KAAK;IACtB;GACF;GACA,MAAM,QAAQ,OAAO,WAAW,eAAe,aAAa,IAAI,IAAK;GACrE,KAAK,QAAQ,IAAI,MAAM,OAAO;GAC9B,MAAM,YAAY,UAChB,KAAK,QAAQ,IAAI,MAAM,OAAO;GAChC,MAAM,iBAAiB,UAAU,QAAQ;GACzC,gBAAgB,MAAM,oBAAoB,UAAU,QAAQ,CAAC;EAC/D,CAAC;CACH;CAEA,WAAQ;EACN,KAAK,KAAK,IAAI,KAAK,YAAW,KAAM,KAAK,YAAW,CAAE;EACtD,KAAK,iBAAgB;CACvB;CAGA,QAAK;EACH,KAAK,UAAU,KAAK,YAAW,CAAE;EACjC,KAAK,QAAO;CACd;CAEU,cAAc,OAAmB;EACzC,MAAM,YAAY,MAAM;EACxB,IAAI;GACF,UAAU,oBAAoB,MAAM,SAAS;EAC/C,QAAQ,CAGR;EACA,KAAK,gBAAgB,MAAM;EAC3B,KAAK,aAAa,MAAM;EACxB,KAAK,gBAAgB,KAAK,cAAa;EACvC,MAAM,eAAc;CACtB;CAEU,cAAc,OAAmB;EACzC,IAAI,KAAK,kBAAkB,MAAM,WAAW;EAC5C,KAAK,UAAU,KAAK,iBAAiB,MAAM,UAAU,KAAK,WAAW;CACvE;CAEU,YAAY,OAAmB;EACvC,IAAI,KAAK,kBAAkB,MAAM,WAAW;EAC5C,KAAK,gBAAgB;EACrB,IAAI;GACD,MAAM,cAA8B,wBACnC,MAAM,SAAS;EAEnB,QAAQ,CAER;EACA,KAAK,QAAO;CACd;CAEU,UAAU,OAAoB;EACtC,IAAI;EACJ,QAAQ,MAAM,KAAd;GACE,KAAK;IACH,OAAO,KAAK,cAAa,IAAK,KAAK,KAAI;IACvC;GACF,KAAK;IACH,OAAO,KAAK,cAAa,IAAK,KAAK,KAAI;IACvC;GACF,KAAK;IACH,OAAO,KAAK,QAAO;IACnB;GACF,KAAK;IACH,OAAO,KAAK,aAAY;IACxB;GACF,SACE;EACJ;EACA,MAAM,eAAc;EACpB,KAAK,UAAU,IAAI;EACnB,KAAK,QAAO;CACd;CAIQ,UAAU,IAAU;EAC1B,MAAM,UAAU,KAAK,MAAM,EAAE;EAC7B,MAAM,WAAW,KAAK,cAAa;EAEnC,KAAK,KAAK,IAAI,OAAO;EACrB,IAAI,YAAY,UACd,KAAK,WAAW,KAAK,OAAO;CAEhC;CAEQ,MAAM,IAAU;EACtB,MAAM,MAAM,KAAK,QAAO;EACxB,MAAM,MAAM,KAAK,IAAI,KAAK,KAAK,aAAY,CAAE;EAC7C,OAAO,KAAK,IAAI,KAAK,IAAI,IAAI,GAAG,GAAG,GAAG;CACxC;CAEQ,eAAY;EAClB,MAAM,MAAM,KAAK,QAAO;EACxB,MAAM,QAAQ,KAAK,eAAc;EACjC,IAAI,OAAO,MACT,OAAO,QAAQ,IAAI,QAAQ,OAAO;EAEpC,IAAI,OAAO,QAAQ,UAAU,OAAO;EACpC,MAAM,UAAU,IAAI,KAAI;EACxB,MAAM,QAAQ,WAAW,OAAO;EAChC,IAAI,OAAO,MAAM,KAAK,GAAG,OAAO,OAAO;EACvC,IAAI,QAAQ,SAAS,GAAG,GACtB,OAAO,QAAQ,IAAK,QAAQ,QAAS,MAAM,OAAO;EAEpD,OAAO;CACT;CAEQ,mBAAgB;EACtB,MAAM,UAAU,KAAK,KAAK;EAC1B,KAAK,eAAe,IAAI,QAAQ,eAAe,CAAC;EAChD,IAAI,OAAO,mBAAmB,aAAa;EAC3C,MAAM,WAAW,IAAI,gBAAgB,YAAW;GAC9C,MAAM,QAAQ,QAAQ,EAAE,EAAE,YAAY,SAAS;GAC/C,KAAK,eAAe,IAAI,KAAK;EAC/B,CAAC;EACD,SAAS,QAAQ,OAAO;EACxB,KAAK,WAAW,gBAAgB,SAAS,WAAU,CAAE;CACvD;CAEQ,YAAS;EACf,MAAM,MAAM,KAAK,WAAU;EAC3B,OAAO,MAAM,iBAAiB,QAAQ;CACxC;CAEQ,cAAW;EACjB,MAAM,KAAK,KAAK,UAAS;EACzB,IAAI,CAAC,IAAI,OAAO;EAChB,IAAI;GACF,MAAM,MAAM,WAAW,cAAc,QAAQ,EAAE;GAC/C,MAAM,SAAS,OAAO,OAAO,MAAM,WAAW,GAAG;GACjD,OAAO,OAAO,SAAS,MAAM,IAAI,SAAS;EAC5C,QAAQ;GACN,OAAO;EACT;CACF;CAEQ,UAAO;EACb,MAAM,KAAK,KAAK,UAAS;EACzB,IAAI,CAAC,IAAI;EACT,IAAI;GACF,WAAW,cAAc,QAAQ,IAAI,OAAO,KAAK,cAAa,CAAE,CAAC;EACnE,QAAQ,CAER;CACF;CA7NW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAkB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAlB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAkB,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,YAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,YAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,gBAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,SAAA,EAAA,YAAA,aAAA;EAAA,UAAA;EAAA,UCpD/B;EA+BA,QAAA,CAAA,27BAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;ADqBa,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAkB,YAAA,CAAA;EAP9B,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAe,YACb;GAAI,iBAGC,wBAAwB;GAAM,UAAA;GAAA,QAAA,CAAA,27BAAA;EAAA,CAAA"}

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

@@ -0,0 +1,162 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, HostBinding, computed, input } from "@angular/core";
+var StackComponent = class StackComponent {
+	direction = input("vertical", ...ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []);
+	gap = input("md", ...ngDevMode ? [{ debugName: "gap" }] : /* istanbul ignore next */ []);
+	align = input("stretch", ...ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []);
+	justify = input("start", ...ngDevMode ? [{ debugName: "justify" }] : /* istanbul ignore next */ []);
+	wrap = input(false, ...ngDevMode ? [{ debugName: "wrap" }] : /* istanbul ignore next */ []);
+	fullWidth = input(false, ...ngDevMode ? [{ debugName: "fullWidth" }] : /* istanbul ignore next */ []);
+	get hostClasses() {
+		return this.classes();
+	}
+	classes = computed(() => {
+		const classes = ["lc-stack"];
+		classes.push(`stack-${this.direction()}`);
+		classes.push(`stack-direction-${this.direction()}`);
+		classes.push(`stack-gap-${this.gap()}`);
+		classes.push(`stack-align-${this.align()}`);
+		classes.push(`stack-justify-${this.justify()}`);
+		if (this.wrap()) classes.push("stack-wrap");
+		if (this.fullWidth()) classes.push("stack-full-width");
+		return classes.join(" ");
+	}, ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: StackComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: StackComponent,
+		isStandalone: true,
+		selector: "lc-stack",
+		inputs: {
+			direction: {
+				classPropertyName: "direction",
+				publicName: "direction",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			gap: {
+				classPropertyName: "gap",
+				publicName: "gap",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			align: {
+				classPropertyName: "align",
+				publicName: "align",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			justify: {
+				classPropertyName: "justify",
+				publicName: "justify",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			wrap: {
+				classPropertyName: "wrap",
+				publicName: "wrap",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			fullWidth: {
+				classPropertyName: "fullWidth",
+				publicName: "fullWidth",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { properties: { "class": "this.hostClasses" } },
+		ngImport: i0,
+		template: "<ng-content></ng-content>\n",
+		styles: [":host{display:flex}:host(.stack-direction-vertical){flex-direction:column}:host(.stack-direction-horizontal){flex-direction:row}:host(.stack-gap-none){gap:var(--lc-density-gap-none, 0)}:host(.stack-gap-xs){gap:var(--lc-density-gap-xs, .25rem)}:host(.stack-gap-sm){gap:var(--lc-density-gap-sm, .5rem)}:host(.stack-gap-md){gap:var(--lc-density-gap-md, 1rem)}:host(.stack-gap-lg){gap:var(--lc-density-gap-lg, 1.5rem)}:host(.stack-gap-xl){gap:var(--lc-density-gap-xl, 2rem)}:host(.stack-align-start){align-items:flex-start}:host(.stack-align-center){align-items:center}:host(.stack-align-end){align-items:flex-end}:host(.stack-align-stretch){align-items:stretch}:host(.stack-align-baseline){align-items:baseline}:host(.stack-justify-start){justify-content:flex-start}:host(.stack-justify-center){justify-content:center}:host(.stack-justify-end){justify-content:flex-end}:host(.stack-justify-between){justify-content:space-between}:host(.stack-justify-around){justify-content:space-around}:host(.stack-justify-evenly){justify-content:space-evenly}:host(.stack-wrap){flex-wrap:wrap}:host(.stack-full-width){width:100%}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: StackComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "lc-stack",
+			standalone: true,
+			imports: [],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<ng-content></ng-content>\n",
+			styles: [":host{display:flex}:host(.stack-direction-vertical){flex-direction:column}:host(.stack-direction-horizontal){flex-direction:row}:host(.stack-gap-none){gap:var(--lc-density-gap-none, 0)}:host(.stack-gap-xs){gap:var(--lc-density-gap-xs, .25rem)}:host(.stack-gap-sm){gap:var(--lc-density-gap-sm, .5rem)}:host(.stack-gap-md){gap:var(--lc-density-gap-md, 1rem)}:host(.stack-gap-lg){gap:var(--lc-density-gap-lg, 1.5rem)}:host(.stack-gap-xl){gap:var(--lc-density-gap-xl, 2rem)}:host(.stack-align-start){align-items:flex-start}:host(.stack-align-center){align-items:center}:host(.stack-align-end){align-items:flex-end}:host(.stack-align-stretch){align-items:stretch}:host(.stack-align-baseline){align-items:baseline}:host(.stack-justify-start){justify-content:flex-start}:host(.stack-justify-center){justify-content:center}:host(.stack-justify-end){justify-content:flex-end}:host(.stack-justify-between){justify-content:space-between}:host(.stack-justify-around){justify-content:space-around}:host(.stack-justify-evenly){justify-content:space-evenly}:host(.stack-wrap){flex-wrap:wrap}:host(.stack-full-width){width:100%}\n"]
+		}]
+	}],
+	propDecorators: {
+		direction: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "direction",
+				required: false
+			}]
+		}],
+		gap: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "gap",
+				required: false
+			}]
+		}],
+		align: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "align",
+				required: false
+			}]
+		}],
+		justify: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "justify",
+				required: false
+			}]
+		}],
+		wrap: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "wrap",
+				required: false
+			}]
+		}],
+		fullWidth: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fullWidth",
+				required: false
+			}]
+		}],
+		hostClasses: [{
+			type: HostBinding,
+			args: ["class"]
+		}]
+	}
+});
+export { StackComponent };
+
+//# sourceMappingURL=lifecorner-angular-ui-kit-stack.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lifecorner-angular-ui-kit-stack.mjs","names":[],"sources":["../../../../libs/angular-ui-kit/src/lib/stack/stack.component.ts","../../../../libs/angular-ui-kit/src/lib/stack/stack.component.html"],"sourcesContent":["import { Component, input, computed, HostBinding, ChangeDetectionStrategy } from '@angular/core';\n\nexport type StackDirection = 'vertical' | 'horizontal';\nexport type StackGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\nexport type StackAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';\nexport type StackJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';\n\n@Component({\n  selector: 'lc-stack',\n  standalone: true,\n  imports: [],\n  templateUrl: './stack.component.html',\n  styleUrls: ['./stack.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\n/**\n * Stack component for flexbox-based layout composition.\n *\n * Features:\n * - Vertical and horizontal direction\n * - Configurable gap spacing (none, xs, sm, md, lg, xl) — defaults to `md`\n * - Density-aware: when any ancestor sets `data-density=\"compact|cosy|comfortable\"`,\n *   the gap is driven by the `--lc-density-gap-*` tokens, so one attribute\n *   on the page root rescales the rhythm of every Stack inside.\n * - Alignment and justification options\n * - Optional wrapping and full-width modes\n * - Content projection via ng-content\n *\n * @example\n * ```html\n * <!-- Single setting on the page root rescales all stacks below -->\n * <main data-density=\"compact\">\n *   <lc-stack gap=\"md\">…</lc-stack>\n * </main>\n * ```\n */\nexport class StackComponent {\n  direction = input<StackDirection>('vertical');\n  /** Spacing between children. Maps to `--lc-density-gap-*` when an ancestor sets `data-density`. */\n  gap = input<StackGap>('md');\n  align = input<StackAlign>('stretch');\n  justify = input<StackJustify>('start');\n  wrap = input<boolean>(false);\n  fullWidth = input<boolean>(false);\n\n  @HostBinding('class')\n  get hostClasses(): string {\n    return this.classes();\n  }\n\n  classes = computed(() => {\n    const classes: string[] = ['lc-stack'];\n\n    // Semantic direction class\n    classes.push(`stack-${this.direction()}`);\n    classes.push(`stack-direction-${this.direction()}`);\n\n    // Semantic gap class — drives density via [data-density] ancestor\n    classes.push(`stack-gap-${this.gap()}`);\n\n    // Alignment\n    classes.push(`stack-align-${this.align()}`);\n\n    // Justification\n    classes.push(`stack-justify-${this.justify()}`);\n\n    if (this.wrap()) {\n      classes.push('stack-wrap');\n    }\n\n    if (this.fullWidth()) {\n      classes.push('stack-full-width');\n    }\n\n    return classes.join(' ');\n  });\n}\n","<ng-content></ng-content>\n"],"mappings":";;AAoCA,IAAa,iBAAb,MAAa,eAAc;CACzB,YAAY,MAAsB,YAAW,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;CAE7C,MAAM,MAAgB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,MAAA,CAAA,+BAAA,CAAA,CAAA;CAC3B,QAAQ,MAAkB,WAAU,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CACpC,UAAU,MAAoB,SAAQ,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CACtC,OAAO,MAAe,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAC5B,YAAY,MAAe,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;CAEjC,IACI,cAAW;EACb,OAAO,KAAK,QAAO;CACrB;CAEA,UAAU,eAAc;EACtB,MAAM,UAAoB,CAAC,UAAU;EAGrC,QAAQ,KAAK,SAAS,KAAK,UAAS,GAAI;EACxC,QAAQ,KAAK,mBAAmB,KAAK,UAAS,GAAI;EAGlD,QAAQ,KAAK,aAAa,KAAK,IAAG,GAAI;EAGtC,QAAQ,KAAK,eAAe,KAAK,MAAK,GAAI;EAG1C,QAAQ,KAAK,iBAAiB,KAAK,QAAO,GAAI;EAE9C,IAAI,KAAK,KAAI,GACX,QAAQ,KAAK,YAAY;EAG3B,IAAI,KAAK,UAAS,GAChB,QAAQ,KAAK,kBAAkB;EAGjC,OAAO,QAAQ,KAAK,GAAG;CACzB,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAvCS,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAc,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAd,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAc,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,WAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,KAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,OAAA;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,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,WAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,MAAA,EAAA,YAAA,EAAA,SAAA,mBAAA,EAAA;EAAA,UAAA;EAAA,UCpC3B;EACA,QAAA,CAAA,4lCAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;ADmCa,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAc,YAAA,CAAA;EA7B1B,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAU,YACR;GAAI,SACP,CAAA;GAAE,iBAGM,wBAAwB;GAAM,UAAA;GAAA,QAAA,CAAA,4lCAAA;EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgC9C,MAAA;GAAY,MAAA,CAAA,OAAO"}