@absolutejs/absolute 0.19.0-beta.1082 → 0.19.0-beta.1083

package/dist/angular/browser.js

@@ -9342,7 +9342,7 @@ var warnMissingStreamingSlotCollector = (primitiveName) => {
   getWarningController()?.maybeWarn(primitiveName);
 };
 // src/angular/deterministicEnv.ts
-import { InjectionToken } from "@angular/core";
+import { InjectionToken } from "../node_modules/@angular/core/fesm2022/core.mjs";
 var DEFAULT_DETERMINISTIC_SEED = "absolute-angular";
 var DEFAULT_DETERMINISTIC_NOW = 0;
 var HASH_MULTIPLIER = 31;
@@ -9395,10 +9395,10 @@ var provideDeterministicEnv = (options = {}) => {
   ];
 };
 // src/angular/composables/usePageContext.ts
-import { inject, REQUEST_CONTEXT } from "@angular/core";
+import { inject, REQUEST_CONTEXT } from "../node_modules/@angular/core/fesm2022/core.mjs";
 var usePageContext = () => inject(REQUEST_CONTEXT);
 // src/angular/composables/useResource.ts
-import { DestroyRef, inject as inject2, signal } from "@angular/core";
+import { DestroyRef, inject as inject2, signal } from "../node_modules/@angular/core/fesm2022/core.mjs";
 var useResource = (fetcher, options = {}) => {
   const destroyRef = inject2(DestroyRef);
   const start = options.start ?? "immediate";
@@ -9458,15 +9458,15 @@ var useResource = (fetcher, options = {}) => {
   return { cancel, data, error, loading, mutate, refresh };
 };
 // src/angular/composables/useSubscription.ts
-import { DestroyRef as DestroyRef2, inject as inject3 } from "@angular/core";
-import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import { DestroyRef as DestroyRef2, inject as inject3 } from "../node_modules/@angular/core/fesm2022/core.mjs";
+import { takeUntilDestroyed } from "../node_modules/@angular/core/fesm2022/rxjs-interop.mjs";
 function useSubscription(observable, observerOrNext, destroyRef) {
   const captured = destroyRef ?? inject3(DestroyRef2);
   const observer = typeof observerOrNext === "function" ? { next: observerOrNext } : observerOrNext;
   return observable.pipe(takeUntilDestroyed(captured)).subscribe(observer);
 }
 // src/angular/composables/useTimers.ts
-import { DestroyRef as DestroyRef3, inject as inject4 } from "@angular/core";
+import { DestroyRef as DestroyRef3, inject as inject4 } from "../node_modules/@angular/core/fesm2022/core.mjs";
 var useTimers = () => {
   const destroyRef = inject4(DestroyRef3);
   const timeouts = new Set;
@@ -9508,7 +9508,7 @@ var useTimers = () => {
   };
 };
 // src/angular/preserveAcrossHmr.ts
-import { ChangeDetectorRef, inject as inject5 } from "@angular/core";
+import { ChangeDetectorRef, inject as inject5 } from "../node_modules/@angular/core/fesm2022/core.mjs";
 
 // src/angular/hmrPreserveCore.ts
 var buildCacheKey = (instance, key) => {
@@ -9585,13 +9585,13 @@ var preserveAcrossHmr = (instance, key) => {
   } catch {}
 };
 // src/angular/Island.browser.ts
-import"@angular/compiler";
+import"../node_modules/@angular/compiler/fesm2022/compiler.mjs";
 import {
   Component,
   ElementRef,
   Input,
   ViewChild
-} from "@angular/core";
+} from "../node_modules/@angular/core/fesm2022/core.mjs";
 
 // src/client/preserveIslandMarkup.ts
 init_islandMarkupAttributes();
@@ -9733,7 +9733,7 @@ Island = __legacyDecorateClassTS([
   })
 ], Island);
 // src/angular/pendingTask.ts
