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

package/dist/angular/components/constants.js

@@ -0,0 +1,78 @@
+export const ANGULAR_INIT_TIMEOUT_MS = 500;
+export const ANSI_ESCAPE_CODE = 27;
+export const ANSI_ESCAPE_LENGTH = 3;
+export const ASCII_SPACE = 32;
+export const BASE_36_RADIX = 36;
+export const BUN_BUILD_WARNING_SUPPRESSION = 'wildcard sideEffects are not supported yet';
+export const BODY_SLICE_LENGTH = 2000;
+export const BYTES_PER_KILOBYTE = 1024;
+export const CLI_ARGS_OFFSET = 3;
+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 DEFAULT_CHUNK_SIZE = 16_384;
+export const DEFAULT_DEBOUNCE_MS = 15;
+export const DEFAULT_PORT = 3000;
+export const DEV_SERVER_RESTART_DEBOUNCE_MS = 100;
+export const DOM_UPDATE_DELAY_MS = 50;
+export const FILE_PROTOCOL_PREFIX_LENGTH = 7;
+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 HOOK_SIGNATURE_LENGTH = 12;
+export const EXCLUDE_LAST_OFFSET = -1;
+export const HTTP_STATUS_OK = 200;
+export const HTTP_STATUS_BAD_REQUEST = 400;
+export const HTTP_STATUS_NOT_FOUND = 404;
+export const HOURS_IN_DAY = 24;
+export const HOURS_IN_HALF_DAY = 12;
+export const MAX_ERROR_LENGTH = 200;
+export const MAX_RECONNECT_ATTEMPTS = 60;
+export const MILLISECONDS_IN_A_SECOND = 1000;
+export const MINUTES_IN_AN_HOUR = 60;
+export const SECONDS_IN_A_MINUTE = 60;
+export const MILLISECONDS_IN_A_MINUTE = MILLISECONDS_IN_A_SECOND * SECONDS_IN_A_MINUTE;
+export const MILLISECONDS_IN_A_DAY = MILLISECONDS_IN_A_SECOND *
+    SECONDS_IN_A_MINUTE *
+    MINUTES_IN_AN_HOUR *
+    HOURS_IN_DAY;
+export const OVERLAY_FADE_DURATION_MS = 150;
+export const PING_INTERVAL_MS = 30_000;
+export const RAF_BATCH_COUNT = 3;
+export const RANDOM_ID_END_INDEX = 11;
+export const REBUILD_BATCH_DELAY_MS = 10;
+export const REBUILD_RELOAD_DELAY_MS = 200;
+export const RECONNECT_INITIAL_DELAY_MS = 500;
+export const RECONNECT_POLL_INTERVAL_MS = 300;
+export const REACT_STREAM_SLOT_FAST_DELAY_MS = 5;
+export const REACT_STREAM_SLOT_SLOW_DELAY_MS = 20;
+export const SIGINT_EXIT_CODE = 130;
+export const SIGTERM_EXIT_CODE = 143;
+export const SVELTE_CSS_LOAD_TIMEOUT_MS = 500;
+export const TIME_PRECISION = 2;
+export const TWO_THIRDS = 2 / 3;
+export const UNFOUND_INDEX = -1;
+export const WEBSOCKET_NORMAL_CLOSURE = 1000;
+export const WORKSPACE_COMMAND_ARGS_OFFSET = 3;
+export const WORKSPACE_FAILURE_LOG_PRINT_LIMIT = 30;
+export const WORKSPACE_FAILURE_RECENT_LOG_LIMIT = 60;
+export const WORKSPACE_READY_ATTEMPT_TIMEOUT_MS = 5_000;
+export const WORKSPACE_READY_PROBE_INTERVAL_MS = 250;
+export const WORKSPACE_READY_TIMEOUT_MS = 30_000;
+export const WORKSPACE_SHUTDOWN_TIMEOUT_MS = 10_000;
+export const WORKSPACE_TUI_DEFAULT_HEIGHT = 28;
+export const WORKSPACE_TUI_DEFAULT_WIDTH = 100;
+export const WORKSPACE_TUI_ESCAPE_SEQUENCE_TIMEOUT_MS = 30;
+export const WORKSPACE_TUI_FOOTER_LINE_COUNT = 3;
+export const WORKSPACE_TUI_MIN_LOG_HEIGHT = 3;
+export const WORKSPACE_TUI_MIN_SERVICE_NAME_WIDTH = 7;
+export const WORKSPACE_TUI_MIN_TARGET_WIDTH = 8;
+export const WORKSPACE_TUI_MIN_WRAP_WIDTH = 12;
+export const WORKSPACE_TUI_PROMPT_CURSOR_OFFSET = 3;
+export const WORKSPACE_TUI_RECENT_LOG_LIMIT = 40;
+export const WORKSPACE_TUI_RENDER_DEBOUNCE_MS = 16;
+export const WORKSPACE_TUI_STATUS_WIDTH = 10;
+export const WORKSPACE_TUI_TARGET_PADDING_WIDTH = 6;
+export const WORKSPACE_TUI_VISIBILITY_WIDTH = 8;

