@absolutejs/absolute 0.19.0-beta.324 → 0.19.0-beta.326

package/dist/angular/browser.js

@@ -37089,7 +37089,7 @@ var require_window = __commonJS((exports) => {
   var OperatorSubscriber_1 = require_OperatorSubscriber();
   var noop_1 = require_noop();
   var innerFrom_1 = require_innerFrom();
-  function window(windowBoundaries) {
+  function window2(windowBoundaries) {
     return lift_1.operate(function(source, subscriber) {
       var windowSubject = new Subject_1.Subject;
       subscriber.next(windowSubject.asObservable());
@@ -37113,7 +37113,7 @@ var require_window = __commonJS((exports) => {
       };
     });
   }
-  exports.window = window;
+  exports.window = window2;
 });
 
 // node_modules/rxjs/dist/cjs/internal/operators/windowCount.js
@@ -37218,8 +37218,8 @@ var require_windowTime = __commonJS((exports) => {
       var windowRecords = [];
       var restartOnClose = false;
       var closeWindow = function(record) {
-        var { window, subs } = record;
-        window.complete();
+        var { window: window2, subs } = record;
+        window2.complete();
         subs.unsubscribe();
         arrRemove_1.arrRemove(windowRecords, record);
         restartOnClose && startWindow();
@@ -37252,8 +37252,8 @@ var require_windowTime = __commonJS((exports) => {
       };
       var terminate = function(cb) {
         loop(function(_a2) {
-          var window = _a2.window;
-          return cb(window);
+          var window2 = _a2.window;
+          return cb(window2);
         });
         cb(subscriber);
         subscriber.unsubscribe();
@@ -37315,12 +37315,12 @@ var require_windowToggle = __commonJS((exports) => {
         subscriber.error(err);
       };
       innerFrom_1.innerFrom(openings).subscribe(OperatorSubscriber_1.createOperatorSubscriber(subscriber, function(openValue) {
-        var window = new Subject_1.Subject;
-        windows.push(window);
+        var window2 = new Subject_1.Subject;
+        windows.push(window2);
         var closingSubscription = new Subscription_1.Subscription;
         var closeWindow = function() {
-          arrRemove_1.arrRemove(windows, window);
-          window.complete();
+          arrRemove_1.arrRemove(windows, window2);
+          window2.complete();
           closingSubscription.unsubscribe();
         };
         var closingNotifier;
@@ -37330,7 +37330,7 @@ var require_windowToggle = __commonJS((exports) => {
           handleError(err);
           return;
         }
-        subscriber.next(window.asObservable());
+        subscriber.next(window2.asObservable());
         closingSubscription.add(closingNotifier.subscribe(OperatorSubscriber_1.createOperatorSubscriber(subscriber, closeWindow, noop_1.noop, handleError)));
       }, noop_1.noop));
       source.subscribe(OperatorSubscriber_1.createOperatorSubscriber(subscriber, function(value) {
@@ -37377,17 +37377,17 @@ var require_windowWhen = __commonJS((exports) => {
   var innerFrom_1 = require_innerFrom();
   function windowWhen(closingSelector) {
     return lift_1.operate(function(source, subscriber) {
-      var window;
+      var window2;
       var closingSubscriber;
       var handleError = function(err) {
-        window.error(err);
+        window2.error(err);
         subscriber.error(err);
       };
       var openWindow = function() {
         closingSubscriber === null || closingSubscriber === undefined || closingSubscriber.unsubscribe();
-        window === null || window === undefined || window.complete();
-        window = new Subject_1.Subject;
-        subscriber.next(window.asObservable());
+        window2 === null || window2 === undefined || window2.complete();
+        window2 = new Subject_1.Subject;
+        subscriber.next(window2.asObservable());
         var closingNotifier;
         try {
           closingNotifier = innerFrom_1.innerFrom(closingSelector());
@@ -37399,13 +37399,13 @@ var require_windowWhen = __commonJS((exports) => {
       };
       openWindow();
       source.subscribe(OperatorSubscriber_1.createOperatorSubscriber(subscriber, function(value) {
-        return window.next(value);
+        return window2.next(value);
       }, function() {
-        window.complete();
+        window2.complete();
         subscriber.complete();
       }, handleError, function() {
         closingSubscriber === null || closingSubscriber === undefined || closingSubscriber.unsubscribe();
-        window = null;
+        window2 = null;
       }));
     });
   }
@@ -38295,7 +38295,6 @@ var require_cjs = __commonJS((exports) => {
 
 // src/angular/Island.browser.ts
 init_compiler();
-init_islandMarkupAttributes();
 import {
   Component as Component3,
   Input,
@@ -38304,6 +38303,55 @@ import {
 import {
   DomSanitizer
 } from "@angular/platform-browser";
+
+// src/client/preserveIslandMarkup.ts
+init_islandMarkupAttributes();
+var getClaimMap = () => {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  window.__ABS_CLAIMED_ISLAND_MARKUP__ ??= new Map;
+  return window.__ABS_CLAIMED_ISLAND_MARKUP__;
+};
+var getIslandSignature = (props) => {
+  const attributes = getIslandMarkerAttributes(props);
+  return [
+    attributes["data-component"],
+    attributes["data-framework"],
+    attributes["data-hydrate"],
+    attributes["data-props"]
+  ].join("::");
+};
+var isMatchingIslandElement = (element2, props) => {
+  if (!(element2 instanceof HTMLElement)) {
+    return false;
+  }
+  const attributes = getIslandMarkerAttributes(props);
+  return element2.dataset.island === "true" && element2.dataset.component === attributes["data-component"] && element2.dataset.framework === attributes["data-framework"] && (element2.dataset.hydrate ?? "load") === attributes["data-hydrate"] && (element2.dataset.props ?? "{}") === attributes["data-props"];
+};
+var preserveIslandMarkup = (props) => {
+  if (typeof document === "undefined") {
+    return {
+      attributes: getIslandMarkerAttributes(props),
+      innerHTML: ""
+    };
+  }
+  const claimMap = getClaimMap();
+  const signature = getIslandSignature(props);
+  const claimedCount = claimMap?.get(signature) ?? 0;
+  const candidates = Array.from(document.querySelectorAll('[data-island="true"]')).filter((element2) => isMatchingIslandElement(element2, props));
+  const candidate = candidates[claimedCount];
+  if (claimMap) {
+    claimMap.set(signature, claimedCount + 1);
+  }
+  return {
+    attributes: getIslandMarkerAttributes(props),
+    innerHTML: candidate?.innerHTML ?? ""
+  };
+};
+
+// src/angular/Island.browser.ts
+init_islandMarkupAttributes();
 var toAttributeString = (props) => serializeIslandAttributes(getIslandMarkerAttributes(props));
 
 class IslandComponent {
@@ -38316,12 +38364,14 @@ class IslandComponent {
   sanitizer = inject(DomSanitizer);
   markup = "";
   ngOnChanges() {
-    this.markup = this.sanitizer.bypassSecurityTrustHtml(`<div ${toAttributeString({
+    const runtimeProps = {
       component: this.component,
       framework: this.framework,
       hydrate: this.hydrate,
       props: this.props
-    })}></div>`);
+    };
+    const { innerHTML } = preserveIslandMarkup(runtimeProps);
+    this.markup = this.sanitizer.bypassSecurityTrustHtml(`<div ${toAttributeString(runtimeProps)}>${innerHTML}</div>`);
   }
 }
 __legacyDecorateClassTS([
@@ -38471,5 +38521,5 @@ export {
   Island
 };
 
-//# debugId=065196AB5D1B047D64756E2164756E21
+//# debugId=6EBF9C003A02044964756E2164756E21
 //# sourceMappingURL=browser.js.map