@hyalo/angular 0.0.0-stage → 0.1.0

package/fesm2022/hyalo-angular.mjs

@@ -0,0 +1,473 @@
+import * as i0 from "@angular/core";
+import { DOCUMENT, DestroyRef, Directive, ElementRef, Injectable, InjectionToken, PLATFORM_ID, afterNextRender, afterRenderEffect, computed, effect, inject, input, signal } from "@angular/core";
+import { FocusMonitor, _IdGenerator } from "@angular/cdk/a11y";
+import { isPlatformBrowser } from "@angular/common";
+const DEFAULTS = {
+	material: "frosted",
+	size: "md",
+	tone: "primary"
+};
+const HY_CONFIG = new InjectionToken("HY_CONFIG", {
+	providedIn: "root",
+	factory: () => DEFAULTS
+});
+function provideHyalo(config = {}) {
+	return {
+		provide: HY_CONFIG,
+		useFactory: () => {
+			return {
+				...inject(HY_CONFIG, {
+					skipSelf: true,
+					optional: true
+				}) ?? DEFAULTS,
+				...config
+			};
+		}
+	};
+}
+function injectId(prefix) {
+	return inject(_IdGenerator).getId(`hy-${prefix}-`);
+}
+function injectIsBrowser() {
+	return isPlatformBrowser(inject(PLATFORM_ID));
+}
+function matchesMedia(query) {
+	return typeof matchMedia === "function" && matchMedia(query).matches;
+}
+function detectFidelity(nav) {
+	if (nav.connection?.saveData) return "low";
+	const memory = nav.deviceMemory ?? 8;
+	const cores = nav.hardwareConcurrency ?? 8;
+	if (memory <= 2 || cores <= 2) return "low";
+	if (memory <= 4 || cores <= 4 || matchesMedia("(pointer: coarse)")) return "medium";
+	return "high";
+}
+var HyFidelity = class HyFidelity {
+	config = inject(HY_CONFIG);
+	document = inject(DOCUMENT);
+	_tier = signal(this.config.fidelity ?? "medium", ...ngDevMode ? [{ debugName: "_tier" }] : /* istanbul ignore next */ []);
+	overridden = !!this.config.fidelity;
+	tier = this._tier.asReadonly();
+	constructor() {
+		if (!injectIsBrowser()) return;
+		afterNextRender(() => {
+			if (!this.overridden) this._tier.set(detectFidelity(navigator));
+		});
+		effect(() => this.document.documentElement.setAttribute("data-hy-fidelity", this._tier()));
+	}
+	setTier(tier) {
+		this.overridden = true;
+		this._tier.set(tier);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyFidelity,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyFidelity,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyFidelity,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => []
+});
+const MOTION = {
+	settle: {
+		duration: .44,
+		ease: "power3.out",
+		css: "cubic-bezier(0.215, 0.61, 0.355, 1)"
+	},
+	pop: {
+		duration: .5,
+		ease: "back.out(1.5)",
+		css: "cubic-bezier(0.34, 1.56, 0.64, 1)"
+	},
+	quick: {
+		duration: .22,
+		ease: "power2.out",
+		css: "cubic-bezier(0.25, 0.46, 0.45, 0.94)"
+	},
+	scene: {
+		duration: .9,
+		ease: "expo.out",
+		css: "cubic-bezier(0.16, 1, 0.3, 1)"
+	}
+};
+var HyMotion = class HyMotion {
+	config = inject(HY_CONFIG);
+	fidelity = inject(HyFidelity);
+	document = inject(DOCUMENT);
+	isBrowser = injectIsBrowser();
+	_reduced = signal(false, ...ngDevMode ? [{ debugName: "_reduced" }] : /* istanbul ignore next */ []);
+	gsapPromise;
+	reduced = this._reduced.asReadonly();
+	enabled = computed(() => !this._reduced() && this.fidelity.tier() !== "low", ...ngDevMode ? [{ debugName: "enabled" }] : /* istanbul ignore next */ []);
+	constructor() {
+		if (!this.isBrowser || typeof matchMedia !== "function") return;
+		const query = matchMedia("(prefers-reduced-motion: reduce)");
+		const forced = this.document.documentElement.getAttribute("data-hy-motion");
+		this._reduced.set(forced ? forced === "reduced" : query.matches);
+		query.addEventListener("change", (event) => {
+			if (!this.document.documentElement.hasAttribute("data-hy-motion")) this._reduced.set(event.matches);
+		});
+	}
+	setReduced(reduced) {
+		const root = this.document.documentElement;
+		if (reduced === null) {
+			root.removeAttribute("data-hy-motion");
+			this._reduced.set(matchesMedia("(prefers-reduced-motion: reduce)"));
+			return;
+		}
+		root.setAttribute("data-hy-motion", reduced ? "reduced" : "full");
+		this._reduced.set(reduced);
+	}
+	gsap() {
+		const loader = this.config.gsap;
+		if (!this.isBrowser || !loader) return Promise.resolve(null);
+		this.gsapPromise ??= loader().catch(() => null);
+		return this.gsapPromise;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyMotion,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyMotion,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyMotion,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => []
+});
+const SPRINGS = {
+	settle: {
+		damping: 1,
+		response: .4
+	},
+	momentum: {
+		damping: .8,
+		response: .3
+	}
+};
+const STEP = 1 / 240;
+const REST_DELTA = .1;
+const REST_VELOCITY = 2;
+var HySpring = class {
+	onUpdate;
+	value;
+	velocity = 0;
+	target = 0;
+	config = SPRINGS.settle;
+	onRest = null;
+	frame = 0;
+	last = 0;
+	constructor(initial, onUpdate) {
+		this.onUpdate = onUpdate;
+		this.value = initial;
+	}
+	get running() {
+		return this.frame !== 0;
+	}
+	to(target, options = {}) {
+		this.target = target;
+		this.config = {
+			damping: options.damping ?? SPRINGS.settle.damping,
+			response: options.response ?? SPRINGS.settle.response
+		};
+		if (options.velocity !== void 0) this.velocity = options.velocity;
+		this.onRest = options.onRest ?? null;
+		if (this.frame) return;
+		this.last = performance.now();
+		this.frame = requestAnimationFrame(this.tick);
+	}
+	set(value) {
+		this.stop();
+		this.value = value;
+		this.velocity = 0;
+		this.onUpdate(value);
+	}
+	stop() {
+		cancelAnimationFrame(this.frame);
+		this.frame = 0;
+		this.onRest = null;
+	}
+	tick = (now) => {
+		const dt = Math.max(0, Math.min((now - this.last) / 1e3, 1 / 15));
+		this.last = Math.max(now, this.last);
+		const stiffness = (2 * Math.PI / this.config.response) ** 2;
+		const friction = 4 * Math.PI * this.config.damping / this.config.response;
+		const steps = Math.ceil(dt / Math.min(STEP, this.config.response / 60));
+		const h = dt / steps;
+		for (let i = 0; i < steps; i++) {
+			this.velocity += (-stiffness * (this.value - this.target) - friction * this.velocity) * h;
+			this.value += this.velocity * h;
+		}
+		if (Math.abs(this.velocity) < REST_VELOCITY && Math.abs(this.value - this.target) < REST_DELTA) {
+			this.value = this.target;
+			this.velocity = 0;
+			this.frame = 0;
+			const done = this.onRest;
+			this.onRest = null;
+			this.onUpdate(this.value);
+			done?.();
+			return;
+		}
+		this.onUpdate(this.value);
+		this.frame = requestAnimationFrame(this.tick);
+	};
+};
+function project(velocity, decelerationRate = .998) {
+	return velocity / 1e3 * decelerationRate / (1 - decelerationRate);
+}
+function rubberband(overshoot, dimension, constant = .55) {
+	if (dimension <= 0) return 0;
+	const x = Math.abs(overshoot);
+	return Math.sign(overshoot) * (x * dimension * constant) / (dimension + constant * x);
+}
+var HyVelocityTracker = class {
+	samples = [];
+	add(value, time = performance.now()) {
+		this.samples.push({
+			t: time,
+			v: value
+		});
+		while (this.samples.length > 2 && time - (this.samples[0]?.t ?? time) > 100) this.samples.shift();
+	}
+	reset() {
+		this.samples = [];
+	}
+	velocity(now = performance.now()) {
+		const recent = this.samples.filter((s) => now - s.t <= 100);
+		const first = recent[0];
+		const last = recent[recent.length - 1];
+		if (!first || !last || last.t === first.t) return 0;
+		return (last.v - first.v) / (last.t - first.t) * 1e3;
+	}
+};
+var HyMaterialDirective = class HyMaterialDirective {
+	config = inject(HY_CONFIG);
+	fidelity = inject(HyFidelity);
+	material = input(void 0, {
+		...ngDevMode ? { debugName: "material" } : /* istanbul ignore next */ {},
+		alias: "hyMaterial"
+	});
+	thickness = input("regular", ...ngDevMode ? [{ debugName: "thickness" }] : /* istanbul ignore next */ []);
+	resolved = computed(() => {
+		if (this.fidelity.tier() === "low") return "solid";
+		return this.material() || this.config.material;
+	}, ...ngDevMode ? [{ debugName: "resolved" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyMaterialDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.3",
+		type: HyMaterialDirective,
+		isStandalone: true,
+		selector: "[hyMaterial]",
+		inputs: {
+			material: {
+				classPropertyName: "material",
+				publicName: "hyMaterial",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			thickness: {
+				classPropertyName: "thickness",
+				publicName: "thickness",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			properties: {
+				"attr.data-material": "resolved()",
+				"attr.data-thickness": "thickness() === \"regular\" ? null : thickness()"
+			},
+			classAttribute: "hy-glass"
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyMaterialDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[hyMaterial]",
+			host: {
+				class: "hy-glass",
+				"[attr.data-material]": "resolved()",
+				"[attr.data-thickness]": "thickness() === \"regular\" ? null : thickness()"
+			}
+		}]
+	}],
+	propDecorators: {
+		material: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hyMaterial",
+				required: false
+			}]
+		}],
+		thickness: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "thickness",
+				required: false
+			}]
+		}]
+	}
+});
+var HyInteractive = class HyInteractive {
+	host = inject(ElementRef);
+	focusMonitor = inject(FocusMonitor);
+	hovered = signal(false, ...ngDevMode ? [{ debugName: "hovered" }] : /* istanbul ignore next */ []);
+	pressed = signal(false, ...ngDevMode ? [{ debugName: "pressed" }] : /* istanbul ignore next */ []);
+	focusVisible = signal(false, ...ngDevMode ? [{ debugName: "focusVisible" }] : /* istanbul ignore next */ []);
+	constructor() {
+		afterNextRender(() => {
+			this.focusMonitor.monitor(this.host).subscribe((origin) => {
+				this.focusVisible.set(origin === "keyboard");
+			});
+		});
+		inject(DestroyRef).onDestroy(() => this.focusMonitor.stopMonitoring(this.host));
+	}
+	onEnter(event) {
+		if (event.pointerType !== "touch") this.hovered.set(true);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyInteractive,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.3",
+		type: HyInteractive,
+		isStandalone: true,
+		selector: "[hyInteractive]",
+		host: {
+			listeners: {
+				"pointerenter": "onEnter($event)",
+				"pointerleave": "hovered.set(false); pressed.set(false)",
+				"pointerdown": "pressed.set(true)",
+				"pointerup": "pressed.set(false)",
+				"pointercancel": "pressed.set(false)"
+			},
+			properties: {
+				"attr.data-hover": "hovered() || null",
+				"attr.data-press": "pressed() || null",
+				"attr.data-focus-visible": "focusVisible() || null"
+			}
+		},
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyInteractive,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[hyInteractive]",
+			host: {
+				"[attr.data-hover]": "hovered() || null",
+				"[attr.data-press]": "pressed() || null",
+				"[attr.data-focus-visible]": "focusVisible() || null",
+				"(pointerenter)": "onEnter($event)",
+				"(pointerleave)": "hovered.set(false); pressed.set(false)",
+				"(pointerdown)": "pressed.set(true)",
+				"(pointerup)": "pressed.set(false)",
+				"(pointercancel)": "pressed.set(false)"
+			}
+		}]
+	}],
+	ctorParameters: () => []
+});
+function trackIndicator(container, selected) {
+	const ready = signal(false, ...ngDevMode ? [{ debugName: "ready" }] : /* istanbul ignore next */ []);
+	const size = signal(0, ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	const destroyRef = inject(DestroyRef);
+	afterNextRender(() => {
+		const row = container()?.nativeElement;
+		if (!row || typeof ResizeObserver !== "function") return;
+		const observer = new ResizeObserver(() => size.update((v) => v + 1));
+		observer.observe(row);
+		destroyRef.onDestroy(() => observer.disconnect());
+	});
+	afterRenderEffect({
+		earlyRead: () => {
+			size();
+			const row = container()?.nativeElement;
+			const item = selected();
+			if (!row || !item) return null;
+			const rowRect = row.getBoundingClientRect();
+			const rect = item.getBoundingClientRect();
+			const scale = row.offsetWidth ? rowRect.width / row.offsetWidth : 1;
+			return {
+				row,
+				x: (rect.left - rowRect.left) / scale + row.scrollLeft,
+				size: rect.width / scale
+			};
+		},
+		write: (measured) => {
+			const m = measured();
+			if (!m) return;
+			m.row.style.setProperty("--hy-ind-x", `${m.x}px`);
+			m.row.style.setProperty("--hy-ind-size", `${m.size}px`);
+			if (!ready()) requestAnimationFrame(() => ready.set(true));
+		}
+	});
+	return ready.asReadonly();
+}
+export { HY_CONFIG, HyFidelity, HyInteractive, HyMaterialDirective, HyMotion, HySpring, HyVelocityTracker, MOTION, SPRINGS, detectFidelity, injectId, project, provideHyalo, rubberband, injectIsBrowser as ɵinjectIsBrowser, matchesMedia as ɵmatchesMedia, trackIndicator as ɵtrackIndicator };
+
+//# sourceMappingURL=hyalo-angular.mjs.map

package/fesm2022/hyalo-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hyalo-angular.mjs","names":[],"sources":["../../../projects/hyalo/src/lib/core/config.ts","../../../projects/hyalo/src/lib/core/ids.ts","../../../projects/hyalo/src/lib/core/platform.ts","../../../projects/hyalo/src/lib/fidelity/fidelity.ts","../../../projects/hyalo/src/lib/motion/motion.ts","../../../projects/hyalo/src/lib/motion/spring.ts","../../../projects/hyalo/src/lib/material/material.ts","../../../projects/hyalo/src/lib/interaction/state.ts","../../../projects/hyalo/src/lib/core/indicator.ts"],"sourcesContent":["import { InjectionToken, Provider, inject } from '@angular/core';\nimport type { HyFidelityTier, HyMaterial, HySize, HyTone } from './axes';\nimport type { HyGsapLoader } from './gsap';\n\n/** Global defaults read by every Hyalo component. */\nexport interface HyConfig {\n  /** Default material for glass surfaces. */\n  readonly material: HyMaterial;\n  /** Default control size. */\n  readonly size: HySize;\n  /** Default tone for buttons and other coloured controls. */\n  readonly tone: HyTone;\n  /**\n   * Forces a fidelity tier instead of detecting it. Handy for tests,\n   * screenshots and low-end kiosks.\n   */\n  readonly fidelity?: HyFidelityTier;\n  /**\n   * Loads GSAP on demand. Without it, Hyalo falls back to CSS transitions,\n   * so GSAP stays an optional dependency.\n   *\n   * ```ts\n   * provideHyalo({ gsap: () => import('gsap').then((m) => m.gsap) })\n   * ```\n   */\n  readonly gsap?: HyGsapLoader;\n  /**\n   * Maps a palette name to its stylesheet URL for HyPalette. Defaults to\n   * `palette-<name>.css`, which is what a non-injected `bundleName` entry\n   * in angular.json produces.\n   */\n  readonly paletteHref?: (name: string) => string;\n}\n\nconst DEFAULTS: HyConfig = {\n  material: 'frosted',\n  size: 'md',\n  tone: 'primary',\n};\n\n/** Resolved Hyalo configuration. Use {@link provideHyalo} to change it. */\nexport const HY_CONFIG = new InjectionToken<HyConfig>('HY_CONFIG', {\n  providedIn: 'root',\n  factory: () => DEFAULTS,\n});\n\n/**\n * Sets Hyalo defaults. Works in `app.config.ts` and in a component's\n * `providers`, where it merges with whatever the parent injector provides.\n * That makes it easy to switch one section of a page to `solid`, for example.\n */\nexport function provideHyalo(config: Partial<HyConfig> = {}): Provider {\n  return {\n    provide: HY_CONFIG,\n    useFactory: (): HyConfig => {\n      const parent = inject(HY_CONFIG, { skipSelf: true, optional: true }) ?? DEFAULTS;\n      return { ...parent, ...config };\n    },\n  };\n}\n","import { inject } from '@angular/core';\nimport { _IdGenerator } from '@angular/cdk/a11y';\n\n/**\n * Returns a unique id with the given prefix. The counter is per application,\n * so the server and the client produce the same ids during hydration.\n */\nexport function injectId(prefix: string): string {\n  return inject(_IdGenerator).getId(`hy-${prefix}-`);\n}\n","import { PLATFORM_ID, inject } from '@angular/core';\nimport { isPlatformBrowser } from '@angular/common';\n\n/** True in the browser, false during server rendering. Call in an injection context. */\nexport function injectIsBrowser(): boolean {\n  return isPlatformBrowser(inject(PLATFORM_ID));\n}\n\n/** Reads a media query once. Always false on the server. */\nexport function matchesMedia(query: string): boolean {\n  return typeof matchMedia === 'function' && matchMedia(query).matches;\n}\n","import { DOCUMENT, Injectable, afterNextRender, effect, inject, signal } from '@angular/core';\nimport { HY_CONFIG } from '../core/config';\nimport type { HyFidelityTier } from '../core/axes';\nimport { injectIsBrowser, matchesMedia } from '../core/platform';\n\nexport type { HyFidelityTier };\n\ninterface NavigatorHints {\n  readonly deviceMemory?: number;\n  readonly hardwareConcurrency?: number;\n  readonly connection?: { readonly saveData?: boolean };\n}\n\n/**\n * Picks a tier from what the browser reports. Exported for tests and for\n * apps that want to run the same check themselves.\n *\n * Reduced motion is not a reason to drop a tier: it asks for less movement,\n * not for less glass. HyMotion already turns off decorative motion for it,\n * and reduced transparency is handled in CSS.\n */\nexport function detectFidelity(nav: NavigatorHints): HyFidelityTier {\n  if (nav.connection?.saveData) return 'low';\n  const memory = nav.deviceMemory ?? 8;\n  const cores = nav.hardwareConcurrency ?? 8;\n  if (memory <= 2 || cores <= 2) return 'low';\n  if (memory <= 4 || cores <= 4 || matchesMedia('(pointer: coarse)')) return 'medium';\n  return 'high';\n}\n\n/**\n * Holds the current fidelity tier. Every effect in Hyalo reads it.\n *\n * The server and the first client render always use `medium`, so hydration\n * sees the same markup. The real tier is detected right after the first\n * render. The tier is also written to `data-hy-fidelity` on `<html>` for\n * CSS that needs it.\n */\n@Injectable({ providedIn: 'root' })\nexport class HyFidelity {\n  private readonly config = inject(HY_CONFIG);\n  private readonly document = inject(DOCUMENT);\n  private readonly _tier = signal<HyFidelityTier>(this.config.fidelity ?? 'medium');\n  private overridden = !!this.config.fidelity;\n\n  /** The active tier. */\n  readonly tier = this._tier.asReadonly();\n\n  constructor() {\n    if (!injectIsBrowser()) return;\n    afterNextRender(() => {\n      if (!this.overridden) {\n        this._tier.set(detectFidelity(navigator as NavigatorHints));\n      }\n    });\n    effect(() => this.document.documentElement.setAttribute('data-hy-fidelity', this._tier()));\n  }\n\n  /** Overrides the detected tier, for example from a settings toggle. */\n  setTier(tier: HyFidelityTier): void {\n    this.overridden = true;\n    this._tier.set(tier);\n  }\n}\n","import { DOCUMENT, Injectable, computed, inject, signal } from '@angular/core';\nimport { HY_CONFIG } from '../core/config';\nimport { injectIsBrowser, matchesMedia } from '../core/platform';\nimport { HyFidelity } from '../fidelity/fidelity';\nimport type { HyGsap } from '../core/gsap';\n\n/** One named motion: duration in seconds plus matching GSAP and CSS easings. */\nexport interface HyMotionPreset {\n  readonly duration: number;\n  readonly ease: string;\n  readonly css: string;\n}\n\n/**\n * The shared motion vocabulary. CSS has the same values as `--hy-dur-*` and\n * `--hy-ease-*` tokens.\n *\n * - `settle`: the default for anything that moves into place.\n * - `pop`: a small overshoot. Only for motion the user caused, such as a\n *   toggle they just pressed. Never for things that appear on their own.\n * - `quick`: acknowledgements, like a press or a hover.\n * - `scene`: large, slow movements such as section reveals.\n */\nexport const MOTION = {\n  settle: { duration: 0.44, ease: 'power3.out', css: 'cubic-bezier(0.215, 0.61, 0.355, 1)' },\n  pop: { duration: 0.5, ease: 'back.out(1.5)', css: 'cubic-bezier(0.34, 1.56, 0.64, 1)' },\n  quick: { duration: 0.22, ease: 'power2.out', css: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)' },\n  scene: { duration: 0.9, ease: 'expo.out', css: 'cubic-bezier(0.16, 1, 0.3, 1)' },\n} as const satisfies Record<string, HyMotionPreset>;\n\n/**\n * Motion state for the whole app: whether the user prefers reduced motion,\n * whether effects may run at all, and lazy access to GSAP.\n */\n@Injectable({ providedIn: 'root' })\nexport class HyMotion {\n  private readonly config = inject(HY_CONFIG);\n  private readonly fidelity = inject(HyFidelity);\n  private readonly document = inject(DOCUMENT);\n  private readonly isBrowser = injectIsBrowser();\n  private readonly _reduced = signal(false);\n  private gsapPromise: Promise<HyGsap | null> | undefined;\n\n  /** True when the OS asks for reduced motion, or the app forced it. */\n  readonly reduced = this._reduced.asReadonly();\n\n  /** True when decorative motion (tilt, magnetic, reveal) may run. */\n  readonly enabled = computed(() => !this._reduced() && this.fidelity.tier() !== 'low');\n\n  constructor() {\n    if (!this.isBrowser || typeof matchMedia !== 'function') return;\n    const query = matchMedia('(prefers-reduced-motion: reduce)');\n    const forced = this.document.documentElement.getAttribute('data-hy-motion');\n    this._reduced.set(forced ? forced === 'reduced' : query.matches);\n    query.addEventListener('change', (event) => {\n      if (!this.document.documentElement.hasAttribute('data-hy-motion')) {\n        this._reduced.set(event.matches);\n      }\n    });\n  }\n\n  /**\n   * Forces reduced or full motion regardless of the OS setting, and mirrors\n   * the choice to `data-hy-motion` so CSS tokens follow. Pass `null` to go\n   * back to the OS setting.\n   */\n  setReduced(reduced: boolean | null): void {\n    const root = this.document.documentElement;\n    if (reduced === null) {\n      root.removeAttribute('data-hy-motion');\n      this._reduced.set(matchesMedia('(prefers-reduced-motion: reduce)'));\n      return;\n    }\n    root.setAttribute('data-hy-motion', reduced ? 'reduced' : 'full');\n    this._reduced.set(reduced);\n  }\n\n  /**\n   * Loads GSAP once, if the app provided a loader. Resolves to `null` on the\n   * server, without a loader, or if loading fails, so callers can fall back\n   * to CSS.\n   */\n  gsap(): Promise<HyGsap | null> {\n    const loader = this.config.gsap;\n    if (!this.isBrowser || !loader) return Promise.resolve(null);\n    this.gsapPromise ??= loader().catch(() => null);\n    return this.gsapPromise;\n  }\n}\n","/**\n * A spring in the two numbers Apple designs with.\n *\n * - `damping`: 1 settles without overshoot, lower values bounce.\n * - `response`: roughly how many seconds it takes to get there. Not a\n *   duration; the settle time falls out of the physics.\n */\nexport interface HySpringConfig {\n  readonly damping: number;\n  readonly response: number;\n}\n\n/**\n * The shared springs.\n *\n * - `settle`: the default. No bounce.\n * - `momentum`: after a flick or a drag, when the gesture carried speed.\n */\nexport const SPRINGS = {\n  settle: { damping: 1, response: 0.4 },\n  momentum: { damping: 0.8, response: 0.3 },\n} as const satisfies Record<string, HySpringConfig>;\n\n/** Options for {@link HySpring.to}. */\nexport interface HySpringTarget extends Partial<HySpringConfig> {\n  /** Starting velocity in units per second. Defaults to the current one. */\n  readonly velocity?: number;\n  /** Runs once the value comes to rest on the target. */\n  readonly onRest?: () => void;\n}\n\nconst STEP = 1 / 240;\nconst REST_DELTA = 0.1;\nconst REST_VELOCITY = 2;\n\n/**\n * Animates one number on `requestAnimationFrame`. Every `to()` starts from\n * the live value and keeps its velocity, so the motion can be grabbed and\n * redirected at any moment without a jump or a sudden stop.\n */\nexport class HySpring {\n  /** The value on screen right now. */\n  value: number;\n  /** Units per second. */\n  velocity = 0;\n  private target = 0;\n  private config: HySpringConfig = SPRINGS.settle;\n  private onRest: (() => void) | null = null;\n  private frame = 0;\n  private last = 0;\n\n  constructor(\n    initial: number,\n    private readonly onUpdate: (value: number) => void,\n  ) {\n    this.value = initial;\n  }\n\n  /** True while the spring is moving. */\n  get running(): boolean {\n    return this.frame !== 0;\n  }\n\n  /** Springs toward `target`, from wherever it is now. */\n  to(target: number, options: HySpringTarget = {}): void {\n    this.target = target;\n    this.config = {\n      damping: options.damping ?? SPRINGS.settle.damping,\n      response: options.response ?? SPRINGS.settle.response,\n    };\n    if (options.velocity !== undefined) this.velocity = options.velocity;\n    this.onRest = options.onRest ?? null;\n    if (this.frame) return;\n    this.last = performance.now();\n    this.frame = requestAnimationFrame(this.tick);\n  }\n\n  /** Jumps to a value and stops, as when a finger holds it. */\n  set(value: number): void {\n    this.stop();\n    this.value = value;\n    this.velocity = 0;\n    this.onUpdate(value);\n  }\n\n  /** Stops where it is. A pending `onRest` is dropped. */\n  stop(): void {\n    cancelAnimationFrame(this.frame);\n    this.frame = 0;\n    this.onRest = null;\n  }\n\n  private readonly tick = (now: number): void => {\n    // A long frame (a background tab, a busy main thread) is capped, so the\n    // spring slows down instead of jumping. The first frame's timestamp can\n    // be older than the call to to(), which would make dt negative.\n    const dt = Math.max(0, Math.min((now - this.last) / 1000, 1 / 15));\n    this.last = Math.max(now, this.last);\n    const stiffness = ((2 * Math.PI) / this.config.response) ** 2;\n    const friction = (4 * Math.PI * this.config.damping) / this.config.response;\n    // Stiffer springs need finer steps to stay stable.\n    const steps = Math.ceil(dt / Math.min(STEP, this.config.response / 60));\n    const h = dt / steps;\n    for (let i = 0; i < steps; i++) {\n      this.velocity += (-stiffness * (this.value - this.target) - friction * this.velocity) * h;\n      this.value += this.velocity * h;\n    }\n    if (\n      Math.abs(this.velocity) < REST_VELOCITY &&\n      Math.abs(this.value - this.target) < REST_DELTA\n    ) {\n      this.value = this.target;\n      this.velocity = 0;\n      this.frame = 0;\n      const done = this.onRest;\n      this.onRest = null;\n      this.onUpdate(this.value);\n      done?.();\n      return;\n    }\n    this.onUpdate(this.value);\n    this.frame = requestAnimationFrame(this.tick);\n  };\n}\n\n/**\n * How far a flick travels before it stops, from the velocity in px per\n * second. This is the deceleration curve of scrolling, so a target picked\n * from `position + project(velocity)` lands where the gesture was going.\n */\nexport function project(velocity: number, decelerationRate = 0.998): number {\n  return ((velocity / 1000) * decelerationRate) / (1 - decelerationRate);\n}\n\n/**\n * Resistance past a boundary. The further the overshoot, the less the\n * element follows, so an edge feels soft instead of frozen.\n */\nexport function rubberband(overshoot: number, dimension: number, constant = 0.55): number {\n  if (dimension <= 0) return 0;\n  const x = Math.abs(overshoot);\n  return (Math.sign(overshoot) * (x * dimension * constant)) / (dimension + constant * x);\n}\n\n/** Velocity of a pointer from its last 100ms of movement. */\nexport class HyVelocityTracker {\n  private samples: { t: number; v: number }[] = [];\n\n  add(value: number, time = performance.now()): void {\n    this.samples.push({ t: time, v: value });\n    while (this.samples.length > 2 && time - (this.samples[0]?.t ?? time) > 100) {\n      this.samples.shift();\n    }\n  }\n\n  reset(): void {\n    this.samples = [];\n  }\n\n  /** Units per second. Zero if the pointer has been still for 100ms. */\n  velocity(now = performance.now()): number {\n    const recent = this.samples.filter((s) => now - s.t <= 100);\n    const first = recent[0];\n    const last = recent[recent.length - 1];\n    if (!first || !last || last.t === first.t) return 0;\n    return ((last.v - first.v) / (last.t - first.t)) * 1000;\n  }\n}\n","import { Directive, computed, inject, input } from '@angular/core';\nimport { HY_CONFIG } from '../core/config';\nimport type { HyMaterial, HyThickness } from '../core/axes';\nimport { HyFidelity } from '../fidelity/fidelity';\n\n/**\n * Turns any element into a glass surface.\n *\n * ```html\n * <aside hyMaterial=\"clear\">...</aside>\n * <section hyMaterial thickness=\"thick\">...</section>\n * ```\n *\n * The look lives in CSS (`.hy-glass[data-material]`), so effects stay cheap\n * and themeable. On the low fidelity tier every material renders as `solid`,\n * because backdrop blur is the most expensive thing on the page.\n */\n@Directive({\n  selector: '[hyMaterial]',\n  host: {\n    class: 'hy-glass',\n    '[attr.data-material]': 'resolved()',\n    '[attr.data-thickness]': 'thickness() === \"regular\" ? null : thickness()',\n  },\n})\nexport class HyMaterialDirective {\n  private readonly config = inject(HY_CONFIG);\n  private readonly fidelity = inject(HyFidelity);\n\n  /** The material. An empty attribute uses the configured default. */\n  readonly material = input<HyMaterial | '' | undefined>(undefined, { alias: 'hyMaterial' });\n  /** How heavy the glass reads. Use `thick` for large surfaces. */\n  readonly thickness = input<HyThickness>('regular');\n\n  /** The material that is actually rendered after fidelity is applied. */\n  readonly resolved = computed<HyMaterial>(() => {\n    if (this.fidelity.tier() === 'low') return 'solid';\n    return this.material() || this.config.material;\n  });\n}\n","import { Directive, DestroyRef, ElementRef, afterNextRender, inject, signal } from '@angular/core';\nimport { FocusMonitor } from '@angular/cdk/a11y';\n\n/**\n * Mirrors interaction state to data attributes so glass effects can stay in\n * CSS: `data-hover`, `data-press` and `data-focus-visible`.\n *\n * Hover is only reported for mouse and pen, so touch screens never get a\n * stuck hover state.\n */\n@Directive({\n  selector: '[hyInteractive]',\n  host: {\n    '[attr.data-hover]': 'hovered() || null',\n    '[attr.data-press]': 'pressed() || null',\n    '[attr.data-focus-visible]': 'focusVisible() || null',\n    '(pointerenter)': 'onEnter($event)',\n    '(pointerleave)': 'hovered.set(false); pressed.set(false)',\n    '(pointerdown)': 'pressed.set(true)',\n    '(pointerup)': 'pressed.set(false)',\n    '(pointercancel)': 'pressed.set(false)',\n  },\n})\nexport class HyInteractive {\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly focusMonitor = inject(FocusMonitor);\n\n  protected readonly hovered = signal(false);\n  protected readonly pressed = signal(false);\n  protected readonly focusVisible = signal(false);\n\n  constructor() {\n    afterNextRender(() => {\n      this.focusMonitor.monitor(this.host).subscribe((origin) => {\n        this.focusVisible.set(origin === 'keyboard');\n      });\n    });\n    inject(DestroyRef).onDestroy(() => this.focusMonitor.stopMonitoring(this.host));\n  }\n\n  protected onEnter(event: PointerEvent): void {\n    if (event.pointerType !== 'touch') this.hovered.set(true);\n  }\n}\n","import {\r\n  DestroyRef,\r\n  ElementRef,\r\n  afterNextRender,\r\n  afterRenderEffect,\r\n  inject,\r\n  signal,\r\n  type Signal,\r\n} from '@angular/core';\r\n\r\n/**\r\n * Keeps a sliding indicator under the selected item of a row by writing\r\n * `--hy-ind-x` and `--hy-ind-size` on the row. The offset is physical (from\r\n * the left edge) and the indicator is placed physically too, so the same\r\n * numbers work in both directions.\r\n *\r\n * Returns a signal that turns true after the first placement, so CSS can\r\n * enable the transition only from then on.\r\n */\r\nexport function trackIndicator(\r\n  container: Signal<ElementRef<HTMLElement> | undefined>,\r\n  selected: () => HTMLElement | null,\r\n): Signal<boolean> {\r\n  const ready = signal(false);\r\n  // Bumped when the row resizes, for example after web fonts load.\r\n  const size = signal(0);\r\n  const destroyRef = inject(DestroyRef);\r\n\r\n  afterNextRender(() => {\r\n    const row = container()?.nativeElement;\r\n    if (!row || typeof ResizeObserver !== 'function') return;\r\n    const observer = new ResizeObserver(() => size.update((v) => v + 1));\r\n    observer.observe(row);\r\n    destroyRef.onDestroy(() => observer.disconnect());\r\n  });\r\n\r\n  afterRenderEffect({\r\n    earlyRead: () => {\r\n      size();\r\n      const row = container()?.nativeElement;\r\n      const item = selected();\r\n      if (!row || !item) return null;\r\n      const rowRect = row.getBoundingClientRect();\r\n      const rect = item.getBoundingClientRect();\r\n      // Rects are in screen pixels, after any zoom or scale on an ancestor,\r\n      // but the custom properties are read in the row's own pixels.\r\n      const scale = row.offsetWidth ? rowRect.width / row.offsetWidth : 1;\r\n      return {\r\n        row,\r\n        x: (rect.left - rowRect.left) / scale + row.scrollLeft,\r\n        size: rect.width / scale,\r\n      };\r\n    },\r\n    write: (measured) => {\r\n      const m = measured();\r\n      if (!m) return;\r\n      m.row.style.setProperty('--hy-ind-x', `${m.x}px`);\r\n      m.row.style.setProperty('--hy-ind-size', `${m.size}px`);\r\n      if (!ready()) requestAnimationFrame(() => ready.set(true));\r\n    },\r\n  });\r\n\r\n  return ready.asReadonly();\r\n}\r\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,136 @@
 {
   "name": "@hyalo/angular",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0",
+  "description": "Liquid glass components for Angular. Signals, zoneless, SSR-safe, accessible, RTL-ready.",
+  "license": "MIT",
+  "author": "HamedRsl",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/HamedRsl/Hyalo.git"
+  },
+  "homepage": "https://github.com/HamedRsl/Hyalo#readme",
+  "bugs": {
+    "url": "https://github.com/HamedRsl/Hyalo/issues"
+  },
+  "keywords": [
+    "angular",
+    "ui",
+    "components",
+    "glass",
+    "glassmorphism",
+    "liquid-glass",
+    "rtl",
+    "signals"
+  ],
+  "peerDependencies": {
+    "@angular/aria": "^22.2.0",
+    "@angular/cdk": "^22.2.0",
+    "@angular/common": "^22.2.0",
+    "@angular/core": "^22.2.0",
+    "@angular/forms": "^22.2.0",
+    "gsap": "^3.12.0",
+    "rxjs": "^7.4.0"
+  },
+  "peerDependenciesMeta": {
+    "gsap": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": [
+    "*.css"
+  ],
+  "exports": {
+    "./styles/hyalo.css": {
+      "default": "./styles/hyalo.css"
+    },
+    "./styles/hyalo-core.css": {
+      "default": "./styles/hyalo-core.css"
+    },
+    "./styles/overlays/*": {
+      "default": "./styles/overlays/*"
+    },
+    "./styles/palettes/*": {
+      "default": "./styles/palettes/*"
+    },
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/hyalo-angular.d.ts",
+      "default": "./fesm2022/hyalo-angular.mjs"
+    },
+    "./accordion": {
+      "types": "./types/hyalo-angular-accordion.d.ts",
+      "default": "./fesm2022/hyalo-angular-accordion.mjs"
+    },
+    "./button": {
+      "types": "./types/hyalo-angular-button.d.ts",
+      "default": "./fesm2022/hyalo-angular-button.mjs"
+    },
+    "./card": {
+      "types": "./types/hyalo-angular-card.d.ts",
+      "default": "./fesm2022/hyalo-angular-card.mjs"
+    },
+    "./choice": {
+      "types": "./types/hyalo-angular-choice.d.ts",
+      "default": "./fesm2022/hyalo-angular-choice.mjs"
+    },
+    "./dialog": {
+      "types": "./types/hyalo-angular-dialog.d.ts",
+      "default": "./fesm2022/hyalo-angular-dialog.mjs"
+    },
+    "./field": {
+      "types": "./types/hyalo-angular-field.d.ts",
+      "default": "./fesm2022/hyalo-angular-field.mjs"
+    },
+    "./icon": {
+      "types": "./types/hyalo-angular-icon.d.ts",
+      "default": "./fesm2022/hyalo-angular-icon.mjs"
+    },
+    "./interaction": {
+      "types": "./types/hyalo-angular-interaction.d.ts",
+      "default": "./fesm2022/hyalo-angular-interaction.mjs"
+    },
+    "./navbar": {
+      "types": "./types/hyalo-angular-navbar.d.ts",
+      "default": "./fesm2022/hyalo-angular-navbar.mjs"
+    },
+    "./overlay": {
+      "types": "./types/hyalo-angular-overlay.d.ts",
+      "default": "./fesm2022/hyalo-angular-overlay.mjs"
+    },
+    "./popover": {
+      "types": "./types/hyalo-angular-popover.d.ts",
+      "default": "./fesm2022/hyalo-angular-popover.mjs"
+    },
+    "./segmented": {
+      "types": "./types/hyalo-angular-segmented.d.ts",
+      "default": "./fesm2022/hyalo-angular-segmented.mjs"
+    },
+    "./select": {
+      "types": "./types/hyalo-angular-select.d.ts",
+      "default": "./fesm2022/hyalo-angular-select.mjs"
+    },
+    "./tabs": {
+      "types": "./types/hyalo-angular-tabs.d.ts",
+      "default": "./fesm2022/hyalo-angular-tabs.mjs"
+    },
+    "./theme": {
+      "types": "./types/hyalo-angular-theme.d.ts",
+      "default": "./fesm2022/hyalo-angular-theme.mjs"
+    },
+    "./toast": {
+      "types": "./types/hyalo-angular-toast.d.ts",
+      "default": "./fesm2022/hyalo-angular-toast.mjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "module": "fesm2022/hyalo-angular.mjs",
+  "typings": "types/hyalo-angular.d.ts",
+  "type": "module"
 }