package/dist/angular/components/core/streamingSlotRegistrar.js

@@ -0,0 +1,58 @@
+// @bun
+var __require = import.meta.require;
+
+// .angular-partial-tmp/src/core/streamingSlotRegistrar.ts
+var STREAMING_SLOT_REGISTRAR_KEY = Symbol.for("absolutejs.streamingSlotRegistrar");
+var STREAMING_SLOT_WARNING_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotWarningController");
+var STREAMING_SLOT_COLLECTION_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotCollectionController");
+var getRegisteredStreamingSlotRegistrar = () => {
+  const value = Reflect.get(globalThis, STREAMING_SLOT_REGISTRAR_KEY);
+  if (typeof value === "function" || value === null) {
+    return value;
+  }
+  return;
+};
+var isObjectRecord = (value) => Boolean(value) && typeof value === "object";
+var isStreamingSlotWarningController = (value) => isObjectRecord(value) && ("maybeWarn" in value) && typeof value.maybeWarn === "function";
+var isStreamingSlotCollectionController = (value) => isObjectRecord(value) && ("isCollecting" in value) && typeof value.isCollecting === "function";
+var getWarningController = () => {
+  const value = Reflect.get(globalThis, STREAMING_SLOT_WARNING_STORAGE_KEY);
+  if (value === null || typeof value === "undefined")
+    return;
+  return isStreamingSlotWarningController(value) ? value : undefined;
+};
+var getCollectionController = () => {
+  const value = Reflect.get(globalThis, STREAMING_SLOT_COLLECTION_STORAGE_KEY);
+  if (value === null || typeof value === "undefined")
+    return;
+  return isStreamingSlotCollectionController(value) ? value : undefined;
+};
+var hasRegisteredStreamingSlotRegistrar = () => typeof getRegisteredStreamingSlotRegistrar() === "function";
+var isStreamingSlotCollectionActive = () => getCollectionController()?.isCollecting() === true;
+var registerStreamingSlot = (slot) => {
+  getRegisteredStreamingSlotRegistrar()?.(slot);
+};
+var setStreamingSlotCollectionController = (controller) => {
+  Reflect.set(globalThis, STREAMING_SLOT_COLLECTION_STORAGE_KEY, controller);
+};
+var setStreamingSlotRegistrar = (nextRegistrar) => {
+  Reflect.set(globalThis, STREAMING_SLOT_REGISTRAR_KEY, nextRegistrar);
+};
+var setStreamingSlotWarningController = (controller) => {
+  Reflect.set(globalThis, STREAMING_SLOT_WARNING_STORAGE_KEY, controller);
+};
+var warnMissingStreamingSlotCollector = (primitiveName) => {
+  if (isStreamingSlotCollectionActive()) {
+    return;
+  }
+  getWarningController()?.maybeWarn(primitiveName);
+};
+export {
+  warnMissingStreamingSlotCollector,
+  setStreamingSlotWarningController,
+  setStreamingSlotRegistrar,
+  setStreamingSlotCollectionController,
+  registerStreamingSlot,
+  isStreamingSlotCollectionActive,
+  hasRegisteredStreamingSlotRegistrar
+};

package/dist/angular/components/core/streamingSlotRegistry.js

