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

package/dist/svelte/components/Image.svelte

@@ -0,0 +1,164 @@
+<script lang="ts">
+	import type { ImageProps } from '@absolutejs/absolute/image';
+	import {
+		DEFAULT_QUALITY,
+		buildOptimizedUrl,
+		generateBlurSvg,
+		generateSrcSet
+	} from '@absolutejs/absolute/image';
+
+	let {
+		src,
+		alt,
+		width,
+		height,
+		fill,
+		quality = DEFAULT_QUALITY,
+		sizes,
+		loader,
+		unoptimized,
+		loading,
+		priority,
+		placeholder,
+		blurDataURL,
+		className,
+		style,
+		onLoad,
+		onError,
+		crossOrigin,
+		referrerPolicy,
+		fetchPriority,
+		overrideSrc
+	}: ImageProps = $props();
+
+	const resolvedSrc = $derived.by(() => {
+		if (overrideSrc) return overrideSrc;
+		if (unoptimized) return src;
+		if (loader) return loader({ src, width: width ?? 0, quality });
+		if (!width) return buildOptimizedUrl(src, 0, quality);
+		return buildOptimizedUrl(src, width, quality);
+	});
+
+	const srcSet = $derived(
+		unoptimized ? undefined : generateSrcSet(src, width, sizes)
+	);
+
+	const resolvedSizes = $derived(sizes ?? (fill ? '100vw' : undefined));
+
+	const resolvedLoading = $derived(priority ? 'eager' : (loading ?? 'lazy'));
+
+	const resolvedFetchPriority = $derived(priority ? 'high' : fetchPriority);
+
+	const hasBlur = $derived(
+		placeholder === 'blur' ||
+			(typeof placeholder === 'string' &&
+				placeholder !== 'empty' &&
+				placeholder.startsWith('data:'))
+	);
+
+	const blurBackground = $derived.by(() => {
+		if (!hasBlur) return undefined;
+		if (
+			typeof placeholder === 'string' &&
+			placeholder !== 'blur' &&
+			placeholder.startsWith('data:')
+		) {
+			return generateBlurSvg(placeholder);
+		}
+		if (blurDataURL) return generateBlurSvg(blurDataURL);
+		return undefined;
+	});
+
+	const imgStyle = $derived.by(() => {
+		const base: Record<string, string | number> = {
+			...(style ?? {}),
+			color: 'transparent'
+		};
+		if (blurBackground) {
+			base.backgroundImage = blurBackground;
+			base.backgroundSize = 'cover';
+			base.backgroundPosition = 'center';
+			base.backgroundRepeat = 'no-repeat';
+		}
+		if (fill) {
+			base.position = 'absolute';
+			base.height = '100%';
+			base.width = '100%';
+			base.inset = 0;
+			base.objectFit = 'cover';
+		}
+		return Object.entries(base)
+			.map(
+				([k, v]) =>
+					`${k.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`)}:${v}`
+			)
+			.join(';');
+	});
+
+	const handleLoad = (e: Event) => {
+		const target = e.currentTarget;
+		if (blurBackground) {
+			if (target instanceof HTMLImageElement) {
+				target.style.backgroundImage = 'none';
+			}
+		}
+		onLoad?.(e);
+	};
+
+	const handleError = (e: Event) => {
+		onError?.(e);
+	};
+</script>
+
+<svelte:head>
+	{#if priority}
+		<link
+			rel="preload"
+			as="image"
+			href={resolvedSrc}
+			imagesrcset={srcSet}
+			imagesizes={resolvedSizes}
+			crossorigin={crossOrigin}
+		/>
+	{/if}
+</svelte:head>
+
+{#if fill}
+	<span
+		style="position:relative;overflow:hidden;display:block;width:100%;height:100%"
+	>
+		<img
+			{alt}
+			src={resolvedSrc}
+			srcset={srcSet}
+			sizes={resolvedSizes}
+			loading={resolvedLoading}
+			class={className}
+			style={imgStyle}
+			crossorigin={crossOrigin}
+			referrerpolicy={referrerPolicy}
+			fetchpriority={resolvedFetchPriority}
+			decoding="async"
+			onload={handleLoad}
+			onerror={handleError}
+		/>
+	</span>
+{:else}
+	<img
+		{alt}
+		src={resolvedSrc}
+		srcset={srcSet}
+		sizes={resolvedSizes}
+		{width}
+		{height}
+		loading={resolvedLoading}
+		class={className}
+		style={imgStyle}
+		crossorigin={crossOrigin}
+		referrerpolicy={referrerPolicy}
+		fetchpriority={resolvedFetchPriority}
+		decoding="async"
+		onload={handleLoad}
+		onerror={handleError}
+	/>
+{/if}

package/dist/svelte/components/Image.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { ImageProps } from '../../types/image';
+import { SvelteComponent } from 'svelte';
+declare const __propDef: { props: ImageProps };
+type Props = typeof __propDef.props;
+export default class Image extends SvelteComponent<Props> {}

package/dist/svelte/components/Island.svelte

@@ -0,0 +1,71 @@
+<script context="module" lang="ts">
+	let islandSlotIndex = 0;
+
+	const createSlotId = () => {
+		const current = islandSlotIndex;
+		islandSlotIndex += 1;
+
+		return `absolute-svelte-island-${current.toString(36)}`;
+	};
+</script>
+
+<script lang="ts">
+	import type { RuntimeIslandRenderProps } from '../../../types/island';
+
+	let {
+		component,
+		framework,
+		hydrate = 'load',
+		props
+	}: RuntimeIslandRenderProps = $props();
+
+	const slotId = createSlotId();
+
+	const escapeHtmlAttribute = (value: string) =>
+		value
+			.replaceAll('&', '&amp;')
+			.replaceAll('"', '&quot;')
+			.replaceAll('<', '&lt;')
+			.replaceAll('>', '&gt;');
+
+	const buildFallbackMarkup = (runtimeProps: RuntimeIslandRenderProps) => {
+		const attributes = [
+			['data-component', runtimeProps.component],
+			['data-framework', runtimeProps.framework],
+			['data-hydrate', runtimeProps.hydrate ?? 'load'],
+			['data-island', 'true'],
+			['data-props', JSON.stringify(runtimeProps.props ?? {})]
+		];
+
+		const serialized = attributes
+			.map(([name, value]) => `${name}="${escapeHtmlAttribute(value)}"`)
+			.join(' ');
+
+		return `<div ${serialized}></div>`;
+	};
+
+	const html = $derived(
+		(() => {
+			const runtimeProps = {
+				component,
+				framework,
+				hydrate,
+				props
+			};
+
+			if (typeof document === 'undefined') {
+				return buildFallbackMarkup(runtimeProps);
+			}
+
+			const slot = document.querySelector<HTMLElement>(
+				`[data-absolute-island-slot="${slotId}"]`
+			);
+
+			return slot?.innerHTML ?? buildFallbackMarkup(runtimeProps);
+		})()
+	);
+</script>
+
+<div data-absolute-island-slot={slotId} style="display: contents">
+	{@html html}
+</div>

package/dist/svelte/components/Island.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { RuntimeIslandRenderProps } from '../../types/metadata';
+import { SvelteComponent } from 'svelte';
+declare const __propDef: { props: RuntimeIslandRenderProps };
+type Props = typeof __propDef.props;
+export default class Island extends SvelteComponent<Props> {}

package/dist/svelte/components/JsonLd.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+	import type { JsonLdSchema, WithContext } from '../../../types/jsonLd';
+
+	let { schema }: { schema: JsonLdSchema | JsonLdSchema[] } = $props();
+	const schemaOrgContext = 'https://schema.org';
+
+	const data = $derived<
+		WithContext<JsonLdSchema> | WithContext<JsonLdSchema>[]
+	>(
+		Array.isArray(schema)
+			? schema.map((s) => ({
+					'@context': schemaOrgContext,
+					...s
+				}))
+			: { '@context': schemaOrgContext, ...schema }
+	);
+</script>
+
+<svelte:head>
+	{@html `<script type="application/ld+json">${JSON.stringify(data)}</script>`}
+</svelte:head>

package/dist/svelte/components/JsonLd.svelte.d.ts

@@ -0,0 +1,2 @@
+import { SvelteComponent } from 'svelte';
+export default class JsonLd extends SvelteComponent {}

package/dist/svelte/components/StreamSlot.svelte

@@ -0,0 +1,41 @@
+<script lang="ts">
+	import {
+		isStreamingSlotCollectionActive,
+		registerStreamingSlot,
+		warnMissingStreamingSlotCollector
+	} from '../../core/streamingSlotRegistrar';
+
+	type Resolver = () => Promise<string> | string;
+
+	let {
+		className,
+		errorHtml,
+		fallbackHtml = '',
+		id,
+		resolve,
+		timeoutMs
+	}: {
+		className?: string;
+		errorHtml?: string;
+		fallbackHtml?: string;
+		id: string;
+		resolve: Resolver;
+		timeoutMs?: number;
+	} = $props();
+
+	if (isStreamingSlotCollectionActive()) {
+		registerStreamingSlot({
+			errorHtml,
+			fallbackHtml,
+			id,
+			resolve,
+			timeoutMs
+		});
+	} else {
+		warnMissingStreamingSlotCollector('StreamSlot');
+	}
+</script>
+
+<div class={className} data-absolute-slot="true" {id}>
+	{@html fallbackHtml}
+</div>

package/dist/svelte/components/StreamSlot.svelte.d.ts

@@ -0,0 +1,2 @@
+import { SvelteComponent } from 'svelte';
+export default class StreamSlot extends SvelteComponent {}

package/dist/svelte/index.js

@@ -3,7 +3,6 @@ var __create = Object.create;
 var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 function __accessProp(key) {
   return this[key];
@@ -30,23 +29,6 @@ var __toESM = (mod, isNodeMode, target) => {
     cache.set(mod, to);
   return to;
 };
-var __toCommonJS = (from) => {
-  var entry = (__moduleCache ??= new WeakMap).get(from), desc;
-  if (entry)
-    return entry;
-  entry = __defProp({}, "__esModule", { value: true });
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (var key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(entry, key))
-        __defProp(entry, key, {
-          get: __accessProp.bind(from, key),
-          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-        });
-  }
-  __moduleCache.set(from, entry);
-  return entry;
-};
-var __moduleCache;
 var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __returnValue = (v) => v;
 function __exportSetter(name, newValue) {
@@ -134,7 +116,7 @@ var resolveExportPath = (entry, conditions) => {
 var init_resolvePackageImport = () => {};
 
 // src/constants.ts
-var ANGULAR_INIT_TIMEOUT_MS = 500, ANSI_ESCAPE_LENGTH = 3, ASCII_SPACE = 32, BASE_36_RADIX = 36, BUN_BUILD_WARNING_SUPPRESSION = "wildcard sideEffects are not supported yet", BODY_SLICE_LENGTH = 2000, BYTES_PER_KILOBYTE = 1024, CLI_ARGS_OFFSET = 3, CSS_ERROR_RESOLVE_DELAY_MS = 50, CSS_MAX_CHECK_ATTEMPTS = 10, CSS_MAX_PARSE_TIMEOUT_MS = 500, CSS_SHEET_READY_TIMEOUT_MS = 100, DEFAULT_CHUNK_SIZE = 16384, DEFAULT_DEBOUNCE_MS = 15, DEFAULT_PORT = 3000, DEV_SERVER_RESTART_DEBOUNCE_MS = 100, DOM_UPDATE_DELAY_MS = 50, FILE_PROTOCOL_PREFIX_LENGTH = 7, FOCUS_ID_PREFIX_LENGTH = 3, FOCUS_IDX_PREFIX_LENGTH = 4, FOCUS_NAME_PREFIX_LENGTH = 5, HMR_UPDATE_TIMEOUT_MS = 2000, HOOK_SIGNATURE_LENGTH = 12, EXCLUDE_LAST_OFFSET = -1, HTTP_STATUS_OK = 200, HTTP_STATUS_BAD_REQUEST = 400, HTTP_STATUS_NOT_FOUND = 404, HOURS_IN_DAY = 24, HOURS_IN_HALF_DAY = 12, MAX_ERROR_LENGTH = 200, MAX_RECONNECT_ATTEMPTS = 60, MILLISECONDS_IN_A_SECOND = 1000, MINUTES_IN_AN_HOUR = 60, SECONDS_IN_A_MINUTE = 60, MILLISECONDS_IN_A_MINUTE, MILLISECONDS_IN_A_DAY, OVERLAY_FADE_DURATION_MS = 150, PING_INTERVAL_MS = 30000, RAF_BATCH_COUNT = 3, RANDOM_ID_END_INDEX = 11, REBUILD_BATCH_DELAY_MS = 10, REBUILD_RELOAD_DELAY_MS = 200, RECONNECT_INITIAL_DELAY_MS = 500, RECONNECT_POLL_INTERVAL_MS = 300, REACT_STREAM_SLOT_FAST_DELAY_MS = 5, REACT_STREAM_SLOT_SLOW_DELAY_MS = 20, SIGINT_EXIT_CODE = 130, SIGTERM_EXIT_CODE = 143, SVELTE_CSS_LOAD_TIMEOUT_MS = 500, TIME_PRECISION = 2, TWO_THIRDS, UNFOUND_INDEX = -1, WEBSOCKET_NORMAL_CLOSURE = 1000, WORKSPACE_COMMAND_ARGS_OFFSET = 3, WORKSPACE_FAILURE_LOG_PRINT_LIMIT = 30, WORKSPACE_FAILURE_RECENT_LOG_LIMIT = 60, WORKSPACE_READY_ATTEMPT_TIMEOUT_MS = 5000, WORKSPACE_READY_PROBE_INTERVAL_MS = 250, WORKSPACE_READY_TIMEOUT_MS = 30000, WORKSPACE_SHUTDOWN_TIMEOUT_MS = 1e4, WORKSPACE_TUI_DEFAULT_HEIGHT = 28, WORKSPACE_TUI_DEFAULT_WIDTH = 100, WORKSPACE_TUI_ESCAPE_SEQUENCE_TIMEOUT_MS = 30, WORKSPACE_TUI_FOOTER_LINE_COUNT = 3, WORKSPACE_TUI_MIN_LOG_HEIGHT = 3, WORKSPACE_TUI_MIN_SERVICE_NAME_WIDTH = 7, WORKSPACE_TUI_MIN_TARGET_WIDTH = 8, WORKSPACE_TUI_MIN_WRAP_WIDTH = 12, WORKSPACE_TUI_PROMPT_CURSOR_OFFSET = 3, WORKSPACE_TUI_RECENT_LOG_LIMIT = 40, WORKSPACE_TUI_RENDER_DEBOUNCE_MS = 16, WORKSPACE_TUI_STATUS_WIDTH = 10, WORKSPACE_TUI_TARGET_PADDING_WIDTH = 6, WORKSPACE_TUI_VISIBILITY_WIDTH = 8;
+var ANGULAR_INIT_TIMEOUT_MS = 500, ANSI_ESCAPE_CODE = 27, ANSI_ESCAPE_LENGTH = 3, ASCII_SPACE = 32, BASE_36_RADIX = 36, BUN_BUILD_WARNING_SUPPRESSION = "wildcard sideEffects are not supported yet", BODY_SLICE_LENGTH = 2000, BYTES_PER_KILOBYTE = 1024, CLI_ARGS_OFFSET = 3, CSS_ERROR_RESOLVE_DELAY_MS = 50, CSS_MAX_CHECK_ATTEMPTS = 10, CSS_MAX_PARSE_TIMEOUT_MS = 500, CSS_SHEET_READY_TIMEOUT_MS = 100, DEFAULT_CHUNK_SIZE = 16384, DEFAULT_DEBOUNCE_MS = 15, DEFAULT_PORT = 3000, DEV_SERVER_RESTART_DEBOUNCE_MS = 100, DOM_UPDATE_DELAY_MS = 50, FILE_PROTOCOL_PREFIX_LENGTH = 7, FOCUS_ID_PREFIX_LENGTH = 3, FOCUS_IDX_PREFIX_LENGTH = 4, FOCUS_NAME_PREFIX_LENGTH = 5, HMR_UPDATE_TIMEOUT_MS = 2000, HOOK_SIGNATURE_LENGTH = 12, EXCLUDE_LAST_OFFSET = -1, HTTP_STATUS_OK = 200, HTTP_STATUS_BAD_REQUEST = 400, HTTP_STATUS_NOT_FOUND = 404, HOURS_IN_DAY = 24, HOURS_IN_HALF_DAY = 12, MAX_ERROR_LENGTH = 200, MAX_RECONNECT_ATTEMPTS = 60, MILLISECONDS_IN_A_SECOND = 1000, MINUTES_IN_AN_HOUR = 60, SECONDS_IN_A_MINUTE = 60, MILLISECONDS_IN_A_MINUTE, MILLISECONDS_IN_A_DAY, OVERLAY_FADE_DURATION_MS = 150, PING_INTERVAL_MS = 30000, RAF_BATCH_COUNT = 3, RANDOM_ID_END_INDEX = 11, REBUILD_BATCH_DELAY_MS = 10, REBUILD_RELOAD_DELAY_MS = 200, RECONNECT_INITIAL_DELAY_MS = 500, RECONNECT_POLL_INTERVAL_MS = 300, REACT_STREAM_SLOT_FAST_DELAY_MS = 5, REACT_STREAM_SLOT_SLOW_DELAY_MS = 20, SIGINT_EXIT_CODE = 130, SIGTERM_EXIT_CODE = 143, SVELTE_CSS_LOAD_TIMEOUT_MS = 500, TIME_PRECISION = 2, TWO_THIRDS, UNFOUND_INDEX = -1, WEBSOCKET_NORMAL_CLOSURE = 1000, WORKSPACE_COMMAND_ARGS_OFFSET = 3, WORKSPACE_FAILURE_LOG_PRINT_LIMIT = 30, WORKSPACE_FAILURE_RECENT_LOG_LIMIT = 60, WORKSPACE_READY_ATTEMPT_TIMEOUT_MS = 5000, WORKSPACE_READY_PROBE_INTERVAL_MS = 250, WORKSPACE_READY_TIMEOUT_MS = 30000, WORKSPACE_SHUTDOWN_TIMEOUT_MS = 1e4, WORKSPACE_TUI_DEFAULT_HEIGHT = 28, WORKSPACE_TUI_DEFAULT_WIDTH = 100, WORKSPACE_TUI_ESCAPE_SEQUENCE_TIMEOUT_MS = 30, WORKSPACE_TUI_FOOTER_LINE_COUNT = 3, WORKSPACE_TUI_MIN_LOG_HEIGHT = 3, WORKSPACE_TUI_MIN_SERVICE_NAME_WIDTH = 7, WORKSPACE_TUI_MIN_TARGET_WIDTH = 8, WORKSPACE_TUI_MIN_WRAP_WIDTH = 12, WORKSPACE_TUI_PROMPT_CURSOR_OFFSET = 3, WORKSPACE_TUI_RECENT_LOG_LIMIT = 40, WORKSPACE_TUI_RENDER_DEBOUNCE_MS = 16, WORKSPACE_TUI_STATUS_WIDTH = 10, WORKSPACE_TUI_TARGET_PADDING_WIDTH = 6, WORKSPACE_TUI_VISIBILITY_WIDTH = 8;
 var init_constants = __esm(() => {
   MILLISECONDS_IN_A_MINUTE = MILLISECONDS_IN_A_SECOND * SECONDS_IN_A_MINUTE;
   MILLISECONDS_IN_A_DAY = MILLISECONDS_IN_A_SECOND * SECONDS_IN_A_MINUTE * MINUTES_IN_AN_HOUR * HOURS_IN_DAY;
@@ -444,7 +426,7 @@ ${contents}` : contents, normalizePostcssModule = (mod) => {
   const config = normalizePostcssModule(loaded);
   const value = typeof config === "function" ? await config({
     cwd: process.cwd(),
-    env: "test"
+    env: "development"
   }) : config;
   return normalizePostcssModule(value) ?? {};
 }, normalizePostcssPlugins = (plugins) => {
@@ -974,14 +956,15 @@ var init_devRouteRegistrationCallsite = __esm(() => {
 
 // src/client/streamSwap.ts
 var streamSwapRuntime = () => {
+  const absoluteWindow = window;
   const SLOT_PATCH_EVENT = "absolutejs:slot-patch";
-  if (window.__ABS_SLOT_RUNTIME__ === true)
+  if (absoluteWindow.__ABS_SLOT_RUNTIME__ === true)
     return;
-  window.__ABS_SLOT_RUNTIME__ = true;
-  window.__ABS_SLOT_CONSUMERS__ = window.__ABS_SLOT_CONSUMERS__ ?? {};
-  window.__ABS_SLOT_PENDING__ = window.__ABS_SLOT_PENDING__ ?? {};
-  const consumers = window.__ABS_SLOT_CONSUMERS__;
-  const pending = window.__ABS_SLOT_PENDING__;
+  absoluteWindow.__ABS_SLOT_RUNTIME__ = true;
+  absoluteWindow.__ABS_SLOT_CONSUMERS__ = absoluteWindow.__ABS_SLOT_CONSUMERS__ ?? {};
+  absoluteWindow.__ABS_SLOT_PENDING__ = absoluteWindow.__ABS_SLOT_PENDING__ ?? {};
+  const consumers = absoluteWindow.__ABS_SLOT_CONSUMERS__;
+  const pending = absoluteWindow.__ABS_SLOT_PENDING__;
   const isObjectRecord4 = (value) => Boolean(value) && typeof value === "object";
   const isPatchedPendingEntry = (value) => {
     if (!isObjectRecord4(value))
@@ -989,7 +972,7 @@ var streamSwapRuntime = () => {
     return value.domPatched === true && "payload" in value;
   };
   const unwrapPendingPayload = (value) => isPatchedPendingEntry(value) ? value.payload : value;
-  const canApplyImmediately = () => window.__ABS_SLOT_HYDRATION_PENDING__ !== true;
+  const canApplyImmediately = () => absoluteWindow.__ABS_SLOT_HYDRATION_PENDING__ !== true;
   const isAngularDeferPayload = (payload) => {
     if (!isObjectRecord4(payload))
       return false;
@@ -1059,8 +1042,8 @@ var streamSwapRuntime = () => {
       apply(id, pending[id] ?? "");
     }
   };
-  window.__ABS_SLOT_FLUSH__ = flush;
-  window.__ABS_SLOT_ENQUEUE__ = (id, payload) => {
+  absoluteWindow.__ABS_SLOT_FLUSH__ = flush;
+  absoluteWindow.__ABS_SLOT_ENQUEUE__ = (id, payload) => {
     apply(id, payload);
   };
   if (typeof MutationObserver === "function") {
@@ -1825,7 +1808,8 @@ var SVELTE_PAGE_ROOT_ID = "__absolute_svelte_root__", renderToReadableStream = a
 } = {}) => {
   try {
     const { render } = await import("svelte/server");
-    const rendered = typeof props === "undefined" ? await render(component) : await render(component, { props });
+    const renderComponent = render;
+    const rendered = typeof props === "undefined" ? await renderComponent(component) : await renderComponent(component, { props });
     const { head, body } = rendered;
     const nonceAttr = nonce ? ` nonce="${nonce}"` : "";
     const scripts = (bootstrapScriptContent ? `<script${nonceAttr}>${escapeScriptContent(bootstrapScriptContent)}</script>` : "") + bootstrapScripts.map((src) => `<script${nonceAttr} src="${src}"></script>`).join("") + bootstrapModules.map((src) => `<script${nonceAttr} type="module" src="${src}"></script>`).join("");
@@ -1939,6 +1923,65 @@ var ensureHead = (doc) => {
   }
   const head = doc.createElement("head");
   doc.documentElement.insertBefore(head, doc.documentElement.firstChild);
+}, SSR_LAYOUT_RECT, layoutPatchApplied = false, patchElementLayout = (doc) => {
+  if (layoutPatchApplied || !doc) {
+    return;
+  }
+  let element;
+  try {
+    element = doc.createElement("div");
+  } catch {
+    return;
+  }
+  const proto = Object.getPrototypeOf(element);
+  if (!proto)
+    return;
+  const define = (name, value) => {
+    if (typeof proto[name] !== "function") {
+      Object.defineProperty(proto, name, {
+        configurable: true,
+        value,
+        writable: true
+      });
+    }
+  };
+  define("getBoundingClientRect", function() {
+    return { ...SSR_LAYOUT_RECT };
+  });
+  define("getClientRects", function() {
+    return [];
+  });
+  define("scrollTo", function() {});
+  define("scrollBy", function() {});
+  define("scrollIntoView", function() {});
+  define("focus", function() {});
+  define("blur", function() {});
+  const numericProps = [
+    "clientWidth",
+    "clientHeight",
+    "clientLeft",
+    "clientTop",
+    "offsetWidth",
+    "offsetHeight",
+    "offsetLeft",
+    "offsetTop",
+    "scrollWidth",
+    "scrollHeight",
+    "scrollLeft",
+    "scrollTop"
+  ];
+  for (const prop of numericProps) {
+    const desc = Object.getOwnPropertyDescriptor(proto, prop);
+    if (desc)
+      continue;
+    Object.defineProperty(proto, prop, {
+      configurable: true,
+      get() {
+        return 0;
+      }
+    });
+  }
+  layoutPatchApplied = true;
 }, applyPatches = async () => {
   const { \u{275}DominoAdapter } = await import(resolveAngularPackage("@angular/platform-server"));
   if (!\u{275}DominoAdapter?.prototype) {
@@ -1957,18 +2000,33 @@ var ensureHead = (doc) => {
   proto.createHtmlDocument = function() {
     const doc = origCreateHtmlDocument.call(this);
     ensureHead(doc);
+    patchElementLayout(doc);
     return doc;
   };
   const origGetDefaultDocument = proto.getDefaultDocument;
   proto.getDefaultDocument = function() {
     const doc = origGetDefaultDocument.call(this);
     ensureHead(doc);
+    patchElementLayout(doc);
     return doc;
   };
   return true;
 };
 var init_angularPatch = __esm(() => {
   init_resolveAngularPackage();
+  SSR_LAYOUT_RECT = Object.freeze({
+    bottom: 0,
+    height: 0,
+    left: 0,
+    right: 0,
+    top: 0,
+    width: 0,
+    x: 0,
+    y: 0,
+    toJSON() {
+      return this;
+    }
+  });
 });
 
 // src/angular/angularDeps.ts
@@ -1990,9 +2048,7 @@ var initDominoAdapter = (platformServer) => {
     import(resolveAngularPackage("@angular/common")),
     import(resolveAngularPackage("@angular/core"))
   ]);
-  if (true) {
-    core.enableProdMode();
-  }
+  if (false) {}
   initDominoAdapter(platformServer);
   return {
     APP_BASE_HREF: common.APP_BASE_HREF,
@@ -2386,9 +2442,9 @@ var renderAngularIslandToHtmlInternal = async (component, props, islandId) => {
 }, renderAngularIslandToHtml2, renderReactIslandToHtml = (component, props) => import("react").then(({ createElement }) => import("react-dom/server").then(({ renderToStaticMarkup }) => renderToStaticMarkup(createElement(component, props)))), renderSvelteIslandToHtml = (component, props) => import("svelte/server").then(({ render }) => {
   const { body } = render(component, { props });
   return body;
-}), renderVueIslandToHtml = (component, props) => import("vue").then(({ createSSRApp, h }) => {
+}), renderVueIslandToHtml = (component, props) => import("vue").then(({ createSSRApp, h: createVueVNode }) => {
   const app = createSSRApp({
-    render: () => h(component, props)
+    render: () => createVueVNode(component, props)
   });
   return import("vue/server-renderer").then(({ renderToString }) => renderToString(app));
 });
@@ -3120,7 +3176,7 @@ var resolveNotFoundConventionPath = (framework) => getMap()[framework]?.defaults
 var setConventions = (map) => {
   Reflect.set(globalThis, CONVENTIONS_KEY, map);
 };
-var isDev = () => false;
+var isDev = () => true;
 var buildErrorProps = (error) => {
   const message = error instanceof Error ? error.message : String(error);
   const stack = isDev() && error instanceof Error ? error.stack : undefined;
@@ -3562,5 +3618,5 @@ export {
   createTypedIsland
 };
 
-//# debugId=38D00C76C4BB8D5D64756E2164756E21
+//# debugId=4A8E0F63BB2BAF5964756E2164756E21
 //# sourceMappingURL=index.js.map