@hyalo/angular 0.1.0 → 0.3.1

package/fesm2022/hyalo-angular-carousel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hyalo-angular-carousel.mjs","names":[],"sources":["../../../projects/hyalo/carousel/carousel.ts","../../../projects/hyalo/carousel/carousel.html"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  Directive,\r\n  DestroyRef,\r\n  ElementRef,\r\n  TemplateRef,\r\n  booleanAttribute,\r\n  afterNextRender,\r\n  afterRenderEffect,\r\n  computed,\r\n  contentChildren,\r\n  contentChild,\r\n  inject,\r\n  input,\r\n  model,\r\n  signal,\r\n  viewChild,\r\n} from '@angular/core';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport { ɵinjectIsBrowser } from '@hyalo/angular/core';\r\nimport { HyMotion } from '@hyalo/angular/motion';\r\nimport { HyButton } from '@hyalo/angular/button';\r\nimport { HyIcon } from '@hyalo/angular/icon';\r\nexport type HyCarouselMode = 'slide' | 'fade';\r\nexport type HyCarouselPagination = 'dots' | 'counter' | 'none';\r\nexport type HyCarouselNavigationMode = 'text' | 'icons' | 'none';\r\nexport type HyCarouselNavigationPosition = 'below' | 'inside-bottom' | 'sides';\r\nexport interface HyCarouselNavigationContext {\r\n  readonly $implicit: HyCarousel;\r\n}\r\n@Directive({ selector: 'ng-template[hyCarouselNavigation]' })\r\nexport class HyCarouselNavigation {\r\n  readonly template = inject<TemplateRef<HyCarouselNavigationContext>>(TemplateRef);\r\n}\r\n\r\n@Component({\r\n  selector: 'hy-slide',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    role: 'group',\r\n    'aria-roledescription': 'slide',\r\n    '[attr.aria-label]': 'label()',\r\n    '[attr.data-mode]': 'carousel?.mode()',\r\n    '[attr.data-active]': 'active()',\r\n    '[attr.inert]': 'inactive() ? \"\" : null',\r\n    '[attr.aria-hidden]': 'inactive() ? true : null',\r\n  },\r\n  template: '<ng-content />',\r\n  styleUrl: './slide.css',\r\n})\r\nexport class HySlide {\r\n  protected readonly carousel = inject(HyCarousel, { optional: true });\r\n  readonly label = input.required<string>();\r\n  protected readonly active = computed(\r\n    () => this.carousel?.slides()[this.carousel.current()] === this,\r\n  );\r\n  protected readonly inactive = computed(() => this.carousel?.mode() === 'fade' && !this.active());\r\n}\r\n\r\n/** Scroll-snap carousel. Touch uses browser inertia; mouse dragging projects velocity. */\r\n@Component({\r\n  selector: 'hy-carousel',\r\n  imports: [HyButton, HyIcon, NgTemplateOutlet],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    role: 'region',\r\n    'aria-roledescription': 'carousel',\r\n    '[attr.aria-label]': 'label()',\r\n    '[attr.data-mode]': 'mode()',\r\n    '[attr.data-scrollbar]': 'scrollbar()',\r\n    '[attr.data-navigation-position]': 'navPosition()',\r\n    '[style.--hy-carousel-duration]':\r\n      'animated() && motion.enabled() ? \"var(--hy-dur-quick)\" : \"0ms\"',\r\n  },\r\n  templateUrl: './carousel.html',\r\n  styleUrl: './carousel.css',\r\n})\r\nexport class HyCarousel {\r\n  protected readonly motion = inject(HyMotion);\r\n  private readonly browser = ɵinjectIsBrowser();\r\n  private readonly destroyRef = inject(DestroyRef);\r\n  private readonly viewport = viewChild.required<ElementRef<HTMLElement>>('viewport');\r\n  readonly label = input('Gallery');\r\n  readonly previousLabel = input('Previous slide');\r\n  readonly nextLabel = input('Next slide');\r\n  readonly index = model(0);\r\n  readonly mode = input<HyCarouselMode>('slide');\r\n  readonly pagination = input<HyCarouselPagination>('dots');\r\n  readonly paginationLabel = input('Choose slide');\r\n  readonly loop = input(false, { transform: booleanAttribute });\r\n  readonly scrollbar = input(false, { transform: booleanAttribute });\r\n  readonly navigation = input<HyCarouselNavigationMode>('text');\r\n  readonly navPosition = input<HyCarouselNavigationPosition>('below');\r\n  protected readonly customNavigation = contentChild(HyCarouselNavigation);\r\n  protected readonly navigationContext: HyCarouselNavigationContext = { $implicit: this };\r\n  readonly slides = contentChildren(HySlide);\r\n  readonly current = computed(() =>\r\n    Math.max(0, Math.min(this.slides().length - 1, Math.trunc(this.index()) || 0)),\r\n  );\r\n  private drag: { x: number; scroll: number; time: number; moved: boolean } | null = null;\r\n  private suppressClick = false;\r\n  private readonly ready = signal(false);\r\n  private syncedIndex = -1;\r\n  private syncedMode: HyCarouselMode | null = null;\r\n  protected readonly animated = signal(false);\r\n  private viewportWidth = 0;\r\n  private scrollFrame = 0;\r\n  private scrollTarget: number | null = null;\r\n  private settleTimer: ReturnType<typeof setTimeout> | undefined;\r\n\r\n  constructor() {\r\n    afterRenderEffect(() => {\r\n      const current = this.current();\r\n      const mode = this.mode();\r\n      if (this.ready() && (current !== this.syncedIndex || mode !== this.syncedMode)) {\r\n        this.syncedIndex = current;\r\n        this.syncedMode = mode;\r\n        this.animated.set(false);\r\n        this.scrollToSlide(false);\r\n      }\r\n    });\r\n    afterNextRender(() => {\r\n      const viewport = this.viewport().nativeElement;\r\n      this.viewportWidth = viewport.clientWidth;\r\n      const resize =\r\n        typeof ResizeObserver === 'function'\r\n          ? new ResizeObserver(([entry]) => {\r\n              this.viewportWidth = entry?.contentRect.width ?? viewport.clientWidth;\r\n              this.scrollToSlide(false);\r\n            })\r\n          : null;\r\n      resize?.observe(viewport);\r\n      const onClick = (event: MouseEvent): void => {\r\n        if (!this.suppressClick) return;\r\n        event.preventDefault();\r\n        event.stopImmediatePropagation();\r\n        this.suppressClick = false;\r\n      };\r\n      viewport.addEventListener('click', onClick, true);\r\n      this.ready.set(true);\r\n      this.goTo(this.current(), false);\r\n      this.destroyRef.onDestroy(() => {\r\n        viewport.removeEventListener('click', onClick, true);\r\n        viewport.ownerDocument.defaultView?.cancelAnimationFrame(this.scrollFrame);\r\n        resize?.disconnect();\r\n        clearTimeout(this.settleTimer);\r\n      });\r\n    });\r\n  }\r\n\r\n  goTo(index: number, smooth = true): void {\r\n    const count = this.slides().length;\r\n    const requested = Number.isFinite(index) ? Math.trunc(index) : 0;\r\n    this.index.set(\r\n      this.loop() && count\r\n        ? ((requested % count) + count) % count\r\n        : Math.max(0, Math.min(count - 1, requested)),\r\n    );\r\n    this.syncedIndex = this.current();\r\n    this.animated.set(smooth);\r\n    this.scrollToSlide(smooth);\r\n  }\r\n\r\n  private scrollToSlide(smooth: boolean): void {\r\n    if (!this.browser || this.mode() !== 'slide') return;\r\n    const viewport = this.viewport().nativeElement;\r\n    const slide = viewport.children[this.current()];\r\n    if (!slide) return;\r\n    const delta = slide.getBoundingClientRect().x - viewport.getBoundingClientRect().x;\r\n    clearTimeout(this.settleTimer);\r\n    this.scrollTarget =\r\n      smooth && this.motion.enabled() && Math.abs(delta) > 1 ? this.current() : null;\r\n    if (this.scrollTarget !== null)\r\n      this.settleTimer = setTimeout(() => {\r\n        this.scrollToSlide(false);\r\n      }, 800);\r\n    // Both slide and viewport have the same width; x works in both directions.\r\n    viewport.scrollBy?.({\r\n      left: delta,\r\n      behavior: smooth && this.motion.enabled() ? 'smooth' : 'instant',\r\n    });\r\n  }\r\n\r\n  protected onScroll(): void {\r\n    if (this.drag || this.scrollTarget !== null || this.mode() !== 'slide' || this.scrollFrame)\r\n      return;\r\n    const viewport = this.viewport().nativeElement;\r\n    this.scrollFrame =\r\n      viewport.ownerDocument.defaultView?.requestAnimationFrame(() => {\r\n        this.scrollFrame = 0;\r\n        if (this.drag || this.scrollTarget !== null || this.mode() !== 'slide') return;\r\n        const width = this.viewportWidth || viewport.clientWidth;\r\n        if (!width) return;\r\n        const closest = Math.max(\r\n          0,\r\n          Math.min(this.slides().length - 1, Math.round(Math.abs(viewport.scrollLeft) / width)),\r\n        );\r\n        this.syncedIndex = closest;\r\n        this.index.set(closest);\r\n      }) ?? 0;\r\n  }\r\n  protected onScrollEnd(): void {\r\n    if (this.scrollTarget === null) return;\r\n    const viewport = this.viewport().nativeElement;\r\n    const slide = viewport.children[this.scrollTarget];\r\n    if (slide && Math.abs(slide.getBoundingClientRect().x - viewport.getBoundingClientRect().x) > 1)\r\n      return;\r\n    this.scrollTarget = null;\r\n    clearTimeout(this.settleTimer);\r\n  }\r\n\r\n  protected onKey(event: KeyboardEvent): void {\r\n    if (event.target !== this.viewport().nativeElement) return;\r\n    const rtl =\r\n      this.viewport().nativeElement.ownerDocument.defaultView?.getComputedStyle(\r\n        this.viewport().nativeElement,\r\n      ).direction === 'rtl';\r\n    let next = this.current();\r\n    if (event.key === 'ArrowRight') next += rtl ? -1 : 1;\r\n    else if (event.key === 'ArrowLeft') next += rtl ? 1 : -1;\r\n    else if (event.key === 'Home') next = 0;\r\n    else if (event.key === 'End') next = this.slides().length - 1;\r\n    else return;\r\n    event.preventDefault();\r\n    this.goTo(next, false);\r\n  }\r\n\r\n  protected pointerDown(event: PointerEvent): void {\r\n    this.suppressClick = false;\r\n    this.scrollTarget = null;\r\n    clearTimeout(this.settleTimer);\r\n    if (\r\n      (event.pointerType !== 'mouse' && this.mode() !== 'fade') ||\r\n      event.button !== 0 ||\r\n      (event.target as HTMLElement).closest('button, a, input, textarea, select')\r\n    )\r\n      return;\r\n    this.viewport().nativeElement.style.scrollSnapType = 'none';\r\n    this.drag = {\r\n      x: event.clientX,\r\n      scroll: this.viewport().nativeElement.scrollLeft,\r\n      time: event.timeStamp,\r\n      moved: false,\r\n    };\r\n    this.viewport().nativeElement.setPointerCapture?.(event.pointerId);\r\n  }\r\n  protected pointerMove(event: PointerEvent): void {\r\n    if (!this.drag) return;\r\n    if (event.buttons === 0) {\r\n      this.pointerCancel();\r\n      return;\r\n    }\r\n    const distance = event.clientX - this.drag.x;\r\n    if (Math.abs(distance) < 6 && !this.drag.moved) return;\r\n    this.drag.moved = true;\r\n    const viewport = this.viewport().nativeElement;\r\n    viewport.setPointerCapture?.(event.pointerId);\r\n    if (this.mode() === 'slide') viewport.scrollLeft = this.drag.scroll - distance;\r\n    event.preventDefault();\r\n  }\r\n  protected pointerUp(event: PointerEvent): void {\r\n    if (!this.drag) return;\r\n    const drag = this.drag;\r\n    this.drag = null;\r\n    const viewport = this.viewport().nativeElement;\r\n    if (viewport.hasPointerCapture?.(event.pointerId))\r\n      viewport.releasePointerCapture(event.pointerId);\r\n    viewport.style.removeProperty('scroll-snap-type');\r\n    if (!drag.moved) return;\r\n    this.suppressClick = true;\r\n    const rtl = viewport.ownerDocument.defaultView?.getComputedStyle(viewport).direction === 'rtl';\r\n    const distance = (event.clientX - drag.x) * (rtl ? -1 : 1);\r\n    const projected = distance + (distance / Math.max(1, event.timeStamp - drag.time)) * 180;\r\n    const shift = Math.round(-projected / Math.max(1, viewport.clientWidth));\r\n    this.goTo(this.current() + shift);\r\n  }\r\n  protected pointerCancel(): void {\r\n    this.drag = null;\r\n    this.viewport().nativeElement.style.removeProperty('scroll-snap-type');\r\n    this.goTo(this.current(), false);\r\n  }\r\n  protected preventNativeDrag(event: DragEvent): void {\r\n    if (this.drag) event.preventDefault();\r\n  }\r\n}\r\n@Directive({\r\n  selector: 'button[hyCarouselPrevious]',\r\n  host: {\r\n    class: 'nav-prev',\r\n    type: 'button',\r\n    '[disabled]': 'blocked()',\r\n    '[attr.aria-label]': 'carousel.previousLabel()',\r\n    '(click)': 'previous()',\r\n  },\r\n})\r\nexport class HyCarouselPrevious {\r\n  protected readonly carousel = inject(HyCarousel);\r\n  protected readonly blocked = computed(\r\n    () =>\r\n      !this.carousel.slides().length || (!this.carousel.loop() && this.carousel.current() === 0),\r\n  );\r\n  protected previous(): void {\r\n    if (!this.blocked()) this.carousel.goTo(this.carousel.current() - 1);\r\n  }\r\n}\r\n@Directive({\r\n  selector: 'button[hyCarouselNext]',\r\n  host: {\r\n    class: 'nav-next',\r\n    type: 'button',\r\n    '[disabled]': 'blocked()',\r\n    '[attr.aria-label]': 'carousel.nextLabel()',\r\n    '(click)': 'next()',\r\n  },\r\n})\r\nexport class HyCarouselNext {\r\n  protected readonly carousel = inject(HyCarousel);\r\n  protected readonly blocked = computed(\r\n    () =>\r\n      !this.carousel.slides().length ||\r\n      (!this.carousel.loop() && this.carousel.current() >= this.carousel.slides().length - 1),\r\n  );\r\n  protected next(): void {\r\n    if (!this.blocked()) this.carousel.goTo(this.carousel.current() + 1);\r\n  }\r\n}\r\nexport const HY_CAROUSEL = [\r\n  HyCarousel,\r\n  HySlide,\r\n  HyCarouselNavigation,\r\n  HyCarouselPrevious,\r\n  HyCarouselNext,\r\n] as const;\r\n","<div class=\"frame\">\r\n  <div\r\n    #viewport\r\n    class=\"viewport\"\r\n    tabindex=\"0\"\r\n    role=\"group\"\r\n    [attr.aria-label]=\"label()\"\r\n    (scroll)=\"onScroll()\"\r\n    (scrollend)=\"onScrollEnd()\"\r\n    (keydown)=\"onKey($event)\"\r\n    (pointerdown)=\"pointerDown($event)\"\r\n    (pointermove)=\"pointerMove($event)\"\r\n    (pointerup)=\"pointerUp($event)\"\r\n    (pointercancel)=\"pointerCancel()\"\r\n    (dragstart)=\"preventNativeDrag($event)\"\r\n  >\r\n    <ng-content select=\"hy-slide\" />\r\n  </div>\r\n  <div\r\n    class=\"controls\"\r\n    [class.controls--custom]=\"!!customNavigation()\"\r\n    [class.controls--no-buttons]=\"navigation() === 'none'\"\r\n  >\r\n    @if (navigation() !== 'none') {\r\n      @if (customNavigation(); as custom) {\r\n        <ng-container\r\n          [ngTemplateOutlet]=\"custom.template\"\r\n          [ngTemplateOutletContext]=\"navigationContext\"\r\n        />\r\n      } @else {\r\n        <button\r\n          class=\"nav-prev\"\r\n          hyButton\r\n          type=\"button\"\r\n          [variant]=\"navPosition() === 'below' ? 'glass' : 'solid'\"\r\n          [iconOnly]=\"navigation() === 'icons'\"\r\n          [attr.aria-label]=\"previousLabel()\"\r\n          [disabled]=\"!slides().length || (!loop() && current() === 0)\"\r\n          (click)=\"goTo(current() - 1)\"\r\n        >\r\n          @if (navigation() === 'icons') {\r\n            <hy-icon class=\"previous-icon\" name=\"chevron-end\" />\r\n          } @else {\r\n            {{ previousLabel() }}\r\n          }\r\n        </button>\r\n      }\r\n    }\r\n    @if (pagination() === 'dots') {\r\n      <div class=\"dots\" role=\"group\" [attr.aria-label]=\"paginationLabel()\">\r\n        @for (slide of slides(); track slide; let i = $index) {\r\n          <button\r\n            type=\"button\"\r\n            [attr.aria-label]=\"slide.label()\"\r\n            [attr.aria-current]=\"current() === i ? 'true' : null\"\r\n            (click)=\"goTo(i)\"\r\n          >\r\n            <span></span>\r\n          </button>\r\n        }\r\n      </div>\r\n    }\r\n    <span [class.sr-only]=\"pagination() !== 'counter'\" aria-live=\"polite\" aria-atomic=\"true\"\r\n      >{{ slides().length ? current() + 1 : 0 }} / {{ slides().length }}</span\r\n    >\r\n    @if (navigation() !== 'none' && !customNavigation()) {\r\n      <button\r\n        class=\"nav-next\"\r\n        hyButton\r\n        type=\"button\"\r\n        [variant]=\"navPosition() === 'below' ? 'glass' : 'solid'\"\r\n        [iconOnly]=\"navigation() === 'icons'\"\r\n        [attr.aria-label]=\"nextLabel()\"\r\n        [disabled]=\"!slides().length || (!loop() && current() >= slides().length - 1)\"\r\n        (click)=\"goTo(current() + 1)\"\r\n      >\r\n        @if (navigation() === 'icons') {\r\n          <hy-icon name=\"chevron-end\" />\r\n        } @else {\r\n          {{ nextLabel() }}\r\n        }\r\n      </button>\r\n    }\r\n  </div>\r\n  <ng-content select=\"ng-template[hyCarouselNavigation]\" />\r\n</div>\r\n"],"mappings":"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"}