@@ -0,0 +1,114 @@
+// @bun
+var __require = import.meta.require;
+
+// .angular-partial-tmp/src/core/streamingSlotRegistrar.ts
+var STREAMING_SLOT_REGISTRAR_KEY = Symbol.for("absolutejs.streamingSlotRegistrar");
+var STREAMING_SLOT_WARNING_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotWarningController");
+var STREAMING_SLOT_COLLECTION_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotCollectionController");
+var getRegisteredStreamingSlotRegistrar = () => {
+  const value = Reflect.get(globalThis, STREAMING_SLOT_REGISTRAR_KEY);
+  if (typeof value === "function" || value === null) {
+    return value;
+  }
+  return;
+};
+var isObjectRecord = (value) => Boolean(value) && typeof value === "object";
+var isStreamingSlotWarningController = (value) => isObjectRecord(value) && ("maybeWarn" in value) && typeof value.maybeWarn === "function";
+var isStreamingSlotCollectionController = (value) => isObjectRecord(value) && ("isCollecting" in value) && typeof value.isCollecting === "function";
+var getWarningController = () => {
+  const value = Reflect.get(globalThis, STREAMING_SLOT_WARNING_STORAGE_KEY);
+  if (value === null || typeof value === "undefined")
+    return;
+  return isStreamingSlotWarningController(value) ? value : undefined;
+};
+var getCollectionController = () => {
+  const value = Reflect.get(globalThis, STREAMING_SLOT_COLLECTION_STORAGE_KEY);
+  if (value === null || typeof value === "undefined")
+    return;
+  return isStreamingSlotCollectionController(value) ? value : undefined;
+};
+var hasRegisteredStreamingSlotRegistrar = () => typeof getRegisteredStreamingSlotRegistrar() === "function";
+var isStreamingSlotCollectionActive = () => getCollectionController()?.isCollecting() === true;
+var registerStreamingSlot = (slot) => {
+  getRegisteredStreamingSlotRegistrar()?.(slot);
+};
+var setStreamingSlotCollectionController = (controller) => {
+  Reflect.set(globalThis, STREAMING_SLOT_COLLECTION_STORAGE_KEY, controller);
+};
+var setStreamingSlotRegistrar = (nextRegistrar) => {
+  Reflect.set(globalThis, STREAMING_SLOT_REGISTRAR_KEY, nextRegistrar);
+};
+var setStreamingSlotWarningController = (controller) => {
+  Reflect.set(globalThis, STREAMING_SLOT_WARNING_STORAGE_KEY, controller);
+};
+var warnMissingStreamingSlotCollector = (primitiveName) => {
+  if (isStreamingSlotCollectionActive()) {
+    return;
+  }
+  getWarningController()?.maybeWarn(primitiveName);
+};
+
+// .angular-partial-tmp/src/core/streamingSlotRegistry.ts
+var STREAMING_SLOT_STORAGE_KEY = Symbol.for("absolutejs.streamingSlotAsyncLocalStorage");
+var isObjectRecord2 = (value) => Boolean(value) && typeof value === "object";
+var isAsyncLocalStorage = (value) => isObjectRecord2(value) && ("getStore" in value) && typeof value.getStore === "function" && ("run" in value) && typeof value.run === "function";
+var getStorageGlobal = () => {
+  const value = Reflect.get(globalThis, STREAMING_SLOT_STORAGE_KEY);
+  if (value === null || typeof value === "undefined") {
+    return value;
+  }
+  return isAsyncLocalStorage(value) ? value : undefined;
+};
+var isServerRuntime = () => typeof process !== "undefined" && typeof process.versions?.node === "string";
+var ensureAsyncLocalStorage = async () => {
+  const storage = getStorageGlobal();
+  if (typeof storage !== "undefined") {
+    return storage;
+  }
+  if (!isServerRuntime()) {
+    Reflect.set(globalThis, STREAMING_SLOT_STORAGE_KEY, null);
+    return getStorageGlobal();
+  }
+  const mod = await import("async_hooks");
+  Reflect.set(globalThis, STREAMING_SLOT_STORAGE_KEY, new mod.AsyncLocalStorage);
+  return getStorageGlobal();
+};
+var getActiveSlotStore = () => {
+  const storage = getStorageGlobal();
+  if (!storage)
+    return;
+  return storage.getStore();
+};
+var registerStreamingSlot2 = (slot) => {
+  const store = getActiveSlotStore();
+  if (!store)
+    return;
+  store.set(slot.id, slot);
+};
+setStreamingSlotRegistrar(registerStreamingSlot2);
+setStreamingSlotCollectionController({
+  isCollecting: () => getActiveSlotStore() !== undefined
+});
+var hasActiveStreamingSlotRegistry = () => getActiveSlotStore() !== undefined;
+var runWithStreamingSlotRegistry = async (task) => {
+  const storage = await ensureAsyncLocalStorage();
+  if (!storage) {
+    const slots = [];
+    return {
+      result: await task(),
+      slots
+    };
+  }
+  return storage.run(new Map, async () => {
+    const result = await task();
+    const store = storage.getStore();
+    return {
+      result,
+      slots: store ? [...store.values()] : []
+    };
+  });
+};
+export {
+  runWithStreamingSlotRegistry,
+  hasActiveStreamingSlotRegistry
+};