-import { inject as inject6, PendingTasks } from "@angular/core";
+import { inject as inject6, PendingTasks } from "../node_modules/@angular/core/fesm2022/core.mjs";
 var withPendingTask = async (work) => {
   const removeTask = inject6(PendingTasks).add();
   try {
@@ -9750,7 +9750,7 @@ var createTypedIsland = (_registry) => (props) => {
 };
 // src/angular/islandStore.ts
 var import_rxjs = __toESM(require_cjs(), 1);
-import { Injectable } from "@angular/core";
+import { Injectable } from "../node_modules/@angular/core/fesm2022/core.mjs";
 
 // node_modules/zustand/esm/vanilla.mjs
 var createStoreImpl = (createState) => {
@@ -9892,8 +9892,8 @@ import {
   Input as Input2,
   inject as inject8,
   signal as signal2
-} from "@angular/core";
-import { NgTemplateOutlet } from "@angular/common";
+} from "../node_modules/@angular/core/fesm2022/core.mjs";
+import { NgTemplateOutlet } from "../node_modules/@angular/common/fesm2022/common.mjs";
 
 // src/angular/components/defer-slot-payload.ts
 var isObjectRecord2 = (value) => Boolean(value) && typeof value === "object";
@@ -9904,7 +9904,7 @@ var isAngularDeferSlotPayload = (value) => {
 };
 
 // src/angular/components/defer-slot-templates.directive.ts
-import { Directive, TemplateRef, inject as inject7 } from "@angular/core";
+import { Directive, TemplateRef, inject as inject7 } from "../node_modules/@angular/core/fesm2022/core.mjs";
 class DeferErrorTemplateDirective {
   templateRef = inject7(TemplateRef);
 }
@@ -10076,8 +10076,8 @@ DeferSlotComponent = __legacyDecorateClassTS([
 ], DeferSlotComponent);
 // src/angular/components/image.component.ts
 init_imageProcessing();
-import { Component as Component3, computed, input, signal as signal3 } from "@angular/core";
-import { NgStyle } from "@angular/common";
+import { Component as Component3, computed, input, signal as signal3 } from "../node_modules/@angular/core/fesm2022/core.mjs";
+import { NgStyle } from "../node_modules/@angular/common/fesm2022/common.mjs";
 var resolveBlurBg = (placeholderValue, blurDataUrl) => {
   if (typeof placeholderValue === "string" && placeholderValue !== "blur" && placeholderValue.startsWith("data:")) {
     return generateBlurSvg(placeholderValue);
@@ -10225,8 +10225,8 @@ import {
   Input as Input3,
   inject as inject9,
   signal as signal4
-} from "@angular/core";
-import { DomSanitizer } from "@angular/platform-browser";
+} from "../node_modules/@angular/core/fesm2022/core.mjs";
+import { DomSanitizer } from "../node_modules/@angular/platform-browser/fesm2022/platform-browser.mjs";
 var isObjectRecord3 = (value) => Boolean(value) && typeof value === "object";
 var isHtmlPayload = (payload) => isObjectRecord3(payload) && typeof payload.html === "string";
 var resolvePayloadHtml = (payload) => {

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

@@ -1,7 +1,7 @@
 // @bun
 var __require = import.meta.require;
 
-// .angular-partial-tmp-1N12Mn/src/core/streamingSlotRegistrar.ts
+// .angular-partial-tmp-3DHvwX/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");

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

@@ -1,7 +1,7 @@
 // @bun
 var __require = import.meta.require;
 
-// .angular-partial-tmp-1N12Mn/src/core/streamingSlotRegistrar.ts
+// .angular-partial-tmp-3DHvwX/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");
@@ -48,7 +48,7 @@ var warnMissingStreamingSlotCollector = (primitiveName) => {
   getWarningController()?.maybeWarn(primitiveName);
 };
 
-// .angular-partial-tmp-1N12Mn/src/core/streamingSlotRegistry.ts
+// .angular-partial-tmp-3DHvwX/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";

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

@@ -1,5 +1,5 @@
-import { Directive, TemplateRef, inject } from '@angular/core';
-import * as i0 from "@angular/core";
+import { Directive, TemplateRef, inject } from '../../node_modules/@angular/core/fesm2022/core.mjs';
+import * as i0 from "../../node_modules/@angular/core/fesm2022/core.mjs";
 export class DeferErrorTemplateDirective {
     constructor() {
         this.templateRef = inject(TemplateRef);

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

@@ -1,9 +1,9 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, Input, inject, signal } from '@angular/core';
-import { NgTemplateOutlet } from '@angular/common';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChild, Input, inject, signal } from '../../node_modules/@angular/core/fesm2022/core.mjs';
+import { NgTemplateOutlet } from '../../node_modules/@angular/common/fesm2022/common.mjs';
 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";
+import * as i0 from "../../node_modules/@angular/core/fesm2022/core.mjs";
 export class DeferSlotComponent {
     constructor() {
         this.cdr = inject(ChangeDetectorRef);

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

@@ -1,7 +1,7 @@
-import { Component, computed, input, signal } from '@angular/core';
-import { NgStyle } from '@angular/common';
+import { Component, computed, input, signal } from '../../node_modules/@angular/core/fesm2022/core.mjs';
+import { NgStyle } from '../../node_modules/@angular/common/fesm2022/common.mjs';
 import { DEFAULT_QUALITY, buildOptimizedUrl, generateBlurSvg, generateSrcSet } from '@absolutejs/absolute/image';
-import * as i0 from "@angular/core";
+import * as i0 from "../../node_modules/@angular/core/fesm2022/core.mjs";
 /** Resolve the blur background CSS value from placeholder config */
 const resolveBlurBg = (placeholderValue, blurDataUrl) => {
     if (typeof placeholderValue === 'string' &&

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

@@ -1,7 +1,7 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, inject, signal } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, inject, signal } from '../../node_modules/@angular/core/fesm2022/core.mjs';
+import { DomSanitizer } from '../../node_modules/@angular/platform-browser/fesm2022/platform-browser.mjs';
 import { isStreamingSlotCollectionActive, registerStreamingSlot, warnMissingStreamingSlotCollector } from './core/streamingSlotRegistrar.js';
-import * as i0 from "@angular/core";
+import * as i0 from "../../node_modules/@angular/core/fesm2022/core.mjs";
 const isObjectRecord = (value) => Boolean(value) && typeof value === 'object';
 const isHtmlPayload = (payload) => isObjectRecord(payload) && typeof payload.html === 'string';
 const resolvePayloadHtml = (payload) => {

package/dist/angular/example/angular/pages/angular-example.djr1v9hj.js

@@ -0,0 +1,373 @@
+// @bun
+// .absolutejs/generated/angular/example/angular/pages/angular-example.js
+import"../../../../node_modules/@angular/compiler/fesm2022/compiler.mjs";
+import { Component as Component4 } from "../../../vendor/server/angular_core.js";
+import { CommonModule as CommonModule4 } from "../../../vendor/server/angular_common.js";
+
+// .absolutejs/generated/angular/src/angular/composables/usePageContext.js
+import { inject, REQUEST_CONTEXT } from "../../../vendor/server/angular_core.js";
+var usePageContext = () => inject(REQUEST_CONTEXT);
+
+// .absolutejs/generated/angular/example/angular/components/dropdown.component.js
+import { Component } from "../../../vendor/server/angular_core.js";
+import { CommonModule } from "../../../vendor/server/angular_common.js";
+import * as i0 from "../../../vendor/server/angular_core.js";
+
+class DropdownComponent {
+  constructor() {
+    this.isOpen = false;
+  }
+  static {
+    this.\u{275}fac = function DropdownComponent_Factory(__ngFactoryType__) {
+      return new (__ngFactoryType__ || DropdownComponent);
+    };
+  }
+  static {
+    this.\u{275}cmp = /* @__PURE__ */ i0.\u{275}\u{275}defineComponent({ type: DropdownComponent, selectors: [["app-dropdown"]], decls: 16, vars: 1, consts: [[1, "dropdown", 3, "mouseenter", "mouseleave"], [1, "menu"], ["href", "/"], ["href", "/react"], ["href", "/svelte"], ["href", "/vue"], ["href", "/angular"], ["href", "/htmx"]], template: function DropdownComponent_Template(rf, ctx) {
+      if (rf & 1) {
+        i0.\u{275}\u{275}elementStart(0, "details", 0);
+        i0.\u{275}\u{275}listener("mouseenter", function DropdownComponent_Template_details_mouseenter_0_listener() {
+          return ctx.isOpen = true;
+        })("mouseleave", function DropdownComponent_Template_details_mouseleave_0_listener() {
+          return ctx.isOpen = false;
+        });
+        i0.\u{275}\u{275}elementStart(1, "summary");
+        i0.\u{275}\u{275}text(2, "Pages");
+        i0.\u{275}\u{275}elementEnd();
+        i0.\u{275}\u{275}elementStart(3, "nav", 1)(4, "a", 2);
+        i0.\u{275}\u{275}text(5, "HTML");
+        i0.\u{275}\u{275}elementEnd();
+        i0.\u{275}\u{275}elementStart(6, "a", 3);
+        i0.\u{275}\u{275}text(7, "React");
+        i0.\u{275}\u{275}elementEnd();
+        i0.\u{275}\u{275}elementStart(8, "a", 4);
+        i0.\u{275}\u{275}text(9, "Svelte");
+        i0.\u{275}\u{275}elementEnd();
+        i0.\u{275}\u{275}elementStart(10, "a", 5);
+        i0.\u{275}\u{275}text(11, "Vue");
+        i0.\u{275}\u{275}elementEnd();
+        i0.\u{275}\u{275}elementStart(12, "a", 6);
+        i0.\u{275}\u{275}text(13, "Angular");
+        i0.\u{275}\u{275}elementEnd();
+        i0.\u{275}\u{275}elementStart(14, "a", 7);
+        i0.\u{275}\u{275}text(15, "HTMX");
+        i0.\u{275}\u{275}elementEnd()()();
+      }
+      if (rf & 2) {
+        i0.\u{275}\u{275}attribute("open", ctx.isOpen ? "" : null);
+      }
+    }, dependencies: [CommonModule], encapsulation: 2 });
+  }
+}
+(() => {
+  (typeof ngDevMode === "undefined" || ngDevMode) && i0.\u{275}setClassMetadata(DropdownComponent, [{
+    type: Component,
+    args: [{
+      imports: [CommonModule],
+      selector: "app-dropdown",
+      standalone: true,
+      template: `<details
+	class="dropdown"
+	[attr.open]="isOpen ? '' : null"
+	(mouseenter)="isOpen = true"
+	(mouseleave)="isOpen = false"
+>
+	<summary>Pages</summary>
+	<nav class="menu">
+		<a href="/">HTML</a>
+		<a href="/react">React</a>
+		<a href="/svelte">Svelte</a>
+		<a href="/vue">Vue</a>
+		<a href="/angular">Angular</a>
+		<a href="/htmx">HTMX</a>
+	</nav>
+</details>
+`
+    }]
+  }], null, null);
+})();
+(() => {
+  (typeof ngDevMode === "undefined" || ngDevMode) && i0.\u{275}setClassDebugInfo(DropdownComponent, { className: "DropdownComponent", filePath: "example/angular/components/dropdown.component.ts", lineNumber: 26 });
+})();
+
+// .absolutejs/generated/angular/example/angular/components/app.component.js
+import { Component as Component3, Input as Input2, ViewEncapsulation } from "../../../vendor/server/angular_core.js";
+import { CommonModule as CommonModule3 } from "../../../vendor/server/angular_common.js";
+
+// .absolutejs/generated/angular/example/angular/components/counter.component.js
+import { Component as Component2, Input } from "../../../vendor/server/angular_core.js";
+import { CommonModule as CommonModule2 } from "../../../vendor/server/angular_common.js";
+import * as i02 from "../../../vendor/server/angular_core.js";
+
+class CounterComponent {
+  constructor() {
+    this.initialCount = 0;
+    this.count = 0;
+  }
+  ngOnInit() {
+    this.count = this.initialCount;
+  }
+  increment() {
+    this.count++;
+  }
+  static {
+    this.\u{275}fac = function CounterComponent_Factory(__ngFactoryType__) {
+      return new (__ngFactoryType__ || CounterComponent);
+    };
+  }
+  static {
+    this.\u{275}cmp = /* @__PURE__ */ i02.\u{275}\u{275}defineComponent({ type: CounterComponent, selectors: [["app-counter"]], inputs: { initialCount: "initialCount" }, decls: 4, vars: 1, consts: [[3, "click"], [1, "counter-value"]], template: function CounterComponent_Template(rf, ctx) {
+      if (rf & 1) {
+        i02.\u{275}\u{275}elementStart(0, "button", 0);
+        i02.\u{275}\u{275}listener("click", function CounterComponent_Template_button_click_0_listener() {
+          return ctx.increment();
+        });
+        i02.\u{275}\u{275}text(1, " count is ");
+        i02.\u{275}\u{275}elementStart(2, "span", 1);
+        i02.\u{275}\u{275}text(3);
+        i02.\u{275}\u{275}elementEnd()();
+      }
+      if (rf & 2) {
+        i02.\u{275}\u{275}advance(3);
+        i02.\u{275}\u{275}textInterpolate(ctx.count);
+      }
+    }, dependencies: [CommonModule2], styles: [`button[_ngcontent-%COMP%] {
+	background-color: #1a1a1a;
+	border: 1px solid transparent;
+	border-radius: 0.5rem;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+	cursor: pointer;
+	font-family: inherit;
+	font-size: 1.1rem;
+	font-weight: 500;
+	margin: 2rem 0;
+	padding: 0.6rem 1.2rem;
+	transition: border-color 0.25s;
+}
+button[_ngcontent-%COMP%]:hover {
+	border-color: #dd0031;
+}
+button[_ngcontent-%COMP%]:focus, 
+button[_ngcontent-%COMP%]:focus-visible {
+	outline: 4px auto -webkit-focus-ring-color;
+}
+
+@media (prefers-color-scheme: light) {
+	button[_ngcontent-%COMP%] {
+		background-color: #ffffff;
+	}
+}`] });
+  }
+}
+(() => {
+  (typeof ngDevMode === "undefined" || ngDevMode) && i02.\u{275}setClassMetadata(CounterComponent, [{
+    type: Component2,
+    args: [{ imports: [CommonModule2], selector: "app-counter", standalone: true, template: `<button (click)="increment()">
+	count is <span class="counter-value">{{ count }}</span>
+</button>
+`, styles: [`button {
+	background-color: #1a1a1a;
+	border: 1px solid transparent;
+	border-radius: 0.5rem;
+	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+	cursor: pointer;
+	font-family: inherit;
+	font-size: 1.1rem;
+	font-weight: 500;
+	margin: 2rem 0;
+	padding: 0.6rem 1.2rem;
+	transition: border-color 0.25s;
+}
+button:hover {
+	border-color: #dd0031;
+}
+button:focus,
+button:focus-visible {
+	outline: 4px auto -webkit-focus-ring-color;
+}
+
+@media (prefers-color-scheme: light) {
+	button {
+		background-color: #ffffff;
+	}
+}
+`] }]
+  }], null, { initialCount: [{
+    type: Input
+  }] });
+})();
+(() => {
+  (typeof ngDevMode === "undefined" || ngDevMode) && i02.\u{275}setClassDebugInfo(CounterComponent, { className: "CounterComponent", filePath: "example/angular/components/counter.component.ts", lineNumber: 40 });
+})();
+
+// .absolutejs/generated/angular/example/angular/components/app.component.js
+import * as i03 from "../../../vendor/server/angular_core.js";
+
+class AppComponent {
+  constructor() {
+    this.initialCount = 0;
+  }
+  static {
+    this.\u{275}fac = function AppComponent_Factory(__ngFactoryType__) {
+      return new (__ngFactoryType__ || AppComponent);
+    };
+  }
+  static {
+    this.\u{275}cmp = /* @__PURE__ */ i03.\u{275}\u{275}defineComponent({ type: AppComponent, selectors: [["app-root"]], inputs: { initialCount: "initialCount" }, decls: 18, vars: 1, consts: [["href", "https://absolutejs.com", "target", "_blank"], ["src", "/assets/png/absolutejs-temp.png", "alt", "AbsoluteJS Logo", 1, "logo"], ["href", "https://angular.dev/"], ["src", "/assets/svg/angular.svg", "alt", "Angular Logo", 1, "logo", "angular"], [3, "initialCount"], [2, "margin-top", "2rem"], [2, "color", "#777", "font-size", "1rem", "margin-top", "2rem"]], template: function AppComponent_Template(rf, ctx) {
+      if (rf & 1) {
+        i03.\u{275}\u{275}elementStart(0, "main")(1, "nav")(2, "a", 0);
+        i03.\u{275}\u{275}element(3, "img", 1);
+        i03.\u{275}\u{275}elementEnd();
+        i03.\u{275}\u{275}elementStart(4, "a", 2);
+        i03.\u{275}\u{275}element(5, "img", 3);
+        i03.\u{275}\u{275}elementEnd()();
+        i03.\u{275}\u{275}elementStart(6, "h1");
+        i03.\u{275}\u{275}text(7, "AbsoluteJS + Angular");
+        i03.\u{275}\u{275}elementEnd();
+        i03.\u{275}\u{275}element(8, "app-counter", 4);
+        i03.\u{275}\u{275}elementStart(9, "p");
+        i03.\u{275}\u{275}text(10, " Edit ");
+        i03.\u{275}\u{275}elementStart(11, "code");
+        i03.\u{275}\u{275}text(12, "example/angular/pages/angular-example.ts");
+        i03.\u{275}\u{275}elementEnd();
+        i03.\u{275}\u{275}text(13, " and save to test HMR. ");
+        i03.\u{275}\u{275}elementEnd();
+        i03.\u{275}\u{275}elementStart(14, "p", 5);
+        i03.\u{275}\u{275}text(15, " Explore the other pages to see how AbsoluteJS seamlessly unifies multiple frameworks on a single server. ");
+        i03.\u{275}\u{275}elementEnd();
+        i03.\u{275}\u{275}elementStart(16, "p", 6);
+        i03.\u{275}\u{275}text(17, " Click on the AbsoluteJS and Angular logos to learn more. ");
+        i03.\u{275}\u{275}elementEnd()();
+      }
+      if (rf & 2) {
+        i03.\u{275}\u{275}advance(8);
+        i03.\u{275}\u{275}property("initialCount", ctx.initialCount);
+      }
+    }, dependencies: [CommonModule3, CounterComponent], styles: [`code {
+	background-color: #1a1a1a;
+	padding: 0.2rem 0.4rem;
+	border-radius: 0.25rem;
+	font-size: 0.9em;
+}
+
+@media (prefers-color-scheme: light) {
+	code {
+		background-color: #f0f0f0;
+	}
+}
+`], encapsulation: 2 });
+  }
+}
+(() => {
+  (typeof ngDevMode === "undefined" || ngDevMode) && i03.\u{275}setClassMetadata(AppComponent, [{
+    type: Component3,
+    args: [{ encapsulation: ViewEncapsulation.None, imports: [CommonModule3, CounterComponent], selector: "app-root", standalone: true, template: `<main>
+	<nav>
+		<a href="https://absolutejs.com" target="_blank">
+			<img
+				class="logo"
+				src="/assets/png/absolutejs-temp.png"
+				alt="AbsoluteJS Logo"
+			/>
+		</a>
+		<a href="https://angular.dev/">
+			<img
+				class="logo angular"
+				src="/assets/svg/angular.svg"
+				alt="Angular Logo"
+			/>
+		</a>
+	</nav>
+	<h1>AbsoluteJS + Angular</h1>
+	<app-counter [initialCount]="initialCount"></app-counter>
+	<p>
+		Edit <code>example/angular/pages/angular-example.ts</code> and save to
+		test HMR.
+	</p>
+	<p style="margin-top: 2rem">
+		Explore the other pages to see how AbsoluteJS seamlessly unifies
+		multiple frameworks on a single server.
+	</p>
+	<p style="color: #777; font-size: 1rem; margin-top: 2rem">
+		Click on the AbsoluteJS and Angular logos to learn more.
+	</p>
+</main>
+`, styles: [`code {
+	background-color: #1a1a1a;
+	padding: 0.2rem 0.4rem;
+	border-radius: 0.25rem;
+	font-size: 0.9em;
+}
+
+@media (prefers-color-scheme: light) {
+	code {
+		background-color: #f0f0f0;
+	}
+}
+`] }]
+  }], null, { initialCount: [{
+    type: Input2
+  }] });
+})();
+(() => {
+  (typeof ngDevMode === "undefined" || ngDevMode) && i03.\u{275}setClassDebugInfo(AppComponent, { className: "AppComponent", filePath: "example/angular/components/app.component.ts", lineNumber: 56 });
+})();
+
+// .absolutejs/generated/angular/example/angular/pages/angular-example.js
+import * as i04 from "../../../vendor/server/angular_core.js";
+
+class AngularExampleComponent {
+  constructor() {
+    this.ctx = usePageContext();
+    this.initialCount = this.ctx.initialCount;
+  }
+  static {
+    this.\u{275}fac = function AngularExampleComponent_Factory(__ngFactoryType__) {
+      return new (__ngFactoryType__ || AngularExampleComponent);
+    };
+  }
+  static {
+    this.\u{275}cmp = /* @__PURE__ */ i04.\u{275}\u{275}defineComponent({ type: AngularExampleComponent, selectors: [["angular-page"]], decls: 5, vars: 1, consts: [["href", "/"], [3, "initialCount"]], template: function AngularExampleComponent_Template(rf, ctx) {
+      if (rf & 1) {
+        i04.\u{275}\u{275}elementStart(0, "header")(1, "a", 0);
+        i04.\u{275}\u{275}text(2, "AbsoluteJS");
+        i04.\u{275}\u{275}elementEnd();
+        i04.\u{275}\u{275}element(3, "app-dropdown");
+        i04.\u{275}\u{275}elementEnd();
+        i04.\u{275}\u{275}element(4, "app-root", 1);
+      }
+      if (rf & 2) {
+        i04.\u{275}\u{275}advance(4);
+        i04.\u{275}\u{275}property("initialCount", ctx.initialCount);
+      }
+    }, dependencies: [CommonModule4, DropdownComponent, AppComponent], encapsulation: 2 });
+  }
+}
+(() => {
+  (typeof ngDevMode === "undefined" || ngDevMode) && i04.\u{275}setClassMetadata(AngularExampleComponent, [{
+    type: Component4,
+    args: [{
+      imports: [CommonModule4, DropdownComponent, AppComponent],
+      selector: "angular-page",
+      standalone: true,
+      template: `<header>
+	<a href="/">AbsoluteJS</a>
+	<app-dropdown></app-dropdown>
+</header>
+<app-root [initialCount]="initialCount"></app-root>
+`
+    }]
+  }], null, null);
+})();
+(() => {
+  (typeof ngDevMode === "undefined" || ngDevMode) && i04.\u{275}setClassDebugInfo(AngularExampleComponent, { className: "AngularExampleComponent", filePath: "example/angular/pages/angular-example.ts", lineNumber: 22 });
+})();
+var __ABSOLUTE_PAGE_ISLANDS__ = [];
+var __ABSOLUTE_PAGE_HAS_ISLANDS__ = false;
+var angular_example_default = AngularExampleComponent;
+export {
+  angular_example_default as default,
+  __ABSOLUTE_PAGE_ISLANDS__,
+  __ABSOLUTE_PAGE_HAS_ISLANDS__,
+  AngularExampleComponent
+};