package/fesm2022/hyalo-angular-chapter-nav.mjs

@@ -0,0 +1,336 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DOCUMENT, DestroyRef, afterNextRender, afterRenderEffect, booleanAttribute, computed, inject, input, numberAttribute, signal } from "@angular/core";
+import { PlatformLocation } from "@angular/common";
+import { HyMotion } from "@hyalo/angular/motion";
+var HyChapterNav = class HyChapterNav {
+	document = inject(DOCUMENT);
+	location = inject(PlatformLocation);
+	motion = inject(HyMotion);
+	ready = signal(false, ...ngDevMode ? [{ debugName: "ready" }] : /* istanbul ignore next */ []);
+	current = signal("", ...ngDevMode ? [{ debugName: "current" }] : /* istanbul ignore next */ []);
+	navigation = null;
+	frame = 0;
+	dispose;
+	chapters = input.required(...ngDevMode ? [{ debugName: "chapters" }] : /* istanbul ignore next */ []);
+	label = input("On this page", ...ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []);
+	sticky = input(false, {
+		...ngDevMode ? { debugName: "sticky" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	stickyTop = input("6rem", ...ngDevMode ? [{ debugName: "stickyTop" }] : /* istanbul ignore next */ []);
+	scrollBehavior = input("smooth", ...ngDevMode ? [{ debugName: "scrollBehavior" }] : /* istanbul ignore next */ []);
+	scrollRoot = input(null, ...ngDevMode ? [{ debugName: "scrollRoot" }] : /* istanbul ignore next */ []);
+	offset = input(96, {
+		...ngDevMode ? { debugName: "offset" } : /* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	active = this.current.asReadonly();
+	links = computed(() => this.chapters().map((chapter) => ({
+		...chapter,
+		href: this.location.pathname + this.location.search + "#" + encodeURIComponent(chapter.id)
+	})), ...ngDevMode ? [{ debugName: "links" }] : /* istanbul ignore next */ []);
+	progress = computed(() => {
+		const index = this.chapters().findIndex((chapter) => chapter.id === this.current());
+		return index < 0 ? 0 : (index + 1) / Math.max(1, this.chapters().length) * 100;
+	}, ...ngDevMode ? [{ debugName: "progress" }] : /* istanbul ignore next */ []);
+	constructor() {
+		afterNextRender(() => this.ready.set(true));
+		afterRenderEffect(() => {
+			this.chapters();
+			this.scrollRoot();
+			this.offset();
+			if (!this.ready()) return;
+			this.dispose?.();
+			this.navigation = null;
+			const window = this.document.defaultView;
+			if (!window) return;
+			const root = this.scrollRoot() ?? window;
+			const schedule = () => {
+				if (this.frame) return;
+				this.frame = window.requestAnimationFrame(() => {
+					this.frame = 0;
+					this.track();
+				});
+			};
+			const interrupt = (event) => {
+				if (event instanceof KeyboardEvent && ![
+					"ArrowUp",
+					"ArrowDown",
+					"PageUp",
+					"PageDown",
+					"Home",
+					"End",
+					" "
+				].includes(event.key)) return;
+				this.navigation = null;
+				schedule();
+			};
+			const settled = () => {
+				if (this.navigation && Math.abs(this.scrollPosition() - this.navigation.destination) <= 1) this.navigation.settled = true;
+			};
+			const history = () => {
+				let id;
+				try {
+					id = decodeURIComponent(this.location.hash.slice(1));
+				} catch {
+					return;
+				}
+				if (id) this.navigate(id, false, false);
+				else {
+					this.navigation = null;
+					this.track();
+				}
+			};
+			root.addEventListener("scroll", schedule, { passive: true });
+			root.addEventListener("scrollend", settled);
+			root.addEventListener("wheel", interrupt, { passive: true });
+			root.addEventListener("touchstart", interrupt, { passive: true });
+			root.addEventListener("keydown", interrupt);
+			window.addEventListener("resize", interrupt);
+			window.addEventListener("popstate", history);
+			window.addEventListener("hashchange", history);
+			this.track();
+			history();
+			this.dispose = () => {
+				root.removeEventListener("scroll", schedule);
+				root.removeEventListener("scrollend", settled);
+				root.removeEventListener("wheel", interrupt);
+				root.removeEventListener("touchstart", interrupt);
+				root.removeEventListener("keydown", interrupt);
+				window.removeEventListener("resize", interrupt);
+				window.removeEventListener("popstate", history);
+				window.removeEventListener("hashchange", history);
+				window.cancelAnimationFrame(this.frame);
+				this.frame = 0;
+			};
+		});
+		inject(DestroyRef).onDestroy(() => this.dispose?.());
+	}
+	goTo(id) {
+		return this.navigate(id, true, true);
+	}
+	onLinkClick(event, id) {
+		if (event.defaultPrevented || event.button !== 0 || event.ctrlKey || event.metaKey || event.shiftKey || event.altKey) return;
+		event.preventDefault();
+		this.goTo(id);
+	}
+	targets() {
+		const root = this.scrollRoot();
+		return this.chapters().flatMap((chapter) => {
+			const element = this.document.getElementById(chapter.id);
+			return element && (!root || root.contains(element)) ? [{
+				id: chapter.id,
+				element
+			}] : [];
+		});
+	}
+	scrollPosition() {
+		return this.scrollRoot()?.scrollTop ?? this.document.defaultView?.scrollY ?? 0;
+	}
+	clearance() {
+		return Number.isFinite(this.offset()) ? Math.max(0, this.offset()) : 96;
+	}
+	navigate(id, writeHistory, focus) {
+		if (!this.ready()) return false;
+		const window = this.document.defaultView;
+		const target = this.targets().find((target) => target.id === id)?.element;
+		if (!window || !target) return false;
+		const root = this.scrollRoot();
+		const origin = root ? root.getBoundingClientRect().top + root.clientTop : 0;
+		const margin = parseFloat(window.getComputedStyle(target).scrollMarginTop) || 0;
+		const scrolling = this.document.scrollingElement ?? this.document.documentElement;
+		const maximum = Math.max(0, root ? root.scrollHeight - root.clientHeight : scrolling.scrollHeight - window.innerHeight);
+		const destination = Math.min(maximum, Math.max(0, this.scrollPosition() + target.getBoundingClientRect().top - origin - Math.max(margin, this.clearance())));
+		const smooth = writeHistory && this.scrollBehavior() === "smooth" && !this.motion.reduced();
+		this.navigation = {
+			id,
+			destination,
+			settled: !smooth || Math.abs(this.scrollPosition() - destination) < 1
+		};
+		this.current.set(id);
+		if (writeHistory && this.location.hash !== "#" + encodeURIComponent(id)) this.location.pushState(this.location.getState(), "", this.location.pathname + this.location.search + "#" + encodeURIComponent(id));
+		if (focus) {
+			if (target.getAttribute("tabindex") === null) {
+				target.setAttribute("tabindex", "-1");
+				target.addEventListener("blur", () => target.removeAttribute("tabindex"), { once: true });
+			}
+			target.focus({ preventScroll: true });
+		}
+		const options = {
+			top: destination,
+			behavior: smooth ? "smooth" : "instant"
+		};
+		if (root) root.scrollTo(options);
+		else window.scrollTo(options);
+		return true;
+	}
+	track() {
+		const position = this.scrollPosition();
+		if (this.navigation) {
+			if (Math.abs(position - this.navigation.destination) <= 1) this.navigation.settled = true;
+			if (!this.navigation.settled || Math.abs(position - this.navigation.destination) <= 1) return;
+			this.navigation = null;
+		}
+		const targets = this.targets();
+		const root = this.scrollRoot();
+		const line = (root ? root.getBoundingClientRect().top + root.clientTop : 0) + this.clearance() + 1;
+		let active = targets[0]?.id ?? "";
+		for (const target of targets) if (target.element.getBoundingClientRect().top <= line) active = target.id;
+		this.current.set(active);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: HyChapterNav,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: HyChapterNav,
+		isStandalone: true,
+		selector: "hy-chapter-nav",
+		inputs: {
+			chapters: {
+				classPropertyName: "chapters",
+				publicName: "chapters",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			sticky: {
+				classPropertyName: "sticky",
+				publicName: "sticky",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			stickyTop: {
+				classPropertyName: "stickyTop",
+				publicName: "stickyTop",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			scrollBehavior: {
+				classPropertyName: "scrollBehavior",
+				publicName: "scrollBehavior",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			scrollRoot: {
+				classPropertyName: "scrollRoot",
+				publicName: "scrollRoot",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			offset: {
+				classPropertyName: "offset",
+				publicName: "offset",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { properties: {
+			"attr.data-sticky": "sticky()",
+			"style.--hy-chapter-sticky-top": "stickyTop()"
+		} },
+		ngImport: i0,
+		template: "<nav [attr.aria-label]=\"label()\">\r\n  <span class=\"heading\" aria-hidden=\"true\">{{ label() }}</span>\r\n  <span\r\n    class=\"thread\"\r\n    aria-hidden=\"true\"\r\n    [style.transform]=\"'scaleY(' + progress() / 100 + ')'\"\r\n  ></span>\r\n  <ol>\r\n    @for (chapter of links(); track chapter.id) {\r\n      <li>\r\n        <a\r\n          [href]=\"chapter.href\"\r\n          [attr.aria-current]=\"active() === chapter.id ? 'location' : null\"\r\n          (click)=\"onLinkClick($event, chapter.id)\"\r\n          ><span aria-hidden=\"true\">●</span>{{ chapter.label }}</a\r\n        >\r\n      </li>\r\n    }\r\n  </ol>\r\n</nav>\r\n",
+		styles: [":host{display:block;align-self:start;min-inline-size:0}:host([data-sticky=\"true\"]){position:sticky;inset-block-start:var(--hy-chapter-sticky-top, 6rem);z-index:1}nav{position:relative;padding:var(--hy-space-3);border:1px solid var(--hy-line);border-radius:var(--hy-radius-m);background:var(--hy-surface-1)}.heading{display:block;padding:var(--hy-space-2) var(--hy-space-3);font-size:var(--hy-step--1);color:var(--hy-ink-3)}.thread{position:absolute;inset-block:var(--hy-space-4);inset-inline-start:0;inline-size:2px;background:var(--hy-primary);transform-origin:top}ol{list-style:none;margin:0;padding:0;display:grid;gap:var(--hy-space-1)}a{display:flex;align-items:center;gap:var(--hy-space-3);min-block-size:2.75rem;padding:var(--hy-space-2) var(--hy-space-3);border-radius:var(--hy-radius-s);color:var(--hy-ink-2);text-decoration:none;font-size:var(--hy-step--1);font-weight:600;transition:background-color var(--hy-dur-quick) ease,color var(--hy-dur-quick) ease}a>span{font-size:.5rem;opacity:.4}a[aria-current]{background:var(--hy-primary-wash);color:var(--hy-primary)}a[aria-current]>span{opacity:1}a:focus-visible{outline:2px solid var(--hy-primary);outline-offset:2px}@media(hover:hover)and (pointer:fine){a:hover{background:var(--hy-surface-3)}a[aria-current]:hover{background:var(--hy-primary-wash)}}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: HyChapterNav,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "hy-chapter-nav",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				"[attr.data-sticky]": "sticky()",
+				"[style.--hy-chapter-sticky-top]": "stickyTop()"
+			},
+			template: "<nav [attr.aria-label]=\"label()\">\r\n  <span class=\"heading\" aria-hidden=\"true\">{{ label() }}</span>\r\n  <span\r\n    class=\"thread\"\r\n    aria-hidden=\"true\"\r\n    [style.transform]=\"'scaleY(' + progress() / 100 + ')'\"\r\n  ></span>\r\n  <ol>\r\n    @for (chapter of links(); track chapter.id) {\r\n      <li>\r\n        <a\r\n          [href]=\"chapter.href\"\r\n          [attr.aria-current]=\"active() === chapter.id ? 'location' : null\"\r\n          (click)=\"onLinkClick($event, chapter.id)\"\r\n          ><span aria-hidden=\"true\">●</span>{{ chapter.label }}</a\r\n        >\r\n      </li>\r\n    }\r\n  </ol>\r\n</nav>\r\n",
+			styles: [":host{display:block;align-self:start;min-inline-size:0}:host([data-sticky=\"true\"]){position:sticky;inset-block-start:var(--hy-chapter-sticky-top, 6rem);z-index:1}nav{position:relative;padding:var(--hy-space-3);border:1px solid var(--hy-line);border-radius:var(--hy-radius-m);background:var(--hy-surface-1)}.heading{display:block;padding:var(--hy-space-2) var(--hy-space-3);font-size:var(--hy-step--1);color:var(--hy-ink-3)}.thread{position:absolute;inset-block:var(--hy-space-4);inset-inline-start:0;inline-size:2px;background:var(--hy-primary);transform-origin:top}ol{list-style:none;margin:0;padding:0;display:grid;gap:var(--hy-space-1)}a{display:flex;align-items:center;gap:var(--hy-space-3);min-block-size:2.75rem;padding:var(--hy-space-2) var(--hy-space-3);border-radius:var(--hy-radius-s);color:var(--hy-ink-2);text-decoration:none;font-size:var(--hy-step--1);font-weight:600;transition:background-color var(--hy-dur-quick) ease,color var(--hy-dur-quick) ease}a>span{font-size:.5rem;opacity:.4}a[aria-current]{background:var(--hy-primary-wash);color:var(--hy-primary)}a[aria-current]>span{opacity:1}a:focus-visible{outline:2px solid var(--hy-primary);outline-offset:2px}@media(hover:hover)and (pointer:fine){a:hover{background:var(--hy-surface-3)}a[aria-current]:hover{background:var(--hy-primary-wash)}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		chapters: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "chapters",
+				required: true
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		sticky: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "sticky",
+				required: false
+			}]
+		}],
+		stickyTop: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "stickyTop",
+				required: false
+			}]
+		}],
+		scrollBehavior: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "scrollBehavior",
+				required: false
+			}]
+		}],
+		scrollRoot: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "scrollRoot",
+				required: false
+			}]
+		}],
+		offset: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "offset",
+				required: false
+			}]
+		}]
+	}
+});
+export { HyChapterNav };
+
+//# sourceMappingURL=hyalo-angular-chapter-nav.mjs.map