package/dist/angular/components/defer-slot-payload.js

@@ -0,0 +1,6 @@
+const isObjectRecord = (value) => Boolean(value) && typeof value === 'object';
+export const isAngularDeferSlotPayload = (value) => {
+    if (!isObjectRecord(value))
+        return false;
+    return value.kind === 'angular-defer' && typeof value.html === 'string';
+};

package/dist/angular/components/defer-slot-templates.directive.js

@@ -0,0 +1,44 @@
+import { Directive, TemplateRef, inject } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DeferErrorTemplateDirective {
+    constructor() {
+        this.templateRef = inject(TemplateRef);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: DeferErrorTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.6", type: DeferErrorTemplateDirective, isStandalone: true, selector: "ng-template[absDeferError]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: DeferErrorTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[absDeferError]',
+                    standalone: true
+                }]
+        }] });
+export class DeferFallbackTemplateDirective {
+    constructor() {
+        this.templateRef = inject(TemplateRef);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: DeferFallbackTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.6", type: DeferFallbackTemplateDirective, isStandalone: true, selector: "ng-template[absDeferFallback]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: DeferFallbackTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[absDeferFallback]',
+                    standalone: true
+                }]
+        }] });
+export class DeferResolvedTemplateDirective {
+    constructor() {
+        this.templateRef = inject(TemplateRef);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: DeferResolvedTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.6", type: DeferResolvedTemplateDirective, isStandalone: true, selector: "ng-template[absDeferResolved]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: DeferResolvedTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[absDeferResolved]',
+                    standalone: true
+                }]
+        }] });

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

