@absolutejs/absolute 0.19.0-beta.704 → 0.19.0-beta.706

package/dist/angular/components/image.component.js

@@ -1,202 +0,0 @@
-import { Component, computed, input, signal } from '@angular/core';
-import { NgStyle } from '@angular/common';
-import { DEFAULT_QUALITY, buildOptimizedUrl, generateBlurSvg, generateSrcSet } from '@absolutejs/absolute/image';
-import * as i0 from "@angular/core";
-/** Resolve the blur background CSS value from placeholder config */
-const resolveBlurBg = (placeholderValue, blurDataUrl) => {
-    if (typeof placeholderValue === 'string' &&
-        placeholderValue !== 'blur' &&
-        placeholderValue.startsWith('data:')) {
-        return generateBlurSvg(placeholderValue);
-    }
-    if (blurDataUrl)
-        return generateBlurSvg(blurDataUrl);
-    return undefined;
-};
-export class ImageComponent {
-    constructor() {
-        // ── Inputs ──────────────────────────────────────────────────
-        this.alt = input.required(...(ngDevMode ? [{ debugName: "alt" }] : /* istanbul ignore next */ []));
-        this.blurDataURL = input(...(ngDevMode ? [undefined, { debugName: "blurDataURL" }] : /* istanbul ignore next */ []));
-        this.className = input(...(ngDevMode ? [undefined, { debugName: "className" }] : /* istanbul ignore next */ []));
-        this.crossOrigin = input(...(ngDevMode ? [undefined, { debugName: "crossOrigin" }] : /* istanbul ignore next */ []));
-        this.fetchPriority = input(...(ngDevMode ? [undefined, { debugName: "fetchPriority" }] : /* istanbul ignore next */ []));
-        this.fill = input(false, ...(ngDevMode ? [{ debugName: "fill" }] : /* istanbul ignore next */ []));
-        this.height = input(...(ngDevMode ? [undefined, { debugName: "height" }] : /* istanbul ignore next */ []));
-        this.loader = input(...(ngDevMode ? [undefined, { debugName: "loader" }] : /* istanbul ignore next */ []));
-        this.loading = input('lazy', ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
-        this.onError = input(...(ngDevMode ? [undefined, { debugName: "onError" }] : /* istanbul ignore next */ []));
-        this.onLoad = input(...(ngDevMode ? [undefined, { debugName: "onLoad" }] : /* istanbul ignore next */ []));
-        this.overrideSrc = input(...(ngDevMode ? [undefined, { debugName: "overrideSrc" }] : /* istanbul ignore next */ []));
-        this.placeholder = input('empty', ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
-        this.priority = input(false, ...(ngDevMode ? [{ debugName: "priority" }] : /* istanbul ignore next */ []));
-        this.quality = input(DEFAULT_QUALITY, ...(ngDevMode ? [{ debugName: "quality" }] : /* istanbul ignore next */ []));
-        this.referrerPolicy = input(...(ngDevMode ? [undefined, { debugName: "referrerPolicy" }] : /* istanbul ignore next */ []));
-        this.sizes = input(...(ngDevMode ? [undefined, { debugName: "sizes" }] : /* istanbul ignore next */ []));
-        this.src = input.required(...(ngDevMode ? [{ debugName: "src" }] : /* istanbul ignore next */ []));
-        this.style = input(...(ngDevMode ? [undefined, { debugName: "style" }] : /* istanbul ignore next */ []));
-        this.unoptimized = input(false, ...(ngDevMode ? [{ debugName: "unoptimized" }] : /* istanbul ignore next */ []));
-        this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : /* istanbul ignore next */ []));
-        // ── Internal state ──────────────────────────────────────────
-        this.blurRemoved = signal(false, ...(ngDevMode ? [{ debugName: "blurRemoved" }] : /* istanbul ignore next */ []));
-        // ── Computed ────────────────────────────────────────────────
-        this.resolvedSrc = computed(() => {
-            const override = this.overrideSrc();
-            if (override)
-                return override;
-            if (this.unoptimized())
-                return this.src();
-            const loaderFn = this.loader();
-            if (loaderFn)
-                return loaderFn({
-                    quality: this.quality(),
-                    src: this.src(),
-                    width: this.width() ?? 0
-                });
-            const currentWidth = this.width();
-            if (!currentWidth)
-                return buildOptimizedUrl(this.src(), 0, this.quality());
-            return buildOptimizedUrl(this.src(), currentWidth, this.quality());
-        }, ...(ngDevMode ? [{ debugName: "resolvedSrc" }] : /* istanbul ignore next */ []));
-        this.srcSet = computed(() => this.unoptimized()
-            ? null
-            : (generateSrcSet(this.src(), this.width(), this.sizes(), undefined, this.loader() ?? undefined) ?? null), ...(ngDevMode ? [{ debugName: "srcSet" }] : /* istanbul ignore next */ []));
-        this.resolvedSrcSet = computed(() => this.srcSet() ?? null, ...(ngDevMode ? [{ debugName: "resolvedSrcSet" }] : /* istanbul ignore next */ []));
-        this.resolvedSizes = computed(() => this.sizes() ?? (this.fill() ? '100vw' : null), ...(ngDevMode ? [{ debugName: "resolvedSizes" }] : /* istanbul ignore next */ []));
-        this.resolvedCrossOrigin = computed(() => this.crossOrigin() ?? null, ...(ngDevMode ? [{ debugName: "resolvedCrossOrigin" }] : /* istanbul ignore next */ []));
-        this.resolvedReferrerPolicy = computed(() => this.referrerPolicy() ?? null, ...(ngDevMode ? [{ debugName: "resolvedReferrerPolicy" }] : /* istanbul ignore next */ []));
-        this.resolvedLoading = computed(() => this.priority() ? 'eager' : this.loading(), ...(ngDevMode ? [{ debugName: "resolvedLoading" }] : /* istanbul ignore next */ []));
-        this.resolvedFetchPriority = computed(() => this.priority() ? 'high' : (this.fetchPriority() ?? null), ...(ngDevMode ? [{ debugName: "resolvedFetchPriority" }] : /* istanbul ignore next */ []));
-        this.imgStyle = computed(() => {
-            const base = {
-                ...(this.style() ?? {}),
-                color: 'transparent'
-            };
-            const hasBlur = !this.blurRemoved() &&
-                (this.placeholder() === 'blur' ||
-                    (typeof this.placeholder() === 'string' &&
-                        this.placeholder() !== 'empty' &&
-                        (this.placeholder() ?? '').startsWith('data:')));
-            const blurValue = hasBlur
-                ? resolveBlurBg(this.placeholder(), this.blurDataURL())
-                : undefined;
-            if (blurValue) {
-                base['background-image'] = blurValue;
-                base['background-position'] = 'center';
-                base['background-repeat'] = 'no-repeat';
-                base['background-size'] = 'cover';
-            }
-            if (this.fill()) {
-                base.height = '100%';
-                base.inset = '0';
-                base['object-fit'] = 'cover';
-                base.position = 'absolute';
-                base.width = '100%';
-            }
-            return base;
-        }, ...(ngDevMode ? [{ debugName: "imgStyle" }] : /* istanbul ignore next */ []));
-    }
-    // ── Event handlers ──────────────────────────────────────────
-    handleLoad(event) {
-        this.blurRemoved.set(true);
-        const callback = this.onLoad();
-        if (callback)
-            callback(event);
-    }
-    handleError(event) {
-        const callback = this.onError();
-        if (callback)
-            callback(event);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: ImageComponent, isStandalone: true, selector: "abs-image", inputs: { alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: true, transformFunction: null }, blurDataURL: { classPropertyName: "blurDataURL", publicName: "blurDataURL", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, crossOrigin: { classPropertyName: "crossOrigin", publicName: "crossOrigin", isSignal: true, isRequired: false, transformFunction: null }, fetchPriority: { classPropertyName: "fetchPriority", publicName: "fetchPriority", isSignal: true, isRequired: false, transformFunction: null }, fill: { classPropertyName: "fill", publicName: "fill", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, loader: { classPropertyName: "loader", publicName: "loader", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, onError: { classPropertyName: "onError", publicName: "onError", isSignal: true, isRequired: false, transformFunction: null }, onLoad: { classPropertyName: "onLoad", publicName: "onLoad", isSignal: true, isRequired: false, transformFunction: null }, overrideSrc: { classPropertyName: "overrideSrc", publicName: "overrideSrc", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, priority: { classPropertyName: "priority", publicName: "priority", isSignal: true, isRequired: false, transformFunction: null }, quality: { classPropertyName: "quality", publicName: "quality", isSignal: true, isRequired: false, transformFunction: null }, referrerPolicy: { classPropertyName: "referrerPolicy", publicName: "referrerPolicy", isSignal: true, isRequired: false, transformFunction: null }, sizes: { classPropertyName: "sizes", publicName: "sizes", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: true, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, unoptimized: { classPropertyName: "unoptimized", publicName: "unoptimized", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
-		@if (fill()) {
-			<span
-				style="position:relative;overflow:hidden;display:block;width:100%;height:100%"
-			>
-				<img
-					[alt]="alt()"
-					[src]="resolvedSrc()"
-					[attr.srcset]="resolvedSrcSet()"
-					[attr.sizes]="resolvedSizes()"
-					[loading]="resolvedLoading()"
-					[class]="className()"
-					[ngStyle]="imgStyle()"
-					[attr.crossorigin]="resolvedCrossOrigin()"
-					[attr.referrerpolicy]="resolvedReferrerPolicy()"
-					[attr.fetchpriority]="resolvedFetchPriority()"
-					decoding="async"
-					(load)="handleLoad($event)"
-					(error)="handleError($event)"
-				/>
-			</span>
-		} @else {
-			<img
-				[alt]="alt()"
-				[src]="resolvedSrc()"
-				[attr.srcset]="resolvedSrcSet()"
-				[attr.sizes]="resolvedSizes()"
-				[width]="width()"
-				[height]="height()"
-				[loading]="resolvedLoading()"
-				[class]="className()"
-				[ngStyle]="imgStyle()"
-				[attr.crossorigin]="resolvedCrossOrigin()"
-				[attr.referrerpolicy]="resolvedReferrerPolicy()"
-				[attr.fetchpriority]="resolvedFetchPriority()"
-				decoding="async"
-				(load)="handleLoad($event)"
-				(error)="handleError($event)"
-			/>
-		}
-	`, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ImageComponent, decorators: [{
-            type: Component,
-            args: [{
-                    imports: [NgStyle],
-                    selector: 'abs-image',
-                    standalone: true,
-                    template: `
-		@if (fill()) {
-			<span
-				style="position:relative;overflow:hidden;display:block;width:100%;height:100%"
-			>
-				<img
-					[alt]="alt()"
-					[src]="resolvedSrc()"
-					[attr.srcset]="resolvedSrcSet()"
-					[attr.sizes]="resolvedSizes()"
-					[loading]="resolvedLoading()"
-					[class]="className()"
-					[ngStyle]="imgStyle()"
-					[attr.crossorigin]="resolvedCrossOrigin()"
-					[attr.referrerpolicy]="resolvedReferrerPolicy()"
-					[attr.fetchpriority]="resolvedFetchPriority()"
-					decoding="async"
-					(load)="handleLoad($event)"
-					(error)="handleError($event)"
-				/>
-			</span>
-		} @else {
-			<img
-				[alt]="alt()"
-				[src]="resolvedSrc()"
-				[attr.srcset]="resolvedSrcSet()"
-				[attr.sizes]="resolvedSizes()"
-				[width]="width()"
-				[height]="height()"
-				[loading]="resolvedLoading()"
-				[class]="className()"
-				[ngStyle]="imgStyle()"
-				[attr.crossorigin]="resolvedCrossOrigin()"
-				[attr.referrerpolicy]="resolvedReferrerPolicy()"
-				[attr.fetchpriority]="resolvedFetchPriority()"
-				decoding="async"
-				(load)="handleLoad($event)"
-				(error)="handleError($event)"
-			/>
-		}
-	`
-                }]
-        }], propDecorators: { alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: true }] }], blurDataURL: [{ type: i0.Input, args: [{ isSignal: true, alias: "blurDataURL", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], crossOrigin: [{ type: i0.Input, args: [{ isSignal: true, alias: "crossOrigin", required: false }] }], fetchPriority: [{ type: i0.Input, args: [{ isSignal: true, alias: "fetchPriority", required: false }] }], fill: [{ type: i0.Input, args: [{ isSignal: true, alias: "fill", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], loader: [{ type: i0.Input, args: [{ isSignal: true, alias: "loader", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], onError: [{ type: i0.Input, args: [{ isSignal: true, alias: "onError", required: false }] }], onLoad: [{ type: i0.Input, args: [{ isSignal: true, alias: "onLoad", required: false }] }], overrideSrc: [{ type: i0.Input, args: [{ isSignal: true, alias: "overrideSrc", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], priority: [{ type: i0.Input, args: [{ isSignal: true, alias: "priority", required: false }] }], quality: [{ type: i0.Input, args: [{ isSignal: true, alias: "quality", required: false }] }], referrerPolicy: [{ type: i0.Input, args: [{ isSignal: true, alias: "referrerPolicy", required: false }] }], sizes: [{ type: i0.Input, args: [{ isSignal: true, alias: "sizes", required: false }] }], src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: true }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], unoptimized: [{ type: i0.Input, args: [{ isSignal: true, alias: "unoptimized", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }] } });

package/dist/angular/components/index.js

@@ -1,4 +0,0 @@
-export { DeferSlotComponent } from './defer-slot.component.js';
-export { DeferErrorTemplateDirective, DeferFallbackTemplateDirective, DeferResolvedTemplateDirective } from './defer-slot-templates.directive.js';
-export { ImageComponent } from './image.component.js';
-export { StreamSlotComponent } from './stream-slot.component.js';

package/dist/angular/components/stream-slot.component.js

@@ -1,103 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, NgZone, inject, signal } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
-import { isStreamingSlotCollectionActive, registerStreamingSlot, warnMissingStreamingSlotCollector } from './core/streamingSlotRegistrar.js';
-import * as i0 from "@angular/core";
-const isObjectRecord = (value) => Boolean(value) && typeof value === 'object';
-const isHtmlPayload = (payload) => isObjectRecord(payload) && typeof payload.html === 'string';
-const resolvePayloadHtml = (payload) => {
-    if (isHtmlPayload(payload)) {
-        return payload.html;
-    }
-    return typeof payload === 'string' ? payload : '';
-};
-export class StreamSlotComponent {
-    constructor() {
-        this.cdr = inject(ChangeDetectorRef);
-        this.sanitizer = inject(DomSanitizer);
-        this.zone = inject(NgZone);
-        this.slotConsumer = (payload) => {
-            this.zone.run(() => {
-                this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(resolvePayloadHtml(payload)));
-                this.cdr.markForCheck();
-            });
-            return true;
-        };
-        this.fallbackHtml = '';
-        this.currentHtml = signal('', ...(ngDevMode ? [{ debugName: "currentHtml" }] : /* istanbul ignore next */ []));
-    }
-    ngOnInit() {
-        if (isStreamingSlotCollectionActive()) {
-            this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(this.fallbackHtml));
-            registerStreamingSlot({
-                errorHtml: this.errorHtml,
-                fallbackHtml: this.fallbackHtml,
-                id: this.id,
-                resolve: this.resolve,
-                timeoutMs: this.timeoutMs
-            });
-            return;
-        }
-        warnMissingStreamingSlotCollector('StreamSlot');
-        if (typeof window === 'undefined') {
-            this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(this.fallbackHtml));
-            return;
-        }
-        const consumers = (window.__ABS_SLOT_CONSUMERS__ =
-            window.__ABS_SLOT_CONSUMERS__ ?? {});
-        consumers[this.id] = this.slotConsumer;
-        this.currentHtml.set(this.sanitizer.bypassSecurityTrustHtml(this.fallbackHtml));
-        const pendingPayload = window.__ABS_SLOT_PENDING__?.[this.id];
-        if (pendingPayload !== undefined) {
-            this.slotConsumer(pendingPayload);
-            delete window.__ABS_SLOT_PENDING__?.[this.id];
-        }
-    }
-    ngOnDestroy() {
-        if (typeof window === 'undefined')
-            return;
-        if (window.__ABS_SLOT_CONSUMERS__) {
-            delete window.__ABS_SLOT_CONSUMERS__[this.id];
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: StreamSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: StreamSlotComponent, isStandalone: true, selector: "abs-stream-slot", inputs: { className: "className", errorHtml: "errorHtml", fallbackHtml: "fallbackHtml", id: "id", resolve: "resolve", timeoutMs: "timeoutMs" }, ngImport: i0, template: `
-		<div
-			[attr.id]="id"
-			[attr.class]="className"
-			data-absolute-raw-slot="true"
-			data-absolute-slot="true"
-			[innerHTML]="currentHtml()"
-		></div>
-	`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: StreamSlotComponent, decorators: [{
-            type: Component,
-            args: [{
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    selector: 'abs-stream-slot',
-                    standalone: true,
-                    template: `
-		<div
-			[attr.id]="id"
-			[attr.class]="className"
-			data-absolute-raw-slot="true"
-			data-absolute-slot="true"
-			[innerHTML]="currentHtml()"
-		></div>
-	`
-                }]
-        }], propDecorators: { className: [{
-                type: Input
-            }], errorHtml: [{
-                type: Input
-            }], fallbackHtml: [{
-                type: Input
-            }], id: [{
-                type: Input,
-                args: [{ required: true }]
-            }], resolve: [{
-                type: Input,
-                args: [{ required: true }]
-            }], timeoutMs: [{
-                type: Input
-            }] } });

package/dist/dev/client/constants.ts

@@ -1,26 +0,0 @@
-import type {} from '../../types/globals';
-/* Client-side constants — local copy for dist/dev/client/ portability.
-   These values MUST stay in sync with the root constants.ts.
-   This file exists because the client files are copied raw to dist/dev/client/
-   and cannot import from ../../constants when installed from npm. */
-
-export const ANGULAR_INIT_TIMEOUT_MS = 500;
-export const CSS_ERROR_RESOLVE_DELAY_MS = 50;
-export const CSS_MAX_CHECK_ATTEMPTS = 10;
-export const CSS_MAX_PARSE_TIMEOUT_MS = 500;
-export const CSS_SHEET_READY_TIMEOUT_MS = 100;
-export const DOM_UPDATE_DELAY_MS = 50;
-export const FOCUS_ID_PREFIX_LENGTH = 3;
-export const FOCUS_IDX_PREFIX_LENGTH = 4;
-export const FOCUS_NAME_PREFIX_LENGTH = 5;
-export const HMR_UPDATE_TIMEOUT_MS = 2000;
-export const MAX_RECONNECT_ATTEMPTS = 60;
-export const OVERLAY_FADE_DURATION_MS = 150;
-export const PING_INTERVAL_MS = 30_000;
-export const RAF_BATCH_COUNT = 3;
-export const REBUILD_RELOAD_DELAY_MS = 200;
-export const RECONNECT_INITIAL_DELAY_MS = 500;
-export const RECONNECT_POLL_INTERVAL_MS = 300;
-export const SVELTE_CSS_LOAD_TIMEOUT_MS = 500;
-export const UNFOUND_INDEX = -1;
-export const WEBSOCKET_NORMAL_CLOSURE = 1000;

package/dist/dev/client/cssUtils.ts

@@ -1,307 +0,0 @@
-import type {} from '../../types/globals';
-/* CSS reload/preload utilities for HMR */
-
-import type { CSSUpdateResult } from '../../types/client';
-import {
-	CSS_ERROR_RESOLVE_DELAY_MS,
-	CSS_MAX_CHECK_ATTEMPTS,
-	CSS_MAX_PARSE_TIMEOUT_MS,
-	CSS_SHEET_READY_TIMEOUT_MS,
-	DOM_UPDATE_DELAY_MS,
-	RAF_BATCH_COUNT
-} from './constants';
-import { hmrState } from './hmrState';
-
-export const getCSSBaseName = (href: string) => {
-	const fileName = href.split('?')[0]?.split('/').pop() || '';
-
-	return fileName.split('.')[0] ?? '';
-};
-
-const baseNamesMatch = (baseA: string, baseB: string) =>
-	baseA === baseB || baseA.includes(baseB) || baseB.includes(baseA);
-
-const findMatchingLink = (baseNew: string) => {
-	const links = document.head.querySelectorAll('link[rel="stylesheet"]');
-	for (const existing of links) {
-		if (!(existing instanceof HTMLLinkElement)) continue;
-		const existingHref = existing.getAttribute('href') || '';
-		const baseExisting = getCSSBaseName(existingHref);
-		if (baseNamesMatch(baseExisting, baseNew)) {
-			return existing;
-		}
-	}
-
-	return null;
-};
-
-const createTimestampedLink = (href: string) => {
-	const newLinkElement = document.createElement('link');
-	newLinkElement.rel = 'stylesheet';
-	newLinkElement.media = 'print';
-	const newHref = `${href + (href.includes('?') ? '&' : '?')}t=${Date.now()}`;
-	newLinkElement.href = newHref;
-
-	return { newHref, newLinkElement };
-};
-
-const processNewLink = (
-	newLink: Element,
-	linksToRemove: HTMLLinkElement[],
-	linksToActivate: HTMLLinkElement[],
-	linksToWaitFor: Promise<void>[]
-) => {
-	const href = newLink.getAttribute('href');
-	if (!href) return;
-
-	const baseNew = getCSSBaseName(href);
-	const existingLink = findMatchingLink(baseNew);
-
-	if (!existingLink) {
-		const { newHref, newLinkElement } = createTimestampedLink(href);
-		linksToActivate.push(newLinkElement);
-		const loadPromise = createCSSLoadPromise(newLinkElement, newHref);
-		document.head.appendChild(newLinkElement);
-		linksToWaitFor.push(loadPromise);
-
-		return;
-	}
-
-	const existingHrefAttr = existingLink.getAttribute('href');
-	const existingHref = existingHrefAttr ? existingHrefAttr.split('?')[0] : '';
-	const [newHrefBase] = href.split('?');
-	if (existingHref === newHrefBase) return;
-
-	const { newHref, newLinkElement } = createTimestampedLink(href);
-	linksToRemove.push(existingLink);
-	linksToActivate.push(newLinkElement);
-	const loadPromise = createCSSLoadPromise(newLinkElement, newHref);
-	document.head.appendChild(newLinkElement);
-	linksToWaitFor.push(loadPromise);
-};
-
-export const processCSSLinks = (headHTML: string) => {
-	const tempDiv = document.createElement('div');
-	tempDiv.innerHTML = headHTML;
-	const newStylesheets = tempDiv.querySelectorAll('link[rel="stylesheet"]');
-	const existingStylesheets = Array.from(
-		document.head.querySelectorAll<HTMLLinkElement>(
-			'link[rel="stylesheet"]'
-		)
-	);
-
-	const newHrefs = Array.from(newStylesheets).map((link) => {
-		const href = link.getAttribute('href') || '';
-
-		return getCSSBaseName(href);
-	});
-
-	const linksToRemove: HTMLLinkElement[] = [];
-	const linksToWaitFor: Promise<void>[] = [];
-	const linksToActivate: HTMLLinkElement[] = [];
-
-	newStylesheets.forEach((newLink) => {
-		processNewLink(newLink, linksToRemove, linksToActivate, linksToWaitFor);
-	});
-
-	existingStylesheets.forEach((existingLink) => {
-		const existingHref = existingLink.getAttribute('href') || '';
-		const baseExisting = getCSSBaseName(existingHref);
-		const stillExists = newHrefs.some((newBase) =>
-			baseNamesMatch(baseExisting, newBase)
-		);
-		if (stillExists) return;
-
-		const wasHandled = Array.from(newStylesheets).some((newLink) => {
-			const newHref = newLink.getAttribute('href') || '';
-			const baseNewLocal = getCSSBaseName(newHref);
-
-			return baseNamesMatch(baseExisting, baseNewLocal);
-		});
-
-		if (!wasHandled) {
-			linksToRemove.push(existingLink);
-		}
-	});
-
-	return { linksToActivate, linksToRemove, linksToWaitFor };
-};
-
-const findManifestHref = (
-	manifest: Record<string, string>,
-	baseName: string
-) => {
-	const manifestKey = `${baseName
-		.split('-')
-		.map((part) => part.charAt(0).toUpperCase() + part.slice(1))
-		.join('')}CSS`;
-
-	if (manifest[manifestKey]) {
-		return manifest[manifestKey];
-	}
-
-	for (const [key, value] of Object.entries(manifest)) {
-		if (key.endsWith('CSS') && value.includes(baseName)) {
-			return value;
-		}
-	}
-
-	return null;
-};
-
-const updateStylesheetLink = (
-	link: Element,
-	manifest: Record<string, string>
-) => {
-	if (!(link instanceof HTMLLinkElement)) return;
-	const href = link.getAttribute('href');
-	if (!href || href.includes('htmx.min.js')) return;
-
-	let newHref: string | null = null;
-	if (manifest) {
-		const baseName = getCSSBaseName(href);
-		newHref = findManifestHref(manifest, baseName);
-	}
-
-	if (newHref && newHref !== href) {
-		link.href = `${newHref}?t=${Date.now()}`;
-	} else {
-		const url = new URL(href, window.location.origin);
-		url.searchParams.set('t', Date.now().toString());
-		link.href = url.toString();
-	}
-};
-
-export const reloadCSSStylesheets = (manifest: Record<string, string>) => {
-	const stylesheets = document.querySelectorAll('link[rel="stylesheet"]');
-	stylesheets.forEach((link) => {
-		updateStylesheetLink(link, manifest);
-	});
-};
-
-const createCSSLoadPromise = (linkElement: HTMLLinkElement, newHref: string) =>
-	// eslint-disable-next-line promise/avoid-new
-	new Promise<void>((resolve) => {
-		let resolved = false;
-		const doResolve = function () {
-			if (resolved) return;
-			resolved = true;
-			resolve();
-		};
-
-		const verifyCSSOM = function () {
-			try {
-				const sheets = Array.from(document.styleSheets);
-
-				return sheets.some(
-					(sheet) =>
-						sheet.href &&
-						sheet.href.includes(newHref.split('?')[0] ?? '')
-				);
-			} catch {
-				return false;
-			}
-		};
-
-		linkElement.onload = function () {
-			let checkCount = 0;
-			const checkCSSOM = function () {
-				checkCount++;
-				if (verifyCSSOM() || checkCount > CSS_MAX_CHECK_ATTEMPTS) {
-					doResolve();
-				} else {
-					requestAnimationFrame(checkCSSOM);
-				}
-			};
-			requestAnimationFrame(checkCSSOM);
-		};
-
-		linkElement.onerror = function () {
-			setTimeout(() => {
-				doResolve();
-			}, CSS_ERROR_RESOLVE_DELAY_MS);
-		};
-
-		setTimeout(() => {
-			if (linkElement.sheet && !resolved) {
-				doResolve();
-			}
-		}, CSS_SHEET_READY_TIMEOUT_MS);
-
-		setTimeout(() => {
-			if (!resolved) {
-				doResolve();
-			}
-		}, CSS_MAX_PARSE_TIMEOUT_MS);
-	});
-
-const removeLinks = (linksToRemove: HTMLLinkElement[]) => {
-	linksToRemove.forEach((link) => {
-		if (link.parentNode) {
-			link.remove();
-		}
-	});
-};
-
-const activateLinks = (linksToActivate: HTMLLinkElement[]) => {
-	linksToActivate.forEach((link) => {
-		link.media = 'all';
-	});
-};
-
-const chainRAF = (depth: number, callback: () => void) => {
-	if (depth <= 0) {
-		callback();
-
-		return;
-	}
-	requestAnimationFrame(() => {
-		chainRAF(depth - 1, callback);
-	});
-};
-
-/* Coordinate CSS load with body update: waits for CSS, patches body,
-   activates new CSS, removes old CSS. Handles first-update delay. */
-export const waitForCSSAndUpdate = (
-	cssResult: CSSUpdateResult,
-	updateBody: () => void
-) => {
-	const { linksToActivate, linksToRemove, linksToWaitFor } = cssResult;
-
-	if (linksToWaitFor.length > 0) {
-		void Promise.all(linksToWaitFor).then(() => {
-			setTimeout(() => {
-				chainRAF(RAF_BATCH_COUNT, () => {
-					updateBody();
-					activateLinks(linksToActivate);
-					requestAnimationFrame(() => {
-						removeLinks(linksToRemove);
-						if (hmrState.isFirstHMRUpdate) {
-							hmrState.isFirstHMRUpdate = false;
-						}
-					});
-				});
-			}, DOM_UPDATE_DELAY_MS);
-
-			return undefined;
-		});
-
-		return;
-	}
-
-	const doUpdate = function () {
-		chainRAF(RAF_BATCH_COUNT, () => {
-			updateBody();
-			requestAnimationFrame(() => {
-				removeLinks(linksToRemove);
-			});
-		});
-	};
-
-	if (hmrState.isFirstHMRUpdate) {
-		hmrState.isFirstHMRUpdate = false;
-		setTimeout(doUpdate, DOM_UPDATE_DELAY_MS);
-	} else {
-		doUpdate();
-	}
-};