package/fesm2022/hyalo-angular-chapter-nav.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hyalo-angular-chapter-nav.mjs","names":[],"sources":["../../../projects/hyalo/chapter-nav/chapter-nav.ts","../../../projects/hyalo/chapter-nav/chapter-nav.html"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  DOCUMENT,\r\n  DestroyRef,\r\n  afterNextRender,\r\n  afterRenderEffect,\r\n  computed,\r\n  inject,\r\n  input,\r\n  numberAttribute,\r\n  booleanAttribute,\r\n  signal,\r\n} from '@angular/core';\r\nimport { PlatformLocation } from '@angular/common';\r\nimport { HyMotion } from '@hyalo/angular/motion';\r\n\r\nexport interface HyChapter {\r\n  readonly id: string;\r\n  readonly label: string;\r\n}\r\ninterface ChapterTarget {\r\n  readonly id: string;\r\n  readonly element: HTMLElement;\r\n}\r\ninterface ChapterScroll {\r\n  readonly id: string;\r\n  destination: number;\r\n  settled: boolean;\r\n}\r\n\r\n/** Route-safe section navigation for a page or an explicitly supplied reading pane. */\r\n@Component({\r\n  selector: 'hy-chapter-nav',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  templateUrl: './chapter-nav.html',\r\n  styleUrl: './chapter-nav.css',\r\n  host: { '[attr.data-sticky]': 'sticky()', '[style.--hy-chapter-sticky-top]': 'stickyTop()' },\r\n})\r\nexport class HyChapterNav {\r\n  private readonly document = inject(DOCUMENT);\r\n  private readonly location = inject(PlatformLocation);\r\n  private readonly motion = inject(HyMotion);\r\n  private readonly ready = signal(false);\r\n  private readonly current = signal('');\r\n  private navigation: ChapterScroll | null = null;\r\n  private frame = 0;\r\n  private dispose: (() => void) | undefined;\r\n  readonly chapters = input.required<readonly HyChapter[]>();\r\n  readonly label = input('On this page');\r\n  readonly sticky = input(false, { transform: booleanAttribute });\r\n  readonly stickyTop = input('6rem');\r\n  readonly scrollBehavior = input<'smooth' | 'instant'>('smooth');\r\n  /** Null scrolls the page; pass an overflow container to scroll a reading pane. */\r\n  readonly scrollRoot = input<HTMLElement | null>(null);\r\n  /** Clearance below a sticky header, in pixels. Target scroll-margin is respected too. */\r\n  readonly offset = input(96, { transform: numberAttribute });\r\n  readonly active = this.current.asReadonly();\r\n  protected readonly links = computed(() =>\r\n    this.chapters().map((chapter) => ({\r\n      ...chapter,\r\n      href: this.location.pathname + this.location.search + '#' + encodeURIComponent(chapter.id),\r\n    })),\r\n  );\r\n  protected readonly progress = computed(() => {\r\n    const index = this.chapters().findIndex((chapter) => chapter.id === this.current());\r\n    return index < 0 ? 0 : ((index + 1) / Math.max(1, this.chapters().length)) * 100;\r\n  });\r\n\r\n  constructor() {\r\n    afterNextRender(() => this.ready.set(true));\r\n    afterRenderEffect(() => {\r\n      this.chapters();\r\n      this.scrollRoot();\r\n      this.offset();\r\n      if (!this.ready()) return;\r\n      this.dispose?.();\r\n      this.navigation = null;\r\n      const window = this.document.defaultView;\r\n      if (!window) return;\r\n      const root: EventTarget = this.scrollRoot() ?? window;\r\n      const schedule = (): void => {\r\n        if (this.frame) return;\r\n        this.frame = window.requestAnimationFrame(() => {\r\n          this.frame = 0;\r\n          this.track();\r\n        });\r\n      };\r\n      const interrupt = (event: Event): void => {\r\n        if (\r\n          event instanceof KeyboardEvent &&\r\n          !['ArrowUp', 'ArrowDown', 'PageUp', 'PageDown', 'Home', 'End', ' '].includes(event.key)\r\n        )\r\n          return;\r\n        this.navigation = null;\r\n        schedule();\r\n      };\r\n      const settled = (): void => {\r\n        if (this.navigation && Math.abs(this.scrollPosition() - this.navigation.destination) <= 1) {\r\n          this.navigation.settled = true;\r\n        }\r\n      };\r\n      const history = (): void => {\r\n        let id: string;\r\n        try {\r\n          id = decodeURIComponent(this.location.hash.slice(1));\r\n        } catch {\r\n          return;\r\n        }\r\n        if (id) this.navigate(id, false, false);\r\n        else {\r\n          this.navigation = null;\r\n          this.track();\r\n        }\r\n      };\r\n      root.addEventListener('scroll', schedule, { passive: true });\r\n      root.addEventListener('scrollend', settled);\r\n      root.addEventListener('wheel', interrupt, { passive: true });\r\n      root.addEventListener('touchstart', interrupt, { passive: true });\r\n      root.addEventListener('keydown', interrupt);\r\n      window.addEventListener('resize', interrupt);\r\n      window.addEventListener('popstate', history);\r\n      window.addEventListener('hashchange', history);\r\n      this.track();\r\n      history();\r\n      this.dispose = () => {\r\n        root.removeEventListener('scroll', schedule);\r\n        root.removeEventListener('scrollend', settled);\r\n        root.removeEventListener('wheel', interrupt);\r\n        root.removeEventListener('touchstart', interrupt);\r\n        root.removeEventListener('keydown', interrupt);\r\n        window.removeEventListener('resize', interrupt);\r\n        window.removeEventListener('popstate', history);\r\n        window.removeEventListener('hashchange', history);\r\n        window.cancelAnimationFrame(this.frame);\r\n        this.frame = 0;\r\n      };\r\n    });\r\n    inject(DestroyRef).onDestroy(() => this.dispose?.());\r\n  }\r\n\r\n  /** Selects, focuses and scrolls to a chapter. Missing targets leave state unchanged. */\r\n  goTo(id: string): boolean {\r\n    return this.navigate(id, true, true);\r\n  }\r\n\r\n  protected onLinkClick(event: MouseEvent, id: string): void {\r\n    if (\r\n      event.defaultPrevented ||\r\n      event.button !== 0 ||\r\n      event.ctrlKey ||\r\n      event.metaKey ||\r\n      event.shiftKey ||\r\n      event.altKey\r\n    )\r\n      return;\r\n    event.preventDefault();\r\n    this.goTo(id);\r\n  }\r\n\r\n  private targets(): ChapterTarget[] {\r\n    const root = this.scrollRoot();\r\n    return this.chapters().flatMap((chapter) => {\r\n      const element = this.document.getElementById(chapter.id);\r\n      return element && (!root || root.contains(element)) ? [{ id: chapter.id, element }] : [];\r\n    });\r\n  }\r\n  private scrollPosition(): number {\r\n    return this.scrollRoot()?.scrollTop ?? this.document.defaultView?.scrollY ?? 0;\r\n  }\r\n  private clearance(): number {\r\n    return Number.isFinite(this.offset()) ? Math.max(0, this.offset()) : 96;\r\n  }\r\n  private navigate(id: string, writeHistory: boolean, focus: boolean): boolean {\r\n    if (!this.ready()) return false;\r\n    const window = this.document.defaultView;\r\n    const target = this.targets().find((target) => target.id === id)?.element;\r\n    if (!window || !target) return false;\r\n    const root = this.scrollRoot();\r\n    const origin = root ? root.getBoundingClientRect().top + root.clientTop : 0;\r\n    const margin = parseFloat(window.getComputedStyle(target).scrollMarginTop) || 0;\r\n    const scrolling = this.document.scrollingElement ?? this.document.documentElement;\r\n    const maximum = Math.max(\r\n      0,\r\n      root ? root.scrollHeight - root.clientHeight : scrolling.scrollHeight - window.innerHeight,\r\n    );\r\n    const destination = Math.min(\r\n      maximum,\r\n      Math.max(\r\n        0,\r\n        this.scrollPosition() +\r\n          target.getBoundingClientRect().top -\r\n          origin -\r\n          Math.max(margin, this.clearance()),\r\n      ),\r\n    );\r\n    const smooth = writeHistory && this.scrollBehavior() === 'smooth' && !this.motion.reduced();\r\n    this.navigation = {\r\n      id,\r\n      destination,\r\n      settled: !smooth || Math.abs(this.scrollPosition() - destination) < 1,\r\n    };\r\n    this.current.set(id);\r\n    if (writeHistory && this.location.hash !== '#' + encodeURIComponent(id)) {\r\n      this.location.pushState(\r\n        this.location.getState(),\r\n        '',\r\n        this.location.pathname + this.location.search + '#' + encodeURIComponent(id),\r\n      );\r\n    }\r\n    if (focus) {\r\n      const tabindex = target.getAttribute('tabindex');\r\n      if (tabindex === null) {\r\n        target.setAttribute('tabindex', '-1');\r\n        target.addEventListener('blur', () => target.removeAttribute('tabindex'), { once: true });\r\n      }\r\n      target.focus({ preventScroll: true });\r\n    }\r\n    const options: ScrollToOptions = { top: destination, behavior: smooth ? 'smooth' : 'instant' };\r\n    if (root) root.scrollTo(options);\r\n    else window.scrollTo(options);\r\n    return true;\r\n  }\r\n  private track(): void {\r\n    const position = this.scrollPosition();\r\n    if (this.navigation) {\r\n      if (Math.abs(position - this.navigation.destination) <= 1) this.navigation.settled = true;\r\n      if (!this.navigation.settled || Math.abs(position - this.navigation.destination) <= 1) return;\r\n      this.navigation = null;\r\n    }\r\n    const targets = this.targets();\r\n    const root = this.scrollRoot();\r\n    const line =\r\n      (root ? root.getBoundingClientRect().top + root.clientTop : 0) + this.clearance() + 1;\r\n    let active = targets[0]?.id ?? '';\r\n    for (const target of targets)\r\n      if (target.element.getBoundingClientRect().top <= line) active = target.id;\r\n    this.current.set(active);\r\n  }\r\n}\r\n","<nav [attr.aria-label]=\"label()\">\r\n  <span class=\"heading\" aria-hidden=\"true\">{{ label() }}</span>\r\n  <span\r\n    class=\"thread\"\r\n    aria-hidden=\"true\"\r\n    [style.transform]=\"'scaleY(' + progress() / 100 + ')'\"\r\n  ></span>\r\n  <ol>\r\n    @for (chapter of links(); track chapter.id) {\r\n      <li>\r\n        <a\r\n          [href]=\"chapter.href\"\r\n          [attr.aria-current]=\"active() === chapter.id ? 'location' : null\"\r\n          (click)=\"onLinkClick($event, chapter.id)\"\r\n          ><span aria-hidden=\"true\">●</span>{{ chapter.label }}</a\r\n        >\r\n      </li>\r\n    }\r\n  </ol>\r\n</nav>\r\n"],"mappings":"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"}