@@ -0,0 +1,149 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, Input, inject, signal } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import { isStreamingSlotCollectionActive, registerStreamingSlot, warnMissingStreamingSlotCollector } from './core/streamingSlotRegistrar.js';
+import { isAngularDeferSlotPayload } from './defer-slot-payload.js';
+import { DeferErrorTemplateDirective, DeferFallbackTemplateDirective, DeferResolvedTemplateDirective } from './defer-slot-templates.directive.js';
+import * as i0 from "@angular/core";
+export class DeferSlotComponent {
+    constructor() {
+        this.cdr = inject(ChangeDetectorRef);
+        this.runtimeReady = signal(false, ...(ngDevMode ? [{ debugName: "runtimeReady" }] : /* istanbul ignore next */ []));
+        this.serverSlotRegistered = false;
+        this.id = '';
+        this.slotData = signal({}, ...(ngDevMode ? [{ debugName: "slotData" }] : /* istanbul ignore next */ []));
+        this.state = signal('fallback', ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
+        this.activeTemplate = () => {
+            if (this.state() === 'resolved') {
+                return this.resolvedTemplate?.templateRef ?? null;
+            }
+            if (this.state() === 'error') {
+                return (this.errorTemplate?.templateRef ??
+                    this.fallbackTemplate?.templateRef ??
+                    null);
+            }
+            return (this.fallbackTemplate?.templateRef ??
+                this.resolvedTemplate?.templateRef ??
+                null);
+        };
+        this.templateContext = () => {
+            const slotData = this.slotData();
+            return {
+                $implicit: slotData,
+                slotData
+            };
+        };
+    }
+    ngOnInit() {
+        const { id } = this;
+        if (!id)
+            return;
+        if (this.registerServerSlot()) {
+            return;
+        }
+        const consumers = (window.__ABS_SLOT_CONSUMERS__ =
+            window.__ABS_SLOT_CONSUMERS__ ?? {});
+        consumers[id] = (payload) => {
+            if (!this.runtimeReady())
+                return false;
+            this.applyPatchPayload(payload);
+            return true;
+        };
+    }
+    ngAfterViewInit() {
+        if (this.registerServerSlot())
+            return;
+        if (typeof window === 'undefined')
+            return;
+        requestAnimationFrame(() => {
+            this.runtimeReady.set(true);
+            this.cdr.markForCheck();
+            window.__ABS_SLOT_FLUSH__?.();
+        });
+    }
+    ngOnDestroy() {
+        if (typeof window === 'undefined')
+            return;
+        const { id } = this;
+        if (!id)
+            return;
+        delete window.__ABS_SLOT_CONSUMERS__?.[id];
+    }
+    registerServerSlot() {
+        const { id, resolve } = this;
+        if (this.serverSlotRegistered || !id || !resolve) {
+            return false;
+        }
+        if (!isStreamingSlotCollectionActive()) {
+            warnMissingStreamingSlotCollector('DeferSlot');
+            return false;
+        }
+        registerStreamingSlot({
+            id,
+            resolve
+        });
+        this.serverSlotRegistered = true;
+        return true;
+    }
+    applyPatchPayload(payload) {
+        if (payload === null || typeof payload === 'undefined')
+            return;
+        if (isAngularDeferSlotPayload(payload)) {
+            const data = payload.data && typeof payload.data === 'object'
+                ? payload.data
+                : {};
+            this.slotData.set(data);
+            this.state.set(payload.state === 'error' ? 'error' : 'resolved');
+            this.cdr.markForCheck();
+            return;
+        }
+        this.slotData.set({});
+        this.state.set(payload === '' ? 'fallback' : 'resolved');
+        this.cdr.markForCheck();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: DeferSlotComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: DeferSlotComponent, isStandalone: true, selector: "abs-defer-slot", inputs: { className: "className", id: "id", resolve: "resolve" }, queries: [{ propertyName: "resolvedTemplate", first: true, predicate: DeferResolvedTemplateDirective, descendants: true }, { propertyName: "fallbackTemplate", first: true, predicate: DeferFallbackTemplateDirective, descendants: true }, { propertyName: "errorTemplate", first: true, predicate: DeferErrorTemplateDirective, descendants: true }], ngImport: i0, template: `
+		<div [attr.id]="id" [attr.class]="className" data-absolute-slot="true">
+			<ng-container
+				[ngTemplateOutlet]="activeTemplate()"
+				[ngTemplateOutletContext]="templateContext()"
+			></ng-container>
+		</div>
+	`, isInline: true, dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: DeferSlotComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        NgTemplateOutlet,
+                        DeferResolvedTemplateDirective,
+                        DeferFallbackTemplateDirective,
+                        DeferErrorTemplateDirective
+                    ],
+                    selector: 'abs-defer-slot',
+                    standalone: true,
+                    template: `
+		<div [attr.id]="id" [attr.class]="className" data-absolute-slot="true">
+			<ng-container
+				[ngTemplateOutlet]="activeTemplate()"
+				[ngTemplateOutletContext]="templateContext()"
+			></ng-container>
+		</div>
+	`
+                }]
+        }], propDecorators: { className: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], resolve: [{
+                type: Input
+            }], resolvedTemplate: [{
+                type: ContentChild,
+                args: [DeferResolvedTemplateDirective]
+            }], fallbackTemplate: [{
+                type: ContentChild,
+                args: [DeferFallbackTemplateDirective]
+            }], errorTemplate: [{
+                type: ContentChild,
+                args: [DeferErrorTemplateDirective]
+            }] } });

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

@@ -0,0 +1,202 @@
+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 }] }] } });