@panphora/hyper-cms 0.4.0 → 0.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/hypercms.min.js +8 -8
- package/package.json +8 -2
- package/src/hypercms.js +73 -0
- package/src/morph.js +2 -2
- package/src/refresh.js +2 -2
- package/src/shell.js +23 -0
package/dist/hypercms.min.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var hypercms=(()=>{var _e=Object.defineProperty;var pr=Object.getOwnPropertyDescriptor;var yr=Object.getOwnPropertyNames;var gr=Object.prototype.hasOwnProperty;var Pe=(e,t)=>{for(var r in t)_e(e,r,{get:t[r],enumerable:!0})},br=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of yr(t))!gr.call(e,o)&&o!==r&&_e(e,o,{get:()=>t[o],enumerable:!(n=pr(t,o))||n.enumerable});return e};var Sr=e=>br(_e({},"__esModule",{value:!0}),e);var to={};Pe(to,{cms:()=>Qn,default:()=>eo});var Se=["textContent","innerText","innerHTML","outerHTML","value","checked","selected","disabled","readOnly","type","tagName","nodeName","nodeType","nodeValue","childElementCount","id","className","classList","baseURI","offsetWidth","offsetHeight","clientWidth","clientHeight","scrollWidth","scrollHeight","dataset","currentSrc","duration","paused","title","documentURI","contentType"],De=new Set(Se),xt=new Set(["textContent","innerText","innerHTML","value","checked","selected","disabled","readOnly","type","id","className","title"]),Et=new Set(["tagName","nodeName","nodeType","nodeValue","childElementCount","classList","baseURI","documentURI","contentType","offsetWidth","offsetHeight","clientWidth","clientHeight","scrollWidth","scrollHeight","currentSrc","duration","paused","dataset"]);var ve={};Pe(ve,{EmptyListInsert:()=>le,MAX_RULE_DEPTH:()=>ee,MaxRuleDepthExceeded:()=>z,RuleTargetReadOnly:()=>ue,RulesParseError:()=>Q,ShapeMismatch:()=>ce,UnknownRulesVersion:()=>ae,UpgradeAlreadyRegistered:()=>Ae});var Q=class extends Error{constructor(t,r){super(t),this.name="RulesParseError",this.cause=r}},ae=class extends Error{constructor(t){super(`unknown rules version: ${t}. Library supports "1".`),this.name="UnknownRulesVersion",this.version=t}},ee=20,z=class extends Error{constructor(t){super(`rule depth exceeded ${ee} at path: ${t.join(".")}`),this.name="MaxRuleDepthExceeded",this.path=t}},ce=class extends Error{constructor(t){super(`shape mismatch: ${t.length} field(s) failed validation`),this.name="ShapeMismatch",this.mismatches=t}},le=class extends Error{constructor(t){super(`cannot add items to empty list at "${t.join(".")}" \u2014 no sibling to clone as template. Seed the list with a hidden item first.`),this.name="EmptyListInsert",this.path=t}},ue=class extends Error{constructor(t){super(`cannot write to read-only DOM property "${t}"`),this.name="RuleTargetReadOnly",this.target=t}},Ae=class extends Error{constructor(){super("upgrade transform already registered; only one registration is allowed per page."),this.name="UpgradeAlreadyRegistered"}};function B(e,t,r,n={}){return Ue(e,t,r,{depth:0,path:[]},n)}function Ue(e,t,r,n,o){if(n.depth>ee)throw new z(n.path);if(typeof r=="string")return Ar(e,t,r,o);if(Array.isArray(r)){let[s,a]=r;return e.find(t,s,o).map((c,u)=>Ue(e,c,a,{depth:n.depth+1,path:[...n.path,u]},o))}if(typeof r=="object"&&r!==null){let s={};for(let[a,i]of Object.entries(r))s[a]=Ue(e,t,i,{depth:n.depth+1,path:[...n.path,a]},o);return s}return null}function Ar(e,t,r,n){if(r.endsWith("[]")){let s=r.slice(0,-2);return e.find(t,s,n).map(a=>e.text(a))}if(r.startsWith("@"))return wt(e,t,r.slice(1));if(r.includes("@")){let s=r.lastIndexOf("@"),a=r.slice(0,s),i=r.slice(s+1),c=a?e.find(t,a,n):[t];return c.length===0?null:wt(e,c[0],i)}if(r===".")return e.text(t);let o=e.find(t,r,n);return o.length===0?null:e.text(o[0])}function wt(e,t,r){if(De.has(r)){let o=e.prop(t,r);return o==null?null:String(o)}let n=e.attr(t,r);return n||null}var vr=.5;function Be(e,t,r,n,o,s,a,i={}){let c=e.find(t,r,i);if(o.length===0){c.forEach(M=>e.remove(M));return}let u=o.length>c.length,d=c[0]||null;if(u&&!d&&(d=Tr(e,t,r,i),!d))throw new le(s.path);let p=c.map(M=>xr(e,M,n,i)),y=null;if(d){y=e.clone(d),i.templateAttr&&e.removeAttr(y,i.templateAttr);let M=e.stripIds(y);M>0&&console.warn(`[hyper-html-api] stripped ${M} id attribute(s) from cloned template at "${s.path.join(".")||"(root)"}"`)}let w=Er(o,p,n),E=c[0]||d,j=e.parent(E),b=c.length>0?Mr(e,j,E):0,k=new Set,T=o.map((M,R)=>{let x=w[R];if(x>=0)return k.add(x),c[x];let m=e.clone(y);return e.stripIds(m),m});c.forEach((M,R)=>{k.has(R)||e.remove(M)}),T.forEach((M,R)=>{let x=b+R;e.children(j).findIndex(l=>e.sameNode(l,M))!==x&&e.insertAt(j,M,x)}),T.forEach((M,R)=>{if(n===null){let x=o[R],m=x==null?"":String(x);e.text(M)!==m&&e.text(M,m)}else{let x=a(e,M,n,o[R],{depth:s.depth+1,path:[...s.path,R]},i);x&&x!==M&&(T[R]=x)}})}function xr(e,t,r,n){return r===null?e.text(t):B(e,t,r,n)}function Er(e,t,r){let n=new Array(e.length).fill(-1),o=new Set;return e.forEach((s,a)=>{let i=-1,c=-1;t.forEach((u,d)=>{if(o.has(d))return;let p=wr(s,u,r),y=p===c&&i>=0?Math.abs(d-a)<Math.abs(i-a):!1;(p>c||y)&&(c=p,i=d)}),c>=vr&&(n[a]=i,o.add(i))}),n}function wr(e,t,r){if(r===null)return e===t?1:0;let n=Object.keys(r||{});if(n.length===0)return 0;let o=0;for(let s of n)JSON.stringify(e?.[s])===JSON.stringify(t?.[s])&&o++;return o/n.length}function Mr(e,t,r){let n=e.children(t);for(let o=0;o<n.length;o++)if(e.sameNode(n[o],r))return o;return-1}function Tr(e,t,r,n){if(!n.templateAttr)return null;let o=t;for(;o;){let s=e.find(o,r,{includeRulesTag:!1});for(let a of s)if(e.attr(a,n.templateAttr)!=null)return a;o=e.parent(o)}return null}var Mt=new Set(["checked","selected","disabled","readOnly","paused"]);function G(e,t,r,n,o={}){let s=[];if(We(r,n,[],s),s.length)throw new ce(s);xe(e,t,r,n,{depth:0,path:[]},o)}function xe(e,t,r,n,o,s={}){if(o.depth>ee)throw new z(o.path);if(n===void 0)return t;if(typeof r=="string")return Rr(e,t,r,n,o,s);if(Array.isArray(r)){let[a,i]=r;return Be(e,t,a,i,n,o,xe,s),t}if(typeof r=="object"&&r!==null){for(let[a,i]of Object.entries(r)){let c=xe(e,t,i,n==null?n:n[a],{depth:o.depth+1,path:[...o.path,a]},s);c&&c!==t&&(t=c)}return t}return t}function Rr(e,t,r,n,o,s){if(r.endsWith("[]")){let i=r.slice(0,-2);return Be(e,t,i,null,n,o,xe,s),t}if(r.startsWith("@"))return Tt(e,t,r.slice(1),n);if(r.includes("@")){let i=r.lastIndexOf("@"),c=r.slice(0,i),u=r.slice(i+1),d=c?e.find(t,c,s):[t];return d.length===0||Tt(e,d[0],u,n),t}if(r===".")return e.text(t,n==null?"":String(n)),t;let a=e.find(t,r,s);return a.length===0||e.text(a[0],n==null?"":String(n)),t}function Tt(e,t,r,n){if(Et.has(r))throw new ue(r);if(r==="outerHTML"){let o=n==null?"":String(n);return e.replaceWith(t,o)}return xt.has(r)?(e.prop(t,r,Cr(r,n)),t):(e.attr(t,r,n==null?"":String(n)),t)}function Cr(e,t){return t==null?Mt.has(e)?!1:"":Mt.has(e)?!!t:t}function We(e,t,r,n){if(t!==void 0){if(typeof e=="string"){if(e.endsWith("[]")){Array.isArray(t)?t.forEach((o,s)=>{typeof o=="object"&&o!==null&&n.push({path:fe([...r,s]),expected:"scalar",got:de(o)})}):n.push({path:fe(r),expected:"array",got:de(t)});return}t!==null&&typeof t=="object"&&n.push({path:fe(r),expected:"scalar",got:de(t)});return}if(Array.isArray(e)){if(!Array.isArray(t)){n.push({path:fe(r),expected:"array",got:de(t)});return}let o=e[1];t.forEach((s,a)=>We(o,s,[...r,a],n));return}if(typeof e=="object"&&e!==null){if(t===null||Array.isArray(t)||typeof t!="object"){n.push({path:fe(r),expected:"object",got:de(t)});return}for(let[o,s]of Object.entries(e))We(s,t[o],[...r,o],n)}}}function de(e){return e===null?"null":Array.isArray(e)?"array":typeof e}function fe(e){return e.join(".")}function Ve(e){try{return JSON.parse(e)}catch(t){throw new Q(`Invalid strict JSON: ${t.message}`,t)}}function he(e){try{return JSON.parse(e)}catch{}let t={BRACE_OPEN:"{",BRACE_CLOSE:"}",BRACKET_OPEN:"[",BRACKET_CLOSE:"]",COLON:":",COMMA:",",STRING:"STRING",SELECTOR:"SELECTOR",IDENTIFIER:"IDENTIFIER",NUMBER:"NUMBER",BOOLEAN:"BOOLEAN"};function r(o){let s=[],a=0;for(;a<o.length;){let i=o[a];if(/\s/.test(i)){a++;continue}if("{}".includes(i)){s.push({type:i,value:i}),a++;continue}if(i==="["){let p=!1,y=a+1;for(;y<o.length&&/\s/.test(o[y]);)y++;if(y<o.length&&/[a-zA-Z_]/.test(o[y])&&(p=!0),!p){s.push({type:i,value:i}),a++;continue}}if(i==="]"){s.push({type:i,value:i}),a++;continue}if(i===":"){s.push({type:t.COLON,value:i}),a++;continue}if(i===","){s.push({type:t.COMMA,value:i}),a++;continue}if(i==='"'||i==="'"){let p=i,y=a+1;for(;y<o.length&&o[y]!==p;)o[y]==="\\"&&y++,y++;s.push({type:t.STRING,value:o.substring(a+1,y),quoted:!0,sourceQuote:p}),a=y+1;continue}let c=a,u;for(;c<o.length&&!/[{},]/.test(o[c]);)if(o[c]===":"){let p=[":first",":last",":nth-child",":nth-of-type",":first-child",":last-child",":first-of-type",":last-of-type",":only-child",":only-of-type",":hover",":focus",":active",":visited",":disabled",":enabled",":checked",":empty",":root",":target",":not",":before",":after",":nth-last-child",":nth-last-of-type"],y=!1;for(let w of p){let E=w.substring(1);if(o.substring(c+1,c+1+E.length)===E){y=!0,c+=E.length;break}}if(!y)break}else if(o[c]==="["){for(c++;c<o.length&&o[c]!=="]";){if(o[c]==='"'||o[c]==="'"){let p=o[c];for(c++;c<o.length&&o[c]!==p;)o[c]==="\\"&&c++,c++}c++}c<o.length&&o[c]==="]"&&c++}else c++;u=o.substring(a,c);let d=t.IDENTIFIER;/^-?\d+(\.\d+)?$/.test(u)?d=t.NUMBER:u==="true"||u==="false"||u==="null"?d=t.BOOLEAN:/^[.#@\[]|[.#@\[]| /.test(u)&&(d=t.SELECTOR),s.push({type:d,value:u,quoted:!1}),a=c}return s}function n(o){let s="";for(let a=0;a<o.length;a++){let i=o[a];if("{}".includes(i.type)||"[]".includes(i.type)){s+=i.value;continue}if(i.type===t.COLON){s+=i.value;continue}if(i.type===t.COMMA){let c=o[a+1];if(c&&(c.type==="}"||c.type==="]"))continue;s+=i.value;continue}if(i.type===t.STRING&&i.quoted){let c=i.value;i.sourceQuote==="'"&&(c=c.replace(/\\'/g,"'"),c=c.replace(/(\\*)"/g,(u,d)=>d.length%2===0?d+'\\"':u)),s+=`"${c}"`;continue}if(i.type===t.NUMBER||i.type===t.BOOLEAN){s+=i.value;continue}if(i.type===t.SELECTOR||i.type===t.IDENTIFIER){s+=`"${i.value}"`;continue}s+=`"${i.value}"`}return s}try{let o=r(e),s=n(o);return JSON.parse(s)}catch(o){throw new Q("Invalid extraction rules syntax: "+o.message,o)}}var kr="1",Rt=/^[a-zA-Z0-9_-]+$/;function Y(e,t,r){let n;if(r===void 0)n="script[data-rules-name]";else{if(typeof r!="string"||!Rt.test(r))throw new Error(`hyper-html-api: invalid rules token ${JSON.stringify(r)} (must match ${Rt})`);n=`script[data-rules-name~="${r}"]`}let o=e.find(t,n,{includeRulesTag:!0});if(o.length===0)return null;r!==void 0&&o.length>1&&console.warn(`hyper-html-api: ${o.length} rules tags match data-rules-name~="${r}"; using the first.`);let s=o[0],a=e.attr(s,"data-rules-version");if(a!==kr)throw new ae(a);return{rules:he(e.text(s)),tagNode:s}}function Ke(e,t,r){if(r&&typeof r=="object")return{rules:r,tagNode:null};if(typeof r=="string"){let n=t&&t.ownerDocument?t.ownerDocument:t;return Y(e,n,r)}return null}function Ct(e,t,r,n){let o=Ke(e,t,r);if(!o){let i=typeof r=="string"?`data-rules-name~="${r}"`:"the provided rules object";throw new Error(`hyper-html-api: could not resolve rules for ${i}`)}let{rules:s,tagNode:a}=o;return{rules:s,tagNode:a,get:()=>B(e,t,s,n),set:i=>G(e,t,s,i,n)}}var jt={includeClasses:!0,includeAttributes:["href","src","name","type","role","aria-label","alt","title"],excludeAttributePrefixes:["data-morph-","data-hyper-","data-im-"],textHintLength:64,excludeIds:!0,maxPathDepth:4,landmarks:["HEADER","NAV","MAIN","ASIDE","FOOTER","SECTION","ARTICLE"],weights:{signature:100,pathSegment:10,textMatch:20,textMismatch:25,uniqueCandidate:50,positionPenalty:1,slotMatch:30},minConfidence:101};function Ir(e){let t=5381;for(let r=0;r<e.length;r++)t=(t<<5)+t^e.charCodeAt(r);return Math.abs(t).toString(36)}function Nr(e){if(e.classList&&e.classList.length>0)return Array.from(e.classList).sort().join(" ");let t=e.getAttribute?.("class");return t?t.split(/\s+/).filter(Boolean).sort().join(" "):""}function Lr(e,t){let r=[];for(let n of e.attributes||[]){let o=n.name;o==="id"||o==="class"||t.excludeAttributePrefixes.some(s=>o.startsWith(s))||t.includeAttributes.includes(o)&&r.push(`${o}=${n.value}`)}return r.sort().join("|")}function $r(e,t){return(e.textContent||"").replace(/\s+/g," ").trim().slice(0,t.textHintLength)}function Hr(e,t){let r=[e.tagName];return t.includeClasses&&r.push(Nr(e)),r.push(Lr(e,t)),Ir(r.join("|"))}function Fr(e){let t=e.tagName,r=1,n=e.previousElementSibling;for(;n;)n.tagName===t&&r++,n=n.previousElementSibling;return r}function qr(e,t){return e.id||e.getAttribute?.("role")?!0:t.landmarks.includes(e.tagName)}function _r(e){if(e.id)return`#${e.id}`;let t=e.getAttribute?.("role");return t?`@${t}`:e.tagName}function Pr(e,t){let r=[],n=e;for(;n&&n.tagName&&r.length<t.maxPathDepth;){let o=`${n.tagName}:${Fr(n)}`;if(r.unshift(o),n!==e&&qr(n,t)){r.unshift(_r(n));break}n=n.parentElement}return r}function Dr(e,t){let r=0,n=e.length-1,o=t.length-1;for(;n>=0&&o>=0&&e[n]===t[o];)r++,n--,o--;return r}function P(e,t,r){if(r.has(e))return r.get(e);let n={signature:Hr(e,t),path:Pr(e,t),textHint:$r(e,t)};return r.set(e,n),n}function $t(e,t,r,n){if(n.has(e))return n.get(e);let o=new Map,s=e.querySelectorAll("*"),a=0;for(let i of s){let c=P(i,t,r);c.domIndex=a++,o.has(c.signature)||o.set(c.signature,[]),o.get(c.signature).push(i)}return n.set(e,o),o}function Ur(e,t,r){r.delete(e),t.delete(e);let n=e.querySelectorAll("*");for(let o of n)t.delete(o)}function ze(e,t,r,n,o){let s=P(e,r,n),a=P(t,r,n),i=r.weights,c={},u=0;if(s.signature!==a.signature)return{score:0,breakdown:{rejected:"signature mismatch"}};u+=i.signature,c.signature=i.signature;let p=Dr(s.path,a.path)*i.pathSegment;u+=p,c.path=p;let y=!0;if(s.textHint&&a.textHint?s.textHint===a.textHint?(u+=i.textMatch,c.text=i.textMatch):(u-=i.textMismatch,c.text=-i.textMismatch,y=!1):s.textHint!==a.textHint&&(u-=i.textMismatch,c.text=-i.textMismatch,y=!1),o.candidateCount===1&&y&&(u+=i.uniqueCandidate,c.unique=i.uniqueCandidate),typeof s.domIndex=="number"&&typeof a.domIndex=="number"){let w=Math.abs(s.domIndex-a.domIndex),E=Math.min(w*i.positionPenalty,20);u-=E,c.drift=-E}return{score:u,breakdown:c}}function It(e,t,r,n,o){if(r.excludeIds&&e.id)return null;let s=$t(t,r,n,o),a=P(e,r,n);if(typeof a.domIndex!="number"){let y=0,w=e.previousElementSibling;for(;w;)y++,w=w.previousElementSibling;a.domIndex=y}let i=s.get(a.signature)||[],c=r.excludeIds?i.filter(y=>!y.id):i;if(c.length===0)return null;let u=null,d=0,p=null;for(let y of c){let{score:w,breakdown:E}=ze(e,y,r,n,{candidateCount:c.length});w>d&&(d=w,u=y,p=E)}return d<r.minConfidence?null:{element:u,confidence:d,breakdown:p}}function Br(e,t,r,n){let o=[],s=r.weights.signature+r.weights.slotMatch,a={slot:s};function i(p){if(p.children)return p.children;let y=p.childNodes;if(!y)return[];let w=[];for(let E=0;E<y.length;E++)y[E].nodeType===1&&w.push(y[E]);return w}function c(p,y){let w=i(p),E=i(y);if(w.length===E.length)for(let j=0;j<w.length;j++){let b=w[j],k=E[j];if(r.excludeIds&&(b.id||k.id)||b.tagName!==k.tagName)continue;let T=P(b,r,n).signature,M=P(k,r,n).signature;T!==M&&o.push({newEl:b,oldEl:k,score:s,breakdown:a}),c(b,k)}}function u(p,y){for(;;){if(p.tagName===y.tagName)return[p,y];let w=i(p);if(!p.tagName&&w.length===1){p=w[0];continue}let E=i(y);if(E.length===1&&E[0].tagName===p.tagName){y=E[0];continue}return null}}let d=u(e,t);return d&&c(d[0],d[1]),o}function Nt(e,t,r,n,o){let s=t.querySelectorAll("*"),a=$t(e,r,n,o),i=0;for(let p of s){let y=P(p,r,n);y.domIndex=i++}let c=[];for(let p of s){if(r.excludeIds&&p.id)continue;let y=P(p,r,n),w=a.get(y.signature)||[],E=r.excludeIds?w.filter(j=>!j.id):w;for(let j of E){let{score:b,breakdown:k}=ze(p,j,r,n,{candidateCount:E.length});b>=r.minConfidence&&c.push({newEl:p,oldEl:j,score:b,breakdown:k})}}if(r.weights.slotMatch>0){let p=Br(t,e,r,n);for(let y of p)c.push(y)}c.sort((p,y)=>y.score-p.score);let u=new Map,d=new Set;for(let{newEl:p,oldEl:y}of c)u.has(p)||d.has(y)||(u.set(p,y),d.add(y));return u}function Lt(e,t,r,n){let o=P(e,r,n),s=P(t,r,n),{score:a,breakdown:i}=ze(e,t,r,n,{candidateCount:1});return{matches:a>=r.minConfidence,score:a,breakdown:i,newMeta:{signature:o.signature,path:o.path,textHint:o.textHint},oldMeta:{signature:s.signature,path:s.path,textHint:s.textHint}}}function Ht(e={}){let t={...jt,...e,weights:{...jt.weights,...e.weights}},r=new WeakMap,n=new WeakMap;return{findMatch:(o,s)=>It(o,s,t,r,n),computeMatches:(o,s)=>Nt(o,s,t,r,n),explain:(o,s)=>Lt(o,s,t,r),invalidate:o=>Ur(o,r,n),session:()=>{let o=new WeakMap,s=new WeakMap;return{findMatch:(a,i)=>It(a,i,t,o,s),computeMatches:(a,i)=>Nt(a,i,t,o,s),explain:(a,i)=>Lt(a,i,t,o)}},getConfig:()=>({...t})}}var Wr=Ht(),Ge=(function(){"use strict";let e=()=>{};function t(b){if(!(b instanceof Element))return!1;if(b.hasAttribute("save-ignore"))return!0;if(b.tagName==="LINK"||b.tagName==="SCRIPT"){let k=b.getAttribute("src")||b.getAttribute("href")||"";if(k.startsWith("chrome-extension://")||k.startsWith("moz-extension://")||k.startsWith("safari-web-extension://"))return!0}return!1}function r(b,k){if(k!=="smart")return b.outerHTML;let T=b.getAttribute("src"),M=b.getAttribute("type")||"text/javascript";if(T)try{let R=new URL(T,window.location.href);return`ext:${M}:${R.origin}${R.pathname}${R.search}`}catch{return`ext:${M}:${T}`}else{let R=b.textContent.trim(),x=5381;for(let m=0;m<R.length;m++)x=(x<<5)+x^R.charCodeAt(m);return`inline:${M}:${Math.abs(x).toString(36)}`}}let n={morphStyle:"outerHTML",callbacks:{beforeNodeAdded:e,afterNodeAdded:e,beforeNodeMorphed:e,afterNodeMorphed:e,beforeNodeRemoved:e,afterNodeRemoved:e,beforeAttributeUpdated:e},head:{style:"merge",shouldPreserve:b=>b.getAttribute("im-preserve")==="true",shouldReAppend:b=>b.getAttribute("im-re-append")==="true",shouldRemove:e,afterHeadMorphed:e},scripts:{handle:!1,matchMode:"outerHTML",shouldPreserve:b=>b.getAttribute("im-preserve")==="true",shouldReAppend:b=>b.getAttribute("im-re-append")==="true",shouldRemove:e,afterScriptsHandled:e},restoreFocus:!0},o={computeMatches(b,k){let{computeMatches:T}=Wr.session();return T(b,k)}};function s(b,k,T={}){b=E(b);let M=j(k),R=w(b,M,T),x=R.scripts.matchMode,m=new Set(Array.from(b.querySelectorAll("script")).map(f=>r(f,x))),A=i(R,()=>d(R,b,M,f=>f.morphStyle==="innerHTML"?(c(f,b,M),Array.from(b.childNodes)):a(f,b,M)));R.pantry.remove();let l=y(b,m,R);return l.length>0?A instanceof Promise?A.then(f=>Promise.all(l).then(()=>f)):Promise.all(l).then(()=>A):A}function a(b,k,T){let M=j(k);return c(b,M,T,k,k.nextSibling),Array.from(M.childNodes)}function i(b,k){if(!b.config.restoreFocus)return k();let T=document.activeElement;if(!(T instanceof HTMLInputElement||T instanceof HTMLTextAreaElement))return k();let{id:M,selectionStart:R,selectionEnd:x}=T,m=k();return M&&M!==document.activeElement?.getAttribute("id")&&(T=b.target.querySelector(`[id="${M}"]`),T?.focus()),T&&!T.selectionEnd&&x!=null&&T.setSelectionRange(R,x),m}let c=(function(){function b(l,f,g,h=null,S=null){f instanceof HTMLTemplateElement&&g instanceof HTMLTemplateElement&&(f=f.content,g=g.content),h||=f.firstChild;for(let v of g.childNodes){if(t(v))continue;if(h&&h!=S){let O=T(l,v,h,S);if(O){O!==h&&R(l,h,O),u(O,v,l),h=O.nextSibling;continue}}if(v instanceof Element){let O=v.getAttribute("id");if(l.persistentIds.has(O)){let N=x(f,O,h,l);u(N,v,l),h=N.nextSibling;continue}if(!l.idMap.has(v)){let N=l.hyperMatches.get(v);if(N&&!l.idMap.has(N)){A(f,N,h),u(N,v,l),h=N.nextSibling;continue}}}let C=k(f,v,h,l);C&&(h=C.nextSibling)}for(;h&&h!=S;){let v=h;h=h.nextSibling,t(v)||M(l,v)}}function k(l,f,g,h){if(h.callbacks.beforeNodeAdded(f)===!1)return null;if(h.idMap.has(f)){let S=document.createElement(f.tagName);return l.insertBefore(S,g),u(S,f,h),h.callbacks.afterNodeAdded(S),S}else{let S=document.importNode(f,!0);return l.insertBefore(S,g),h.callbacks.afterNodeAdded(S),S}}let T=(function(){function l(h,S,v,C){let O=S instanceof Element&&!h.idMap.has(S)?h.hyperMatches.get(S):null,N=null,F=S.nextSibling,ie=0,L=v;for(;L&&L!=C;){if(g(L,S)){if(f(h,L,S)||L===O&&!h.idMap.has(L))return L;if(N===null){let J=L instanceof Element&&h.hyperMatchedOldElements.has(L);!h.idMap.has(L)&&!J&&(N=L)}}if(N===null&&F&&g(L,F)&&(ie++,F=F.nextSibling,ie>=2&&(N=void 0)),h.activeElementAndParents.includes(L))break;L=L.nextSibling}return N||null}function f(h,S,v){let C=h.idMap.get(S),O=h.idMap.get(v);if(!O||!C)return!1;for(let N of C)if(O.has(N))return!0;return!1}function g(h,S){let v=h,C=S;return v.nodeType===C.nodeType&&v.tagName===C.tagName&&(!v.getAttribute?.("id")||v.getAttribute?.("id")===C.getAttribute?.("id"))}return l})();function M(l,f){let g=f instanceof Element&&l.hyperMatchedOldElements.has(f)&&!l.idMap.has(f);if(l.idMap.has(f)||g)A(l.pantry,f,null);else{if(l.callbacks.beforeNodeRemoved(f)===!1)return;f.parentNode?.removeChild(f),l.callbacks.afterNodeRemoved(f)}}function R(l,f,g){let h=f;for(;h&&h!==g;){let S=h;h=h.nextSibling,t(S)||M(l,S)}return h}function x(l,f,g,h){let S=h.target.getAttribute?.("id")===f&&h.target||h.target.querySelector(`[id="${f}"]`)||h.pantry.querySelector(`[id="${f}"]`);return m(S,h),A(l,S,g),S}function m(l,f){let g=l.getAttribute("id");for(;l=l.parentNode;){let h=f.idMap.get(l);h&&(h.delete(g),h.size||f.idMap.delete(l))}}function A(l,f,g){if(l.moveBefore)try{l.moveBefore(f,g)}catch{l.insertBefore(f,g)}else l.insertBefore(f,g)}return b})(),u=(function(){function b(m,A,l){return l.ignoreActive&&m===document.activeElement?null:(l.callbacks.beforeNodeMorphed(m,A)===!1||(m instanceof HTMLHeadElement&&l.head.ignore||(m instanceof HTMLHeadElement&&l.head.style!=="morph"?p(m,A,l):(k(m,A,l),x(m,l)||c(l,m,A))),l.callbacks.afterNodeMorphed(m,A)),m)}function k(m,A,l){let f=A.nodeType;if(f===1){let g=m,h=A,S=g.attributes,v=h.attributes;for(let C of v)R(C.name,g,"update",l)||g.getAttribute(C.name)!==C.value&&g.setAttribute(C.name,C.value);for(let C=S.length-1;0<=C;C--){let O=S[C];if(O&&!h.hasAttribute(O.name)){if(R(O.name,g,"remove",l))continue;g.removeAttribute(O.name)}}x(g,l)||T(g,h,l)}(f===8||f===3)&&m.nodeValue!==A.nodeValue&&(m.nodeValue=A.nodeValue)}function T(m,A,l){if(m instanceof HTMLInputElement&&A instanceof HTMLInputElement&&A.type!=="file"){let f=A.value,g=m.value;M(m,A,"checked",l),M(m,A,"disabled",l),l.formStateSync==="property"?g!==f&&(R("value",m,"update",l)||(m.value=f)):A.hasAttribute("value")?g!==f&&(R("value",m,"update",l)||(m.setAttribute("value",f),m.value=f)):R("value",m,"remove",l)||(m.value="",m.removeAttribute("value"))}else if(m instanceof HTMLOptionElement&&A instanceof HTMLOptionElement)M(m,A,"selected",l);else if(m instanceof HTMLTextAreaElement&&A instanceof HTMLTextAreaElement){let f=A.value,g=m.value;if(R("value",m,"update",l))return;f!==g&&(m.value=f),m.firstChild&&m.firstChild.nodeValue!==f&&(m.firstChild.nodeValue=f)}}function M(m,A,l,f){let g=A[l],h=m[l];if(g!==h){let S=R(l,m,"update",f);if(S||(m[l]=A[l]),f.formStateSync==="property")return;g?S||m.setAttribute(l,""):R(l,m,"remove",f)||m.removeAttribute(l)}}function R(m,A,l,f){return m==="value"&&f.ignoreActiveValue&&A===document.activeElement?!0:f.callbacks.beforeAttributeUpdated(m,A,l)===!1}function x(m,A){return!!A.ignoreActiveValue&&m===document.activeElement&&m!==document.body}return b})();function d(b,k,T,M){if(b.head.block){let R=k.querySelector("head"),x=T.querySelector("head");if(R&&x){let m=p(R,x,b);return Promise.all(m).then(()=>{let A=Object.assign(b,{head:{block:!1,ignore:!0}});return M(A)})}}return M(b)}function p(b,k,T){let M=[],R=[],x=[],m=[],A=T.scripts.matchMode,l=h=>{if(h.tagName==="SCRIPT")return r(h,A);if(h.tagName==="LINK"&&A==="smart"){let S=h.getAttribute("href");if(S)try{let v=new URL(S,window.location.href);return`link:${h.getAttribute("rel")||""}:${v.origin}${v.pathname}${v.search}`}catch{}}return h.outerHTML},f=new Map;for(let h of k.children)t(h)||f.set(l(h),h);for(let h of b.children){let S=l(h),v=f.has(S),C=T.head.shouldReAppend(h),O=T.head.shouldPreserve(h);v||O?C?R.push(h):(f.delete(S),x.push(h)):T.head.style==="append"?C&&(R.push(h),m.push(h)):T.head.shouldRemove(h)!==!1&&!t(h)&&R.push(h)}m.push(...f.values());let g=[];for(let h of m){let S=document.createRange().createContextualFragment(h.outerHTML).firstChild;if(T.callbacks.beforeNodeAdded(S)!==!1){if("href"in S&&S.href||"src"in S&&S.src){let v,C=new Promise(function(O){v=O});S.addEventListener("load",function(){v()}),g.push(C)}b.appendChild(S),T.callbacks.afterNodeAdded(S),M.push(S)}}for(let h of R)T.callbacks.beforeNodeRemoved(h)!==!1&&(b.removeChild(h),T.callbacks.afterNodeRemoved(h));return T.head.afterHeadMorphed(b,{added:M,kept:x,removed:R}),g}function y(b,k,T){if(!T.scripts.handle)return[];let M=[],R=[],x=[],m=[],A=T.scripts.matchMode,l=Array.from(b.querySelectorAll("script"));for(let g of l){let h=r(g,A),S=k.has(h),v=T.scripts.shouldPreserve(g),C=T.scripts.shouldReAppend(g);S||v?C?(R.push(g),m.push(g)):x.push(g):m.push(g)}for(let g of k){let h=l.some(S=>S.outerHTML===g)}let f=[];for(let g of m){if(T.callbacks.beforeNodeAdded(g)===!1)continue;let h=document.createRange().createContextualFragment(g.outerHTML).firstChild;if(h.src){let S,v=new Promise(function(C){S=C});h.addEventListener("load",function(){S()}),h.addEventListener("error",function(){S()}),f.push(v)}g.replaceWith(h),T.callbacks.afterNodeAdded(h),M.push(h)}return T.scripts.afterScriptsHandled(b,{added:M,kept:x,removed:R}),f}let w=(function(){function b(l,f,g){let{persistentIds:h,idMap:S}=m(l,f),v=o.computeMatches(l,f);if(typeof g.key=="function"){let F=new Map,ie=new Set,L=$=>{let H=g.key($);H!=null&&(F.has(H)?ie.add(H):F.set(H,$))};l instanceof Element&&L(l);for(let $ of l.querySelectorAll("*"))L($);for(let $ of ie)F.delete($);let J=new Map;for(let[$,H]of v)J.set(H,$);let He=f.__hyperMorphRoot||f,be=new Map,At=new Set,vt=$=>{let H=g.key($);H!=null&&(be.has(H)?At.add(H):be.set(H,$))};He instanceof Element&&vt(He);for(let $ of He.querySelectorAll("*"))vt($);for(let $ of At)be.delete($);for(let[$,H]of be){let X=F.get($);if(!X||X.tagName!==H.tagName)continue;let Fe=J.get(X);Fe&&Fe!==H&&v.delete(Fe);let qe=v.get(H);qe&&qe!==X&&J.delete(qe),v.set(H,X),J.set(X,H)}}let C=new Set;for(let F of v.values())C.add(F);let O=k(g),N=O.morphStyle||"outerHTML";if(!["innerHTML","outerHTML"].includes(N))throw`Do not understand how to morph style ${N}`;return{target:l,newContent:f,config:O,morphStyle:N,ignoreActive:O.ignoreActive,ignoreActiveValue:O.ignoreActiveValue,restoreFocus:O.restoreFocus,formStateSync:O.formStateSync||"attribute",idMap:S,persistentIds:h,hyperMatches:v,hyperMatchedOldElements:C,pantry:T(),activeElementAndParents:M(l),callbacks:O.callbacks,head:O.head,scripts:O.scripts}}function k(l){let f=Object.assign({},n);return Object.assign(f,l),f.callbacks=Object.assign({},n.callbacks,l.callbacks),f.head=Object.assign({},n.head,l.head),f.scripts=Object.assign({},n.scripts,l.scripts),f}function T(){let l=document.createElement("div");return l.hidden=!0,document.body.insertAdjacentElement("afterend",l),l}function M(l){let f=[],g=document.activeElement;if(g?.tagName!=="BODY"&&l.contains(g))for(;g&&(f.push(g),g!==l);)g=g.parentElement;return f}function R(l){let f=Array.from(l.querySelectorAll("[id]"));return l.getAttribute?.("id")&&f.push(l),f}function x(l,f,g,h){for(let S of h){let v=S.getAttribute("id");if(f.has(v)){let C=S;for(;C;){let O=l.get(C);if(O==null&&(O=new Set,l.set(C,O)),O.add(v),C===g)break;C=C.parentElement}}}}function m(l,f){let g=R(l),h=R(f),S=A(g,h),v=new Map;x(v,S,l,g);let C=f.__hyperMorphRoot||f;return x(v,S,C,h),{persistentIds:S,idMap:v}}function A(l,f){let g=new Set,h=new Map;for(let{id:v,tagName:C}of l)h.has(v)?g.add(v):h.set(v,C);let S=new Set;for(let{id:v,tagName:C}of f)S.has(v)?g.add(v):h.get(v)===C&&S.add(v);for(let v of g)S.delete(v);return S}return b})(),{normalizeElement:E,normalizeParent:j}=(function(){let b=new WeakSet;function k(x){return x instanceof Document?x.documentElement:x}function T(x){if(x==null)return document.createElement("div");if(typeof x=="string")return T(R(x));if(b.has(x))return x;if(x instanceof Node){if(x.parentNode)return new M(x);{let m=document.createElement("div");return m.append(x),m}}else{let m=document.createElement("div");for(let A of[...x])m.append(A);return m}}class M{constructor(m){this.originalNode=m,this.realParentNode=m.parentNode,this.previousSibling=m.previousSibling,this.nextSibling=m.nextSibling}get childNodes(){let m=[],A=this.previousSibling?this.previousSibling.nextSibling:this.realParentNode.firstChild;for(;A&&A!=this.nextSibling;)m.push(A),A=A.nextSibling;return m}querySelectorAll(m){return this.childNodes.reduce((A,l)=>{if(l instanceof Element){l.matches(m)&&A.push(l);let f=l.querySelectorAll(m);for(let g=0;g<f.length;g++)A.push(f[g])}return A},[])}insertBefore(m,A){return this.realParentNode.insertBefore(m,A)}moveBefore(m,A){return this.realParentNode.moveBefore(m,A)}get __hyperMorphRoot(){return this.originalNode}}function R(x){let m=new DOMParser,A=x.replace(/<svg(\s[^>]*>|>)([\s\S]*?)<\/svg>/gim,"");if(A.match(/<\/html>/)||A.match(/<\/head>/)||A.match(/<\/body>/)){let l=m.parseFromString(x,"text/html");if(A.match(/<\/html>/))return b.add(l),l;{let f=l.firstChild;return f&&b.add(f),f}}else{let f=m.parseFromString("<body><template>"+x+"</template></body>","text/html").body.querySelector("template").content;return b.add(f),f}}return{normalizeElement:k,normalizeParent:T}})();return{morph:s,defaults:n}})();var Do=Ge.morph,Uo=Ge.defaults,Ye=Ge;var Yr=null;function Ee(){return Yr}function Me(e,t){let r={carriedOver:0,discarded:0,listItems:0},n=Ze(t,e,r);return Je(t,e,r),{data:n,summary:r}}function Ze(e,t,r){if(typeof e=="string")return e.endsWith("[]")?Array.isArray(t)?(r.listItems+=t.length,r.carriedOver+=t.length,t):void 0:t==null?void 0:(r.carriedOver++,t);if(Array.isArray(e)){let[,n]=e;return Array.isArray(t)?(r.listItems+=t.length,t.map(o=>Ze(n,o,r))):void 0}if(typeof e=="object"&&e!==null){let n={};for(let[o,s]of Object.entries(e)){let a=Ze(s,t?.[o],r);a!==void 0&&(n[o]=a)}return n}}function Je(e,t,r){if(t!=null){if(typeof e=="object"&&e!==null&&!Array.isArray(e)){if(typeof t!="object"||Array.isArray(t))return;let n=new Set(Object.keys(e));for(let o of Object.keys(t))n.has(o)?Je(e[o],t[o],r):r.discarded+=we(t[o]);return}if(Array.isArray(e)&&Array.isArray(t)){let n=e[1];t.forEach(o=>Je(n,o,r));return}typeof e=="string"&&!e.endsWith("[]")&&typeof t=="object"&&t!==null&&(r.discarded+=we(t))}}function we(e){return e==null?0:Array.isArray(e)?e.reduce((t,r)=>t+we(r),0):typeof e=="object"?Object.values(e).reduce((t,r)=>t+we(r),0):1}function Zr(e){return e&&e.nodeType===1&&e.tagName==="SCRIPT"&&e.hasAttribute&&e.hasAttribute("data-rules-name")}function Jr(e){return e?(e.nodeType===9||e.nodeType===11,e):null}var Xr={find(e,t,r={}){let n=Jr(e);if(!n||!n.querySelectorAll)return[];let o=Array.from(n.querySelectorAll(t));r.includeRulesTag||(o=o.filter(a=>!Zr(a)));let s=[];if(r.skip&&s.push(r.skip),r.templateAttr&&s.push("["+r.templateAttr+"]"),s.length){let a=s.join(", ");o=o.filter(i=>!i.closest||!i.closest(a))}return o},parent(e){return e?e.parentElement:null},children(e){return e?Array.from(e.children):[]},text(e,t){if(t===void 0)return(e.textContent||"").trim();e.textContent=t},attr(e,t,r){if(r===void 0)return e.hasAttribute&&e.hasAttribute(t)?e.getAttribute(t):null;e.setAttribute(t,r)},removeAttr(e,t){e&&e.removeAttribute&&e.removeAttribute(t)},prop(e,t,r){if(r===void 0){let n=e?e[t]:void 0;return n!==void 0?n:null}e[t]=r},clone(e){return e.cloneNode(!0)},insertAt(e,t,r){let n=e.children[r]||null;e.insertBefore(t,n)},remove(e){e&&e.parentNode&&e.parentNode.removeChild(e)},replaceWith(e,t){if(!e||!e.parentNode)throw new Error("dom.replaceWith: node has no parent");let n=e.ownerDocument.createElement("template");n.innerHTML=t;let o=n.content.firstElementChild;if(!o)throw new Error("dom.replaceWith: html did not parse to an element");return e.parentNode.replaceChild(o,e),o},stripIds(e){let t=0;return e.id&&(e.removeAttribute("id"),t++),(e.querySelectorAll?e.querySelectorAll("[id]"):[]).forEach(n=>{n.removeAttribute("id"),t++}),t},sameNode(e,t){return e===t}},D=Xr;var Qr="_hyperHtmlApi",en="upgrade-helper",tn="parentOrigin";function et(e=typeof location<"u"?location:null){if(!e)return!1;try{return new URLSearchParams(e.search).get(Qr)===en}catch{return!1}}function Ft(e=typeof location<"u"?location:null){return e?new URLSearchParams(e.search).get(tn):null}function tt({win:e,doc:t,parentOrigin:r}={}){if(e=e||(typeof window<"u"?window:null),t=t||(typeof document<"u"?document:null),!e||!t||(r=r||Ft(e.location),!r))return;let n=()=>rn({win:e,doc:t,parentOrigin:r});t.readyState==="loading"?t.addEventListener("DOMContentLoaded",n,{once:!0}):n()}function rn({win:e,doc:t,parentOrigin:r}){let n;try{n=Y(D,t.body)}catch(c){return Xe(e,r,c)}if(!n)return Xe(e,r,new Error("helper-mode: no rules tag in v2 document"));let o=n.rules,s=on(t,"hyper-version"),a=!!Ee(),i=c=>{if(c.source!==e.parent||c.origin!==r)return;let u=c.data;if(!(!u||u.type!=="hha:upgrade-data")){e.removeEventListener("message",i);try{let d=nn({doc:t,rules:o,v1Data:u.v1Data});e.parent.postMessage({type:"hha:upgrade-result",html:d.html,summary:d.summary},r)}catch(d){Xe(e,r,d)}}};e.addEventListener("message",i),e.parent.postMessage({type:"hha:upgrade-ready",rules:o,version:s,hasTransform:a},r)}function nn({doc:e,rules:t,v1Data:r}){let n=Ee(),o=r,s=!1;n&&(o=n(r),s=!0);let{data:a,summary:i}=Me(o,t);G(D,e.body,t,a);let c=B(D,e.body,t);return{html:`<!DOCTYPE html>
|
|
2
|
-
`+e.documentElement.outerHTML,summary:{...i,transformApplied:s,appliedFieldCount:
|
|
1
|
+
var hypercms=(()=>{var Ue=Object.defineProperty;var br=Object.getOwnPropertyDescriptor;var Sr=Object.getOwnPropertyNames;var Ar=Object.prototype.hasOwnProperty;var De=(e,t)=>{for(var r in t)Ue(e,r,{get:t[r],enumerable:!0})},vr=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Sr(t))!Ar.call(e,n)&&n!==r&&Ue(e,n,{get:()=>t[n],enumerable:!(o=br(t,n))||o.enumerable});return e};var xr=e=>vr(Ue({},"__esModule",{value:!0}),e);var so={};De(so,{cms:()=>no,default:()=>oo});var Se=["textContent","innerText","innerHTML","outerHTML","value","checked","selected","disabled","readOnly","type","tagName","nodeName","nodeType","nodeValue","childElementCount","id","className","classList","baseURI","offsetWidth","offsetHeight","clientWidth","clientHeight","scrollWidth","scrollHeight","dataset","currentSrc","duration","paused","title","documentURI","contentType"],Be=new Set(Se),xt=new Set(["textContent","innerText","innerHTML","value","checked","selected","disabled","readOnly","type","id","className","title"]),Et=new Set(["tagName","nodeName","nodeType","nodeValue","childElementCount","classList","baseURI","documentURI","contentType","offsetWidth","offsetHeight","clientWidth","clientHeight","scrollWidth","scrollHeight","currentSrc","duration","paused","dataset"]);var ve={};De(ve,{EmptyListInsert:()=>ue,MAX_RULE_DEPTH:()=>ee,MaxRuleDepthExceeded:()=>z,RuleTargetReadOnly:()=>de,RulesParseError:()=>Q,ShapeMismatch:()=>le,UnknownRulesVersion:()=>ce,UpgradeAlreadyRegistered:()=>Ae});var Q=class extends Error{constructor(t,r){super(t),this.name="RulesParseError",this.cause=r}},ce=class extends Error{constructor(t){super(`unknown rules version: ${t}. Library supports "1".`),this.name="UnknownRulesVersion",this.version=t}},ee=20,z=class extends Error{constructor(t){super(`rule depth exceeded ${ee} at path: ${t.join(".")}`),this.name="MaxRuleDepthExceeded",this.path=t}},le=class extends Error{constructor(t){super(`shape mismatch: ${t.length} field(s) failed validation`),this.name="ShapeMismatch",this.mismatches=t}},ue=class extends Error{constructor(t){super(`cannot add items to empty list at "${t.join(".")}" \u2014 no sibling to clone as template. Seed the list with a hidden item first.`),this.name="EmptyListInsert",this.path=t}},de=class extends Error{constructor(t){super(`cannot write to read-only DOM property "${t}"`),this.name="RuleTargetReadOnly",this.target=t}},Ae=class extends Error{constructor(){super("upgrade transform already registered; only one registration is allowed per page."),this.name="UpgradeAlreadyRegistered"}};function B(e,t,r,o={}){return We(e,t,r,{depth:0,path:[]},o)}function We(e,t,r,o,n){if(o.depth>ee)throw new z(o.path);if(typeof r=="string")return Er(e,t,r,n);if(Array.isArray(r)){let[s,a]=r;return e.find(t,s,n).map((c,d)=>We(e,c,a,{depth:o.depth+1,path:[...o.path,d]},n))}if(typeof r=="object"&&r!==null){let s={};for(let[a,i]of Object.entries(r))s[a]=We(e,t,i,{depth:o.depth+1,path:[...o.path,a]},n);return s}return null}function Er(e,t,r,o){if(r.endsWith("[]")){let s=r.slice(0,-2);return e.find(t,s,o).map(a=>e.text(a))}if(r.startsWith("@"))return wt(e,t,r.slice(1));if(r.includes("@")){let s=r.lastIndexOf("@"),a=r.slice(0,s),i=r.slice(s+1),c=a?e.find(t,a,o):[t];return c.length===0?null:wt(e,c[0],i)}if(r===".")return e.text(t);let n=e.find(t,r,o);return n.length===0?null:e.text(n[0])}function wt(e,t,r){if(Be.has(r)){let n=e.prop(t,r);return n==null?null:String(n)}let o=e.attr(t,r);return o||null}var wr=.5;function Ve(e,t,r,o,n,s,a,i={}){let c=e.find(t,r,i);if(n.length===0){c.forEach(M=>e.remove(M));return}let d=n.length>c.length,u=c[0]||null;if(d&&!u&&(u=kr(e,t,r,i),!u))throw new ue(s.path);let p=c.map(M=>Mr(e,M,o,i)),y=null;if(u){y=e.clone(u),i.templateAttr&&e.removeAttr(y,i.templateAttr);let M=e.stripIds(y);M>0&&console.warn(`[hyper-html-api] stripped ${M} id attribute(s) from cloned template at "${s.path.join(".")||"(root)"}"`)}let w=Tr(n,p,o),v=c[0]||u,O=e.parent(v),g=c.length>0?Cr(e,O,v):0,C=new Set,T=n.map((M,R)=>{let E=w[R];if(E>=0)return C.add(E),c[E];let m=e.clone(y);return e.stripIds(m),m});c.forEach((M,R)=>{C.has(R)||e.remove(M)}),T.forEach((M,R)=>{let E=g+R;e.children(O).findIndex(l=>e.sameNode(l,M))!==E&&e.insertAt(O,M,E)}),T.forEach((M,R)=>{if(o===null){let E=n[R],m=E==null?"":String(E);e.text(M)!==m&&e.text(M,m)}else{let E=a(e,M,o,n[R],{depth:s.depth+1,path:[...s.path,R]},i);E&&E!==M&&(T[R]=E)}})}function Mr(e,t,r,o){return r===null?e.text(t):B(e,t,r,o)}function Tr(e,t,r){let o=new Array(e.length).fill(-1),n=new Set;return e.forEach((s,a)=>{let i=-1,c=-1;t.forEach((d,u)=>{if(n.has(u))return;let p=Rr(s,d,r),y=p===c&&i>=0?Math.abs(u-a)<Math.abs(i-a):!1;(p>c||y)&&(c=p,i=u)}),c>=wr&&(o[a]=i,n.add(i))}),o}function Rr(e,t,r){if(r===null)return e===t?1:0;let o=Object.keys(r||{});if(o.length===0)return 0;let n=0;for(let s of o)JSON.stringify(e?.[s])===JSON.stringify(t?.[s])&&n++;return n/o.length}function Cr(e,t,r){let o=e.children(t);for(let n=0;n<o.length;n++)if(e.sameNode(o[n],r))return n;return-1}function kr(e,t,r,o){if(!o.templateAttr)return null;let n=t;for(;n;){let s=e.find(n,r,{includeRulesTag:!1});for(let a of s)if(e.attr(a,o.templateAttr)!=null)return a;n=e.parent(n)}return null}var Mt=new Set(["checked","selected","disabled","readOnly","paused"]);function G(e,t,r,o,n={}){let s=[];if(Ke(r,o,[],s),s.length)throw new le(s);xe(e,t,r,o,{depth:0,path:[]},n)}function xe(e,t,r,o,n,s={}){if(n.depth>ee)throw new z(n.path);if(o===void 0)return t;if(typeof r=="string")return Ir(e,t,r,o,n,s);if(Array.isArray(r)){let[a,i]=r;return Ve(e,t,a,i,o,n,xe,s),t}if(typeof r=="object"&&r!==null){for(let[a,i]of Object.entries(r)){let c=xe(e,t,i,o==null?o:o[a],{depth:n.depth+1,path:[...n.path,a]},s);c&&c!==t&&(t=c)}return t}return t}function Ir(e,t,r,o,n,s){if(r.endsWith("[]")){let i=r.slice(0,-2);return Ve(e,t,i,null,o,n,xe,s),t}if(r.startsWith("@"))return Tt(e,t,r.slice(1),o);if(r.includes("@")){let i=r.lastIndexOf("@"),c=r.slice(0,i),d=r.slice(i+1),u=c?e.find(t,c,s):[t];return u.length===0||Tt(e,u[0],d,o),t}if(r===".")return e.text(t,o==null?"":String(o)),t;let a=e.find(t,r,s);return a.length===0||e.text(a[0],o==null?"":String(o)),t}function Tt(e,t,r,o){if(Et.has(r))throw new de(r);if(r==="outerHTML"){let n=o==null?"":String(o);return e.replaceWith(t,n)}return xt.has(r)?(e.prop(t,r,Or(r,o)),t):(e.attr(t,r,o==null?"":String(o)),t)}function Or(e,t){return t==null?Mt.has(e)?!1:"":Mt.has(e)?!!t:t}function Ke(e,t,r,o){if(t!==void 0){if(typeof e=="string"){if(e.endsWith("[]")){Array.isArray(t)?t.forEach((n,s)=>{typeof n=="object"&&n!==null&&o.push({path:he([...r,s]),expected:"scalar",got:fe(n)})}):o.push({path:he(r),expected:"array",got:fe(t)});return}t!==null&&typeof t=="object"&&o.push({path:he(r),expected:"scalar",got:fe(t)});return}if(Array.isArray(e)){if(!Array.isArray(t)){o.push({path:he(r),expected:"array",got:fe(t)});return}let n=e[1];t.forEach((s,a)=>Ke(n,s,[...r,a],o));return}if(typeof e=="object"&&e!==null){if(t===null||Array.isArray(t)||typeof t!="object"){o.push({path:he(r),expected:"object",got:fe(t)});return}for(let[n,s]of Object.entries(e))Ke(s,t[n],[...r,n],o)}}}function fe(e){return e===null?"null":Array.isArray(e)?"array":typeof e}function he(e){return e.join(".")}function ze(e){try{return JSON.parse(e)}catch(t){throw new Q(`Invalid strict JSON: ${t.message}`,t)}}function me(e){try{return JSON.parse(e)}catch{}let t={BRACE_OPEN:"{",BRACE_CLOSE:"}",BRACKET_OPEN:"[",BRACKET_CLOSE:"]",COLON:":",COMMA:",",STRING:"STRING",SELECTOR:"SELECTOR",IDENTIFIER:"IDENTIFIER",NUMBER:"NUMBER",BOOLEAN:"BOOLEAN"};function r(n){let s=[],a=0;for(;a<n.length;){let i=n[a];if(/\s/.test(i)){a++;continue}if("{}".includes(i)){s.push({type:i,value:i}),a++;continue}if(i==="["){let p=!1,y=a+1;for(;y<n.length&&/\s/.test(n[y]);)y++;if(y<n.length&&/[a-zA-Z_]/.test(n[y])&&(p=!0),!p){s.push({type:i,value:i}),a++;continue}}if(i==="]"){s.push({type:i,value:i}),a++;continue}if(i===":"){s.push({type:t.COLON,value:i}),a++;continue}if(i===","){s.push({type:t.COMMA,value:i}),a++;continue}if(i==='"'||i==="'"){let p=i,y=a+1;for(;y<n.length&&n[y]!==p;)n[y]==="\\"&&y++,y++;s.push({type:t.STRING,value:n.substring(a+1,y),quoted:!0,sourceQuote:p}),a=y+1;continue}let c=a,d;for(;c<n.length&&!/[{},]/.test(n[c]);)if(n[c]===":"){let p=[":first",":last",":nth-child",":nth-of-type",":first-child",":last-child",":first-of-type",":last-of-type",":only-child",":only-of-type",":hover",":focus",":active",":visited",":disabled",":enabled",":checked",":empty",":root",":target",":not",":before",":after",":nth-last-child",":nth-last-of-type"],y=!1;for(let w of p){let v=w.substring(1);if(n.substring(c+1,c+1+v.length)===v){y=!0,c+=v.length;break}}if(!y)break}else if(n[c]==="["){for(c++;c<n.length&&n[c]!=="]";){if(n[c]==='"'||n[c]==="'"){let p=n[c];for(c++;c<n.length&&n[c]!==p;)n[c]==="\\"&&c++,c++}c++}c<n.length&&n[c]==="]"&&c++}else c++;d=n.substring(a,c);let u=t.IDENTIFIER;/^-?\d+(\.\d+)?$/.test(d)?u=t.NUMBER:d==="true"||d==="false"||d==="null"?u=t.BOOLEAN:/^[.#@\[]|[.#@\[]| /.test(d)&&(u=t.SELECTOR),s.push({type:u,value:d,quoted:!1}),a=c}return s}function o(n){let s="";for(let a=0;a<n.length;a++){let i=n[a];if("{}".includes(i.type)||"[]".includes(i.type)){s+=i.value;continue}if(i.type===t.COLON){s+=i.value;continue}if(i.type===t.COMMA){let c=n[a+1];if(c&&(c.type==="}"||c.type==="]"))continue;s+=i.value;continue}if(i.type===t.STRING&&i.quoted){let c=i.value;i.sourceQuote==="'"&&(c=c.replace(/\\'/g,"'"),c=c.replace(/(\\*)"/g,(d,u)=>u.length%2===0?u+'\\"':d)),s+=`"${c}"`;continue}if(i.type===t.NUMBER||i.type===t.BOOLEAN){s+=i.value;continue}if(i.type===t.SELECTOR||i.type===t.IDENTIFIER){s+=`"${i.value}"`;continue}s+=`"${i.value}"`}return s}try{let n=r(e),s=o(n);return JSON.parse(s)}catch(n){throw new Q("Invalid extraction rules syntax: "+n.message,n)}}var jr="1",Rt=/^[a-zA-Z0-9_-]+$/;function Y(e,t,r){let o;if(r===void 0)o="script[data-rules-name]";else{if(typeof r!="string"||!Rt.test(r))throw new Error(`hyper-html-api: invalid rules token ${JSON.stringify(r)} (must match ${Rt})`);o=`script[data-rules-name~="${r}"]`}let n=e.find(t,o,{includeRulesTag:!0});if(n.length===0)return null;r!==void 0&&n.length>1&&console.warn(`hyper-html-api: ${n.length} rules tags match data-rules-name~="${r}"; using the first.`);let s=n[0],a=e.attr(s,"data-rules-version");if(a!==jr)throw new ce(a);return{rules:me(e.text(s)),tagNode:s}}function Ge(e,t,r){if(r&&typeof r=="object")return{rules:r,tagNode:null};if(typeof r=="string"){let o=t&&t.ownerDocument?t.ownerDocument:t;return Y(e,o,r)}return null}function Ct(e,t,r,o){let n=Ge(e,t,r);if(!n){let i=typeof r=="string"?`data-rules-name~="${r}"`:"the provided rules object";throw new Error(`hyper-html-api: could not resolve rules for ${i}`)}let{rules:s,tagNode:a}=n;return{rules:s,tagNode:a,get:()=>B(e,t,s,o),set:i=>G(e,t,s,i,o)}}var Ot={includeClasses:!0,includeAttributes:["href","src","name","type","role","aria-label","alt","title"],excludeAttributePrefixes:["data-morph-","data-hyper-","data-im-"],textHintLength:64,excludeIds:!0,maxPathDepth:4,landmarks:["HEADER","NAV","MAIN","ASIDE","FOOTER","SECTION","ARTICLE"],weights:{signature:100,pathSegment:10,textMatch:20,textMismatch:25,uniqueCandidate:50,positionPenalty:1,slotMatch:30},minConfidence:101};function $r(e){let t=5381;for(let r=0;r<e.length;r++)t=(t<<5)+t^e.charCodeAt(r);return Math.abs(t).toString(36)}function Hr(e){if(e.classList&&e.classList.length>0)return Array.from(e.classList).sort().join(" ");let t=e.getAttribute?.("class");return t?t.split(/\s+/).filter(Boolean).sort().join(" "):""}function Fr(e,t){let r=[];for(let o of e.attributes||[]){let n=o.name;n==="id"||n==="class"||t.excludeAttributePrefixes.some(s=>n.startsWith(s))||t.includeAttributes.includes(n)&&r.push(`${n}=${o.value}`)}return r.sort().join("|")}function qr(e,t){return(e.textContent||"").replace(/\s+/g," ").trim().slice(0,t.textHintLength)}function Pr(e,t){let r=[e.tagName];return t.includeClasses&&r.push(Hr(e)),r.push(Fr(e,t)),$r(r.join("|"))}function _r(e){let t=e.tagName,r=1,o=e.previousElementSibling;for(;o;)o.tagName===t&&r++,o=o.previousElementSibling;return r}function Ur(e,t){return e.id||e.getAttribute?.("role")?!0:t.landmarks.includes(e.tagName)}function Dr(e){if(e.id)return`#${e.id}`;let t=e.getAttribute?.("role");return t?`@${t}`:e.tagName}function Br(e,t){let r=[],o=e;for(;o&&o.tagName&&r.length<t.maxPathDepth;){let n=`${o.tagName}:${_r(o)}`;if(r.unshift(n),o!==e&&Ur(o,t)){r.unshift(Dr(o));break}o=o.parentElement}return r}function Wr(e,t){let r=0,o=e.length-1,n=t.length-1;for(;o>=0&&n>=0&&e[o]===t[n];)r++,o--,n--;return r}function _(e,t,r){if(r.has(e))return r.get(e);let o={signature:Pr(e,t),path:Br(e,t),textHint:qr(e,t)};return r.set(e,o),o}function $t(e,t,r,o){if(o.has(e))return o.get(e);let n=new Map,s=e.querySelectorAll("*"),a=0;for(let i of s){let c=_(i,t,r);c.domIndex=a++,n.has(c.signature)||n.set(c.signature,[]),n.get(c.signature).push(i)}return o.set(e,n),n}function Vr(e,t,r){r.delete(e),t.delete(e);let o=e.querySelectorAll("*");for(let n of o)t.delete(n)}function Ye(e,t,r,o,n){let s=_(e,r,o),a=_(t,r,o),i=r.weights,c={},d=0;if(s.signature!==a.signature)return{score:0,breakdown:{rejected:"signature mismatch"}};d+=i.signature,c.signature=i.signature;let p=Wr(s.path,a.path)*i.pathSegment;d+=p,c.path=p;let y=!0;if(s.textHint&&a.textHint?s.textHint===a.textHint?(d+=i.textMatch,c.text=i.textMatch):(d-=i.textMismatch,c.text=-i.textMismatch,y=!1):s.textHint!==a.textHint&&(d-=i.textMismatch,c.text=-i.textMismatch,y=!1),n.candidateCount===1&&y&&(d+=i.uniqueCandidate,c.unique=i.uniqueCandidate),typeof s.domIndex=="number"&&typeof a.domIndex=="number"){let w=Math.abs(s.domIndex-a.domIndex),v=Math.min(w*i.positionPenalty,20);d-=v,c.drift=-v}return{score:d,breakdown:c}}function jt(e,t,r,o,n){if(r.excludeIds&&e.id)return null;let s=$t(t,r,o,n),a=_(e,r,o);if(typeof a.domIndex!="number"){let y=0,w=e.previousElementSibling;for(;w;)y++,w=w.previousElementSibling;a.domIndex=y}let i=s.get(a.signature)||[],c=r.excludeIds?i.filter(y=>!y.id):i;if(c.length===0)return null;let d=null,u=0,p=null;for(let y of c){let{score:w,breakdown:v}=Ye(e,y,r,o,{candidateCount:c.length});w>u&&(u=w,d=y,p=v)}return u<r.minConfidence?null:{element:d,confidence:u,breakdown:p}}function Kr(e,t,r,o){let n=[],s=r.weights.signature+r.weights.slotMatch,a={slot:s};function i(p){if(p.children)return p.children;let y=p.childNodes;if(!y)return[];let w=[];for(let v=0;v<y.length;v++)y[v].nodeType===1&&w.push(y[v]);return w}function c(p,y){let w=i(p),v=i(y);if(w.length===v.length)for(let O=0;O<w.length;O++){let g=w[O],C=v[O];if(r.excludeIds&&(g.id||C.id)||g.tagName!==C.tagName)continue;let T=_(g,r,o).signature,M=_(C,r,o).signature;T!==M&&n.push({newEl:g,oldEl:C,score:s,breakdown:a}),c(g,C)}}function d(p,y){for(;;){if(p.tagName===y.tagName)return[p,y];let w=i(p);if(!p.tagName&&w.length===1){p=w[0];continue}let v=i(y);if(v.length===1&&v[0].tagName===p.tagName){y=v[0];continue}return null}}let u=d(e,t);return u&&c(u[0],u[1]),n}function Nt(e,t,r,o,n){let s=t.querySelectorAll("*"),a=$t(e,r,o,n),i=0;for(let p of s){let y=_(p,r,o);y.domIndex=i++}let c=[];for(let p of s){if(r.excludeIds&&p.id)continue;let y=_(p,r,o),w=a.get(y.signature)||[],v=r.excludeIds?w.filter(O=>!O.id):w;for(let O of v){let{score:g,breakdown:C}=Ye(p,O,r,o,{candidateCount:v.length});g>=r.minConfidence&&c.push({newEl:p,oldEl:O,score:g,breakdown:C})}}if(r.weights.slotMatch>0){let p=Kr(t,e,r,o);for(let y of p)c.push(y)}c.sort((p,y)=>y.score-p.score);let d=new Map,u=new Set;for(let{newEl:p,oldEl:y}of c)d.has(p)||u.has(y)||(d.set(p,y),u.add(y));return d}function Lt(e,t,r,o){let n=_(e,r,o),s=_(t,r,o),{score:a,breakdown:i}=Ye(e,t,r,o,{candidateCount:1});return{matches:a>=r.minConfidence,score:a,breakdown:i,newMeta:{signature:n.signature,path:n.path,textHint:n.textHint},oldMeta:{signature:s.signature,path:s.path,textHint:s.textHint}}}function Ht(e={}){let t={...Ot,...e,weights:{...Ot.weights,...e.weights}},r=new WeakMap,o=new WeakMap;return{findMatch:(n,s)=>jt(n,s,t,r,o),computeMatches:(n,s)=>Nt(n,s,t,r,o),explain:(n,s)=>Lt(n,s,t,r),invalidate:n=>Vr(n,r,o),session:()=>{let n=new WeakMap,s=new WeakMap;return{findMatch:(a,i)=>jt(a,i,t,n,s),computeMatches:(a,i)=>Nt(a,i,t,n,s),explain:(a,i)=>Lt(a,i,t,n)}},getConfig:()=>({...t})}}var zr=Ht(),Ze=(function(){"use strict";let e=()=>{};function t(g){if(!(g instanceof Element))return!1;if(g.hasAttribute("save-ignore"))return!0;if(g.tagName==="LINK"||g.tagName==="SCRIPT"){let C=g.getAttribute("src")||g.getAttribute("href")||"";if(C.startsWith("chrome-extension://")||C.startsWith("moz-extension://")||C.startsWith("safari-web-extension://"))return!0}return!1}function r(g,C){if(C!=="smart")return g.outerHTML;let T=g.getAttribute("src"),M=g.getAttribute("type")||"text/javascript";if(T)try{let R=new URL(T,window.location.href);return`ext:${M}:${R.origin}${R.pathname}${R.search}`}catch{return`ext:${M}:${T}`}else{let R=g.textContent.trim(),E=5381;for(let m=0;m<R.length;m++)E=(E<<5)+E^R.charCodeAt(m);return`inline:${M}:${Math.abs(E).toString(36)}`}}let o={morphStyle:"outerHTML",callbacks:{beforeNodeAdded:e,afterNodeAdded:e,beforeNodeMorphed:e,afterNodeMorphed:e,beforeNodeRemoved:e,afterNodeRemoved:e,beforeAttributeUpdated:e},head:{style:"merge",shouldPreserve:g=>g.getAttribute("im-preserve")==="true",shouldReAppend:g=>g.getAttribute("im-re-append")==="true",shouldRemove:e,afterHeadMorphed:e},scripts:{handle:!1,matchMode:"outerHTML",shouldPreserve:g=>g.getAttribute("im-preserve")==="true",shouldReAppend:g=>g.getAttribute("im-re-append")==="true",shouldRemove:e,afterScriptsHandled:e},restoreFocus:!0},n={computeMatches(g,C){let{computeMatches:T}=zr.session();return T(g,C)}};function s(g,C,T={}){g=v(g);let M=O(C),R=w(g,M,T),E=R.scripts.matchMode,m=new Set(Array.from(g.querySelectorAll("script")).map(f=>r(f,E))),A=i(R,()=>u(R,g,M,f=>f.morphStyle==="innerHTML"?(c(f,g,M),Array.from(g.childNodes)):a(f,g,M)));R.pantry.remove();let l=y(g,m,R);return l.length>0?A instanceof Promise?A.then(f=>Promise.all(l).then(()=>f)):Promise.all(l).then(()=>A):A}function a(g,C,T){let M=O(C);return c(g,M,T,C,C.nextSibling),Array.from(M.childNodes)}function i(g,C){if(!g.config.restoreFocus)return C();let T=document.activeElement;if(!(T instanceof HTMLInputElement||T instanceof HTMLTextAreaElement))return C();let{id:M,selectionStart:R,selectionEnd:E}=T,m=C();return M&&M!==document.activeElement?.getAttribute("id")&&(T=g.target.querySelector(`[id="${M}"]`),T?.focus()),T&&!T.selectionEnd&&E!=null&&T.setSelectionRange(R,E),m}let c=(function(){function g(l,f,b,h=null,S=null){f instanceof HTMLTemplateElement&&b instanceof HTMLTemplateElement&&(f=f.content,b=b.content),h||=f.firstChild;for(let x of b.childNodes){if(t(x))continue;if(h&&h!=S){let I=T(l,x,h,S);if(I){I!==h&&R(l,h,I),d(I,x,l),h=I.nextSibling;continue}}if(x instanceof Element){let I=x.getAttribute("id");if(l.persistentIds.has(I)){let N=E(f,I,h,l);d(N,x,l),h=N.nextSibling;continue}if(!l.idMap.has(x)){let N=l.hyperMatches.get(x);if(N&&!l.idMap.has(N)){A(f,N,h),d(N,x,l),h=N.nextSibling;continue}}}let k=C(f,x,h,l);k&&(h=k.nextSibling)}for(;h&&h!=S;){let x=h;h=h.nextSibling,t(x)||M(l,x)}}function C(l,f,b,h){if(h.callbacks.beforeNodeAdded(f)===!1)return null;if(h.idMap.has(f)){let S=document.createElement(f.tagName);return l.insertBefore(S,b),d(S,f,h),h.callbacks.afterNodeAdded(S),S}else{let S=document.importNode(f,!0);return l.insertBefore(S,b),h.callbacks.afterNodeAdded(S),S}}let T=(function(){function l(h,S,x,k){let I=S instanceof Element&&!h.idMap.has(S)?h.hyperMatches.get(S):null,N=null,F=S.nextSibling,ae=0,L=x;for(;L&&L!=k;){if(b(L,S)){if(f(h,L,S)||L===I&&!h.idMap.has(L))return L;if(N===null){let J=L instanceof Element&&h.hyperMatchedOldElements.has(L);!h.idMap.has(L)&&!J&&(N=L)}}if(N===null&&F&&b(L,F)&&(ae++,F=F.nextSibling,ae>=2&&(N=void 0)),h.activeElementAndParents.includes(L))break;L=L.nextSibling}return N||null}function f(h,S,x){let k=h.idMap.get(S),I=h.idMap.get(x);if(!I||!k)return!1;for(let N of k)if(I.has(N))return!0;return!1}function b(h,S){let x=h,k=S;return x.nodeType===k.nodeType&&x.tagName===k.tagName&&(!x.getAttribute?.("id")||x.getAttribute?.("id")===k.getAttribute?.("id"))}return l})();function M(l,f){let b=f instanceof Element&&l.hyperMatchedOldElements.has(f)&&!l.idMap.has(f);if(l.idMap.has(f)||b)A(l.pantry,f,null);else{if(l.callbacks.beforeNodeRemoved(f)===!1)return;f.parentNode?.removeChild(f),l.callbacks.afterNodeRemoved(f)}}function R(l,f,b){let h=f;for(;h&&h!==b;){let S=h;h=h.nextSibling,t(S)||M(l,S)}return h}function E(l,f,b,h){let S=h.target.getAttribute?.("id")===f&&h.target||h.target.querySelector(`[id="${f}"]`)||h.pantry.querySelector(`[id="${f}"]`);return m(S,h),A(l,S,b),S}function m(l,f){let b=l.getAttribute("id");for(;l=l.parentNode;){let h=f.idMap.get(l);h&&(h.delete(b),h.size||f.idMap.delete(l))}}function A(l,f,b){if(l.moveBefore)try{l.moveBefore(f,b)}catch{l.insertBefore(f,b)}else l.insertBefore(f,b)}return g})(),d=(function(){function g(m,A,l){return l.ignoreActive&&m===document.activeElement?null:(l.callbacks.beforeNodeMorphed(m,A)===!1||(m instanceof HTMLHeadElement&&l.head.ignore||(m instanceof HTMLHeadElement&&l.head.style!=="morph"?p(m,A,l):(C(m,A,l),E(m,l)||c(l,m,A))),l.callbacks.afterNodeMorphed(m,A)),m)}function C(m,A,l){let f=A.nodeType;if(f===1){let b=m,h=A,S=b.attributes,x=h.attributes;for(let k of x)R(k.name,b,"update",l)||b.getAttribute(k.name)!==k.value&&b.setAttribute(k.name,k.value);for(let k=S.length-1;0<=k;k--){let I=S[k];if(I&&!h.hasAttribute(I.name)){if(R(I.name,b,"remove",l))continue;b.removeAttribute(I.name)}}E(b,l)||T(b,h,l)}(f===8||f===3)&&m.nodeValue!==A.nodeValue&&(m.nodeValue=A.nodeValue)}function T(m,A,l){if(m instanceof HTMLInputElement&&A instanceof HTMLInputElement&&A.type!=="file"){let f=A.value,b=m.value;M(m,A,"checked",l),M(m,A,"disabled",l),l.formStateSync==="property"?b!==f&&(R("value",m,"update",l)||(m.value=f)):A.hasAttribute("value")?b!==f&&(R("value",m,"update",l)||(m.setAttribute("value",f),m.value=f)):R("value",m,"remove",l)||(m.value="",m.removeAttribute("value"))}else if(m instanceof HTMLOptionElement&&A instanceof HTMLOptionElement)M(m,A,"selected",l);else if(m instanceof HTMLTextAreaElement&&A instanceof HTMLTextAreaElement){let f=A.value,b=m.value;if(R("value",m,"update",l))return;f!==b&&(m.value=f),m.firstChild&&m.firstChild.nodeValue!==f&&(m.firstChild.nodeValue=f)}}function M(m,A,l,f){let b=A[l],h=m[l];if(b!==h){let S=R(l,m,"update",f);if(S||(m[l]=A[l]),f.formStateSync==="property")return;b?S||m.setAttribute(l,""):R(l,m,"remove",f)||m.removeAttribute(l)}}function R(m,A,l,f){return m==="value"&&f.ignoreActiveValue&&A===document.activeElement?!0:f.callbacks.beforeAttributeUpdated(m,A,l)===!1}function E(m,A){return!!A.ignoreActiveValue&&m===document.activeElement&&m!==document.body}return g})();function u(g,C,T,M){if(g.head.block){let R=C.querySelector("head"),E=T.querySelector("head");if(R&&E){let m=p(R,E,g);return Promise.all(m).then(()=>{let A=Object.assign(g,{head:{block:!1,ignore:!0}});return M(A)})}}return M(g)}function p(g,C,T){let M=[],R=[],E=[],m=[],A=T.scripts.matchMode,l=h=>{if(h.tagName==="SCRIPT")return r(h,A);if(h.tagName==="LINK"&&A==="smart"){let S=h.getAttribute("href");if(S)try{let x=new URL(S,window.location.href);return`link:${h.getAttribute("rel")||""}:${x.origin}${x.pathname}${x.search}`}catch{}}return h.outerHTML},f=new Map;for(let h of C.children)t(h)||f.set(l(h),h);for(let h of g.children){let S=l(h),x=f.has(S),k=T.head.shouldReAppend(h),I=T.head.shouldPreserve(h);x||I?k?R.push(h):(f.delete(S),E.push(h)):T.head.style==="append"?k&&(R.push(h),m.push(h)):T.head.shouldRemove(h)!==!1&&!t(h)&&R.push(h)}m.push(...f.values());let b=[];for(let h of m){let S=document.createRange().createContextualFragment(h.outerHTML).firstChild;if(T.callbacks.beforeNodeAdded(S)!==!1){if("href"in S&&S.href||"src"in S&&S.src){let x,k=new Promise(function(I){x=I});S.addEventListener("load",function(){x()}),b.push(k)}g.appendChild(S),T.callbacks.afterNodeAdded(S),M.push(S)}}for(let h of R)T.callbacks.beforeNodeRemoved(h)!==!1&&(g.removeChild(h),T.callbacks.afterNodeRemoved(h));return T.head.afterHeadMorphed(g,{added:M,kept:E,removed:R}),b}function y(g,C,T){if(!T.scripts.handle)return[];let M=[],R=[],E=[],m=[],A=T.scripts.matchMode,l=Array.from(g.querySelectorAll("script"));for(let b of l){let h=r(b,A),S=C.has(h),x=T.scripts.shouldPreserve(b),k=T.scripts.shouldReAppend(b);S||x?k?(R.push(b),m.push(b)):E.push(b):m.push(b)}for(let b of C){let h=l.some(S=>S.outerHTML===b)}let f=[];for(let b of m){if(T.callbacks.beforeNodeAdded(b)===!1)continue;let h=document.createRange().createContextualFragment(b.outerHTML).firstChild;if(h.src){let S,x=new Promise(function(k){S=k});h.addEventListener("load",function(){S()}),h.addEventListener("error",function(){S()}),f.push(x)}b.replaceWith(h),T.callbacks.afterNodeAdded(h),M.push(h)}return T.scripts.afterScriptsHandled(g,{added:M,kept:E,removed:R}),f}let w=(function(){function g(l,f,b){let{persistentIds:h,idMap:S}=m(l,f),x=n.computeMatches(l,f);if(typeof b.key=="function"){let F=new Map,ae=new Set,L=$=>{let H=b.key($);H!=null&&(F.has(H)?ae.add(H):F.set(H,$))};l instanceof Element&&L(l);for(let $ of l.querySelectorAll("*"))L($);for(let $ of ae)F.delete($);let J=new Map;for(let[$,H]of x)J.set(H,$);let qe=f.__hyperMorphRoot||f,be=new Map,At=new Set,vt=$=>{let H=b.key($);H!=null&&(be.has(H)?At.add(H):be.set(H,$))};qe instanceof Element&&vt(qe);for(let $ of qe.querySelectorAll("*"))vt($);for(let $ of At)be.delete($);for(let[$,H]of be){let X=F.get($);if(!X||X.tagName!==H.tagName)continue;let Pe=J.get(X);Pe&&Pe!==H&&x.delete(Pe);let _e=x.get(H);_e&&_e!==X&&J.delete(_e),x.set(H,X),J.set(X,H)}}let k=new Set;for(let F of x.values())k.add(F);let I=C(b),N=I.morphStyle||"outerHTML";if(!["innerHTML","outerHTML"].includes(N))throw`Do not understand how to morph style ${N}`;return{target:l,newContent:f,config:I,morphStyle:N,ignoreActive:I.ignoreActive,ignoreActiveValue:I.ignoreActiveValue,restoreFocus:I.restoreFocus,formStateSync:I.formStateSync||"attribute",idMap:S,persistentIds:h,hyperMatches:x,hyperMatchedOldElements:k,pantry:T(),activeElementAndParents:M(l),callbacks:I.callbacks,head:I.head,scripts:I.scripts}}function C(l){let f=Object.assign({},o);return Object.assign(f,l),f.callbacks=Object.assign({},o.callbacks,l.callbacks),f.head=Object.assign({},o.head,l.head),f.scripts=Object.assign({},o.scripts,l.scripts),f}function T(){let l=document.createElement("div");return l.hidden=!0,document.body.insertAdjacentElement("afterend",l),l}function M(l){let f=[],b=document.activeElement;if(b?.tagName!=="BODY"&&l.contains(b))for(;b&&(f.push(b),b!==l);)b=b.parentElement;return f}function R(l){let f=Array.from(l.querySelectorAll("[id]"));return l.getAttribute?.("id")&&f.push(l),f}function E(l,f,b,h){for(let S of h){let x=S.getAttribute("id");if(f.has(x)){let k=S;for(;k;){let I=l.get(k);if(I==null&&(I=new Set,l.set(k,I)),I.add(x),k===b)break;k=k.parentElement}}}}function m(l,f){let b=R(l),h=R(f),S=A(b,h),x=new Map;E(x,S,l,b);let k=f.__hyperMorphRoot||f;return E(x,S,k,h),{persistentIds:S,idMap:x}}function A(l,f){let b=new Set,h=new Map;for(let{id:x,tagName:k}of l)h.has(x)?b.add(x):h.set(x,k);let S=new Set;for(let{id:x,tagName:k}of f)S.has(x)?b.add(x):h.get(x)===k&&S.add(x);for(let x of b)S.delete(x);return S}return g})(),{normalizeElement:v,normalizeParent:O}=(function(){let g=new WeakSet;function C(E){return E instanceof Document?E.documentElement:E}function T(E){if(E==null)return document.createElement("div");if(typeof E=="string")return T(R(E));if(g.has(E))return E;if(E instanceof Node){if(E.parentNode)return new M(E);{let m=document.createElement("div");return m.append(E),m}}else{let m=document.createElement("div");for(let A of[...E])m.append(A);return m}}class M{constructor(m){this.originalNode=m,this.realParentNode=m.parentNode,this.previousSibling=m.previousSibling,this.nextSibling=m.nextSibling}get childNodes(){let m=[],A=this.previousSibling?this.previousSibling.nextSibling:this.realParentNode.firstChild;for(;A&&A!=this.nextSibling;)m.push(A),A=A.nextSibling;return m}querySelectorAll(m){return this.childNodes.reduce((A,l)=>{if(l instanceof Element){l.matches(m)&&A.push(l);let f=l.querySelectorAll(m);for(let b=0;b<f.length;b++)A.push(f[b])}return A},[])}insertBefore(m,A){return this.realParentNode.insertBefore(m,A)}moveBefore(m,A){return this.realParentNode.moveBefore(m,A)}get __hyperMorphRoot(){return this.originalNode}}function R(E){let m=new DOMParser,A=E.replace(/<svg(\s[^>]*>|>)([\s\S]*?)<\/svg>/gim,"");if(A.match(/<\/html>/)||A.match(/<\/head>/)||A.match(/<\/body>/)){let l=m.parseFromString(E,"text/html");if(A.match(/<\/html>/))return g.add(l),l;{let f=l.firstChild;return f&&g.add(f),f}}else{let f=m.parseFromString("<body><template>"+E+"</template></body>","text/html").body.querySelector("template").content;return g.add(f),f}}return{normalizeElement:C,normalizeParent:T}})();return{morph:s,defaults:o}})();var Vo=Ze.morph,Ko=Ze.defaults,Je=Ze;var Xr=null;function Ee(){return Xr}function Me(e,t){let r={carriedOver:0,discarded:0,listItems:0},o=Xe(t,e,r);return Qe(t,e,r),{data:o,summary:r}}function Xe(e,t,r){if(typeof e=="string")return e.endsWith("[]")?Array.isArray(t)?(r.listItems+=t.length,r.carriedOver+=t.length,t):void 0:t==null?void 0:(r.carriedOver++,t);if(Array.isArray(e)){let[,o]=e;return Array.isArray(t)?(r.listItems+=t.length,t.map(n=>Xe(o,n,r))):void 0}if(typeof e=="object"&&e!==null){let o={};for(let[n,s]of Object.entries(e)){let a=Xe(s,t?.[n],r);a!==void 0&&(o[n]=a)}return o}}function Qe(e,t,r){if(t!=null){if(typeof e=="object"&&e!==null&&!Array.isArray(e)){if(typeof t!="object"||Array.isArray(t))return;let o=new Set(Object.keys(e));for(let n of Object.keys(t))o.has(n)?Qe(e[n],t[n],r):r.discarded+=we(t[n]);return}if(Array.isArray(e)&&Array.isArray(t)){let o=e[1];t.forEach(n=>Qe(o,n,r));return}typeof e=="string"&&!e.endsWith("[]")&&typeof t=="object"&&t!==null&&(r.discarded+=we(t))}}function we(e){return e==null?0:Array.isArray(e)?e.reduce((t,r)=>t+we(r),0):typeof e=="object"?Object.values(e).reduce((t,r)=>t+we(r),0):1}function Qr(e){return e&&e.nodeType===1&&e.tagName==="SCRIPT"&&e.hasAttribute&&e.hasAttribute("data-rules-name")}function en(e){return e?(e.nodeType===9||e.nodeType===11,e):null}var tn={find(e,t,r={}){let o=en(e);if(!o||!o.querySelectorAll)return[];let n=Array.from(o.querySelectorAll(t));r.includeRulesTag||(n=n.filter(a=>!Qr(a)));let s=[];if(r.skip&&s.push(r.skip),r.templateAttr&&s.push("["+r.templateAttr+"]"),s.length){let a=s.join(", ");n=n.filter(i=>!i.closest||!i.closest(a))}return n},parent(e){return e?e.parentElement:null},children(e){return e?Array.from(e.children):[]},text(e,t){if(t===void 0)return(e.textContent||"").trim();e.textContent=t},attr(e,t,r){if(r===void 0)return e.hasAttribute&&e.hasAttribute(t)?e.getAttribute(t):null;e.setAttribute(t,r)},removeAttr(e,t){e&&e.removeAttribute&&e.removeAttribute(t)},prop(e,t,r){if(r===void 0){let o=e?e[t]:void 0;return o!==void 0?o:null}e[t]=r},clone(e){return e.cloneNode(!0)},insertAt(e,t,r){let o=e.children[r]||null;e.insertBefore(t,o)},remove(e){e&&e.parentNode&&e.parentNode.removeChild(e)},replaceWith(e,t){if(!e||!e.parentNode)throw new Error("dom.replaceWith: node has no parent");let o=e.ownerDocument.createElement("template");o.innerHTML=t;let n=o.content.firstElementChild;if(!n)throw new Error("dom.replaceWith: html did not parse to an element");return e.parentNode.replaceChild(n,e),n},stripIds(e){let t=0;return e.id&&(e.removeAttribute("id"),t++),(e.querySelectorAll?e.querySelectorAll("[id]"):[]).forEach(o=>{o.removeAttribute("id"),t++}),t},sameNode(e,t){return e===t}},U=tn;var rn="_hyperHtmlApi",nn="upgrade-helper",on="parentOrigin";function rt(e=typeof location<"u"?location:null){if(!e)return!1;try{return new URLSearchParams(e.search).get(rn)===nn}catch{return!1}}function Ft(e=typeof location<"u"?location:null){return e?new URLSearchParams(e.search).get(on):null}function nt({win:e,doc:t,parentOrigin:r}={}){if(e=e||(typeof window<"u"?window:null),t=t||(typeof document<"u"?document:null),!e||!t||(r=r||Ft(e.location),!r))return;let o=()=>sn({win:e,doc:t,parentOrigin:r});t.readyState==="loading"?t.addEventListener("DOMContentLoaded",o,{once:!0}):o()}function sn({win:e,doc:t,parentOrigin:r}){let o;try{o=Y(U,t.body)}catch(c){return et(e,r,c)}if(!o)return et(e,r,new Error("helper-mode: no rules tag in v2 document"));let n=o.rules,s=cn(t,"hyper-version"),a=!!Ee(),i=c=>{if(c.source!==e.parent||c.origin!==r)return;let d=c.data;if(!(!d||d.type!=="hha:upgrade-data")){e.removeEventListener("message",i);try{let u=an({doc:t,rules:n,v1Data:d.v1Data});e.parent.postMessage({type:"hha:upgrade-result",html:u.html,summary:u.summary},r)}catch(u){et(e,r,u)}}};e.addEventListener("message",i),e.parent.postMessage({type:"hha:upgrade-ready",rules:n,version:s,hasTransform:a},r)}function an({doc:e,rules:t,v1Data:r}){let o=Ee(),n=r,s=!1;o&&(n=o(r),s=!0);let{data:a,summary:i}=Me(n,t);G(U,e.body,t,a);let c=B(U,e.body,t);return{html:`<!DOCTYPE html>
|
|
2
|
+
`+e.documentElement.outerHTML,summary:{...i,transformApplied:s,appliedFieldCount:tt(c)}}}function et(e,t,r){e.parent.postMessage({type:"hha:upgrade-error",name:r?.name||"Error",message:r?.message||String(r)},t)}function cn(e,t){let r=e.querySelector(`meta[name="${t}"]`);return r?r.getAttribute("content"):null}function tt(e){return e==null?0:Array.isArray(e)?e.reduce((t,r)=>t+tt(r),0):typeof e=="object"?Object.values(e).reduce((t,r)=>t+tt(r),0):1}var q={extract:(e,t,r)=>B(U,e,t,r),apply:(e,t,r,o)=>G(U,e,t,r,o),findRulesIn:(e,t)=>Y(U,e,t),findRules:(e,t)=>Ge(U,e,t),bind:(e,t,r)=>Ct(U,e,t,r),parseStrict:ze,parseRelaxed:me,errors:ve,DOM_PROPERTIES:Se};typeof window<"u"&&rt(window.location)&&nt({win:window,doc:document});var st={};De(st,{fromString:()=>V,getRuleAtPath:()=>pe,getValueAtPath:()=>hn,setAtPath:()=>ot,toString:()=>fn});function fn(e){return e.map(String).join(".")}function V(e){return e===""?[]:e.split(".").map(t=>/^\d+$/.test(t)?Number(t):t)}function pe(e,t){let r=e;for(let o of t){if(r==null)return;if(typeof r=="string"){if(r.endsWith("[]")&&(typeof o=="number"||o==="*")){r=r.slice(0,-2);continue}return}if(Array.isArray(r)){if(typeof o!="number"&&o!=="*")return;r=r[1];continue}if(typeof r=="object"){if(typeof o=="number"||!(o in r))return;r=r[o];continue}return}return r}function hn(e,t){let r=e;for(let o of t){if(r==null)return;r=r[o]}return r}function ot(e,t,r){if(t.length===0)return r;let[o,...n]=t;if(typeof o=="number"){let s=Array.isArray(e)?[...e]:[];return s[o]=ot(s[o],n,r),s}return{...e&&typeof e=="object"?e:{},[o]:ot((e||{})[o],n,r)}}function ye(e){if(typeof e=="string")return e.endsWith("[]")?[]:"";if(Array.isArray(e))return[];if(typeof e=="object"&&e!==null){let t={};for(let[r,o]of Object.entries(e))t[r]=ye(o);return t}return""}function Te(e,t,{ignoreActiveValue:r=!0}={}){Je.morph(e,t,{morphStyle:"innerHTML",ignoreActiveValue:r,restoreFocus:!0,formStateSync:"property"})}function qt(e){return e.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/([A-Z]+)([A-Z][a-z])/g,"$1 $2").replace(/[-_]/g," ").replace(/\s+/g," ").trim().replace(/^./,t=>t.toUpperCase())}var Pt={"@scalar":`
|
|
3
3
|
<label class="hcms-field" data-hcms-shape="scalar">
|
|
4
4
|
<span class="hcms-label" data-hcms-label></span>
|
|
5
5
|
<input class="hcms-input" data-hcms-field />
|
|
@@ -49,19 +49,19 @@ var hypercms=(()=>{var _e=Object.defineProperty;var pr=Object.getOwnPropertyDesc
|
|
|
49
49
|
<div class="hcms-card-fields"></div>
|
|
50
50
|
<div class="hcms-error" hidden></div>
|
|
51
51
|
</article>
|
|
52
|
-
`},dn=Object.keys(_t);function Re(e){let t=e.head||e.documentElement;if(t)for(let r of dn){if(U(e,r))continue;let n=e.createElement("template");n.setAttribute("data-hcms-tpl",r),n.setAttribute("save-remove",""),n.innerHTML=_t[r].trim(),t.appendChild(n)}}function U(e,t){return!e||!e.querySelector?null:e.querySelector(`template[data-hcms-tpl="${fn(t)}"]`)}function fn(e){return typeof CSS<"u"&&CSS.escape?CSS.escape(e):String(e).replace(/[^a-zA-Z0-9_\-.*]/g,t=>"\\"+t)}function te(e){return typeof e=="string"?e.endsWith("[]")?"scalar-array":"scalar":Array.isArray(e)?"object-array":typeof e=="object"&&e!==null?"object":"scalar"}function ye(e){return e?!!(e.content||e).querySelector("[data-hcms-field]"):!1}var Pt={IMG:"src",A:"href"};function Ce(e){if(!e)return"value";let t=(e.tagName||"").toUpperCase();return t==="INPUT"?(e.getAttribute("type")||"text").toLowerCase()==="checkbox"?"checked":"value":t==="TEXTAREA"||t==="SELECT"?"value":Pt[t]?Pt[t]:null}function Dt(e,t){let r=(e.tagName||"").toUpperCase(),n=(e.getAttribute&&e.getAttribute("type")||"").toLowerCase(),o=Ce(e),a=`${Bt(r,n)}[data-hcms-field="${re(t)}"]`;return r==="INPUT"&&n==="radio"?`${a}:checked@value`:o?`${a}@${o}`:a}function hn(e){let t=(e.tagName||"").toUpperCase(),r=(e.getAttribute&&e.getAttribute("type")||"").toLowerCase(),n=Ce(e),s=`${Bt(t,r)}[data-hcms-field]`;return t==="INPUT"&&r==="radio"?`${s}:checked@value`:n?`${s}@${n}`:s}function Bt(e,t){return e==="INPUT"?t?`input[type="${t}"]`:"input":e==="TEXTAREA"?"textarea":e==="SELECT"?"select":e==="IMG"?"img":e==="A"?"a":':not([data-hcms-shape="scalar"]):not([data-hcms-shape="object"]):not([data-hcms-shape="object-array"]):not([data-hcms-shape="scalar-array"])'}function re(e){return typeof CSS<"u"&&CSS.escape?CSS.escape(e):String(e).replace(/[^a-zA-Z0-9_\-.*]/g,t=>"\\"+t)}var Ut=new Set(["__proto__","constructor","prototype"]);function ke(e,t){return r(e,[]);function r(u,d){let p=te(u);if(p==="scalar")return n(u,d);if(p==="scalar-array")return o(d);if(p==="object-array")return s(u,d);if(p==="object"){let y=Object.create(null);for(let[w,E]of Object.entries(u)){if(Ut.has(w))throw new Error(`hypercms: rule key "${w}" is forbidden at "${d.join(".")||"<root>"}"`);y[w]=r(E,[...d,w])}return y}return null}function n(u,d){let p=d.length?d[d.length-1]:null,y=typeof p=="string"?p:"__value",w=c(d,y);if(w)return Dt(w,y);let E=i("@scalar",y);return E?Dt(E,y):`input[data-hcms-field="${re(y)}"]@value`}function o(u){let d=i("@scalar-array-item",null),p=d?hn(d):"input[data-hcms-field]@value";return[a(u,"[data-hcms-array-item]"),p]}function s(u,d){let[,p]=u,y=[...d,"*"],w=a(d,"[data-hcms-card]");if(p&&typeof p=="object"&&!Array.isArray(p)){let E=Object.create(null);for(let[j,b]of Object.entries(p)){if(Ut.has(j))throw new Error(`hypercms: rule key "${j}" is forbidden at "${y.join(".")}"`);E[j]=r(b,[...y,j])}return[w,E]}return[w,r(p,[...y,0])]}function a(u,d){let p=u.length?u[u.length-1]:"",y=u.some(j=>j==="*"),w=u.join(".");return`${y?`[data-hcms-field="${re(p)}"]`:`[data-hcms-path="${re(w)}"]`} > .hcms-array-items > ${d}`}function i(u,d){if(!t)return null;let p=U(t,u);if(!p)return null;let y=p.content||p;if(d){let w=y.querySelector(`[data-hcms-field="${re(d)}"]`);if(w)return w}return y.querySelector("[data-hcms-field]")}function c(u,d){if(!t)return null;let p=u.map(E=>typeof E=="number"?"*":E).join("."),w=[u.join("."),p];for(let E=u.length-1;E>=0;E--){let j=u.slice(0,E).map(b=>typeof b=="number"?"*":b);j.push("*"),w.push(j.join("."))}for(let E of w){if(!E)continue;let j=U(t,E);if(!j||!ye(j))continue;let b=j.content||j,k=b.querySelector(`[data-hcms-field="${re(d)}"]`)||b.querySelector("[data-hcms-field]");if(k)return k}return null}}function Oe({pageRules:e,formRules:t,data:r,doc:n}){let o=n.createDocumentFragment(),s=ot(e,[],r,n);return s&&o.appendChild(s),o}function Vt({shape:e,itemShape:t,pathArr:r,data:n,doc:o}){if(e==="object-array-item")return Kt(t,r,n,o);if(e==="scalar-array-item")return zt(r,n,o);throw new Error(`hypercms: buildItem called with unknown shape "${e}"`)}function ot(e,t,r,n){let o=te(e);return o==="scalar"?mn(t,r,n):o==="object"?pn(e,t,r,n):o==="object-array"?yn(e,t,r,n):o==="scalar-array"?gn(e,t,r,n):null}function mn(e,t,r){let n=je(e,"@scalar",r);if(!n)throw new Error(`hypercms: missing template for scalar at "${e.join(".")}"`);let o=ne(n,r);return oe(o,e),bn(o,W(e)),Ie(o,W(e)),Ne(o,W(e)),Xt(o,t),o}function pn(e,t,r,n){let o=je(t,"@object",n);if(!o)throw new Error(`hypercms: missing template for object at "${t.join(".")}"`);let s=ne(o,n);if(oe(s,t),Ie(s,W(t)),Ne(s,W(t)),ye(o))return er(s,e,t),Qt(s,e,r),s;let a=Le(s,".hcms-object-fields",o,t);for(let[i,c]of Object.entries(e)){let u=r==null?null:r[i],d=ot(c,[...t,i],u,n);d&&a.appendChild(d)}return s}function yn(e,t,r,n){let o=je(t,"@object-array",n);if(!o)throw new Error(`hypercms: missing template for object-array at "${t.join(".")}"`);let s=ne(o,n);oe(s,t),Ie(s,W(t)),Ne(s,W(t)),Yt(s,o),Jt(s,o,t);let a=Le(s,".hcms-array-items",o,t),[,i]=e;return(Array.isArray(r)?r:[]).forEach((u,d)=>{let p=Kt(i,[...t,d],u,n);p&&a.appendChild(p)}),Zt(s),s}function Kt(e,t,r,n){let o=Gt(t,"object-array-item",n);if(!o)throw new Error(`hypercms: missing item template for "${t.join(".")}"`);let s=ne(o,n);if(s.setAttribute("data-hcms-card",""),s.classList.contains("hcms-card")||s.classList.add("hcms-card"),oe(s,t),ye(o))return e&&typeof e=="object"&&!Array.isArray(e)&&(er(s,e,t),Qt(s,e,r)),s;let a=Le(s,".hcms-card-fields",o,t);if(e&&typeof e=="object"&&!Array.isArray(e))for(let[i,c]of Object.entries(e)){let u=r==null?null:r[i],d=ot(c,[...t,i],u,n);d&&a.appendChild(d)}return s}function gn(e,t,r,n){let o=je(t,"@scalar-array",n);if(!o)throw new Error(`hypercms: missing template for scalar-array at "${t.join(".")}"`);let s=ne(o,n);oe(s,t),Ie(s,W(t)),Ne(s,W(t)),Yt(s,o),Jt(s,o,t);let a=Le(s,".hcms-array-items",o,t);return(Array.isArray(r)?r:[]).forEach((c,u)=>{let d=zt([...t,u],c,n);d&&a.appendChild(d)}),Zt(s),s}function zt(e,t,r){let n=Gt(e,"scalar-array-item",r);if(!n)throw new Error(`hypercms: missing item template for "${e.join(".")}"`);let o=ne(n,r);return o.setAttribute("data-hcms-array-item",""),o.classList.contains("hcms-array-item")||o.classList.add("hcms-array-item"),oe(o,e),Xt(o,t),o}function je(e,t,r){let n=e.join("."),o=e.map(s=>typeof s=="number"?"*":s).join(".");return n&&U(r,n)||o&&o!==n&&U(r,o)||U(r,t)}function Gt(e,t,r){let n=e.map(o=>typeof o=="number"?"*":o).join(".");return U(r,n)||U(r,"@"+t)}function ne(e,t){let r=e.content||e,n=t.createElement("div");return n.appendChild(r.cloneNode(!0)),n.firstElementChild||n}function oe(e,t){e.setAttribute("data-hcms-path",t.join("."))}function bn(e,t){let r=t==null?"":String(t);if(e.matches&&e.matches("[data-hcms-field]")){e.getAttribute("data-hcms-field")||e.setAttribute("data-hcms-field",r);return}(e.querySelectorAll?e.querySelectorAll("[data-hcms-field]"):[]).forEach(o=>{o.getAttribute("data-hcms-field")||o.setAttribute("data-hcms-field",r)})}function Ie(e,t){t==null||t===""||!e.setAttribute||e.hasAttribute?.("data-hcms-field")||e.setAttribute("data-hcms-field",String(t))}function Ne(e,t){if(t==null||t==="")return;(e.querySelectorAll?e.querySelectorAll("[data-hcms-label]"):[]).forEach(n=>{(n.textContent||"").trim()===""&&(n.textContent=qt(String(t)))})}function Yt(e,t){["data-hcms-no-add","data-hcms-no-remove","data-hcms-no-reorder"].forEach(r=>{t.hasAttribute(r)&&e.setAttribute(r,"")}),["data-hcms-min-items","data-hcms-max-items"].forEach(r=>{t.hasAttribute(r)&&e.setAttribute(r,t.getAttribute(r))})}function Zt(e){let t=e.querySelector?e.querySelector(".hcms-array-items"):null;if(!t)return;let r=Array.from(t.querySelectorAll(":scope > [data-hcms-card], :scope > [data-hcms-array-item]")),n=r.length,o=Wt(e,"data-hcms-max-items"),s=Wt(e,"data-hcms-min-items"),a=e.hasAttribute("data-hcms-no-add"),i=e.hasAttribute("data-hcms-no-remove"),c=e.hasAttribute("data-hcms-no-reorder"),u=e.querySelector('[data-hcms-action="add"]');u&&(u.hidden=a||o!=null&&n>=o),r.forEach((d,p)=>{let y=d.querySelector('[data-hcms-action="remove"]');y&&(y.hidden=i||s!=null&&n<=s);let w=d.querySelector('[data-hcms-action="move-up"]');w&&(w.hidden=c||p===0);let E=d.querySelector('[data-hcms-action="move-down"]');E&&(E.hidden=c||p===n-1)})}function Wt(e,t){if(!e||!e.hasAttribute(t))return null;let r=parseInt(e.getAttribute(t),10);return Number.isFinite(r)?r:null}function Jt(e,t,r){if(e.hasAttribute("data-hcms-no-reorder")||t.hasAttribute("data-hcms-no-reorder"))return;let n=e.querySelector(".hcms-array-items");if(!n)return;let o="hcms-"+r.join(".");n.setAttribute("sortable",o),n.setAttribute("onsorted","hypercmsCommit && hypercmsCommit()")}function W(e){return e.length?e[e.length-1]:null}function Xt(e,t){let r=Sn(e);if(r.length!==0)for(let n of r)tr(n,t)}function Sn(e){if(!e)return[];let t=[];return e.matches?.("[data-hcms-field]")&&An(e)&&t.push(e),(e.querySelectorAll?e.querySelectorAll("input[data-hcms-field], textarea[data-hcms-field], select[data-hcms-field], img[data-hcms-field], a[data-hcms-field], [contenteditable][data-hcms-field]"):[]).forEach(n=>t.push(n)),t}function An(e){let t=(e.tagName||"").toUpperCase();return!!(t==="INPUT"||t==="TEXTAREA"||t==="SELECT"||t==="IMG"||t==="A"||e.hasAttribute?.("contenteditable"))}function Qt(e,t,r){(e.querySelectorAll?e.querySelectorAll("[data-hcms-field]"):[]).forEach(o=>{let s=o.getAttribute("data-hcms-field");if(!s)return;if(!t||typeof t!="object"||!(s in t)){console.warn(`[hypercms] inline template field "${s}" is not in the rule shape; ignoring`);return}let a=r==null?null:r[s];tr(o,a)})}function er(e,t,r){if(!e.querySelectorAll)return;e.querySelectorAll("[data-hcms-field]").forEach(o=>{let s=o.getAttribute("data-hcms-field");if(!s||t&&typeof t=="object"&&!(s in t))return;let a=[...r,s].join(".");o.setAttribute("data-hcms-path",a)})}function Le(e,t,r,n){if(!e.querySelector)return e;let o=e.querySelector(t);if(o)return o;let s=r?.getAttribute?.("data-hcms-tpl")||n.join(".");throw new Error(`hypercms: template "${s}" is in slotted mode but has no ${t} element`)}function tr(e,t){let r=Ce(e),n=(e.tagName||"").toUpperCase(),o=(e.getAttribute("type")||"").toLowerCase();if(n==="INPUT"&&o==="radio"){e.checked=e.value!=null&&String(e.value)===String(t??"");return}if(r==="checked"){e.checked=t===!0||t==="true";return}if(r){e[r]=t==null?"":String(t);return}e.textContent=t==null?"":String(t)}var rr={skip:"[data-hcms-shell]",templateAttr:"cms-template"};function nr(e,t,r,n={}){let{observerHandle:o,shellRoot:s,structural:a,structuralPath:i}=n;o?.pause?.();try{if(!a)try{return q.apply(e,t,r,rr),{ok:!0}}catch(p){return{ok:!1,error:p}}let c=vn(e,t,i),u=c?En(c):null,d=c?null:Mn(e,s);try{return q.apply(e,t,r,rr),{ok:!0}}catch(p){return u?wn(c,u):d&&Tn(e,s,d),{ok:!1,error:p}}}finally{o?.resume?.()}}function vn(e,t,r){if(!r||!e)return null;let n=V(r),o=[],s=t;for(let a of n){if(typeof s=="string"||s==null||Array.isArray(s))break;if(typeof s=="object"&&a in s){if(o.push(a),s=s[a],Array.isArray(s)||typeof s=="string"&&s.endsWith("[]"))break}else return null}return!Array.isArray(s)&&!(typeof s=="string"&&s.endsWith("[]"))?null:xn(e,t,o)}function xn(e,t,r){if(r.length===0)return null;let n=e,o=t;for(let s=0;s<r.length;s++){let a=r[s];if(!o||typeof o!="object"||Array.isArray(o))return null;let i=o[a];if(i==null)return null;if(s===r.length-1){if(Array.isArray(i)){let[c]=i;return n.querySelector?.(c)?.parentElement||null}if(typeof i=="string"&&i.endsWith("[]")){let c=i.slice(0,-2);return n.querySelector?.(c)?.parentElement||null}return null}o=i}return null}function En(e){let t=[];for(let r of Array.from(e.childNodes))t.push(r.cloneNode(!0));return t}function wn(e,t){for(;e.firstChild;)e.removeChild(e.firstChild);for(let r of t)e.appendChild(r)}function Mn(e,t){let r=[];for(let n of Array.from(e.childNodes))n===t||t&&n.contains?.(t)||r.push(n.cloneNode(!0));return r}function Tn(e,t,r){for(let o of Array.from(e.childNodes))o===t||t&&o.contains?.(t)||e.removeChild(o);let n=Rn(e,t);for(let o of r)e.insertBefore(o,n||null)}function Rn(e,t){if(!t)return null;for(let r of Array.from(e.childNodes))if(r===t||r.contains?.(t))return r;return null}var st=new WeakSet;function se(e,t){let r=typeof window<"u"&&window.hyperclay&&window.hyperclay.undo||null;if(!r)return t();r.pause();try{let n=t();return n&&n.ok?r.commitCaptured(e):r.discardCaptured(),n}finally{r.resume()}}function it(e){let t=typeof window<"u"&&window.hyperclay&&window.hyperclay.undo||null;if(!t)return e();t.pause();try{return e()}finally{t.discardCaptured(),t.resume()}}function ir(e){let{formRoot:t}=e;if(!t||st.has(t))return;st.add(t);let r=a=>{let i=a.target;!i||!i.closest||i.closest("[data-hcms-form-root]")&&i.matches("input, textarea, select")&&(!i.closest("[data-hcms-field]")&&!i.hasAttribute?.("data-hcms-field")||or(i,e))},n=a=>{let i=a.target;!i||!i.closest||i.closest("[data-hcms-form-root]")&&i.matches('input[type="checkbox"], input[type="radio"], select')&&or(i,e)},o=a=>{let i=a.target;if(!i||!i.closest)return;let c=i.closest("[data-hcms-action]");if(!c)return;let u=c.getAttribute("data-hcms-action");if(u==="add"||u==="remove"||u==="move-up"||u==="move-down"){if(!c.closest("[data-hcms-form-root]"))return}else if((u==="close"||u==="save")&&!c.closest("[data-hcms-shell]"))return;if(u==="add"){let d=c.closest("[data-hcms-path]");if(!d)return;let p=d.getAttribute("data-hcms-path");at(p,e)}else if(u==="remove"){let d=c.closest("[data-hcms-card], [data-hcms-array-item]");if(!d)return;ct(d,e)}else if(u==="move-up"||u==="move-down"){let d=c.closest("[data-hcms-card], [data-hcms-array-item]");if(!d)return;Cn(d,u==="move-up"?-1:1,e)}else u==="close"?e.onCloseRequested?.():u==="save"&&kn(e)},s=t.ownerDocument;s.addEventListener("input",r,!0),s.addEventListener("change",n,!0),s.addEventListener("click",o,!0),e.detachEvents=()=>{s.removeEventListener("input",r,!0),s.removeEventListener("change",n,!0),s.removeEventListener("click",o,!0),st.delete(t)}}function or(e,t){let n=(e.closest("[data-hcms-field]")||e).closest("[data-hcms-path]")?.getAttribute("data-hcms-path")||"";K(_(t),{path:n,structural:!1},t)}function at(e,t){let{formRoot:r,pageRules:n}=t,o=r.querySelector(`[data-hcms-path="${$n(e)}"]`);if(!o)throw new Error(`hypercms: no element at path "${e}"`);let s=o.querySelector(".hcms-array-items");if(!s)throw new Error(`hypercms: array container missing .hcms-array-items at "${e}"`);let a=V(e),i=Nn(n,a),c=Array.isArray(i),u=typeof i=="string"&&i.endsWith("[]");if(!c&&!u)throw new Error(`hypercms: path "${e}" is not an array`);let d=$e(o,"data-hcms-max-items"),p=s.querySelectorAll(":scope > [data-hcms-card], :scope > [data-hcms-array-item]");if(o.hasAttribute("data-hcms-no-add")||d!=null&&p.length>=d)return;let y=p.length,w=c?i[1]:i.replace(/\[\]$/,""),E=pe(c?w:"string"),j=Vt({shape:c?"object-array-item":"scalar-array-item",itemShape:w,pathArr:[...a,y],data:E,doc:t.doc});return s.appendChild(j),ut(o),se(`Add ${e}`,()=>K(_(t),{path:e,structural:!0},t))}function Cn(e,t,r){let n=e.closest('[data-hcms-shape="object-array"], [data-hcms-shape="scalar-array"]');if(!n||n.hasAttribute("data-hcms-no-reorder"))return;let o=n.querySelector(".hcms-array-items");if(!o)return;let s=Array.from(o.querySelectorAll(":scope > [data-hcms-card], :scope > [data-hcms-array-item]")),a=s.indexOf(e);if(a<0)return;let i=a+t;if(i<0||i>=s.length)return;let c=e.querySelector(`[data-hcms-action="${t<0?"move-up":"move-down"}"]`);return t<0?o.insertBefore(e,s[i]):o.insertBefore(e,s[i].nextSibling),ft(o),ut(n),c&&typeof c.focus=="function"&&e.querySelector(`[data-hcms-action="${t<0?"move-up":"move-down"}"]`)?.focus?.(),se(`Reorder ${n.getAttribute("data-hcms-path")||""}`,()=>K(_(r),{path:n.getAttribute("data-hcms-path")||"",structural:!0},r))}function ct(e,t){let r=e.getAttribute("data-hcms-path")||"",n=e.parentElement,o=e.closest('[data-hcms-shape="object-array"], [data-hcms-shape="scalar-array"]');if(!o?.hasAttribute("data-hcms-no-remove")){if(o){let s=$e(o,"data-hcms-min-items"),a=o.querySelector(".hcms-array-items"),i=a?a.querySelectorAll(":scope > [data-hcms-card], :scope > [data-hcms-array-item]").length:0;if(s!=null&&i<=s)return}return e.remove(),n&&ft(n),o&&ut(o),se(`Remove ${r}`,()=>K(_(t),{path:r,structural:!0},t))}}function kn(e){let t=_(e);e.dispatch?.("hcms:save",{data:t}),e.onSave?.(t)}function K(e,t,r){let n=ht(e);if(n===r.lastFingerprint)return{ok:!0,skipped:!0};let o=nr(r.pageRoot,r.pageRules,e,{observerHandle:r.observerHandle,shellRoot:r.shellRoot,structural:!!t.structural,structuralPath:t.path||null});return o.ok?(r.lastFingerprint=n,r.lastData=e,sr(r,null),r.dispatch?.("hcms:change",{data:e,path:t.path,structural:!!t.structural}),r.onChange?.(e,t)):(sr(r,In(o.error,t.path)),r.dispatch?.("hcms:error",{error:o.error,attemptedData:e}),r.onError?.(o.error)),o}function _(e){let t=q.extract(e.formRoot,e.formRules);return Z(t,e.formRules)}function Z(e,t){if(t==null||e==null)return e;if(typeof t=="string")return t.endsWith("@checked")?e===!0||e==="true":e;if(Array.isArray(t)){if(!Array.isArray(e))return e;let[,r]=t;return e.map(n=>Z(n,r))}if(typeof t=="object"){if(typeof e!="object"||Array.isArray(e))return e;let r={};for(let[n,o]of Object.entries(t))r[n]=Z(e[n],o);return r}return e}function sr(e,t){e.lastErrors=t&&t.length?t:null,lt(e)}function lt(e){if(On(e),e.errorEl&&(e.errorEl.textContent="",e.errorEl.hidden=!0),!e.lastErrors)return;let t=[];for(let{message:r,path:n}of e.lastErrors){if(n!=null&&n!==""){let o=jn(e.formRoot,n);if(o){o.textContent=o.textContent?`${o.textContent}
|
|
53
|
-
${r}`:r,
|
|
54
|
-
`),e.errorEl.hidden=!1)}function
|
|
52
|
+
`},mn=Object.keys(Pt);function Re(e){let t=e.head||e.documentElement;if(t)for(let r of mn){if(D(e,r))continue;let o=e.createElement("template");o.setAttribute("data-hcms-tpl",r),o.setAttribute("save-remove",""),o.innerHTML=Pt[r].trim(),t.appendChild(o)}}function D(e,t){return!e||!e.querySelector?null:e.querySelector(`template[data-hcms-tpl="${pn(t)}"]`)}function pn(e){return typeof CSS<"u"&&CSS.escape?CSS.escape(e):String(e).replace(/[^a-zA-Z0-9_\-.*]/g,t=>"\\"+t)}function te(e){return typeof e=="string"?e.endsWith("[]")?"scalar-array":"scalar":Array.isArray(e)?"object-array":typeof e=="object"&&e!==null?"object":"scalar"}function ge(e){return e?!!(e.content||e).querySelector("[data-hcms-field]"):!1}var _t={IMG:"src",A:"href"};function Ce(e){if(!e)return"value";let t=(e.tagName||"").toUpperCase();return t==="INPUT"?(e.getAttribute("type")||"text").toLowerCase()==="checkbox"?"checked":"value":t==="TEXTAREA"||t==="SELECT"?"value":_t[t]?_t[t]:null}function Ut(e,t){let r=(e.tagName||"").toUpperCase(),o=(e.getAttribute&&e.getAttribute("type")||"").toLowerCase(),n=Ce(e),a=`${Bt(r,o)}[data-hcms-field="${re(t)}"]`;return r==="INPUT"&&o==="radio"?`${a}:checked@value`:n?`${a}@${n}`:a}function yn(e){let t=(e.tagName||"").toUpperCase(),r=(e.getAttribute&&e.getAttribute("type")||"").toLowerCase(),o=Ce(e),s=`${Bt(t,r)}[data-hcms-field]`;return t==="INPUT"&&r==="radio"?`${s}:checked@value`:o?`${s}@${o}`:s}function Bt(e,t){return e==="INPUT"?t?`input[type="${t}"]`:"input":e==="TEXTAREA"?"textarea":e==="SELECT"?"select":e==="IMG"?"img":e==="A"?"a":':not([data-hcms-shape="scalar"]):not([data-hcms-shape="object"]):not([data-hcms-shape="object-array"]):not([data-hcms-shape="scalar-array"])'}function re(e){return typeof CSS<"u"&&CSS.escape?CSS.escape(e):String(e).replace(/[^a-zA-Z0-9_\-.*]/g,t=>"\\"+t)}var Dt=new Set(["__proto__","constructor","prototype"]);function ke(e,t){return r(e,[]);function r(d,u){let p=te(d);if(p==="scalar")return o(d,u);if(p==="scalar-array")return n(u);if(p==="object-array")return s(d,u);if(p==="object"){let y=Object.create(null);for(let[w,v]of Object.entries(d)){if(Dt.has(w))throw new Error(`hypercms: rule key "${w}" is forbidden at "${u.join(".")||"<root>"}"`);y[w]=r(v,[...u,w])}return y}return null}function o(d,u){let p=u.length?u[u.length-1]:null,y=typeof p=="string"?p:"__value",w=c(u,y);if(w)return Ut(w,y);let v=i("@scalar",y);return v?Ut(v,y):`input[data-hcms-field="${re(y)}"]@value`}function n(d){let u=i("@scalar-array-item",null),p=u?yn(u):"input[data-hcms-field]@value";return[a(d,"[data-hcms-array-item]"),p]}function s(d,u){let[,p]=d,y=[...u,"*"],w=a(u,"[data-hcms-card]");if(p&&typeof p=="object"&&!Array.isArray(p)){let v=Object.create(null);for(let[O,g]of Object.entries(p)){if(Dt.has(O))throw new Error(`hypercms: rule key "${O}" is forbidden at "${y.join(".")}"`);v[O]=r(g,[...y,O])}return[w,v]}return[w,r(p,[...y,0])]}function a(d,u){let p=d.length?d[d.length-1]:"",y=d.some(O=>O==="*"),w=d.join(".");return`${y?`[data-hcms-field="${re(p)}"]`:`[data-hcms-path="${re(w)}"]`} > .hcms-array-items > ${u}`}function i(d,u){if(!t)return null;let p=D(t,d);if(!p)return null;let y=p.content||p;if(u){let w=y.querySelector(`[data-hcms-field="${re(u)}"]`);if(w)return w}return y.querySelector("[data-hcms-field]")}function c(d,u){if(!t)return null;let p=d.map(v=>typeof v=="number"?"*":v).join("."),w=[d.join("."),p];for(let v=d.length-1;v>=0;v--){let O=d.slice(0,v).map(g=>typeof g=="number"?"*":g);O.push("*"),w.push(O.join("."))}for(let v of w){if(!v)continue;let O=D(t,v);if(!O||!ge(O))continue;let g=O.content||O,C=g.querySelector(`[data-hcms-field="${re(u)}"]`)||g.querySelector("[data-hcms-field]");if(C)return C}return null}}function Ie({pageRules:e,formRules:t,data:r,doc:o}){let n=o.createDocumentFragment(),s=it(e,[],r,o);return s&&n.appendChild(s),n}function Vt({shape:e,itemShape:t,pathArr:r,data:o,doc:n}){if(e==="object-array-item")return Kt(t,r,o,n);if(e==="scalar-array-item")return zt(r,o,n);throw new Error(`hypercms: buildItem called with unknown shape "${e}"`)}function it(e,t,r,o){let n=te(e);return n==="scalar"?gn(t,r,o):n==="object"?bn(e,t,r,o):n==="object-array"?Sn(e,t,r,o):n==="scalar-array"?An(e,t,r,o):null}function gn(e,t,r){let o=Oe(e,"@scalar",r);if(!o)throw new Error(`hypercms: missing template for scalar at "${e.join(".")}"`);let n=ne(o,r);return oe(n,e),vn(n,W(e)),je(n,W(e)),Ne(n,W(e)),Xt(n,t),n}function bn(e,t,r,o){let n=Oe(t,"@object",o);if(!n)throw new Error(`hypercms: missing template for object at "${t.join(".")}"`);let s=ne(n,o);if(oe(s,t),je(s,W(t)),Ne(s,W(t)),ge(n))return er(s,e,t),Qt(s,e,r),s;let a=Le(s,".hcms-object-fields",n,t);for(let[i,c]of Object.entries(e)){let d=r==null?null:r[i],u=it(c,[...t,i],d,o);u&&a.appendChild(u)}return s}function Sn(e,t,r,o){let n=Oe(t,"@object-array",o);if(!n)throw new Error(`hypercms: missing template for object-array at "${t.join(".")}"`);let s=ne(n,o);oe(s,t),je(s,W(t)),Ne(s,W(t)),Yt(s,n),Jt(s,n,t);let a=Le(s,".hcms-array-items",n,t),[,i]=e;return(Array.isArray(r)?r:[]).forEach((d,u)=>{let p=Kt(i,[...t,u],d,o);p&&a.appendChild(p)}),Zt(s),s}function Kt(e,t,r,o){let n=Gt(t,"object-array-item",o);if(!n)throw new Error(`hypercms: missing item template for "${t.join(".")}"`);let s=ne(n,o);if(s.setAttribute("data-hcms-card",""),s.classList.contains("hcms-card")||s.classList.add("hcms-card"),oe(s,t),ge(n))return e&&typeof e=="object"&&!Array.isArray(e)&&(er(s,e,t),Qt(s,e,r)),s;let a=Le(s,".hcms-card-fields",n,t);if(e&&typeof e=="object"&&!Array.isArray(e))for(let[i,c]of Object.entries(e)){let d=r==null?null:r[i],u=it(c,[...t,i],d,o);u&&a.appendChild(u)}return s}function An(e,t,r,o){let n=Oe(t,"@scalar-array",o);if(!n)throw new Error(`hypercms: missing template for scalar-array at "${t.join(".")}"`);let s=ne(n,o);oe(s,t),je(s,W(t)),Ne(s,W(t)),Yt(s,n),Jt(s,n,t);let a=Le(s,".hcms-array-items",n,t);return(Array.isArray(r)?r:[]).forEach((c,d)=>{let u=zt([...t,d],c,o);u&&a.appendChild(u)}),Zt(s),s}function zt(e,t,r){let o=Gt(e,"scalar-array-item",r);if(!o)throw new Error(`hypercms: missing item template for "${e.join(".")}"`);let n=ne(o,r);return n.setAttribute("data-hcms-array-item",""),n.classList.contains("hcms-array-item")||n.classList.add("hcms-array-item"),oe(n,e),Xt(n,t),n}function Oe(e,t,r){let o=e.join("."),n=e.map(s=>typeof s=="number"?"*":s).join(".");return o&&D(r,o)||n&&n!==o&&D(r,n)||D(r,t)}function Gt(e,t,r){let o=e.map(n=>typeof n=="number"?"*":n).join(".");return D(r,o)||D(r,"@"+t)}function ne(e,t){let r=e.content||e,o=t.createElement("div");return o.appendChild(r.cloneNode(!0)),o.firstElementChild||o}function oe(e,t){e.setAttribute("data-hcms-path",t.join("."))}function vn(e,t){let r=t==null?"":String(t);if(e.matches&&e.matches("[data-hcms-field]")){e.getAttribute("data-hcms-field")||e.setAttribute("data-hcms-field",r);return}(e.querySelectorAll?e.querySelectorAll("[data-hcms-field]"):[]).forEach(n=>{n.getAttribute("data-hcms-field")||n.setAttribute("data-hcms-field",r)})}function je(e,t){t==null||t===""||!e.setAttribute||e.hasAttribute?.("data-hcms-field")||e.setAttribute("data-hcms-field",String(t))}function Ne(e,t){if(t==null||t==="")return;(e.querySelectorAll?e.querySelectorAll("[data-hcms-label]"):[]).forEach(o=>{(o.textContent||"").trim()===""&&(o.textContent=qt(String(t)))})}function Yt(e,t){["data-hcms-no-add","data-hcms-no-remove","data-hcms-no-reorder"].forEach(r=>{t.hasAttribute(r)&&e.setAttribute(r,"")}),["data-hcms-min-items","data-hcms-max-items"].forEach(r=>{t.hasAttribute(r)&&e.setAttribute(r,t.getAttribute(r))})}function Zt(e){let t=e.querySelector?e.querySelector(".hcms-array-items"):null;if(!t)return;let r=Array.from(t.querySelectorAll(":scope > [data-hcms-card], :scope > [data-hcms-array-item]")),o=r.length,n=Wt(e,"data-hcms-max-items"),s=Wt(e,"data-hcms-min-items"),a=e.hasAttribute("data-hcms-no-add"),i=e.hasAttribute("data-hcms-no-remove"),c=e.hasAttribute("data-hcms-no-reorder"),d=e.querySelector('[data-hcms-action="add"]');d&&(d.hidden=a||n!=null&&o>=n),r.forEach((u,p)=>{let y=u.querySelector('[data-hcms-action="remove"]');y&&(y.hidden=i||s!=null&&o<=s);let w=u.querySelector('[data-hcms-action="move-up"]');w&&(w.hidden=c||p===0);let v=u.querySelector('[data-hcms-action="move-down"]');v&&(v.hidden=c||p===o-1)})}function Wt(e,t){if(!e||!e.hasAttribute(t))return null;let r=parseInt(e.getAttribute(t),10);return Number.isFinite(r)?r:null}function Jt(e,t,r){if(e.hasAttribute("data-hcms-no-reorder")||t.hasAttribute("data-hcms-no-reorder"))return;let o=e.querySelector(".hcms-array-items");if(!o)return;let n="hcms-"+r.join(".");o.setAttribute("sortable",n),o.setAttribute("onsorted","hypercmsCommit && hypercmsCommit()")}function W(e){return e.length?e[e.length-1]:null}function Xt(e,t){let r=xn(e);if(r.length!==0)for(let o of r)tr(o,t)}function xn(e){if(!e)return[];let t=[];return e.matches?.("[data-hcms-field]")&&En(e)&&t.push(e),(e.querySelectorAll?e.querySelectorAll("input[data-hcms-field], textarea[data-hcms-field], select[data-hcms-field], img[data-hcms-field], a[data-hcms-field], [contenteditable][data-hcms-field]"):[]).forEach(o=>t.push(o)),t}function En(e){let t=(e.tagName||"").toUpperCase();return!!(t==="INPUT"||t==="TEXTAREA"||t==="SELECT"||t==="IMG"||t==="A"||e.hasAttribute?.("contenteditable"))}function Qt(e,t,r){(e.querySelectorAll?e.querySelectorAll("[data-hcms-field]"):[]).forEach(n=>{let s=n.getAttribute("data-hcms-field");if(!s)return;if(!t||typeof t!="object"||!(s in t)){console.warn(`[hypercms] inline template field "${s}" is not in the rule shape; ignoring`);return}let a=r==null?null:r[s];tr(n,a)})}function er(e,t,r){if(!e.querySelectorAll)return;e.querySelectorAll("[data-hcms-field]").forEach(n=>{let s=n.getAttribute("data-hcms-field");if(!s||t&&typeof t=="object"&&!(s in t))return;let a=[...r,s].join(".");n.setAttribute("data-hcms-path",a)})}function Le(e,t,r,o){if(!e.querySelector)return e;let n=e.querySelector(t);if(n)return n;let s=r?.getAttribute?.("data-hcms-tpl")||o.join(".");throw new Error(`hypercms: template "${s}" is in slotted mode but has no ${t} element`)}function tr(e,t){let r=Ce(e),o=(e.tagName||"").toUpperCase(),n=(e.getAttribute("type")||"").toLowerCase();if(o==="INPUT"&&n==="radio"){e.checked=e.value!=null&&String(e.value)===String(t??"");return}if(r==="checked"){e.checked=t===!0||t==="true";return}if(r){e[r]=t==null?"":String(t);return}e.textContent=t==null?"":String(t)}var rr={skip:"[data-hcms-shell]",templateAttr:"cms-template"};function nr(e,t,r,o={}){let{observerHandle:n,shellRoot:s,structural:a,structuralPath:i}=o;n?.pause?.();try{if(!a)try{return q.apply(e,t,r,rr),{ok:!0}}catch(p){return{ok:!1,error:p}}let c=wn(e,t,i),d=c?Tn(c):null,u=c?null:Cn(e,s);try{return q.apply(e,t,r,rr),{ok:!0}}catch(p){return d?Rn(c,d):u&&kn(e,s,u),{ok:!1,error:p}}}finally{n?.resume?.()}}function wn(e,t,r){if(!r||!e)return null;let o=V(r),n=[],s=t;for(let a of o){if(typeof s=="string"||s==null||Array.isArray(s))break;if(typeof s=="object"&&a in s){if(n.push(a),s=s[a],Array.isArray(s)||typeof s=="string"&&s.endsWith("[]"))break}else return null}return!Array.isArray(s)&&!(typeof s=="string"&&s.endsWith("[]"))?null:Mn(e,t,n)}function Mn(e,t,r){if(r.length===0)return null;let o=e,n=t;for(let s=0;s<r.length;s++){let a=r[s];if(!n||typeof n!="object"||Array.isArray(n))return null;let i=n[a];if(i==null)return null;if(s===r.length-1){if(Array.isArray(i)){let[c]=i;return o.querySelector?.(c)?.parentElement||null}if(typeof i=="string"&&i.endsWith("[]")){let c=i.slice(0,-2);return o.querySelector?.(c)?.parentElement||null}return null}n=i}return null}function Tn(e){let t=[];for(let r of Array.from(e.childNodes))t.push(r.cloneNode(!0));return t}function Rn(e,t){for(;e.firstChild;)e.removeChild(e.firstChild);for(let r of t)e.appendChild(r)}function Cn(e,t){let r=[];for(let o of Array.from(e.childNodes))o===t||t&&o.contains?.(t)||r.push(o.cloneNode(!0));return r}function kn(e,t,r){for(let n of Array.from(e.childNodes))n===t||t&&n.contains?.(t)||e.removeChild(n);let o=In(e,t);for(let n of r)e.insertBefore(n,o||null)}function In(e,t){if(!t)return null;for(let r of Array.from(e.childNodes))if(r===t||r.contains?.(t))return r;return null}var at=new WeakSet;function se(e,t){let r=typeof window<"u"&&window.hyperclay&&window.hyperclay.undo||null;if(!r)return t();r.pause();try{let o=t();return o&&o.ok?r.commitCaptured(e):r.discardCaptured(),o}finally{r.resume()}}function ct(e){let t=typeof window<"u"&&window.hyperclay&&window.hyperclay.undo||null;if(!t)return e();t.pause();try{return e()}finally{t.discardCaptured(),t.resume()}}function ir(e){let{formRoot:t}=e;if(!t||at.has(t))return;at.add(t);let r=a=>{let i=a.target;!i||!i.closest||i.closest("[data-hcms-form-root]")&&i.matches("input, textarea, select")&&(!i.closest("[data-hcms-field]")&&!i.hasAttribute?.("data-hcms-field")||or(i,e))},o=a=>{let i=a.target;!i||!i.closest||i.closest("[data-hcms-form-root]")&&i.matches('input[type="checkbox"], input[type="radio"], select')&&or(i,e)},n=a=>{let i=a.target;if(!i||!i.closest)return;let c=i.closest("[data-hcms-action]");if(!c)return;let d=c.getAttribute("data-hcms-action");if(d==="add"||d==="remove"||d==="move-up"||d==="move-down"){if(!c.closest("[data-hcms-form-root]"))return}else if((d==="close"||d==="save")&&!c.closest("[data-hcms-shell]"))return;if(d==="add"){let u=c.closest("[data-hcms-path]");if(!u)return;let p=u.getAttribute("data-hcms-path");lt(p,e)}else if(d==="remove"){let u=c.closest("[data-hcms-card], [data-hcms-array-item]");if(!u)return;ut(u,e)}else if(d==="move-up"||d==="move-down"){let u=c.closest("[data-hcms-card], [data-hcms-array-item]");if(!u)return;On(u,d==="move-up"?-1:1,e)}else d==="close"?e.onCloseRequested?.():d==="save"&&jn(e)},s=t.ownerDocument;s.addEventListener("input",r,!0),s.addEventListener("change",o,!0),s.addEventListener("click",n,!0),e.detachEvents=()=>{s.removeEventListener("input",r,!0),s.removeEventListener("change",o,!0),s.removeEventListener("click",n,!0),at.delete(t)}}function or(e,t){let o=(e.closest("[data-hcms-field]")||e).closest("[data-hcms-path]")?.getAttribute("data-hcms-path")||"";K(P(t),{path:o,structural:!1},t)}function lt(e,t){let{formRoot:r,pageRules:o}=t,n=r.querySelector(`[data-hcms-path="${qn(e)}"]`);if(!n)throw new Error(`hypercms: no element at path "${e}"`);let s=n.querySelector(".hcms-array-items");if(!s)throw new Error(`hypercms: array container missing .hcms-array-items at "${e}"`);let a=V(e),i=Hn(o,a),c=Array.isArray(i),d=typeof i=="string"&&i.endsWith("[]");if(!c&&!d)throw new Error(`hypercms: path "${e}" is not an array`);let u=$e(n,"data-hcms-max-items"),p=s.querySelectorAll(":scope > [data-hcms-card], :scope > [data-hcms-array-item]");if(n.hasAttribute("data-hcms-no-add")||u!=null&&p.length>=u)return;let y=p.length,w=c?i[1]:i.replace(/\[\]$/,""),v=ye(c?w:"string"),O=Vt({shape:c?"object-array-item":"scalar-array-item",itemShape:w,pathArr:[...a,y],data:v,doc:t.doc});return s.appendChild(O),ft(n),se(`Add ${e}`,()=>K(P(t),{path:e,structural:!0},t))}function On(e,t,r){let o=e.closest('[data-hcms-shape="object-array"], [data-hcms-shape="scalar-array"]');if(!o||o.hasAttribute("data-hcms-no-reorder"))return;let n=o.querySelector(".hcms-array-items");if(!n)return;let s=Array.from(n.querySelectorAll(":scope > [data-hcms-card], :scope > [data-hcms-array-item]")),a=s.indexOf(e);if(a<0)return;let i=a+t;if(i<0||i>=s.length)return;let c=e.querySelector(`[data-hcms-action="${t<0?"move-up":"move-down"}"]`);return t<0?n.insertBefore(e,s[i]):n.insertBefore(e,s[i].nextSibling),mt(n),ft(o),c&&typeof c.focus=="function"&&e.querySelector(`[data-hcms-action="${t<0?"move-up":"move-down"}"]`)?.focus?.(),se(`Reorder ${o.getAttribute("data-hcms-path")||""}`,()=>K(P(r),{path:o.getAttribute("data-hcms-path")||"",structural:!0},r))}function ut(e,t){let r=e.getAttribute("data-hcms-path")||"",o=e.parentElement,n=e.closest('[data-hcms-shape="object-array"], [data-hcms-shape="scalar-array"]');if(!n?.hasAttribute("data-hcms-no-remove")){if(n){let s=$e(n,"data-hcms-min-items"),a=n.querySelector(".hcms-array-items"),i=a?a.querySelectorAll(":scope > [data-hcms-card], :scope > [data-hcms-array-item]").length:0;if(s!=null&&i<=s)return}return e.remove(),o&&mt(o),n&&ft(n),se(`Remove ${r}`,()=>K(P(t),{path:r,structural:!0},t))}}function jn(e){let t=P(e);e.dispatch?.("hcms:save",{data:t}),e.onSave?.(t)}function K(e,t,r){let o=pt(e);if(o===r.lastFingerprint)return{ok:!0,skipped:!0};let n=nr(r.pageRoot,r.pageRules,e,{observerHandle:r.observerHandle,shellRoot:r.shellRoot,structural:!!t.structural,structuralPath:t.path||null});return n.ok?(r.lastFingerprint=o,r.lastData=e,sr(r,null),r.dispatch?.("hcms:change",{data:e,path:t.path,structural:!!t.structural}),r.onChange?.(e,t)):(sr(r,$n(n.error,t.path)),r.dispatch?.("hcms:error",{error:n.error,attemptedData:e}),r.onError?.(n.error)),n}function P(e){let t=q.extract(e.formRoot,e.formRules);return Z(t,e.formRules)}function Z(e,t){if(t==null||e==null)return e;if(typeof t=="string")return t.endsWith("@checked")?e===!0||e==="true":e;if(Array.isArray(t)){if(!Array.isArray(e))return e;let[,r]=t;return e.map(o=>Z(o,r))}if(typeof t=="object"){if(typeof e!="object"||Array.isArray(e))return e;let r={};for(let[o,n]of Object.entries(t))r[o]=Z(e[o],n);return r}return e}function sr(e,t){e.lastErrors=t&&t.length?t:null,dt(e)}function dt(e){if(Nn(e),e.errorEl&&(e.errorEl.textContent="",e.errorEl.hidden=!0),!e.lastErrors)return;let t=[];for(let{message:r,path:o}of e.lastErrors){if(o!=null&&o!==""){let n=Ln(e.formRoot,o);if(n){n.textContent=n.textContent?`${n.textContent}
|
|
53
|
+
${r}`:r,n.hidden=!1;continue}}t.push(r)}t.length&&e.errorEl&&(e.errorEl.textContent=t.join(`
|
|
54
|
+
`),e.errorEl.hidden=!1)}function Nn(e){if(e.formRoot)for(let t of e.formRoot.querySelectorAll(".hcms-error"))t.textContent="",t.hidden=!0}function Ln(e,t){if(!e)return null;let r=t.split(".");for(;r.length>0;){let o=r.join("."),n=typeof CSS<"u"&&CSS.escape?CSS.escape(o):o.replace(/[^a-zA-Z0-9_\-.*]/g,a=>"\\"+a),s=e.querySelector(`[data-hcms-path="${n}"]`);if(s){for(let a of s.children)if(a.classList&&a.classList.contains("hcms-error"))return a}r.pop()}return null}function $n(e,t){return e?e.name==="EmptyListInsert"?[{message:"Add a seed item in HTML first.",path:t}]:e.name==="ShapeMismatch"&&Array.isArray(e.mismatches)&&e.mismatches.length?e.mismatches.map(r=>({message:`Shape mismatch: expected ${r.expected}, got ${r.got}`,path:r.path})):[{message:e.message||String(e),path:t}]:[{message:"unknown error",path:t}]}function Hn(e,t){let r=e;for(let o of t){if(r==null||typeof r=="string")return;if(Array.isArray(r)){if(typeof o!="number"&&o!=="*")return;r=r[1];continue}if(typeof r=="object"){if(typeof o=="number"||!(o in r))return;r=r[o];continue}return}return r}function $e(e,t){if(!e||!e.hasAttribute(t))return null;let r=parseInt(e.getAttribute(t),10);return Number.isFinite(r)?r:null}function ft(e){if(!e)return;let t=e.querySelector(".hcms-array-items");if(!t)return;let r=Array.from(t.querySelectorAll(":scope > [data-hcms-card], :scope > [data-hcms-array-item]")),o=r.length,n=$e(e,"data-hcms-max-items"),s=$e(e,"data-hcms-min-items"),a=e.hasAttribute("data-hcms-no-add"),i=e.hasAttribute("data-hcms-no-remove"),c=e.hasAttribute("data-hcms-no-reorder"),d=e.querySelector(':scope > .hcms-add, :scope > * > .hcms-add, :scope > [data-hcms-action="add"]');d&&(d.hidden=a||n!=null&&o>=n),r.forEach((u,p)=>{let y=u.querySelector('[data-hcms-action="remove"]');y&&(y.hidden=i||s!=null&&o<=s);let w=u.querySelector('[data-hcms-action="move-up"]');w&&(w.hidden=c||p===0);let v=u.querySelector('[data-hcms-action="move-down"]');v&&(v.hidden=c||p===o-1)})}function ht(e){!e||!e.querySelectorAll||e.querySelectorAll(".hcms-array-items").forEach(t=>mt(t))}function mt(e){let t=0;for(let r of e.children){if(!r.matches?.("[data-hcms-card], [data-hcms-array-item]"))continue;let o=r.getAttribute("data-hcms-path");if(!o)continue;let n=o.split(".");n[n.length-1]=String(t);let s=n.join(".");s!==o&&Fn(r,o,s),t++}}function Fn(e,t,r){let o=e.querySelectorAll("[data-hcms-path]");e.setAttribute("data-hcms-path",r);for(let n of o){let s=n.getAttribute("data-hcms-path");s===t?n.setAttribute("data-hcms-path",r):s&&s.startsWith(t+".")&&n.setAttribute("data-hcms-path",r+s.slice(t.length))}}function pt(e){return JSON.stringify(e,(t,r)=>{if(r&&typeof r=="object"&&!Array.isArray(r)){let o=Object.create(null);for(let n of Object.keys(r).sort())o[n]=r[n];return o}return r})}function qn(e){return typeof CSS<"u"&&CSS.escape?CSS.escape(e):String(e).replace(/[^a-zA-Z0-9_\-.*]/g,t=>"\\"+t)}var Wn={},He="hcms-shell-styles",Pn="hcms-bundled-styles-installed",_n='a[href], area[href], button:not([disabled]), input:not([disabled]):not([type="hidden"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])',ie=new WeakSet,yt="";function ar(e){yt=e}var Un=0;function cr({mountTo:e,side:t="right",overlay:r=!1,showSaveButton:o=!1,doc:n}){lr(n);let s=`hcms-shell-title-${++Un}`,a=n.createElement("div");a.setAttribute("data-hcms-shell",""),a.setAttribute("save-remove",""),a.setAttribute("save-ignore",""),a.setAttribute("tabindex","-1"),a.setAttribute("role","dialog"),a.setAttribute("aria-modal","true"),a.setAttribute("aria-labelledby",s),a.className="hcms-shell hcms-side-"+t+(r?" hcms-overlay":""),a.innerHTML=`
|
|
55
55
|
<header class="hcms-shell-header">
|
|
56
56
|
<h2 class="hcms-shell-title" id="${s}">Edit</h2>
|
|
57
57
|
<button type="button" class="hcms-shell-close" data-hcms-action="close" aria-label="Close">\xD7</button>
|
|
58
58
|
</header>
|
|
59
59
|
<div class="hcms-shell-error" role="alert" hidden></div>
|
|
60
60
|
<div data-hcms-form-root class="hcms-form"></div>
|
|
61
|
-
<footer class="hcms-shell-footer"${
|
|
61
|
+
<footer class="hcms-shell-footer"${o?"":" hidden"}>
|
|
62
62
|
<button type="button" class="hcms-shell-save" data-hcms-action="save">Save</button>
|
|
63
63
|
</footer>
|
|
64
|
-
`,(e||
|
|
64
|
+
`,(e||n.body).appendChild(a);let c=n.body;c.classList.add("hcms-open"),r&&c.classList.add("hcms-overlay"),t==="left"&&c.classList.add("hcms-side-left");let d=Bn(a,n);return{root:a,formRoot:a.querySelector("[data-hcms-form-root]"),errorEl:a.querySelector(".hcms-shell-error"),saveButton:a.querySelector(".hcms-shell-save"),destroy(){d.detach(),a.remove(),c.classList.remove("hcms-open","hcms-overlay","hcms-side-left")},restoreChrome(){Dn(n),c.classList.add("hcms-open"),r&&c.classList.add("hcms-overlay"),t==="left"&&c.classList.add("hcms-side-left")}}}function Dn(e){e&&(e.getElementById(He)||e.querySelector("style[data-hcms-bundled-styles]")||(ie.delete(e),lr(e)))}function lr(e){if(e&&!ie.has(e)){if(e[Pn]){ie.add(e);return}if(e.getElementById(He)||e.querySelector("style[data-hcms-bundled-styles]")){ie.add(e);return}if(yt){let t=e.createElement("style");t.id=He,t.setAttribute("save-remove",""),t.textContent=yt,(e.head||e.documentElement).appendChild(t),ie.add(e);return}try{let t=new URL("./styles.css",Wn.url).href,r=e.createElement("link");r.rel="stylesheet",r.id=He,r.setAttribute("save-remove",""),r.href=t,(e.head||e.documentElement).appendChild(r),ie.add(e)}catch{}}}function Bn(e,t){function r(o){if(o.key!=="Tab"||!e.contains(t.activeElement))return;let n=Array.from(e.querySelectorAll(_n));if(n.length===0)return;let s=n[0],a=n[n.length-1];o.shiftKey&&t.activeElement===s?(o.preventDefault(),a.focus()):!o.shiftKey&&t.activeElement===a&&(o.preventDefault(),s.focus())}return t.addEventListener("keydown",r),{detach:()=>t.removeEventListener("keydown",r)}}var Vn={skip:"[data-hcms-shell]",templateAttr:"cms-template"};function Fe(e,{ignoreActiveValue:t}={}){let r=q.findRules(e.doc,e.rulesSource||"cms");r&&(e.pageRules=r.rules,e.rulesTagNode=r.tagNode),Re(e.doc),e.formRules=ke(e.pageRules,e.doc);let o=Z(q.extract(e.pageRoot,e.pageRules,Vn),e.pageRules),n=Ie({pageRules:e.pageRules,formRules:e.formRules,data:o,doc:e.doc});Te(e.formRoot,n,{ignoreActiveValue:t}),dt(e),e.updateFingerprint&&e.updateFingerprint()}function ur({debounce:e=100,onRefresh:t}){let r=typeof window<"u"&&window.hyperclay&&window.hyperclay.Mutation||null;if(!r||typeof r.onAnyChange!="function")throw new Error("hypercms: window.hyperclay.Mutation is required. Load hyperclayjs (or just the mutation utility) before initializing hypercms.");let o=0,n=r.onAnyChange({debounce:e},()=>{o>0||t()});return{unsubscribe:typeof n=="function"?n:()=>{},pause(){o++},resume(){o=Math.max(0,o-1)}}}var Kn="[hypercms]";function dr(e,t){if(!e||!e.querySelectorAll||!t)return;let r=zn(t);e.querySelectorAll("template[data-hcms-tpl]").forEach(n=>{let s=n.getAttribute("data-hcms-tpl");s&&(s.startsWith("@")||r.has(s)||console.warn(`${Kn} template "${s}" doesn't match any rule path; ignored`))})}function zn(e){let t=new Set;return r([],e),t;function r(o,n){let s=o.join("."),a=o.map(c=>typeof c=="number"?"*":c).join(".");s&&t.add(s),a&&t.add(a);let i=te(n);if(i==="object")for(let[c,d]of Object.entries(n))r([...o,c],d);else if(i==="object-array"||i==="scalar-array"){let c=[...o,"*"],d=c.map(u=>typeof u=="number"?"*":u).join(".");if(t.add(d),i==="object-array"){let u=n[1];if(u&&typeof u=="object"&&!Array.isArray(u))for(let[p,y]of Object.entries(u))r([...c,p],y)}}}}function mr(e){ar(e)}var j={isOpen:!1,ctx:null,shell:null,opts:null};function fr(e,t){if(j.ctx!==e)return;let r=t==="livesync";t==="livesync"&&j.shell?.restoreChrome?.(),Fe(e,{ignoreActiveValue:r})}var hr=!1;function Gn(){if(hr)return;let e=typeof window<"u"&&window.hyperclay&&window.hyperclay.onPrepareForSave||null;typeof e=="function"&&(e(t=>{let r=t&&t.querySelector&&t.querySelector("body");r&&r.classList.remove("hcms-open","hcms-overlay","hcms-side-left")}),hr=!0)}function Yn(e={}){if(j.isOpen){console.warn("cms.open() called while already open; ignoring");return}Gn();let t=e.pageRoot||(typeof document<"u"?document.body:null);if(!t)throw new Error("hypercms: no pageRoot available");let r=t.ownerDocument||(typeof document<"u"?document:null);if(!r)throw new Error("hypercms: no document available");let o=e.rules!==void 0?e.rules:"cms",n=q.findRules(r,o);if(!n){let v=typeof o=="string"?`data-rules-name~="${o}"`:"the provided rules object";throw new Error(`hypercms: no rules found for ${v}`)}let s=n.rules,a=n.tagNode;Re(r),dr(r,s);let i=ke(s,r),c=Z(q.extract(t,s,{skip:"[data-hcms-shell]",templateAttr:"cms-template"}),s),d=ct(()=>cr({mountTo:e.mountTo||r.body,side:e.side||"right",overlay:!!e.overlay,showSaveButton:!!e.showSaveButton,doc:r})),u={doc:r,pageRoot:t,pageRules:s,formRules:i,rulesTagNode:a,rulesSource:o,formRoot:d.formRoot,shellRoot:d.root,errorEl:d.errorEl,lastFingerprint:null,lastData:null,observerHandle:null,undoUnsub:null,livesyncUnsub:null,onChange:e.onChange,onError:e.onError,onSave:e.onSave,previouslyFocused:r.activeElement,dispatch(v,O){let g=r.defaultView&&r.defaultView.CustomEvent||(typeof CustomEvent<"u"?CustomEvent:null);if(!g)return;let C=new g(v,{bubbles:!0,cancelable:v==="hcms:change"||v==="hcms:save",detail:O});d.root.dispatchEvent(C)},onCloseRequested(){pr()}};u.updateFingerprint=()=>{u.lastFingerprint=pt(P(u))};let p=Ie({pageRules:s,formRules:i,data:c,doc:r});d.formRoot.appendChild(p),ir(u),u.updateFingerprint(),u.observerHandle=ur({onRefresh:()=>Fe(u)});let y=typeof window<"u"&&window.hyperclay&&window.hyperclay.undo||null;if(y&&typeof y.on=="function"){let v=()=>fr(u,"undo");y.on("undo",v),y.on("redo",v),u.undoUnsub=()=>{y.off("undo",v),y.off("redo",v)}}let w=()=>fr(u,"livesync");r.addEventListener("hyperclay:livesync-applied",w),u.livesyncUnsub=()=>r.removeEventListener("hyperclay:livesync-applied",w),gt.ctx=u,Jn(r),Zn(d.root),j.isOpen=!0,j.ctx=u,j.shell=d,j.opts=e,u.dispatch("hcms:open",{pageRoot:t})}function Zn(e){let r=e.querySelector('input:not([disabled]):not([type="hidden"]), textarea:not([disabled]), select:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex="-1"])');r&&typeof r.focus=="function"&&r.focus()}var gt={ctx:null};function Jn(e){let t=e.defaultView||(typeof globalThis<"u"?globalThis:null);if(!t)return;let r=function(){let n=gt.ctx;if(n)return ht(n.formRoot),se("Reorder",()=>K(P(n),{path:"",structural:!0},n))};typeof t.hypercmsCommit!="function"&&(t.hypercmsCommit=r),typeof globalThis<"u"&&typeof globalThis.hypercmsCommit!="function"&&(globalThis.hypercmsCommit=r)}function pr(){if(!j.isOpen)return;let{ctx:e,shell:t}=j,r=e.previouslyFocused;if(e.dispatch("hcms:close",null),e.observerHandle?.unsubscribe?.(),e.undoUnsub?.(),e.livesyncUnsub?.(),e.detachEvents?.(),ct(()=>t.destroy()),j.isOpen=!1,j.ctx=null,j.shell=null,j.opts=null,gt.ctx=null,r&&typeof r.focus=="function")try{r.focus()}catch{}}function yr(){j.isOpen&&Fe(j.ctx)}var Xn={getData(){return j.isOpen?P(j.ctx):null},setValue(e,t){if(!j.isOpen)throw new Error("hypercms: cms is not open");let r=j.ctx,o=V(e),n=pe(r.pageRules,o);if(n===void 0)throw new Error(`hypercms: no rule at path "${e}"`);if(typeof n!="string"||n.endsWith("[]"))throw new Error(`hypercms: setValue requires a leaf scalar path; "${e}" is not a leaf`);let s=Qn(r.formRoot,e);if(!s)throw new Error(`hypercms: no field element at path "${e}"`);eo(s,t,r.formRoot,e),K(P(r),{path:e,structural:!1},r)},addItem(e){if(!j.isOpen)throw new Error("hypercms: cms is not open");lt(e,j.ctx)},removeItem(e){if(!j.isOpen)throw new Error("hypercms: cms is not open");let t=j.ctx,r=V(e);if(typeof r[r.length-1]!="number")throw new Error(`hypercms: removeItem requires an item path; "${e}" is not an array index`);let n=pe(t.pageRules,r.slice(0,-1));if(!(Array.isArray(n)||typeof n=="string"&&n.endsWith("[]")))throw new Error(`hypercms: removeItem requires an item path; parent of "${e}" is not an array`);let a=t.formRoot.querySelector(`[data-hcms-path="${St(e)}"]`);if(!a)throw new Error(`hypercms: no element at path "${e}"`);ut(a,t)},refresh:yr,_commit(){if(!j.isOpen)return;let e=j.ctx;return ht(e.formRoot),se("Update",()=>K(P(e),{path:"",structural:!0},e))}};function Qn(e,t){let r=St(t),o=`[data-hcms-path="${r}"] input[data-hcms-field], [data-hcms-path="${r}"] textarea[data-hcms-field], [data-hcms-path="${r}"] select[data-hcms-field], [data-hcms-path="${r}"] img[data-hcms-field], [data-hcms-path="${r}"] a[data-hcms-field], [data-hcms-path="${r}"] [contenteditable][data-hcms-field], input[data-hcms-path="${r}"][data-hcms-field], textarea[data-hcms-path="${r}"][data-hcms-field], select[data-hcms-path="${r}"][data-hcms-field], img[data-hcms-path="${r}"][data-hcms-field], a[data-hcms-path="${r}"][data-hcms-field], [contenteditable][data-hcms-path="${r}"][data-hcms-field]`;return e.querySelector(o)}function eo(e,t,r,o){let n=(e.tagName||"").toUpperCase(),s=(e.getAttribute("type")||"").toLowerCase();if(n==="INPUT"&&s==="checkbox"){e.checked=t===!0||t==="true";return}if(n==="INPUT"&&s==="radio"){let a=St(o),i=r.querySelectorAll(`[data-hcms-path="${a}"][data-hcms-field][type="radio"], [data-hcms-path="${a}"] [data-hcms-field][type="radio"]`);i.length?i.forEach(c=>{c.checked=String(c.value)===String(t??"")}):e.checked=String(e.value)===String(t??"");return}if(n==="IMG"){e.src=t==null?"":String(t);return}if(n==="A"){e.href=t==null?"":String(t);return}if("value"in e){e.value=t==null?"":String(t);return}e.textContent=t==null?"":String(t)}var bt={open:Yn,close:pr,refresh:yr,api:Xn,get isOpen(){return j.isOpen},path:st,scaffold:ye,morphForm:Te};function St(e){return typeof CSS<"u"&&CSS.escape?CSS.escape(e):String(e).replace(/[^a-zA-Z0-9_\-.*]/g,t=>"\\"+t)}var gr=`.hcms-shell {
|
|
65
65
|
--hcms-primary: #2563eb;
|
|
66
66
|
--hcms-bg: #F6F7F9;
|
|
67
67
|
--hcms-text: #0f172a;
|
|
@@ -359,4 +359,4 @@ body.hcms-open.hcms-side-left:not(.hcms-overlay) {
|
|
|
359
359
|
cursor: pointer;
|
|
360
360
|
}
|
|
361
361
|
.hcms-sr-only[hidden] { display: none; }
|
|
362
|
-
`;
|
|
362
|
+
`;mr(gr);var no=bt,oo={cms:bt};return xr(so);})();
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@panphora/hyper-cms",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.2",
|
|
4
4
|
"description": "Live edit-in-place CMS sidebar for HTML pages with a hyper-html-api rules tag",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"HTML",
|
|
@@ -36,13 +36,19 @@
|
|
|
36
36
|
"test:node": "node --test 'test-node/**/*.test.js'",
|
|
37
37
|
"test": "npm run test:node",
|
|
38
38
|
"demo": "http-server . -p 5694 -c-1 -o /demo/",
|
|
39
|
-
"release": "./scripts/release.sh"
|
|
39
|
+
"release": "./scripts/release.sh",
|
|
40
|
+
"test:browser": "web-test-runner",
|
|
41
|
+
"test:all": "npm run test:node && npm run test:browser"
|
|
40
42
|
},
|
|
41
43
|
"dependencies": {
|
|
42
44
|
"hyper-html-api": "^0.2.0",
|
|
43
45
|
"hyper-morph": "^0.3.0"
|
|
44
46
|
},
|
|
45
47
|
"devDependencies": {
|
|
48
|
+
"@open-wc/testing": "^4.0.0",
|
|
49
|
+
"@web/dev-server-import-maps": "^0.2.1",
|
|
50
|
+
"@web/test-runner": "^0.18.3",
|
|
51
|
+
"@web/test-runner-chrome": "^0.16.0",
|
|
46
52
|
"esbuild": "^0.25.0",
|
|
47
53
|
"http-server": "^14.1.1",
|
|
48
54
|
"jsdom": "^25.0.0"
|
package/src/hypercms.js
CHANGED
|
@@ -36,11 +36,56 @@ const state = {
|
|
|
36
36
|
opts: null,
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
+
// Re-sync the form to the page after a change hypercms did NOT originate.
|
|
40
|
+
// `reason` selects whether the field the user is currently typing in snaps:
|
|
41
|
+
// 'undo' / 'redo' — the user's own deliberate action, so the focused field
|
|
42
|
+
// SHOULD snap to the reverted value (ignoreActiveValue:false).
|
|
43
|
+
// 'livesync' — someone else's / the framework's change, so the user's
|
|
44
|
+
// in-progress focused field must NOT be yanked away
|
|
45
|
+
// (ignoreActiveValue:true). morphForm re-extracts every
|
|
46
|
+
// other field to the new page value, killing the stale-form
|
|
47
|
+
// clobber, while leaving the active field alone until blur.
|
|
48
|
+
// Both reasons route through this one handler so there is a single place to
|
|
49
|
+
// maintain the form-resync behavior.
|
|
50
|
+
function resyncForm(ctx, reason) {
|
|
51
|
+
// open() may have moved on (closed, or reopened with a new ctx) between an
|
|
52
|
+
// async morph completing and this firing.
|
|
53
|
+
if (state.ctx !== ctx) return
|
|
54
|
+
const ignoreActiveValue = reason === 'livesync'
|
|
55
|
+
if (reason === 'livesync') {
|
|
56
|
+
// A full-document morph can wipe the shell's <head> stylesheet and the
|
|
57
|
+
// <body> chrome classes (both live outside the save-ignore shell subtree).
|
|
58
|
+
// Re-assert them before re-extracting.
|
|
59
|
+
state.shell?.restoreChrome?.()
|
|
60
|
+
}
|
|
61
|
+
refreshForm(ctx, { ignoreActiveValue })
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
// Strip hypercms's own body chrome from the SAVE clone so it never reaches disk
|
|
65
|
+
// (the shell element itself is [save-remove], but the hcms-open class lives on
|
|
66
|
+
// <body>, outside the stripped subtree). Registered once at first open():
|
|
67
|
+
// onPrepareForSave runs save-only, on a clone, so it never touches the live DOM,
|
|
68
|
+
// and removing absent classes is a no-op when the shell is closed. Guarded so it
|
|
69
|
+
// degrades cleanly when the host save pipeline (hyperclayjs) isn't present.
|
|
70
|
+
let prepareHookInstalled = false
|
|
71
|
+
function installSavePrepareHook() {
|
|
72
|
+
if (prepareHookInstalled) return
|
|
73
|
+
const onPrepareForSave =
|
|
74
|
+
(typeof window !== 'undefined' && window.hyperclay && window.hyperclay.onPrepareForSave) || null
|
|
75
|
+
if (typeof onPrepareForSave !== 'function') return
|
|
76
|
+
onPrepareForSave((clonedDocEl) => {
|
|
77
|
+
const b = clonedDocEl && clonedDocEl.querySelector && clonedDocEl.querySelector('body')
|
|
78
|
+
if (b) b.classList.remove('hcms-open', 'hcms-overlay', 'hcms-side-left')
|
|
79
|
+
})
|
|
80
|
+
prepareHookInstalled = true
|
|
81
|
+
}
|
|
82
|
+
|
|
39
83
|
export function open(opts = {}) {
|
|
40
84
|
if (state.isOpen) {
|
|
41
85
|
console.warn('cms.open() called while already open; ignoring')
|
|
42
86
|
return
|
|
43
87
|
}
|
|
88
|
+
installSavePrepareHook()
|
|
44
89
|
const pageRoot = opts.pageRoot || (typeof document !== 'undefined' ? document.body : null)
|
|
45
90
|
if (!pageRoot) throw new Error('hypercms: no pageRoot available')
|
|
46
91
|
const doc = pageRoot.ownerDocument || (typeof document !== 'undefined' ? document : null)
|
|
@@ -87,6 +132,8 @@ export function open(opts = {}) {
|
|
|
87
132
|
lastFingerprint: null,
|
|
88
133
|
lastData: null,
|
|
89
134
|
observerHandle: null,
|
|
135
|
+
undoUnsub: null,
|
|
136
|
+
livesyncUnsub: null,
|
|
90
137
|
onChange: opts.onChange,
|
|
91
138
|
onError: opts.onError,
|
|
92
139
|
onSave: opts.onSave,
|
|
@@ -115,6 +162,30 @@ export function open(opts = {}) {
|
|
|
115
162
|
onRefresh: () => refreshForm(ctx),
|
|
116
163
|
})
|
|
117
164
|
|
|
165
|
+
// Undo/redo is a deliberate local action (unlike livesync or in-flight typing),
|
|
166
|
+
// so the focused form field SHOULD snap to the reverted value. The observer above
|
|
167
|
+
// is source-blind, so subscribe to the undo scope and force a non-ignoring refresh.
|
|
168
|
+
// Fires synchronously before the debounced observer refresh, which then no-ops on
|
|
169
|
+
// the active field. Guarded so it degrades to today's behavior when undo isn't loaded.
|
|
170
|
+
const u = (typeof window !== 'undefined' && window.hyperclay && window.hyperclay.undo) || null
|
|
171
|
+
if (u && typeof u.on === 'function') {
|
|
172
|
+
const onRevert = () => resyncForm(ctx, 'undo')
|
|
173
|
+
u.on('undo', onRevert)
|
|
174
|
+
u.on('redo', onRevert)
|
|
175
|
+
ctx.undoUnsub = () => { u.off('undo', onRevert); u.off('redo', onRevert) }
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
// Live-sync / version-restore / any framework-applied full-document morph runs
|
|
179
|
+
// inside window.hyperclay.Mutation.pause(), which the source-blind observer
|
|
180
|
+
// above is deaf to — so without this the form stays stale after a remote edit
|
|
181
|
+
// and the next local commit re-applies the stale data, clobbering the remote
|
|
182
|
+
// change. Subscribe to the morph-applied signal live-sync emits and re-extract
|
|
183
|
+
// with ignoreActiveValue:true (preserve the user's in-progress field). Same
|
|
184
|
+
// document live-sync dispatches on; unsubscribed in close().
|
|
185
|
+
const onLivesync = () => resyncForm(ctx, 'livesync')
|
|
186
|
+
doc.addEventListener('hyperclay:livesync-applied', onLivesync)
|
|
187
|
+
ctx.livesyncUnsub = () => doc.removeEventListener('hyperclay:livesync-applied', onLivesync)
|
|
188
|
+
|
|
118
189
|
// Wire global sortable callback to current ctx (replaced by close()).
|
|
119
190
|
globalCommitTarget.ctx = ctx
|
|
120
191
|
installGlobalSortableCommit(doc)
|
|
@@ -167,6 +238,8 @@ export function close() {
|
|
|
167
238
|
const previouslyFocused = ctx.previouslyFocused
|
|
168
239
|
ctx.dispatch('hcms:close', null)
|
|
169
240
|
ctx.observerHandle?.unsubscribe?.()
|
|
241
|
+
ctx.undoUnsub?.()
|
|
242
|
+
ctx.livesyncUnsub?.()
|
|
170
243
|
ctx.detachEvents?.()
|
|
171
244
|
// destroy() removes the chrome-only body classes; suppress so the inverse
|
|
172
245
|
// class removal doesn't enter the undo stack either.
|
package/src/morph.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import HyperMorph from 'hyper-morph'
|
|
2
2
|
|
|
3
|
-
export function morphForm(formRoot, newFragment) {
|
|
3
|
+
export function morphForm(formRoot, newFragment, { ignoreActiveValue = true } = {}) {
|
|
4
4
|
HyperMorph.morph(formRoot, newFragment, {
|
|
5
5
|
morphStyle: 'innerHTML',
|
|
6
|
-
ignoreActiveValue
|
|
6
|
+
ignoreActiveValue,
|
|
7
7
|
restoreFocus: true,
|
|
8
8
|
formStateSync: 'property',
|
|
9
9
|
})
|
package/src/refresh.js
CHANGED
|
@@ -7,7 +7,7 @@ import { coerceBooleans, applyErrorState } from './events.js'
|
|
|
7
7
|
|
|
8
8
|
const ENGINE_OPTS = { skip: '[data-hcms-shell]', templateAttr: 'cms-template' }
|
|
9
9
|
|
|
10
|
-
export function refreshForm(ctx) {
|
|
10
|
+
export function refreshForm(ctx, { ignoreActiveValue } = {}) {
|
|
11
11
|
// Re-resolve rules every refresh, source-aware: an object source returns the
|
|
12
12
|
// same literal (tagNode null); a token source re-resolves the tag so a
|
|
13
13
|
// livesync-replaced rules tag is picked up. Document-scoped via ctx.doc.
|
|
@@ -30,7 +30,7 @@ export function refreshForm(ctx) {
|
|
|
30
30
|
data: newData,
|
|
31
31
|
doc: ctx.doc,
|
|
32
32
|
})
|
|
33
|
-
morphForm(ctx.formRoot, fragment)
|
|
33
|
+
morphForm(ctx.formRoot, fragment, { ignoreActiveValue })
|
|
34
34
|
// morphForm rebuilds the form structure; inline error slots get wiped. Re-apply
|
|
35
35
|
// the last error state so error messages survive across observer-driven refreshes
|
|
36
36
|
// (e.g., the rollback after a failed add).
|
package/src/shell.js
CHANGED
|
@@ -69,9 +69,32 @@ export function mountShell({ mountTo, side = 'right', overlay = false, showSaveB
|
|
|
69
69
|
root.remove()
|
|
70
70
|
body.classList.remove('hcms-open', 'hcms-overlay', 'hcms-side-left')
|
|
71
71
|
},
|
|
72
|
+
// Re-assert the shell's out-of-subtree chrome after a full-document morph
|
|
73
|
+
// (e.g. a live-sync apply) wipes it: the stylesheet lives in <head> and the
|
|
74
|
+
// body classes live on <body>, both outside the save-ignore shell element,
|
|
75
|
+
// so hyper-morph's head-merge / class reconciliation can strip them.
|
|
76
|
+
restoreChrome() {
|
|
77
|
+
reensureStyles(doc)
|
|
78
|
+
body.classList.add('hcms-open')
|
|
79
|
+
if (overlay) body.classList.add('hcms-overlay')
|
|
80
|
+
if (side === 'left') body.classList.add('hcms-side-left')
|
|
81
|
+
},
|
|
72
82
|
}
|
|
73
83
|
}
|
|
74
84
|
|
|
85
|
+
// Re-inject the shell stylesheet if a morph (or anything else) removed it.
|
|
86
|
+
// Unlike ensureStyles, this does NOT trust the styledDocs WeakSet: a morph can
|
|
87
|
+
// remove the <style> tag while the WeakSet still marks the doc as "styled", so
|
|
88
|
+
// a naive ensureStyles() call would no-op. Re-check the live DOM, clear the
|
|
89
|
+
// stale mark, and let ensureStyles rebuild from cssText.
|
|
90
|
+
export function reensureStyles(doc) {
|
|
91
|
+
if (!doc) return
|
|
92
|
+
if (doc.getElementById(SHELL_STYLE_ID) ||
|
|
93
|
+
doc.querySelector('style[data-hcms-bundled-styles]')) return
|
|
94
|
+
styledDocs.delete(doc)
|
|
95
|
+
ensureStyles(doc)
|
|
96
|
+
}
|
|
97
|
+
|
|
75
98
|
function ensureStyles(doc) {
|
|
76
99
|
if (!doc) return
|
|
77
100
|
if (styledDocs.has(doc)) return
|