package/fesm2022/hyalo-angular-chart-engine-DSJop6He.mjs

@@ -0,0 +1,5 @@
+import { ArcElement, BarController, BarElement, CategoryScale, Chart, DoughnutController, Filler, Legend, LineController, LineElement, LinearScale, PointElement, Tooltip } from "chart.js";
+Chart.register(LineController, BarController, DoughnutController, CategoryScale, LinearScale, PointElement, LineElement, BarElement, ArcElement, Tooltip, Legend, Filler);
+export { Chart };
+
+//# sourceMappingURL=hyalo-angular-chart-engine-DSJop6He.mjs.map

package/fesm2022/hyalo-angular-chart-engine-DSJop6He.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hyalo-angular-chart-engine-DSJop6He.mjs","names":[],"sources":["../../../projects/hyalo/chart/engine.ts"],"sourcesContent":["import {\r\n  Chart,\r\n  LineController,\r\n  BarController,\r\n  DoughnutController,\r\n  CategoryScale,\r\n  LinearScale,\r\n  PointElement,\r\n  LineElement,\r\n  BarElement,\r\n  ArcElement,\r\n  Tooltip,\r\n  Legend,\r\n  Filler,\r\n} from 'chart.js';\r\nChart.register(\r\n  LineController,\r\n  BarController,\r\n  DoughnutController,\r\n  CategoryScale,\r\n  LinearScale,\r\n  PointElement,\r\n  LineElement,\r\n  BarElement,\r\n  ArcElement,\r\n  Tooltip,\r\n  Legend,\r\n  Filler,\r\n);\r\nexport { Chart };\r\n"],"mappings":";AAeA,MAAM,SACJ,gBACA,eACA,oBACA,eACA,aACA,cACA,aACA,YACA,YACA,SACA,QACA,MAAM"}