payload-live-preview 2.0.6 → 2.1.0

package/dist/structural.d.cts

@@ -121,6 +121,13 @@ interface RenderContext {
     readonly schema: PayloadFieldSchema | undefined;
     /** The project's rich-text renderer, when the client was configured with one. */
     readonly renderRichText?: RichTextRenderer;
+    /**
+     * The Payload server the runtime reads populated documents from (`serverURL`),
+     * absent without one. A renderer that writes a URL out of a media document
+     * resolves a path against it, as Payload's admin does; the built-in `upload`
+     * and `image` renderers do.
+     */
+    readonly serverURL?: string;
     /**
      * This instance's sanitizer policy, for every HTML write the renderer makes.
      * Absent, the process default set by `setSanitizerPolicy()` applies.
@@ -226,17 +233,40 @@ declare function applyStructuralPatches(options: StructuralApplyOptions): boolea
 
 /** @internal */
 declare const ISLAND_ATTRIBUTE = "data-payload-island";
-
+/** The opt-out for a subtree the site scripts itself: the morph never enters it. @internal */
+declare const OWNED_ATTRIBUTE = "data-payload-owned";
 /**
- * Keyed DOM morph: edits a live element toward a freshly rendered one while
- * keeping the live nodes, and with them focus, selection, scroll, playback and
- * listeners. Custom elements, islands, `contenteditable` and
- * `data-payload-owned` subtrees are boundaries the morph never enters.
- * See ADR 0008.
+ * The ownership rule (ADR 0008 §4): a subtree the morph never enters. Custom
+ * elements own their subtree unless the template opts in with
+ * `data-payload-morph` (§10), islands are a framework's, `contenteditable`
+ * is the visitor's, `data-payload-owned` is the site's. The coordinators hand
+ * this rule to the engine as `MorphOptions.boundary`; the engine itself only
+ * pairs, edits and keeps focus (§9). @beta
  */
+declare function isMorphBoundary(element: Element): boolean;
+/**
+ * The package's decision for a boundary pair (ADR 0021). A boundary other than
+ * an Astro island stays whole (ADR 0008 §4). An island that still renders the
+ * same component, with the same slots, keeps its framework state: it takes the
+ * rendered props the way Astro's router hands them to a persisted island,
+ * `ssr` first, then `props`. Anything else is replaced, and hydrates fresh.
+ * @beta
+ */
+declare function retainIslandBoundary(live: Element, rendered: Element): boolean;
 
-/** @internal */
-declare const OWNED_ATTRIBUTE = "data-payload-owned";
+/**
+ * Keyed DOM morph, the engine: edits a live element toward a freshly rendered
+ * one while retaining compatible, paired live nodes. Those nodes keep their
+ * live properties; an incompatible or unpaired node is replaced and loses
+ * them. It pairs children by key or position, synchronises attributes with the
+ * state exception and keeps focus across a retained move; which subtrees it
+ * never enters is the coordinator's rule, handed in as
+ * `MorphOptions.boundary` and defaulting to the package's (`isMorphBoundary`
+ * in islands.ts). See ADR 0008, §9 for the line between the two. A custom
+ * element is such a boundary unless both of its sides carry
+ * `data-payload-morph` (§10).
+ */
+/** @beta */
 interface MorphOptions {
     /** Attributes that key child elements for pairing, tried in order; unkeyed children pair by position. */
     readonly keyAttributes: readonly string[];
@@ -244,15 +274,33 @@ interface MorphOptions {
     readonly onDuplicateKey?: (parent: Element, key: string) => void;
     /** Elements whose attributes are synchronised but whose children are left alone (nested structural slots). */
     readonly retainChildrenOf?: (live: Element, rendered: Element) => boolean;
+    /**
+     * The ownership rule: a structurally compatible live/rendered pair for
+     * which this returns `true` on both sides is retained whole and never
+     * entered (ADR 0008 §4). The package's rule — custom elements, islands,
+     * `contenteditable`, `data-payload-owned` — is the default. A supplied rule
+     * replaces that default; compose it with the exported `isMorphBoundary`
+     * predicate to add package-compatible boundaries.
+     */
+    readonly boundary?: (element: Element) => boolean;
+    /**
+     * Decides a live/rendered pair that are both boundaries: `true` keeps the
+     * live one, after any handoff to its owner; `false` replaces it with the
+     * rendered one. Without it every such pair is kept whole (ADR 0008 §4). The
+     * package's coordinators hand in `retainIslandBoundary`, under which an
+     * Astro island that still renders the same component takes the rendered
+     * props through Astro's own handoff (ADR 0021).
+     */
+    readonly retainBoundary?: (live: Element, rendered: Element) => boolean;
 }
-/** @internal */
-declare function isMorphBoundary(element: Element): boolean;
-/** Whether `live` can be edited toward `rendered` instead of being replaced by it. @internal */
-declare function isMorphCompatible(live: Element, rendered: Element): boolean;
+/** Whether `live` can be edited toward `rendered` instead of being replaced by it, under `boundary` (the package's rule by default). @internal */
+declare function isMorphCompatible(live: Element, rendered: Element, boundary?: (element: Element) => boolean): boolean;
 /**
  * Morph `live` toward `rendered`. Returns `live` when it was retained, or
  * `rendered` when the two are incompatible and the caller must replace.
  * `rendered` is consumed: its children may move into `live`.
+ *
+ * @beta
  */
 declare function morphElement(live: Element, rendered: Element, options: MorphOptions): Element;
 
@@ -283,4 +331,4 @@ declare function mergeDependencyMaps(...maps: readonly DependencyMap[]): Depende
  */
 declare function dependencyMapFromBinding(fieldName: string, dependsOn: readonly string[]): DependencyMap;
 
-export { type ArrayPatch, type CachedElement, type CustomRendererKey, type DependencyMap, type FieldRenderer, type FieldType, ISLAND_ATTRIBUTE, KEY_ATTRIBUTE, type MorphOptions, OWNED_ATTRIBUTE, type PayloadBlockSchema, type PayloadFieldCondition, type PayloadFieldSchema, type PayloadFieldType, type PayloadLivePreviewData, type RenderContext, type RendererKey, type RichTextRenderer, type SanitizerPolicyMode, type StructuralApplyOptions, type StructuralStore, type UpdateSource, applyStructuralPatches, createStructuralArrayRenderer, createStructuralStore, dependencyMapFromBinding, isMorphBoundary, isMorphCompatible, mergeDependencyMaps, morphElement, parseDependencyList };
+export { type ArrayPatch, type CachedElement, type CustomRendererKey, type DependencyMap, type FieldRenderer, type FieldType, ISLAND_ATTRIBUTE, KEY_ATTRIBUTE, type MorphOptions, OWNED_ATTRIBUTE, type PayloadBlockSchema, type PayloadFieldCondition, type PayloadFieldSchema, type PayloadFieldType, type PayloadLivePreviewData, type RenderContext, type RendererKey, type RichTextRenderer, type SanitizerPolicyMode, type StructuralApplyOptions, type StructuralStore, type UpdateSource, applyStructuralPatches, createStructuralArrayRenderer, createStructuralStore, dependencyMapFromBinding, isMorphBoundary, isMorphCompatible, mergeDependencyMaps, morphElement, parseDependencyList, retainIslandBoundary };

package/dist/structural.d.ts

@@ -121,6 +121,13 @@ interface RenderContext {
     readonly schema: PayloadFieldSchema | undefined;
     /** The project's rich-text renderer, when the client was configured with one. */
     readonly renderRichText?: RichTextRenderer;
+    /**
+     * The Payload server the runtime reads populated documents from (`serverURL`),
+     * absent without one. A renderer that writes a URL out of a media document
+     * resolves a path against it, as Payload's admin does; the built-in `upload`
+     * and `image` renderers do.
+     */
+    readonly serverURL?: string;
     /**
      * This instance's sanitizer policy, for every HTML write the renderer makes.
      * Absent, the process default set by `setSanitizerPolicy()` applies.
@@ -226,17 +233,40 @@ declare function applyStructuralPatches(options: StructuralApplyOptions): boolea
 
 /** @internal */
 declare const ISLAND_ATTRIBUTE = "data-payload-island";
-
+/** The opt-out for a subtree the site scripts itself: the morph never enters it. @internal */
+declare const OWNED_ATTRIBUTE = "data-payload-owned";
 /**
- * Keyed DOM morph: edits a live element toward a freshly rendered one while
- * keeping the live nodes, and with them focus, selection, scroll, playback and
- * listeners. Custom elements, islands, `contenteditable` and
- * `data-payload-owned` subtrees are boundaries the morph never enters.
- * See ADR 0008.
+ * The ownership rule (ADR 0008 §4): a subtree the morph never enters. Custom
+ * elements own their subtree unless the template opts in with
+ * `data-payload-morph` (§10), islands are a framework's, `contenteditable`
+ * is the visitor's, `data-payload-owned` is the site's. The coordinators hand
+ * this rule to the engine as `MorphOptions.boundary`; the engine itself only
+ * pairs, edits and keeps focus (§9). @beta
  */
+declare function isMorphBoundary(element: Element): boolean;
+/**
+ * The package's decision for a boundary pair (ADR 0021). A boundary other than
+ * an Astro island stays whole (ADR 0008 §4). An island that still renders the
+ * same component, with the same slots, keeps its framework state: it takes the
+ * rendered props the way Astro's router hands them to a persisted island,
+ * `ssr` first, then `props`. Anything else is replaced, and hydrates fresh.
+ * @beta
+ */
+declare function retainIslandBoundary(live: Element, rendered: Element): boolean;
 
-/** @internal */
-declare const OWNED_ATTRIBUTE = "data-payload-owned";
+/**
+ * Keyed DOM morph, the engine: edits a live element toward a freshly rendered
+ * one while retaining compatible, paired live nodes. Those nodes keep their
+ * live properties; an incompatible or unpaired node is replaced and loses
+ * them. It pairs children by key or position, synchronises attributes with the
+ * state exception and keeps focus across a retained move; which subtrees it
+ * never enters is the coordinator's rule, handed in as
+ * `MorphOptions.boundary` and defaulting to the package's (`isMorphBoundary`
+ * in islands.ts). See ADR 0008, §9 for the line between the two. A custom
+ * element is such a boundary unless both of its sides carry
+ * `data-payload-morph` (§10).
+ */
+/** @beta */
 interface MorphOptions {
     /** Attributes that key child elements for pairing, tried in order; unkeyed children pair by position. */
     readonly keyAttributes: readonly string[];
@@ -244,15 +274,33 @@ interface MorphOptions {
     readonly onDuplicateKey?: (parent: Element, key: string) => void;
     /** Elements whose attributes are synchronised but whose children are left alone (nested structural slots). */
     readonly retainChildrenOf?: (live: Element, rendered: Element) => boolean;
+    /**
+     * The ownership rule: a structurally compatible live/rendered pair for
+     * which this returns `true` on both sides is retained whole and never
+     * entered (ADR 0008 §4). The package's rule — custom elements, islands,
+     * `contenteditable`, `data-payload-owned` — is the default. A supplied rule
+     * replaces that default; compose it with the exported `isMorphBoundary`
+     * predicate to add package-compatible boundaries.
+     */
+    readonly boundary?: (element: Element) => boolean;
+    /**
+     * Decides a live/rendered pair that are both boundaries: `true` keeps the
+     * live one, after any handoff to its owner; `false` replaces it with the
+     * rendered one. Without it every such pair is kept whole (ADR 0008 §4). The
+     * package's coordinators hand in `retainIslandBoundary`, under which an
+     * Astro island that still renders the same component takes the rendered
+     * props through Astro's own handoff (ADR 0021).
+     */
+    readonly retainBoundary?: (live: Element, rendered: Element) => boolean;
 }
-/** @internal */
-declare function isMorphBoundary(element: Element): boolean;
-/** Whether `live` can be edited toward `rendered` instead of being replaced by it. @internal */
-declare function isMorphCompatible(live: Element, rendered: Element): boolean;
+/** Whether `live` can be edited toward `rendered` instead of being replaced by it, under `boundary` (the package's rule by default). @internal */
+declare function isMorphCompatible(live: Element, rendered: Element, boundary?: (element: Element) => boolean): boolean;
 /**
  * Morph `live` toward `rendered`. Returns `live` when it was retained, or
  * `rendered` when the two are incompatible and the caller must replace.
  * `rendered` is consumed: its children may move into `live`.
+ *
+ * @beta
  */
 declare function morphElement(live: Element, rendered: Element, options: MorphOptions): Element;
 
@@ -283,4 +331,4 @@ declare function mergeDependencyMaps(...maps: readonly DependencyMap[]): Depende
  */
 declare function dependencyMapFromBinding(fieldName: string, dependsOn: readonly string[]): DependencyMap;
 
-export { type ArrayPatch, type CachedElement, type CustomRendererKey, type DependencyMap, type FieldRenderer, type FieldType, ISLAND_ATTRIBUTE, KEY_ATTRIBUTE, type MorphOptions, OWNED_ATTRIBUTE, type PayloadBlockSchema, type PayloadFieldCondition, type PayloadFieldSchema, type PayloadFieldType, type PayloadLivePreviewData, type RenderContext, type RendererKey, type RichTextRenderer, type SanitizerPolicyMode, type StructuralApplyOptions, type StructuralStore, type UpdateSource, applyStructuralPatches, createStructuralArrayRenderer, createStructuralStore, dependencyMapFromBinding, isMorphBoundary, isMorphCompatible, mergeDependencyMaps, morphElement, parseDependencyList };
+export { type ArrayPatch, type CachedElement, type CustomRendererKey, type DependencyMap, type FieldRenderer, type FieldType, ISLAND_ATTRIBUTE, KEY_ATTRIBUTE, type MorphOptions, OWNED_ATTRIBUTE, type PayloadBlockSchema, type PayloadFieldCondition, type PayloadFieldSchema, type PayloadFieldType, type PayloadLivePreviewData, type RenderContext, type RendererKey, type RichTextRenderer, type SanitizerPolicyMode, type StructuralApplyOptions, type StructuralStore, type UpdateSource, applyStructuralPatches, createStructuralArrayRenderer, createStructuralStore, dependencyMapFromBinding, isMorphBoundary, isMorphCompatible, mergeDependencyMaps, morphElement, parseDependencyList, retainIslandBoundary };

package/dist/structural.js

@@ -1,3 +1,3 @@
-var e,t=(e=(...e)=>console.warn(...e),(...t)=>{try{("object"==typeof(n=e(...t))&&null!==n||"function"==typeof n)&&"function"==typeof n.then&&Promise.resolve(n).catch(()=>{})}catch{}var n}),n=/* @__PURE__ */new WeakSet;function o(e){return n.add(e),e}var r=/* @__PURE__ */Symbol.for("payload-live-preview.trusted-types");function i(e){const t=function(){const e=function(){const e=globalThis,t=e[r];if(void 0!==t)return t;const n={};return e[r]=n,n}();if(void 0!==e.override)return e.override;if(void 0!==e.auto)return e.auto;const t=function(){const e=globalThis.trustedTypes;if("object"==typeof e&&null!==e)return"function"==typeof e.createPolicy?e:void 0}();try{e.auto=void 0===t?null:t.createPolicy("payload-live-preview",{createHTML:e=>e})}catch{e.auto=null}return e.auto}();return null===t?e:t.createHTML(e)}var a=/* @__PURE__ */new Set(["http:","https:","mailto:","tel:"]),l=/^\s*(?:javascript|data|vbscript|file|blob|about)\s*:/i,s=/^(?:\.{1,2}\/|[a-zA-Z0-9_-]+\/?)/,c=/^[\\/]{2}/,u=/[\t\n\r]/g;function isSafeUrl(e){if("string"!=typeof e)return!1;const t=e.trim().replace(u,"");if(0===t.length)return!1;if(l.test(t))return!1;if(t.startsWith("#")||t.startsWith("?"))return!0;if(c.test(t))return!0;if(t.startsWith("/"))return!0;try{const e=new URL(t);return a.has(e.protocol)}catch{return s.test(t)}}var f=/* @__PURE__ */new Set;function d(e){f.has(e)||(f.add(e),function(e){try{console.warn(e)}catch{}}(`[live-preview] LP0409: the strict sanitizer removed \`${e}\` from written markup; the 1.x default (\`sanitizerPolicy: 'compat'\`) kept it. ${function(e){return e.startsWith("data-payload-")?"A binding inside CMS content is refused by design — an editor could otherwise aim a write at any element on the page (docs/security.md)":"id"===e||"name"===e?"CMS content that can name an element can shadow a global of that name — DOM clobbering, refused by design (docs/security.md)":"List it in `allowedDataAttributes` if the page needs it, or set `sanitizerPolicy: 'compat'` to keep every `data-*` as 1.x did"}(e)}.`))}var p=/* @__PURE__ */new Set(["p","br","strong","b","em","i","u","s","strike","mark","small","h1","h2","h3","h4","h5","h6","ul","ol","li","dl","dt","dd","blockquote","code","pre","kbd","samp","var","a","span","div","section","article","aside","header","footer","nav","figure","figcaption","img","picture","source","audio","video","sub","sup","hr","time","abbr","cite","q","table","thead","tbody","tfoot","tr","th","td","caption","colgroup","col"]),m=/* @__PURE__ */new Set(["input","button","textarea","select","option","label"]),h=/* @__PURE__ */new Set(["script","style","iframe","object","embed","link","meta","base","form","input","button","select","textarea","svg","math","template","frame","frameset","noframes","noscript"]),y=/* @__PURE__ */new Set(["id","class","lang","dir","title","role","tabindex"]),v="aria-",b="data-",g={a:/* @__PURE__ */new Set(["href","target","rel","download","hreflang","type"]),img:/* @__PURE__ */new Set(["src","srcset","sizes","alt","width","height","loading","decoding"]),picture:/* @__PURE__ */new Set([]),source:/* @__PURE__ */new Set(["src","srcset","sizes","type","media"]),audio:/* @__PURE__ */new Set(["src","controls","autoplay","loop","muted","preload"]),video:/* @__PURE__ */new Set(["src","poster","controls","autoplay","loop","muted","preload","width","height","playsinline"]),time:/* @__PURE__ */new Set(["datetime"]),abbr:/* @__PURE__ */new Set(["title"]),q:/* @__PURE__ */new Set(["cite"]),blockquote:/* @__PURE__ */new Set(["cite"]),table:/* @__PURE__ */new Set(["summary"]),th:/* @__PURE__ */new Set(["colspan","rowspan","scope","headers","abbr"]),td:/* @__PURE__ */new Set(["colspan","rowspan","headers"]),col:/* @__PURE__ */new Set(["span"]),colgroup:/* @__PURE__ */new Set(["span"]),ol:/* @__PURE__ */new Set(["start","reversed","type"]),li:/* @__PURE__ */new Set(["value"]),code:/* @__PURE__ */new Set(["class"]),pre:/* @__PURE__ */new Set(["class"])},w=/* @__PURE__ */new Set(["href","src","cite","poster"]),S=class extends Error{name="SanitizerEnvironmentError"},A=/* @__PURE__ */new Set(["id","name","data-payload-key","data-payload-nested-key","data-payload-nested-template"]),k=/* @__PURE__ */Symbol.for("payload-live-preview.sanitizer-document");function x(e,t){for(const n of Array.from(e.childNodes))1===n.nodeType?L(n,t):8===n.nodeType&&n.remove()}function L(e,t){const n=e.tagName.toLowerCase();if(!h.has(n)||t.allowFormControls&&m.has(n)){if(!t.allowedTags.has(n))return x(e,t),void e.replaceWith(...e.childNodes);!function(e,t,n){const o=n.attrByTag.get(t);for(const t of Array.from(e.attributes)){const r=t.name.toLowerCase();if(r.startsWith("on")||"style"===r)e.removeAttribute(t.name);else if("is"!==r){if("strict"===n.mode){if(n.templateMode&&A.has(r))continue;if("id"===r||"name"===r||r.startsWith("data-payload-")){e.removeAttribute(t.name),"name"===r&&!0!==o?.has(r)||d(r);continue}if(r.startsWith(b)){n.allowedData.has(r)||(e.removeAttribute(t.name),d(r));continue}if(y.has(r)||r.startsWith(v))continue}else if(y.has(r)||r.startsWith(v)||r.startsWith(b))continue;o?.has(r)?w.has(r)&&!isSafeUrl(t.value)?e.removeAttribute(t.name):"srcset"!==r||E(t.value)||e.removeAttribute(t.name):e.removeAttribute(t.name)}else e.setAttribute("is","")}}(e,n,t),"a"===n&&function(e){const t=e.getAttribute("href");null!==t&&function isExternalHttpUrl(e){const t=e.trim().replace(u,"");return/^https?:\/\//i.test(t)||c.test(t)}(t)&&(e.setAttribute("rel","noopener noreferrer"),e.hasAttribute("target")||e.setAttribute("target","_blank"))}(e),x(e,t)}else e.remove()}function E(e){for(const t of e.split(",")){const e=t.trim();if(0===e.length)continue;const[n=e]=e.split(/\s/,1);if(!isSafeUrl(n))return!1}return!0}var M=Object.freeze({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","/":"&#x2F;","`":"&#x60;","=":"&#x3D;"}),T=/[&<>"'/`=]/g;function escapeHtml(e){return e.replace(T,e=>M[e])}var D=/* @__PURE__ */new Set(["style","srcdoc","formaction","form","id","name","is","srcset","imagesrcset"]);function N(e){return!e.startsWith("on")&&!D.has(e)}var _=/\{\{([\s\S]*?)\}\}/g;function j(e){if(null==e)return"";if("string"==typeof e)return e;if("number"==typeof e||"boolean"==typeof e||"bigint"==typeof e)return String(e);try{return JSON.stringify(e)}catch{return""}}function C(e){if("object"!=typeof e||null===e)return;const t=e.id;return"string"==typeof t||"number"==typeof t?t:void 0}function z(e){if("object"!=typeof e||null===e)return;const t=e.blockType;return"string"==typeof t?t:void 0}function I(e,t){return t.every(e=>void 0!==C(e))?function(e,t){const n=[],o=/* @__PURE__ */new Map;for(let t=0;t<e.length;t+=1){const n=C(e[t]);void 0!==n&&o.set(n,t)}const r=/* @__PURE__ */new Set;for(let i=0;i<t.length;i+=1){const a=t[i],l=C(a);if(void 0===l){n.push({kind:"insert",index:i,value:a});continue}const s=o.get(l);if(void 0===s){n.push({kind:"insert",index:i,value:a});continue}r.add(s);const c=e[s];z(c)===z(a)?(s!==i&&n.push({kind:"move",from:s,to:i,value:a}),W(c,a)||n.push({kind:"update",index:i,value:a})):n.push({kind:"replace",index:i,oldValue:c,value:a})}for(let t=0;t<e.length;t+=1)r.has(t)||n.push({kind:"remove",index:t,value:e[t]});return n}(e,t):function(e,t){const n=[],o=Math.min(e.length,t.length);for(let r=0;r<o;r+=1)W(e[r],t[r])||n.push({kind:"update",index:r,value:t[r]});if(t.length>e.length)for(let o=e.length;o<t.length;o+=1)n.push({kind:"insert",index:o,value:t[o]});if(e.length>t.length)for(let o=t.length;o<e.length;o+=1)n.push({kind:"remove",index:o,value:e[o]});return n}(e,t)}function W(e,t){if(Object.is(e,t))return!0;if("object"!=typeof e||"object"!=typeof t||null===e||null===t)return!1;const n=e,o=t,r=Object.keys(n),i=Object.keys(o);if(r.length!==i.length)return!1;for(const e of r)if(!Object.is(n[e],o[e]))return!1;return!0}var O="data-payload-island",P="data-payload-owned",H=/* @__PURE__ */new Set(["open","value","checked","selected"]);function U(e,t){for(const n of t.keyAttributes){const t=e.getAttribute(n);if(null!==t&&t.length>0)return`${n}=${t}`}}function $(e){if(e.tagName.toLowerCase().includes("-"))return!0;if(e.hasAttribute(O)||e.hasAttribute(P))return!0;const t=e.getAttribute("contenteditable");return null!==t&&"false"!==t}function R(e,t){return e.tagName===t.tagName&&e.namespaceURI===t.namespaceURI&&!$(e)&&!$(t)}function B(e,t,n){if(!R(e,t))return t;const o=V(e);return function(e,t){for(const n of Array.from(e.attributes))t.hasAttribute(n.name)||H.has(n.name.toLowerCase())||e.removeAttribute(n.name);for(const n of Array.from(t.attributes))e.getAttribute(n.name)!==n.value&&e.setAttribute(n.name,n.value)}(e,t),!0!==n.retainChildrenOf?.(e,t)&&function(e,t,n){const o=function(e,t){const n=/* @__PURE__ */new Map;let o;for(const r of Array.from(e.children)){const e=U(r,t);void 0!==e&&(n.has(e)?o??=e.slice(e.indexOf("=")+1):n.set(e,r))}return void 0!==o&&t.onDuplicateKey?.(e,o),n}(e,n),r=new Set(o.values()),i=Array.from(e.childNodes).filter(e=>!r.has(e)),a=/* @__PURE__ */new Set,l=/* @__PURE__ */new Set,s=Array.from(t.childNodes);let c=e.firstChild,u=0;for(let t=0;t<s.length;t+=1){const r=s[t];let f=null,d=r instanceof Element?U(r,n):void 0;if(void 0!==d&&l.has(d)&&(d=void 0),void 0!==d){l.add(d);const e=o.get(d);if(void 0!==e&&!a.has(e)&&(f=q(e,r,n)===e?e:null,null===f)){e.replaceWith(r),a.add(r),c=r.nextSibling;continue}}else{for(;u<i.length;){const o=i[u];if(u+=1,!a.has(o)){if(K(o,r)){f=q(o,r,n)===o?o:null,null===f&&(e.replaceChild(r,o),a.add(r),c=r.nextSibling);break}if(o instanceof Element){const n=s[t+1];if(!(r instanceof Element)||void 0!==n&&K(o,n)){u-=1;break}e.replaceChild(r,o),a.add(r),c=r.nextSibling;break}if(!(r instanceof Element)){e.replaceChild(r,o),a.add(r),c=r.nextSibling;break}}}if(null===f&&a.has(r))continue}const p=f??r;for(a.add(p);null!==c&&c!==p&&!a.has(c)&&F(c);)c=c.nextSibling;p!==c&&e.insertBefore(p,c),c=p.nextSibling}for(const t of Array.from(e.childNodes))a.has(t)||t.remove()}(e,t,n),G(o),e}function q(e,t,n){return e instanceof Element&&t instanceof Element?$(e)&&$(t)?e:B(e,t,n):(e.nodeValue!==t.nodeValue&&(e.nodeValue=t.nodeValue),e)}function F(e){return e.nodeType===Node.TEXT_NODE&&0===(e.nodeValue??"").trim().length}function K(e,t){return e.nodeType===t.nodeType&&(!(e instanceof Element&&t instanceof Element)||e.tagName===t.tagName&&e.namespaceURI===t.namespaceURI)}function V(e){const t=e.ownerDocument.activeElement;return t instanceof HTMLElement&&e.contains(t)?{element:t,selection:t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement?[t.selectionStart,t.selectionEnd]:null}:null}function G(e){if(null===e)return;const{element:t,selection:n}=e;if(t.ownerDocument.activeElement!==t&&t.isConnected)try{t.focus({preventScroll:!0});const[e,o]=n??[null,null];null!==e&&null!==o&&t.setSelectionRange(e,o)}catch{}}var J=["input","textarea","select","option","button","label","details","summary","dialog","video","audio","progress","meter"],X=["type","name","placeholder","open","disabled","readonly","required","checked","selected","value","min","max","step","rows","cols","for","controls","muted","loop","poster","src"],Z=/<([a-z][a-z0-9]*(?:-[a-z0-9]+)+)\b/gi,Q=/* @__PURE__ */new Map,Y="data-payload-key",ee="data-payload-nested-key",te="data-payload-nested-template";function ne(){/* @__PURE__ */
-return new WeakMap}function oe(e){const t=ie(e.container,e.patches,e);return null===t?null:ae(t,e.store,{morph:e.morph??!0,onDuplicateKey:e.onDuplicateKey})}function re(e,t){return t.hasAttribute(ee)&&t.hasAttribute(te)}function ie(e,t,n){const o=function(e,t,n){const{template:o,nextItems:r,forceRender:i=!1,store:a,sanitizerPolicy:l}=n,s=a.get(e),c=function(e){const t=e.children,n=t[0];if(void 0===n)return[];const o=[];for(const{name:e,value:r}of Array.from(n.attributes)){if(!N(e)||e.startsWith("data-payload-"))continue;let n=!0;for(let o=1;o<t.length&&n;o+=1)n=t[o]?.getAttribute(e)===r;n&&o.push([e,r])}return o}(e),u=function(e){const t=/* @__PURE__ */new Set;for(const n of e)if("object"==typeof n&&null!==n)for(const e of Object.keys(n))t.add(e);return t}(r),f=Array.from(e.children),d=pe(f,Y),p=/* @__PURE__ */new Set,m=[];for(let a=0;a<r.length;a+=1){const h=r[a],y=de(h);let v=void 0===y?f[a]??null:me(d,y)??null;null!==v&&p.has(v)&&(v=null),null!==v&&p.add(v);const b=t.replaces.has(a),g=i||t.renders.has(a)||null===v?he(e.ownerDocument,o,h,a,l,c,u):void 0;if(null===g)return null;const w=void 0===g?[]:le(b?null:v,g,h,void 0===y?void 0:s?.get(y),n);if(null===w)return null;m.push([a,v,g,w,b])}return m}(e,function(e){const t=/* @__PURE__ */new Set,n=/* @__PURE__ */new Set;for(const o of e)"insert"===o.kind||"update"===o.kind?t.add(o.index):"replace"===o.kind&&(t.add(o.index),n.add(o.index));return{renders:t,replaces:n}}(t),n);return null===o?null:[e,o,n.nextItems]}function ae(e,t,n){const[o,r,i]=e,a=/* @__PURE__ */new Set;let l=!1;const s=V(o);for(const[e,i,s,c,u]of r){let r=i;if(void 0!==s){const e=!(!n.morph||u||null===i)&&B(i,s,{keyAttributes:[Y,ee],retainChildrenOf:re,...void 0!==n.onDuplicateKey?{onDuplicateKey:n.onDuplicateKey}:{}})===i;if(!e)for(const[e,t]of c)null!==e&&(ce(e,t),t.replaceWith(e));for(const[,,e]of c)void 0!==e&&ae(e,t,n);e?l=!0:(null!==i&&(i.replaceWith(s),l=!0),r=s)}if(null===r)continue;const f=o.children[e]??null;r!==f&&(o.insertBefore(r,f),l=!0),a.add(r)}for(const e of Array.from(o.children))a.has(e)||(e.remove(),l=!0);G(s);const c=function(e,t){let n=t.get(e);return n||(n=/* @__PURE__ */new Map,t.set(e,n)),n}(o,t);c.clear();for(const e of i)fe(c,e);return l}function le(e,t,n,o,r){const i=pe(null===e?[]:se(e),ee),a=[];for(const e of se(t)){const t=e.getAttribute(ee);if(null===t)continue;const l=me(i,t)??null,s=e.getAttribute(te),c=s?l:null,u=c?.getAttribute(te)??null;let f;if(s){const i=ue(n,t);if(void 0!==i||null!==c){const n=i??[],a=I(null===c?[]:ue(o,t)??[],n),l=null!==c&&u!==s;if((a.length>0||l)&&(f=ie(c??e,a,{template:s,nextItems:n,forceRender:l,store:r.store,sanitizerPolicy:r.sanitizerPolicy})??void 0,void 0===f))return null}}a.push([c,e,f])}return a}function se(e){return Array.from(e.querySelectorAll(`[${ee}]`)).filter(t=>{let n=t.parentElement;for(;null!==n&&n!==e;){if(n.hasAttribute(ee))return!1;n=n.parentElement}return n===e})}function ce(e,t){for(const n of Array.from(e.attributes))t.hasAttribute(n.name)||e.removeAttribute(n.name);for(const n of Array.from(t.attributes))e.getAttribute(n.name)!==n.value&&e.setAttribute(n.name,n.value)}function ue(e,t){if("object"!=typeof e||null===e)return;const n=e[t];return Array.isArray(n)?n:void 0}function fe(e,t){const n=de(t);void 0!==n&&e.set(n,t)}function de(e){if("object"!=typeof e||null===e)return;const t=e.id;return"string"==typeof t||"number"==typeof t?String(t):void 0}function pe(e,t){const n=/* @__PURE__ */new Map;for(let o=e.length-1;o>=0;o-=1){const r=e[o];if(void 0===r)continue;const i=r.getAttribute(t);if(null===i)continue;const a=n.get(i);void 0===a?n.set(i,[r]):a.push(r)}return n}function me(e,t){return e.get(t)?.pop()}function he(e,t,n,o,r,a,l){const s=function(e,t,n){const o=function(){if("undefined"==typeof __INLINE_BUILD__||!__INLINE_BUILD__){const e=globalThis[k];if(e)return e}return"undefined"==typeof document?void 0:document}();if(!o)throw"undefined"!=typeof __INLINE_BUILD__&&__INLINE_BUILD__?new Error("sanitizeHtml needs a DOM"):new S("sanitizeHtml needs a DOM; provide one with setSanitizerDocument() during SSR.");if(""===e)return"";const r=function(e,t){const n=e?.policy??t??"strict";if(!e){const e=/* @__PURE__ */new Map;for(const[t,n]of Object.entries(g))e.set(t,n);return{allowedTags:p,attrByTag:e,allowFormControls:!1,templateMode:!1,mode:n,allowedData:/* @__PURE__ */new Set}}const o=new Set(p);if(e.additionalAllowedTags?.forEach(e=>o.add(e)),!0===e.allowFormControls)for(const e of m)o.add(e);const r=/* @__PURE__ */new Map;for(const[e,t]of Object.entries(g))r.set(e,t);for(const[t,n]of Object.entries(e.additionalAllowedAttributes??{})){const e=new Set(r.get(t));for(const t of n)e.add(t);r.set(t,e)}return{allowedTags:o,attrByTag:r,allowFormControls:!0===e.allowFormControls,templateMode:!0===e.templateMode,mode:n,allowedData:new Set(e.allowedDataAttributes?.map(e=>e.toLowerCase()))}}(n,t),a=o.createElement("template");return a.innerHTML=i(e),x(a.content,r),a.innerHTML}(function(e,t,n,o,r){const i="object"==typeof t&&null!==t?t:null;return e.replace(_,(e,a)=>null!==i&&function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}(i,a)?escapeHtml(o(Reflect.get(i,a))):null===i&&"value"===a?escapeHtml(o(t)):"index"===a?String(n):null!==i&&!0===r?.has(a)?"":e)}(t,n,o,j,l),r,function(e){const t=function(e,t){const n=e.get(t);return void 0!==n&&(e.delete(t),e.set(t,n)),n}(Q,e);if(void 0!==t)return t;const n=new Set(J);for(const t of e.matchAll(Z)){const e=t[1]?.toLowerCase();void 0!==e&&n.add(e)}const o={};for(const e of n)o[e]=X;return i=e,a={additionalAllowedTags:[...n],additionalAllowedAttributes:o,allowFormControls:!0,templateMode:!0},(r=Q).set(i,a),function(e){for(const t of e.keys()){if(e.size<=64)break;e.delete(t)}}(r),a;var r,i,a}(t)),c=e.createElement("template");c.innerHTML=i(s);const u=c.content.firstElementChild;if(!u)return null;!function(e,t){for(const[n,o]of t)e.hasAttribute(n)||e.setAttribute(n,o)}(u,a);const f=de(n);return void 0!==f&&u.setAttribute(Y,f),u}function ye(){const e=/* @__PURE__ */new WeakMap,n=/* @__PURE__ */new WeakSet,r=/* @__PURE__ */new WeakMap,i=ne();return{name:"structural-array",render:/* @__PURE__ */o((o,a,l)=>{const s=function(e){return null==e||""===e}(a)?[]:a;if(!Array.isArray(s))return!1;const c=o.element,u=o.arrayTemplate;if(void 0===u||0===u.length)return function(e,n,o){e.has(n)||(e.add(n),t(`[live-preview] LP0403: Skipping structural update for "${o}": <${n.tagName.toLowerCase()} data-payload-structural> needs data-payload-array-template (for example "<li>{{label}}</li>").`))}(n,c,o.fieldName),!1;const f=e.get(c),d=ve(c),p=I(f?.values??d.map((e,t)=>null===e?{__payloadDomPosition:t}:{id:e}),s),m=function(e,t,n){return void 0===e||e.template!==t||!function(e,t){return e.length===t.length&&e.every((e,n)=>e===t[n])}(e.domSnapshot,n)}(f,u,d);if(0===p.length&&!m)return e.set(c,{values:s.slice(),template:u,domSnapshot:d}),!1;!function(e,t,n,o,r){const i=r.map(be),a=/* @__PURE__ */new Set,l=i.find(e=>!(void 0===e||!a.has(e)&&(a.add(e),1)));if(void 0!==l&&ge(e,t,n,l),i.some(e=>void 0===e)&&we(e,t,"LP0404",`LP0404: an item of "${n}" has no id and pairs by position, so an insert re-renders every row after it. Give items a stable id.`),o?.length===r.length&&r.length>1){const r=new Set(o.map(be).filter(e=>void 0!==e)),a=i.some(e=>void 0!==e&&r.has(e));r.size>0&&!a&&we(e,t,"LP0406",`LP0406: every key of "${n}" changed at once; the source generates ids per message, so no item can be retained across updates.`)}}(r,c,o.fieldName,f?.values,s);const h=oe({template:u,container:c,patches:p,nextItems:s,store:i,forceRender:m,sanitizerPolicy:l.sanitizerPolicy,onDuplicateKey:(e,t)=>{ge(r,e,o.fieldName,t)}});return null!==h&&(e.set(c,{values:s.slice(),template:u,domSnapshot:ve(c)}),!!h&&void 0)})}}function ve(e){return Array.from(e.children,e=>e.getAttribute(Y))}function be(e){if("object"!=typeof e||null===e)return;const t=e.id;return"string"==typeof t||"number"==typeof t?String(t):void 0}function ge(e,t,n,o){we(e,t,"LP0405",`LP0405: two items of "${n}" share the key "${o}"; later ones pair by position. Make \`id\` unique per item.`)}function we(e,n,o,r){let i=e.get(n);void 0===i&&(i=/* @__PURE__ */new Set,e.set(n,i)),i.has(o)||(i.add(o),t(`[live-preview] ${r}`))}function Se(e){if(null==e)return[];const t=/* @__PURE__ */new Set,n=[];for(const o of e.split(/[\s,]+/)){const e=o.trim();0===e.length||t.has(e)||(t.add(e),n.push(e))}return n}function Ae(...e){const t=/* @__PURE__ */new Map;for(const n of e)for(const[e,o]of Object.entries(n)){let n=t.get(e);void 0===n&&(n=/* @__PURE__ */new Set,t.set(e,n));for(const e of o)n.add(e)}const n={};for(const[e,o]of t)n[e]=[...o];return n}function ke(e,t){const n={};for(const o of t)o!==e&&(n[o]=[e]);return n}export{O as ISLAND_ATTRIBUTE,Y as KEY_ATTRIBUTE,P as OWNED_ATTRIBUTE,oe as applyStructuralPatches,ye as createStructuralArrayRenderer,ne as createStructuralStore,ke as dependencyMapFromBinding,$ as isMorphBoundary,R as isMorphCompatible,Ae as mergeDependencyMaps,B as morphElement,Se as parseDependencyList};
+var e,t=(e=(...e)=>console.warn(...e),(...t)=>{try{("object"==typeof(n=e(...t))&&null!==n||"function"==typeof n)&&"function"==typeof n.then&&Promise.resolve(n).catch(()=>{})}catch{}var n}),n=/* @__PURE__ */new WeakSet;function o(e){return n.add(e),e}var r=/* @__PURE__ */Symbol.for("payload-live-preview.trusted-types");function i(e){const t=function(){const e=function(){const e=globalThis,t=e[r];if(void 0!==t)return t;const n={};return e[r]=n,n}();if(void 0!==e.override)return e.override;if(void 0!==e.auto)return e.auto;const t=function(){const e=globalThis.trustedTypes;if("object"==typeof e&&null!==e)return"function"==typeof e.createPolicy?e:void 0}();try{e.auto=void 0===t?null:t.createPolicy("payload-live-preview",{createHTML:e=>e})}catch{e.auto=null}return e.auto}();return null===t?e:t.createHTML(e)}var a=/* @__PURE__ */new Set(["http:","https:","mailto:","tel:"]),s=/^(?:\.{1,2}\/|[a-zA-Z0-9_-]+\/?)/,l=/^[\\/]{2}/,u=/[\t\n\r]/g,c=/[\s\u0000-\u001f\u180e\u2000-\u2029]/g,d=/^([a-z][a-z0-9+.-]*):/i;function isSafeUrl(e){if("string"!=typeof e)return!1;const t=e.trim().replace(u,"");if(0===t.length)return!1;if(t.startsWith("#")||t.startsWith("?"))return!0;if(l.test(t))return!0;if(t.startsWith("/"))return!0;try{const e=new URL(t);return a.has(e.protocol)}catch{return s.test(t)&&!function(e){const t=d.exec(e.replace(c,""))?.[1];return void 0!==t&&!a.has(`${t.toLowerCase()}:`)}(t)}}var f=/* @__PURE__ */new Set;function p(e){f.has(e)||(f.add(e),function(e){try{console.warn(e)}catch{}}(`[live-preview] LP0409: the strict sanitizer removed \`${e}\` from written markup; the 1.x default (\`sanitizerPolicy: 'compat'\`) kept it. ${function(e){return e.startsWith("data-payload-")?"A binding inside CMS content is refused by design — an editor could otherwise aim a write at any element on the page (docs/security.md)":"id"===e||"name"===e?"CMS content that can name an element can shadow a global of that name — DOM clobbering, refused by design (docs/security.md)":"Put it on an element the template owns, or set `sanitizerPolicy: 'compat'` to keep every `data-*` as 1.x did"}(e)}.`))}var m=/* @__PURE__ */new Set(["p","br","strong","b","em","i","u","s","strike","mark","small","h1","h2","h3","h4","h5","h6","ul","ol","li","dl","dt","dd","blockquote","code","pre","kbd","samp","var","a","span","div","section","article","aside","header","footer","nav","figure","figcaption","img","picture","source","audio","video","sub","sup","hr","time","abbr","cite","q","table","thead","tbody","tfoot","tr","th","td","caption","colgroup","col"]),h=/* @__PURE__ */new Set(["input","button","textarea","select","option","label"]),y=/* @__PURE__ */new Set(["script","style","iframe","object","embed","link","meta","base","form","input","button","select","textarea","svg","math","template","frame","frameset","noframes","noscript"]),v=/* @__PURE__ */new Set(["id","class","lang","dir","title","role","tabindex"]),b="aria-",g="data-",w={a:/* @__PURE__ */new Set(["href","target","rel","download","hreflang","type"]),img:/* @__PURE__ */new Set(["src","srcset","sizes","alt","width","height","loading","decoding"]),picture:/* @__PURE__ */new Set([]),source:/* @__PURE__ */new Set(["src","srcset","sizes","type","media"]),audio:/* @__PURE__ */new Set(["src","controls","autoplay","loop","muted","preload"]),video:/* @__PURE__ */new Set(["src","poster","controls","autoplay","loop","muted","preload","width","height","playsinline"]),time:/* @__PURE__ */new Set(["datetime"]),abbr:/* @__PURE__ */new Set(["title"]),q:/* @__PURE__ */new Set(["cite"]),blockquote:/* @__PURE__ */new Set(["cite"]),table:/* @__PURE__ */new Set(["summary"]),th:/* @__PURE__ */new Set(["colspan","rowspan","scope","headers","abbr"]),td:/* @__PURE__ */new Set(["colspan","rowspan","headers"]),col:/* @__PURE__ */new Set(["span"]),colgroup:/* @__PURE__ */new Set(["span"]),ol:/* @__PURE__ */new Set(["start","reversed","type"]),li:/* @__PURE__ */new Set(["value"]),code:/* @__PURE__ */new Set(["class"]),pre:/* @__PURE__ */new Set(["class"])},A=/* @__PURE__ */new Set(["href","src","cite","poster"]),S=class extends Error{name="SanitizerEnvironmentError"},k=/* @__PURE__ */new Set(["id","name","data-payload-key","data-payload-morph","data-payload-nested-key","data-payload-nested-template"]),x=/* @__PURE__ */Symbol.for("payload-live-preview.sanitizer-document");function L(e,t,n){const o=n?.document??function(){if("undefined"==typeof __INLINE_BUILD__||!__INLINE_BUILD__){const e=globalThis[x];if(e)return e}return"undefined"==typeof document?void 0:document}();if(!o)throw"undefined"!=typeof __INLINE_BUILD__&&__INLINE_BUILD__?new Error("sanitizeHtml needs a DOM"):new S("sanitizeHtml needs a DOM; pass one per call during SSR: { document } (linkedom, jsdom).");if(""===e)return"";const r=function(e,t){const n=e?.policy??t??"strict";if(!e){const e=/* @__PURE__ */new Map;for(const[t,n]of Object.entries(w))e.set(t,n);return{allowedTags:m,attrByTag:e,allowFormControls:!1,templateMode:!1,mode:n,allowedData:/* @__PURE__ */new Set}}const o=new Set(m);if(e.additionalAllowedTags?.forEach(e=>o.add(e)),!0===e.allowFormControls)for(const e of h)o.add(e);const r=/* @__PURE__ */new Map;for(const[e,t]of Object.entries(w))r.set(e,t);for(const[t,n]of Object.entries(e.additionalAllowedAttributes??{})){const e=new Set(r.get(t));for(const t of n)e.add(t);r.set(t,e)}return{allowedTags:o,attrByTag:r,allowFormControls:!0===e.allowFormControls,templateMode:!0===e.templateMode,mode:n,allowedData:new Set(e.allowedDataAttributes?.map(e=>e.toLowerCase()))}}(n,t);let a=e;for(let e=0;e<6;e+=1){const e=o.createElement("template");e.innerHTML=i(a),E(e.content,r);const t=e.innerHTML;if(t===a)return t;a=t}return function(e,t){if(!function(){try{const e=globalThis.process?.env;return void 0!==e&&"production"!==e.NODE_ENV}catch{return!1}}())return;const n=globalThis,o=n.__payloadLivePreviewDeprecationsWarned??=/* @__PURE__ */new Set;if(!o.has(e)){o.add(e);try{console.warn(`[payload-live-preview] ${t}`)}catch{}}}("sanitizer-unsettled",`sanitizeHtml: the output did not settle after ${String(6)} passes, so it returned an empty string (ADR 0016).`),""}function E(e,t){for(const n of Array.from(e.childNodes))1===n.nodeType?M(n,t):8===n.nodeType&&n.remove()}function M(e,t){const n=e.tagName.toLowerCase();if(!y.has(n)||t.allowFormControls&&h.has(n)){if(!t.allowedTags.has(n))return E(e,t),void e.replaceWith(...e.childNodes);!function(e,t,n){const o=n.attrByTag.get(t);for(const t of Array.from(e.attributes)){const r=t.name.toLowerCase();if(r.startsWith("on")||"style"===r)e.removeAttribute(t.name);else if("is"!==r){if("strict"===n.mode){if(n.templateMode&&k.has(r))continue;if("id"===r||"name"===r||r.startsWith("data-payload-")){e.removeAttribute(t.name),"name"===r&&!0!==o?.has(r)||p(r);continue}if(r.startsWith(g)){n.allowedData.has(r)||(e.removeAttribute(t.name),p(r));continue}if(v.has(r)||r.startsWith(b))continue}else if(v.has(r)||r.startsWith(b)||r.startsWith(g))continue;o?.has(r)?A.has(r)&&!isSafeUrl(t.value)?e.removeAttribute(t.name):"srcset"!==r||T(t.value)||e.removeAttribute(t.name):e.removeAttribute(t.name)}else e.setAttribute("is","")}}(e,n,t),"a"===n&&function(e){const t=e.getAttribute("href");null!==t&&function isExternalHttpUrl(e){const t=e.trim().replace(u,"");return/^https?:\/\//i.test(t)||l.test(t)}(t)&&(e.setAttribute("rel","noopener noreferrer"),e.hasAttribute("target")||e.setAttribute("target","_blank"))}(e),E(e,t)}else e.remove()}function T(e){for(const t of e.split(",")){const e=t.trim();if(0===e.length)continue;const[n=e]=e.split(/\s/,1);if(!isSafeUrl(n)||!isSafeUrl(e))return!1}return!0}var N=Object.freeze({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","/":"&#x2F;","`":"&#x60;","=":"&#x3D;"}),D=/[&<>"'/`=]/g;function escapeHtml(e){return e.replace(D,e=>N[e])}var _=/* @__PURE__ */new Set(["style","srcdoc","formaction","form","id","name","is","srcset","imagesrcset"]);function C(e){return!e.startsWith("on")&&!_.has(e)}var z=/\{\{([\s\S]*?)\}\}/g;function j(e){if(null==e)return"";if("string"==typeof e)return e;if("number"==typeof e||"boolean"==typeof e||"bigint"==typeof e)return String(e);try{return JSON.stringify(e)}catch{return""}}function W(e){if("object"!=typeof e||null===e)return;const t=e.id;return"string"==typeof t||"number"==typeof t?t:void 0}function P(e){if("object"!=typeof e||null===e)return;const t=e.blockType;return"string"==typeof t?t:void 0}function I(e,t){return t.every(e=>void 0!==W(e))?function(e,t){const n=[],o=/* @__PURE__ */new Map;for(let t=0;t<e.length;t+=1){const n=W(e[t]);void 0!==n&&o.set(n,t)}const r=/* @__PURE__ */new Set;for(let i=0;i<t.length;i+=1){const a=t[i],s=W(a);if(void 0===s){n.push({kind:"insert",index:i,value:a});continue}const l=o.get(s);if(void 0===l){n.push({kind:"insert",index:i,value:a});continue}r.add(l);const u=e[l];P(u)===P(a)?(l!==i&&n.push({kind:"move",from:l,to:i,value:a}),O(u,a)||n.push({kind:"update",index:i,value:a})):n.push({kind:"replace",index:i,oldValue:u,value:a})}for(let t=0;t<e.length;t+=1)r.has(t)||n.push({kind:"remove",index:t,value:e[t]});return n}(e,t):function(e,t){const n=[],o=Math.min(e.length,t.length);for(let r=0;r<o;r+=1)O(e[r],t[r])||n.push({kind:"update",index:r,value:t[r]});if(t.length>e.length)for(let o=e.length;o<t.length;o+=1)n.push({kind:"insert",index:o,value:t[o]});if(e.length>t.length)for(let o=t.length;o<e.length;o+=1)n.push({kind:"remove",index:o,value:e[o]});return n}(e,t)}function O(e,t){if(Object.is(e,t))return!0;if("object"!=typeof e||"object"!=typeof t||null===e||null===t)return!1;const n=e,o=t,r=Object.keys(n),i=Object.keys(o);if(r.length!==i.length)return!1;for(const e of r)if(!Object.is(n[e],o[e]))return!1;return!0}var $="data-payload-island",H="data-payload-owned";function U(e){if(e.tagName.toLowerCase().includes("-")&&!e.hasAttribute("data-payload-morph"))return!0;if(function(e){return function(e){return"astro-island"===e.tagName.toLowerCase()||e.hasAttribute($)}(e)&&!("patch"===e.getAttribute($))}(e)||e.hasAttribute(H))return!0;const t=e.getAttribute("contenteditable");return null!==t&&"false"!==t}var R=["component-url","component-export","renderer-url","client","opts","before-hydration-url"],B=/* @__PURE__ */new WeakMap;function q(e){return"astro-island"===e.tagName.toLowerCase()}function V(e){let t="";for(const n of e.querySelectorAll("astro-slot, template[data-astro-template]"))n.parentElement?.closest("astro-island")===e&&(t+=`${n.getAttribute("name")??n.getAttribute("data-astro-template")??""}\0${n.innerHTML}\0`);return t}function F(e,t){if(!q(e)||!q(t))return!0;const n=V(t);if(!R.every(n=>e.getAttribute(n)===t.getAttribute(n))||(B.get(e)??V(e))!==n||e.getAttribute("props")!==t.getAttribute("props")&&!function(e){const t=e.ownerDocument.defaultView?.customElements.get("astro-island");return void 0!==t&&e instanceof t&&Array.isArray(t.observedAttributes)&&t.observedAttributes.includes("props")}(e))return B.set(t,n),!1;B.set(e,n);const o=t.getAttribute("props");return o!==e.getAttribute("props")&&(e.setAttribute("ssr",""),null===o?e.removeAttribute("props"):e.setAttribute("props",o)),!0}var K=/* @__PURE__ */new Set(["open","value","checked","selected"]);function G(e,t){for(const n of t.keyAttributes){const t=e.getAttribute(n);if(null!==t&&t.length>0)return`${n}=${t}`}}function J(e,t,n=U){return e.tagName===t.tagName&&e.namespaceURI===t.namespaceURI&&!n(e)&&!n(t)}function X(e,t,n){if(!Y(e,t))return t;const o=n.boundary??U,r=o(e),i=o(t);if(r||i)return r&&i&&(n.retainBoundary?.(e,t)??1)?e:t;const a=ee(e);return function(e,t){for(const n of Array.from(e.attributes))t.hasAttribute(n.name)||K.has(n.name.toLowerCase())||e.removeAttribute(n.name);for(const n of Array.from(t.attributes))e.getAttribute(n.name)!==n.value&&e.setAttribute(n.name,n.value)}(e,t),!0!==n.retainChildrenOf?.(e,t)&&function(e,t,n){const o=function(e,t){const n=/* @__PURE__ */new Map;let o;for(const r of Array.from(e.children)){const e=G(r,t);void 0!==e&&(n.has(e)?o??=e.slice(e.indexOf("=")+1):n.set(e,r))}return void 0!==o&&t.onDuplicateKey?.(e,o),n}(e,n),r=new Set(o.values()),i=Array.from(e.childNodes).filter(e=>!r.has(e)),a=/* @__PURE__ */new Set,s=/* @__PURE__ */new Set,l=Array.from(t.childNodes);let u=e.firstChild,c=0;for(let t=0;t<l.length;t+=1){const r=l[t];let d=null,f=r instanceof Element?G(r,n):void 0;if(void 0!==f&&s.has(f)&&(f=void 0),void 0!==f){s.add(f);const e=o.get(f);if(void 0!==e&&!a.has(e)&&(d=Z(e,r,n)===e?e:null,null===d)){e.replaceWith(r),a.add(r),u=r.nextSibling;continue}}else{for(;c<i.length;){const o=i[c];if(c+=1,!a.has(o)){if(Y(o,r)){d=Z(o,r,n)===o?o:null,null===d&&(e.replaceChild(r,o),a.add(r),u=r.nextSibling);break}if(o instanceof Element){const n=l[t+1];if(!(r instanceof Element)||void 0!==n&&Y(o,n)){c-=1;break}e.replaceChild(r,o),a.add(r),u=r.nextSibling;break}if(!(r instanceof Element)){e.replaceChild(r,o),a.add(r),u=r.nextSibling;break}}}if(null===d&&a.has(r))continue}const p=d??r;for(a.add(p);null!==u&&u!==p&&!a.has(u)&&Q(u);)u=u.nextSibling;p!==u&&e.insertBefore(p,u),u=p.nextSibling}for(const t of Array.from(e.childNodes))a.has(t)||t.remove()}(e,t,n),te(a),e}function Z(e,t,n){return e instanceof Element&&t instanceof Element?X(e,t,n):(e.nodeValue!==t.nodeValue&&(e.nodeValue=t.nodeValue),e)}function Q(e){return e.nodeType===Node.TEXT_NODE&&0===(e.nodeValue??"").trim().length}function Y(e,t){return e.nodeType===t.nodeType&&(!(e instanceof Element&&t instanceof Element)||e.tagName===t.tagName&&e.namespaceURI===t.namespaceURI)}function ee(e){const t=e.ownerDocument.activeElement;return t instanceof HTMLElement&&e.contains(t)?{element:t,selection:t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement?[t.selectionStart,t.selectionEnd]:null}:null}function te(e){if(null===e)return;const{element:t,selection:n}=e;if(t.ownerDocument.activeElement!==t&&t.isConnected)try{t.focus({preventScroll:!0});const[e,o]=n??[null,null];null!==e&&null!==o&&t.setSelectionRange(e,o)}catch{}}var ne=["input","textarea","select","option","button","label","details","summary","dialog","video","audio","progress","meter"],oe=["type","name","placeholder","open","disabled","readonly","required","checked","selected","value","min","max","step","rows","cols","for","controls","muted","loop","poster","src"],re=/<([a-z][a-z0-9]*(?:-[a-z0-9]+)+)\b/gi,ie=/* @__PURE__ */new Map,ae="data-payload-key",se="data-payload-nested-key",le="data-payload-nested-template";function ue(){/* @__PURE__ */
+return new WeakMap}function ce(e){const t=fe(e.container,e.patches,e);return null===t?null:pe(t,e.store,{morph:e.morph??!0,onDuplicateKey:e.onDuplicateKey})}function de(e,t){return t.hasAttribute(se)&&t.hasAttribute(le)}function fe(e,t,n){const o=function(e,t,n){const{template:o,nextItems:r,forceRender:i=!1,store:a,sanitizerPolicy:s}=n,l=a.get(e),u=function(e){const t=e.children,n=t[0];if(void 0===n)return[];const o=[];for(const{name:e,value:r}of Array.from(n.attributes)){if(!C(e)||e.startsWith("data-payload-"))continue;let n=!0;for(let o=1;o<t.length&&n;o+=1)n=t[o]?.getAttribute(e)===r;n&&o.push([e,r])}return o}(e),c=function(e){const t=/* @__PURE__ */new Set;for(const n of e)if("object"==typeof n&&null!==n)for(const e of Object.keys(n))t.add(e);return t}(r),d=Array.from(e.children),f=we(d,ae),p=/* @__PURE__ */new Set,m=[];for(let a=0;a<r.length;a+=1){const h=r[a],y=ge(h);let v=void 0===y?d[a]??null:Ae(f,y)??null;null!==v&&p.has(v)&&(v=null),null!==v&&p.add(v);const b=t.replaces.has(a),g=i||t.renders.has(a)||null===v?Se(e.ownerDocument,o,h,a,s,u,c):void 0;if(null===g)return null;const w=void 0===g?[]:me(b?null:v,g,h,void 0===y?void 0:l?.get(y),n);if(null===w)return null;m.push([a,v,g,w,b])}return m}(e,function(e){const t=/* @__PURE__ */new Set,n=/* @__PURE__ */new Set;for(const o of e)"insert"===o.kind||"update"===o.kind?t.add(o.index):"replace"===o.kind&&(t.add(o.index),n.add(o.index));return{renders:t,replaces:n}}(t),n);return null===o?null:[e,o,n.nextItems]}function pe(e,t,n){const[o,r,i]=e,a=/* @__PURE__ */new Set;let s=!1;const l=ee(o);for(const[e,i,l,u,c]of r){let r=i;if(void 0!==l){const e=!(!n.morph||c||null===i)&&X(i,l,{keyAttributes:[ae,se],boundary:U,retainBoundary:F,retainChildrenOf:de,...void 0!==n.onDuplicateKey?{onDuplicateKey:n.onDuplicateKey}:{}})===i;if(!e)for(const[e,t]of u)null!==e&&(ye(e,t),t.replaceWith(e));for(const[,,e]of u)void 0!==e&&pe(e,t,n);e?s=!0:(null!==i&&(i.replaceWith(l),s=!0),r=l)}if(null===r)continue;const d=o.children[e]??null;r!==d&&(o.insertBefore(r,d),s=!0),a.add(r)}for(const e of Array.from(o.children))a.has(e)||(e.remove(),s=!0);te(l);const u=function(e,t){let n=t.get(e);return n||(n=/* @__PURE__ */new Map,t.set(e,n)),n}(o,t);u.clear();for(const e of i)be(u,e);return s}function me(e,t,n,o,r){const i=we(null===e?[]:he(e),se),a=[];for(const e of he(t)){const t=e.getAttribute(se);if(null===t)continue;const s=Ae(i,t)??null,l=e.getAttribute(le),u=l?s:null,c=u?.getAttribute(le)??null;let d;if(l){const i=ve(n,t);if(void 0!==i||null!==u){const n=i??[],a=I(null===u?[]:ve(o,t)??[],n),s=null!==u&&c!==l;if((a.length>0||s)&&(d=fe(u??e,a,{template:l,nextItems:n,forceRender:s,store:r.store,sanitizerPolicy:r.sanitizerPolicy})??void 0,void 0===d))return null}}a.push([u,e,d])}return a}function he(e){return Array.from(e.querySelectorAll(`[${se}]`)).filter(t=>{let n=t.parentElement;for(;null!==n&&n!==e;){if(n.hasAttribute(se))return!1;n=n.parentElement}return n===e})}function ye(e,t){for(const n of Array.from(e.attributes))t.hasAttribute(n.name)||e.removeAttribute(n.name);for(const n of Array.from(t.attributes))e.getAttribute(n.name)!==n.value&&e.setAttribute(n.name,n.value)}function ve(e,t){if("object"!=typeof e||null===e)return;const n=e[t];return Array.isArray(n)?n:void 0}function be(e,t){const n=ge(t);void 0!==n&&e.set(n,t)}function ge(e){if("object"!=typeof e||null===e)return;const t=e.id;return"string"==typeof t||"number"==typeof t?String(t):void 0}function we(e,t){const n=/* @__PURE__ */new Map;for(let o=e.length-1;o>=0;o-=1){const r=e[o];if(void 0===r)continue;const i=r.getAttribute(t);if(null===i)continue;const a=n.get(i);void 0===a?n.set(i,[r]):a.push(r)}return n}function Ae(e,t){return e.get(t)?.pop()}function Se(e,t,n,o,r,a,s){const l=L(function(e,t,n,o,r){const i="object"==typeof t&&null!==t?t:null;return e.replace(z,(e,a)=>null!==i&&function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}(i,a)?escapeHtml(o(Reflect.get(i,a))):null===i&&"value"===a?escapeHtml(o(t)):"index"===a?String(n):null!==i&&!0===r?.has(a)?"":e)}(t,n,o,j,s),r,function(e){const t=function(e,t){const n=e.get(t);return void 0!==n&&(e.delete(t),e.set(t,n)),n}(ie,e);if(void 0!==t)return t;const n=new Set(ne);for(const t of e.matchAll(re)){const e=t[1]?.toLowerCase();void 0!==e&&n.add(e)}const o={};for(const e of n)o[e]=oe;return i=e,a={additionalAllowedTags:[...n],additionalAllowedAttributes:o,allowFormControls:!0,templateMode:!0},(r=ie).set(i,a),function(e){for(const t of e.keys()){if(e.size<=64)break;e.delete(t)}}(r),a;var r,i,a}(t)),u=e.createElement("template");u.innerHTML=i(l);const c=u.content.firstElementChild;if(!c)return null;!function(e,t){for(const[n,o]of t)e.hasAttribute(n)||e.setAttribute(n,o)}(c,a);const d=ge(n);return void 0!==d&&c.setAttribute(ae,d),c}function ke(){const e=/* @__PURE__ */new WeakMap,n=/* @__PURE__ */new WeakSet,r=/* @__PURE__ */new WeakMap,i=ue();return{name:"structural-array",render:/* @__PURE__ */o((o,a,s)=>{const l=function(e){return null==e||""===e}(a)?[]:a;if(!Array.isArray(l))return!1;const u=o.element,c=o.arrayTemplate;if(void 0===c||0===c.length)return function(e,n,o){e.has(n)||(e.add(n),t(`[live-preview] LP0403: Skipping structural update for "${o}": <${n.tagName.toLowerCase()} data-payload-structural> needs data-payload-array-template (for example "<li>{{label}}</li>").`))}(n,u,o.fieldName),!1;const d=e.get(u),f=xe(u),p=I(d?.values??f.map((e,t)=>null===e?{__payloadDomPosition:t}:{id:e}),l),m=function(e,t,n){return void 0===e||e.template!==t||!function(e,t){return e.length===t.length&&e.every((e,n)=>e===t[n])}(e.domSnapshot,n)}(d,c,f);if(0===p.length&&!m)return e.set(u,{values:l.slice(),template:c,domSnapshot:f}),!1;!function(e,t,n,o,r){const i=r.map(Le),a=/* @__PURE__ */new Set,s=i.find(e=>!(void 0===e||!a.has(e)&&(a.add(e),1)));if(void 0!==s&&Ee(e,t,n,s),i.some(e=>void 0===e)&&Me(e,t,"LP0404",`LP0404: an item of "${n}" has no id and pairs by position, so an insert re-renders every row after it. Give items a stable id.`),o?.length===r.length&&r.length>1){const r=new Set(o.map(Le).filter(e=>void 0!==e)),a=i.some(e=>void 0!==e&&r.has(e));r.size>0&&!a&&Me(e,t,"LP0406",`LP0406: every key of "${n}" changed at once; the source generates ids per message, so no item can be retained across updates.`)}}(r,u,o.fieldName,d?.values,l);const h=ce({template:c,container:u,patches:p,nextItems:l,store:i,forceRender:m,sanitizerPolicy:s.sanitizerPolicy,onDuplicateKey:(e,t)=>{Ee(r,e,o.fieldName,t)}});return null!==h&&(e.set(u,{values:l.slice(),template:c,domSnapshot:xe(u)}),!!h&&void 0)})}}function xe(e){return Array.from(e.children,e=>e.getAttribute(ae))}function Le(e){if("object"!=typeof e||null===e)return;const t=e.id;return"string"==typeof t||"number"==typeof t?String(t):void 0}function Ee(e,t,n,o){Me(e,t,"LP0405",`LP0405: two items of "${n}" share the key "${o}"; later ones pair by position. Make \`id\` unique per item.`)}function Me(e,n,o,r){let i=e.get(n);void 0===i&&(i=/* @__PURE__ */new Set,e.set(n,i)),i.has(o)||(i.add(o),t(`[live-preview] ${r}`))}function Te(e){if(null==e)return[];const t=/* @__PURE__ */new Set,n=[];for(const o of e.split(/[\s,]+/)){const e=o.trim();0===e.length||t.has(e)||(t.add(e),n.push(e))}return n}function Ne(...e){const t=/* @__PURE__ */new Map;for(const n of e)for(const[e,o]of Object.entries(n)){let n=t.get(e);void 0===n&&(n=/* @__PURE__ */new Set,t.set(e,n));for(const e of o)n.add(e)}const n={};for(const[e,o]of t)n[e]=[...o];return n}function De(e,t){const n={};for(const o of t)o!==e&&(n[o]=[e]);return n}export{$ as ISLAND_ATTRIBUTE,ae as KEY_ATTRIBUTE,H as OWNED_ATTRIBUTE,ce as applyStructuralPatches,ke as createStructuralArrayRenderer,ue as createStructuralStore,De as dependencyMapFromBinding,U as isMorphBoundary,J as isMorphCompatible,Ne as mergeDependencyMaps,X as morphElement,Te as parseDependencyList,F as retainIslandBoundary};
 //# sourceMappingURL=structural.js.map