lightview 2.1.0 → 2.2.2

package/lightview-x.js

@@ -1 +1,1435 @@
-!function(){"use strict";const e=globalThis.__LIGHTVIEW_INTERNALS__||(globalThis.__LIGHTVIEW_INTERNALS__={currentEffect:null,registry:new Map,dependencyMap:new WeakMap}),t=(t,n)=>{let r="string"==typeof n?n:null==n?void 0:n.name;const o=null==n?void 0:n.storage;if(r&&o)try{const e=o.getItem(r);null!==e&&(t=JSON.parse(e))}catch(l){}let s=t;const i=new Set,a=(...e)=>{if(0===e.length)return a.value;a.value=e[0]};if(Object.defineProperty(a,"value",{get:()=>(e.currentEffect&&(i.add(e.currentEffect),e.currentEffect.dependencies.add(i)),s),set(e){if(s!==e){if(s=e,r&&o)try{o.setItem(r,JSON.stringify(s))}catch(l){}[...i].forEach(e=>e())}}}),r)if(e.registry.has(r)){if(e.registry.get(r)!==a)throw new Error(`Lightview: A signal or state with the name "${r}" is already registered.`)}else e.registry.set(r,a);return a};t.get=(n,r)=>e.registry.has(n)||void 0===r?e.registry.get(n):t(r,n);const n=()=>e.registry,r=new WeakMap,o=new WeakMap,s=new WeakMap,i=(e,t)=>Object.getOwnPropertyNames(e).filter(n=>"function"==typeof e[n]&&t(n)),a=i(Date.prototype,e=>/^(to|get|valueOf)/.test(e)),l=i(Date.prototype,e=>/^set/.test(e)),c=["map","forEach","filter","find","findIndex","some","every","reduce","reduceRight","includes","indexOf","lastIndexOf","join","slice","concat","flat","flatMap","at","entries","keys","values"],h=["push","pop","shift","unshift","splice","sort","reverse","fill","copyWithin"],u=["map","forEach","filter","find","findIndex","some","every","flatMap"],d=(e,t,n)=>{let r=e.get(t);return r||(r=n(),e.set(t,r)),r},f=(e,n,r,o)=>{if("__parent__"===n)return s.get(r);o.has(n)||o.set(n,t(Reflect.get(e,n,r)));const i=o.get(n).value;if("object"==typeof i&&null!==i){const e=g(i);return s.set(e,r),e}return i},m=(e,n,r,o,s)=>{s.has(n)||s.set(n,t(Reflect.get(e,n,o)));const i=Reflect.set(e,n,r,o),a=s.get(n);return i&&a&&(a.value=r),i},p=(e,n,r=[])=>{const i=d(o,e,()=>new Map);if(!i.has(n)){const r="function"==typeof e[n]?e[n].call(e):e[n];i.set(n,t(r))}const p=e instanceof Date,y=Array.isArray(e),v=p?a:y?c:r,b=p?l:y?h:[];return new Proxy(e,{get(e,t,r){if("__parent__"===t)return s.get(r);const o=e[t];if("function"==typeof o){const a=v.includes(t),l=b.includes(t);return function(...c){if(a){const e=i.get(n);e&&e.value}const h="function"==typeof e[n]?e[n].call(e):e[n];if(y&&u.includes(t)&&"function"==typeof c[0]){const e=c[0];c[0]=function(t,n,o){const i="object"==typeof t&&null!==t?g(t):t;return i&&"object"==typeof i&&s.set(i,r),e.call(this,i,n,o)}}const d=o.apply(e,c),f="function"==typeof e[n]?e[n].call(e):e[n];if(h!==f||l){const e=i.get(n);e&&e.value!==f&&(e.value=f)}return d}}if(t===n){const o=i.get(n);return o?o.value:Reflect.get(e,t,r)}if(y&&!isNaN(parseInt(t))){const e=i.get(n);e&&e.value}return f(e,t,r,i)},set(e,t,r,o){if(t===n){const s=Reflect.set(e,t,r,o);if(s){const e=i.get(n);e&&(e.value=r)}return s}return m(e,t,r,o,i)}})},g=(t,i)=>{if("object"!=typeof t||null===t)return t;const a="string"==typeof i?i:null==i?void 0:i.name,l=null==i?void 0:i.storage;if(a&&l)try{const e=l.getItem(a);if(e){const n=JSON.parse(e);Array.isArray(t)&&Array.isArray(n)?(t.length=0,t.push(...n)):Object.assign(t,n)}}catch(h){}let c=r.get(t);if(!c){const e=Array.isArray(t),n=t instanceof Date,i=e||n;if(!i&&(t instanceof RegExp||t instanceof Map||t instanceof Set||t instanceof WeakMap||t instanceof WeakSet))return t;c=i?p(t,e?"length":n?"getTime":null):new Proxy(t,{get:(e,t,n)=>"__parent__"===t?s.get(n):f(e,t,n,d(o,e,()=>new Map)),set:(e,t,n,r)=>m(e,t,n,r,d(o,e,()=>new Map))}),r.set(t,c)}if(a&&l&&(t=>{const n=()=>{if(n.active&&!n.running){n.dependencies.forEach(e=>e.delete(n)),n.dependencies.clear(),n.running=!0,e.currentEffect=n;try{t()}finally{e.currentEffect=null,n.running=!1}}};n.active=!0,n.running=!1,n.dependencies=new Set,n.stop=()=>{n.dependencies.forEach(e=>e.delete(n)),n.dependencies.clear(),n.active=!1},n()})(()=>{try{l.setItem(a,JSON.stringify(c))}catch(h){}}),a){const e=n();if(e.has(a)){if(e.get(a)!==c)throw new Error(`Lightview: A signal or state with the name "${a}" is already registered.`)}else e.set(a,c)}return c};g.get=(e,t)=>{const r=n();return r.has(e)||void 0===t?r.get(e):g(t,e)};const y=["img","script","iframe","video","audio","source","track","embed","input"],v=["a","area","base","link"],b=e=>{if(!e||"string"!=typeof e)return!1;const t=e.trim().toLowerCase();return t.startsWith("javascript:")||t.startsWith("vbscript:")||t.startsWith("data:text/html")||t.startsWith("data:application/javascript")},w=e=>{if(!e)return!1;if(!/^[a-z][a-z0-9+.-]*:/i.test(e))return!0;try{const t="undefined"!=typeof document?document.baseURI:globalThis.location.origin,n=new URL(e,"null"===t?void 0:t),r=globalThis.location;return n.origin===r.origin&&"null"!==n.origin||(!(!n.hostname||n.hostname!==r.hostname)||(!!(n.hostname&&r.hostname&&n.hostname.endsWith("."+r.hostname))||"file:"===r.protocol&&"file:"===n.protocol))}catch(t){return!1}},E=e=>{var t,n;if("object"!=typeof e||null===e)return e;if(Array.isArray(e))return e.map(E);if(e.tag)return{...e,children:e.children?E(e.children):[]};if(e.domEl||!(e=>{if("object"!=typeof e||null===e||Array.isArray(e)||e.tag||e.domEl)return!1;const t=Object.keys(e);return 1===t.length&&"string"==typeof(n=t[0])&&n.length>0&&"children"!==n&&"object"==typeof e[t[0]];var n})(e))return e;const r=Object.keys(e)[0],o=e[r],s="undefined"!=typeof window||"undefined"!=typeof globalThis?globalThis.Lightview:null,i=(null==(n=null==(t=null==s?void 0:s.tags)?void 0:t._customTags)?void 0:n[r])||r,{children:a,...l}=o;return{tag:i,attributes:l,children:a?E(a):[]}},S="https://cdn.jsdelivr.net/npm/daisyui@3.9.4/dist/full.min.css",T={initialized:!1,shadowDefault:!0,daisyStyleSheet:null,themeStyleSheet:null,componentStyleSheets:new Map,customStyleSheets:new Map},C=async(e,t)=>{if(!T.customStyleSheets.has(e))try{let n=t;if(void 0===n)if(e.startsWith("#")){const t=document.querySelector(e);if(!t)throw new Error(`Style block '${e}' not found`);n=t.textContent}else{const t=await fetch(e);if(!t.ok)throw new Error(`Fetch failed: ${t.status}`);n=await t.text()}if(void 0!==n){const t=new CSSStyleSheet;t.replaceSync(n),T.customStyleSheets.set(e,t)}}catch(n){console.error(`LightviewX: Failed to register stylesheet '${e}':`,n)}},L=()=>{try{if("undefined"!=typeof localStorage)return localStorage.getItem("lightview-theme")}catch(e){return null}},O=t("undefined"!=typeof document&&document.documentElement.getAttribute("data-theme")||L()||"light"),A=e=>{if(e){"undefined"!=typeof document&&document.documentElement.setAttribute("data-theme",e),O&&O.value!==e&&(O.value=e);try{"undefined"!=typeof localStorage&&localStorage.setItem("lightview-theme",e)}catch(t){}}},N=async(e={})=>{const{shadowDefault:t=!0}=e;if(T.shadowDefault=t,t)try{const e=await fetch(S);if(!e.ok)throw new Error(`Failed to fetch DaisyUI CSS: ${e.status}`);const t=await e.text(),n=new CSSStyleSheet;n.replaceSync(t),T.daisyStyleSheet=n}catch(n){console.error("LightviewX: Failed to preload DaisyUI stylesheet:",n)}T.initialized=!0};(async()=>{await N()})();const k=(e,t=[])=>{const n=[];if(T.daisyStyleSheet?n.push(T.daisyStyleSheet):n.push(S),T.themeStyleSheet&&n.push(T.themeStyleSheet),e){const t=T.componentStyleSheets.get(e);t&&n.push(t)}return Array.isArray(t)&&t.forEach(e=>{const t=T.customStyleSheets.get(e);t?n.push(t):(C(e),n.push(e))}),n},M=e=>{try{const t=e.trim().startsWith("${")&&e.trim().endsWith("}")&&!e.trim().includes("${",2)?"return "+e.trim().slice(2,-1):"return `"+e.replace(/\\/g,"\\\\").replace(/`/g,"\\`")+"`";return new Function("state","signal",t)}catch(t){return()=>""}},_=(e,t,n=null)=>{const r="script"===n||"style"===n,o=globalThis.Lightview;return e.map(e=>e.nodeType===Node.TEXT_NODE?((e,t,n)=>{const r=e.textContent;if(t)return r;if(!r.trim()&&!r.includes("${"))return null;if(r.includes("${")){const e=M(r);return()=>e(n.state,n.signal)}return r})(e,r,o):e.nodeType===Node.ELEMENT_NODE?((e,t,n)=>{const r=e.tagName.toLowerCase(),o={},s="script"===r||"style"===r,i="undefined"!=typeof window||"undefined"!=typeof globalThis?globalThis.Lightview:null;for(let a of e.attributes){const e=a.value;o[a.name]=!s&&e.includes("${")?(()=>{const t=M(e);return()=>t(i.state,i.signal)})():e}return t(r,o,n(Array.from(e.childNodes),t,r))})(e,t,_):null).filter(e=>null!==e)},W=new WeakMap,D=(e,t=!1)=>document.createComment(`lv-src-${t?"end":"start"}:${e}`),$=e=>{if(!e)return;e.querySelectorAll("script").forEach(e=>{const t=document.createElement("script");Array.from(e.attributes).forEach(e=>{t.setAttribute(e.name,e.value)}),e.src?t.src=e.src:t.textContent=e.textContent,e.parentNode.replaceChild(t,e)})},x=(e,t,n,r,o,s=!1,i="")=>{var a;if(t)return Array.isArray(e)?e:[e];if(s&&"cdomc"===i){const t=null==(a=globalThis.LightviewCDOM)?void 0:a.parseCDOMC;if(!t)return console.warn("LightviewX: CDOMC parser not found. Ensure lightview-cdom.js is loaded."),[];try{const n=t(e);return Array.isArray(n)?n:[n]}catch(l){return console.warn("LightviewX: Failed to parse .cdomc:",l),[]}}if(n){if("true"===r.domEl.getAttribute("escape"))return[e];const t=(new DOMParser).parseFromString(e.replace(/<head[^>]*>[\s\S]*?<\/head>/i,""),"text/html");return _([...Array.from(t.head.childNodes),...Array.from(t.body.childNodes)],o)}return[e]},R=(e,t,n,r,o,{element:s,setupChildren:i},a=null)=>{const l=`${r}-${o.slice(0,8)}`;let c=d(W,e.domEl,()=>({}));c[r]&&((e,t)=>{const n=`lv-src-start:${t}`,r=`lv-src-end:${t}`;let o=!1;const s=[],i=document.createTreeWalker(e.parentElement||e,NodeFilter.SHOW_COMMENT|NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_TEXT,null,!1);for(;i.nextNode();){const e=i.currentNode;if(e.nodeType===Node.COMMENT_NODE){if(e.textContent===n){o=!0,s.push(e);continue}if(e.textContent===r){s.push(e);break}}o&&s.push(e)}s.forEach(e=>e.remove()),s.length})(e.domEl,`${r}-${c[r].slice(0,8)}`),c[r]=o;const h=e=>{a&&requestAnimationFrame(()=>{requestAnimationFrame(()=>{const t=a.startsWith("#")?a.slice(1):a,n=e.getElementById?e.getElementById(t):e.querySelector(`#${t}`);n&&(n.style.scrollMarginTop="calc(var(--site-nav-height, 0px) + 2rem)",n.scrollIntoView({behavior:"smooth",block:"start",inline:"start"}))})})};"shadow"===r?(e.domEl.shadowRoot||e.domEl.attachShadow({mode:"open"}),i(t,e.domEl.shadowRoot),$(e.domEl.shadowRoot),h(e.domEl.shadowRoot)):"innerhtml"===r?(e.children=t,$(e.domEl),h(document)):(((e,t,n,r,{element:o,setupChildren:s})=>{const i="outerhtml"===n,a="beforebegin"===n||"afterend"===n||i?t.parentElement:t;if(!a)return console.warn(`LightviewX: No parent for ${n}`);const l=document.createDocumentFragment();l.appendChild(D(r,!1)),e.forEach(e=>{var t,n,r;if("string"==typeof e)l.appendChild(document.createTextNode(e));else if(e.domEl)l.appendChild(e.domEl);else if(e instanceof Node)l.appendChild(e);else{const s=(null==(r=null==(t=globalThis.Lightview)?void 0:(n=t.hooks).processChild)?void 0:r.call(n,e))||e;if(s.tag){const e=o(s.tag,s.attributes||{},s.children||[]);(null==e?void 0:e.domEl)&&l.appendChild(e.domEl)}}}),l.appendChild(D(r,!0)),i?a.replaceChild(l,t):"beforebegin"===n?a.insertBefore(l,t):"afterend"===n?a.insertBefore(l,t.nextSibling):"afterbegin"===n?t.insertBefore(l,t.firstChild):"beforeend"===n&&t.appendChild(l),$(a)})(t,e.domEl,r,l,{element:s,setupChildren:i}),h(document))},I=async(e,t,n,{element:r,setupChildren:o})=>{if(y.includes(n))return;let s=[],i="",a=null;if("string"==typeof(l=t)&&!b(l)&&/^(https?:|\.|\/|[\w])|(\.(html|json|[vo]dom|cdomc?))$/i.test(l)){t.includes("#")&&([t,a]=t.split("#"));const n=await(async e=>{var t;try{const n=globalThis.Lightview;if((null==(t=null==n?void 0:n.hooks)?void 0:t.validateUrl)&&!n.hooks.validateUrl(e))return console.warn(`[LightviewX] Fetch blocked by validateUrl hook: ${e}`),null;const r=new URL(e,document.baseURI),o=await fetch(r);if(!o.ok)return null;const s=r.pathname.split(".").pop().toLowerCase(),i="vdom"===s||"odom"===s||"cdom"===s,a="html"===s,l="cdom"===s||"cdomc"===s,c=i?await o.json():await o.text();return{content:c,isJson:i,isHtml:a,isCdom:l,ext:s,raw:i?JSON.stringify(c):c}}catch(n){return null}})(t);n&&(s=x(n.content,n.isJson,n.isHtml,e,r,n.isCdom,n.ext),i=n.raw)}var l;if(!s.length){const e=((e,t)=>{try{const n=document.querySelectorAll(e);return n.length?{elements:_(Array.from(n),t),raw:Array.from(n).map(e=>e.outerHTML||e.textContent).join("")}:null}catch(n){return null}})(t,r);e&&(s=e.elements,i=e.raw)}if(!s.length)return;const c=(e.domEl.getAttribute("location")||"innerhtml").toLowerCase(),h=(e=>{let t=0;for(let n=0;n<e.length;n++)t=(t<<5)-t+e.charCodeAt(n),t&=t;return t.toString(36)})(i);if(d(W,e.domEl,()=>({}))[c]!==h)R(e,s,0,c,h,{element:r,setupChildren:o},a);else if(a){const t="shadow"===c?e.domEl.shadowRoot:document;t&&requestAnimationFrame(()=>{requestAnimationFrame(()=>{var e;const n=a.startsWith("#")?a.slice(1):a,r=t.getElementById?t.getElementById(n):null==(e=t.querySelector)?void 0:e.call(t,`#${n}`);r&&(r.style.scrollMarginTop="calc(var(--site-nav-height, 0px) + 2rem)",r.scrollIntoView({behavior:"smooth",block:"start",inline:"start"}))})})}},j=["beforebegin","afterbegin","beforeend","afterend","innerhtml","outerhtml","shadow"],F=(e,{domToElement:t,wrapDomElement:n})=>{var r;const o=e.target.closest("[href]");if(!o)return;const s=o.tagName.toLowerCase();if(v.includes(s))return;e.preventDefault();const i=o.getAttribute("href"),a=globalThis.Lightview;if(i&&(b(i)||(null==(r=null==a?void 0:a.hooks)?void 0:r.validateUrl)&&!a.hooks.validateUrl(i)))return void console.warn(`[LightviewX] Navigation or fetch blocked by security policy: ${i}`);const l=o.getAttribute("target");if(!l){let e=t.get(o);if(!e){const t={};for(let e of o.attributes)t[e.name]=e.value;e=n(o,s,t)}const r={...e.attributes,src:i};return void(e.attributes=r)}if(l.startsWith("_")){switch(l){case"_self":globalThis.location.href=i;break;case"_parent":globalThis.parent.location.href=i;break;case"_top":globalThis.top.location.href=i;break;default:globalThis.open(i,l)}return}const{selector:c,location:h}=(e=>{for(const t of j){const n=":"+t;if(e.toLowerCase().endsWith(n))return{selector:e.slice(0,-n.length),location:t}}return{selector:e,location:null}})(l);try{document.querySelectorAll(c).forEach(e=>{let r=t.get(e);if(!r){const t={};for(let n of e.attributes)t[n.name]=n.value;r=n(e,e.tagName.toLowerCase(),t)}const o={...r.attributes,src:i};h&&(o.location=h),r.attributes=o})}catch(u){console.warn("Invalid target selector:",c,u)}},P=new WeakMap,U="__lv_passed",X="__lv_resume",H=["click","dblclick","mousedown","mouseup","contextmenu","submit","reset","change","input","invalid","keydown","keyup","keypress","touchstart","touchend"],q=["focus","blur"],B=(e,t)=>{let n=P.get(e);n||(n=new Map,P.set(e,n));let r=n.get(t);return r||(r={},n.set(t,r)),r},J=function(e){const t=arguments[arguments.length-1];if(null==t?void 0:t[X])return!0;const n=`throttle-${(null==t?void 0:t.type)||"all"}-${e}`,r=B(this,n),o=Date.now();return o-(r.last||0)>=e&&(r.last=o,!0)},V=function(e){const t=arguments[arguments.length-1],n=`debounce-${(null==t?void 0:t.type)||"all"}-${e}`,r=B(this,n);return r.timer&&clearTimeout(r.timer),(null==t?void 0:t[X])&&r.passed?(r.passed=!1,!0):(r.timer=setTimeout(()=>{r.passed=!0;const e=new t.constructor(t.type,t);e[X]=!0,this.dispatchEvent(e)},e),!1)},z=async e=>{var t,n;if(e[U])return;const r=null==(n=(t=e.target).closest)?void 0:n.call(t,"[lv-before]");if(!r)return;const{events:o,exclusions:s,calls:i}=(e=>{const t=[];let n="",r=0,o=null;for(let c=0;c<e.length;c++){const s=e[c];o?(n+=s,s===o&&"\\"!==e[c-1]&&(o=null)):"'"===s||'"'===s?(o=s,n+=s):"("===s?(r++,n+=s):")"===s?(r--,n+=s):/\s/.test(s)&&0===r?(n&&t.push(n),n=""):n+=s}n&&t.push(n);const s=[],i=[],a=[];let l=0;for(;l<t.length;){const e=t[l];if(!e||e.includes("("))break;e.startsWith("!")?i.push(e.slice(1)):s.push(e),l++}for(;l<t.length;)t[l]&&a.push(t[l]),l++;return{events:s,exclusions:i,calls:a}})(r.getAttribute("lv-before")),a=s.includes(e.type),l=o.includes("*")||o.includes(e.type);if(a||!l)return;e.stopImmediatePropagation(),e.preventDefault();for(const u of i)try{const t=u.match(/^([\w\.]+)\((.*)\)$/);if(!t)continue;const n=t[1],o=t[2],s=globalThis.Lightview,i=globalThis.LightviewX;let a=n.split(".").reduce((e,t)=>null==e?void 0:e[t],globalThis);if(a||"throttle"!==n||(a=J),a||"debounce"!==n||(a=V),!a&&i&&i[n]&&(a=i[n]),"function"!=typeof a){console.warn(`LightviewX: lv-before function '${n}' not found`);continue}const l=new Function("event","state","signal",`return [${o}]`).call(r,e,(null==s?void 0:s.state)||{},(null==s?void 0:s.signal)||{});l.push(e);let c=a.apply(r,l);if(c instanceof Promise&&(c=await c),!1===c||null==c)return}catch(h){return void console.error(`LightviewX: Error executing lv-before gate '${u}':`,h)}const c=new e.constructor(e.type,e);c[U]=!0,r.dispatchEvent(c)},Y=(e,t)=>{if(e.nodeType!==Node.ELEMENT_NODE)return;const n=e.tagName.toLowerCase();if((e=>y.includes(e)||e.startsWith("lv-"))(n))return;const r=e.getAttribute("src");if(!r)return;let o=t.internals.domToElement.get(e);if(!o){const r={};for(let t of e.attributes)r[t.name]=t.value;o=t.internals.wrapDomElement(e,n,r,[])}I(o,r,n,{element:t.element,setupChildren:t.internals.setupChildren})},G=new WeakSet,K=(e,t)=>{if(!e||!t)return;const n=(e,n,r=!1,o=null)=>{if(G.has(e)&&!r)return;r||G.add(e);const s=M(n);t.effect(()=>{try{const n=s(t.state,t.signal);r?null==n||!1===n?e.removeAttribute(o):e.setAttribute(o,n):e.textContent=void 0!==n?n:""}catch(n){}})},r=document.evaluate(".//text()[contains(., '${')]",e,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);for(let s=0;s<r.snapshotLength;s++){const e=r.snapshotItem(s);e.parentElement&&e.parentElement.closest("SCRIPT, STYLE, CODE, PRE, TEMPLATE, NOSCRIPT")||n(e,e.textContent)}const o=document.evaluate(".//*[@*[contains(., '${')]]",e,null,XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,null);for(let s=0;s<o.snapshotLength;s++){const e=o.snapshotItem(s);["SCRIPT","STYLE","CODE","PRE","TEMPLATE","NOSCRIPT"].includes(e.tagName)||Array.from(e.attributes).forEach(t=>{t.value.includes("${")&&n(e,t.value,!0,t.name)})}e.nodeType!==Node.ELEMENT_NODE||["SCRIPT","STYLE","CODE","PRE","TEMPLATE","NOSCRIPT"].includes(e.tagName)||Array.from(e.attributes).forEach(t=>{t.value.includes("${")&&n(e,t.value,!0,t.name)})},Q=(e,t,n)=>{if(e.nodeType!==Node.ELEMENT_NODE&&e.nodeType!==Node.TEXT_NODE||n.push(e),e.nodeType!==Node.ELEMENT_NODE)return;t.push(e);const r="[src]:not("+y.join("):not(")+")",o=e.querySelectorAll(r);for(const s of o)s.tagName.toLowerCase().startsWith("lv-")||t.push(s)},Z=e=>{const t=new MutationObserver(t=>{const{nodesToProcess:n,nodesToActivate:r}=(e=>{const t=[],n=[];for(const r of e)"childList"===r.type?r.addedNodes.forEach(e=>Q(e,t,n)):"attributes"===r.type&&"src"===r.attributeName&&t.push(r.target);return{nodesToProcess:t,nodesToActivate:n}})(t);(n.length>0||r.length>0)&&requestAnimationFrame(()=>{r.forEach(t=>K(t,e)),n.forEach(t=>Y(t,e))})});return t.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["src"]}),t};if("undefined"!=typeof window&&globalThis.Lightview){const e=globalThis.Lightview;"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>Z(e)):Z(e);const t=()=>{requestAnimationFrame(()=>{K(document.body,e);const t="[src]:not("+y.join("):not(")+")";document.querySelectorAll(t).forEach(t=>{t.tagName.toLowerCase().startsWith("lv-")||Y(t,e)})})};document.body?t():document.addEventListener("DOMContentLoaded",t),e.hooks.onNonStandardHref=t=>{F(t,{domToElement:e.internals.domToElement,wrapDomElement:e.internals.wrapDomElement})},H.forEach(e=>window.addEventListener(e,z,!0)),q.forEach(e=>window.addEventListener(e,z,!0)),e.hooks.processChild=t=>{if(!t)return t;if("object"!=typeof t||Array.isArray(t)||t.tag||t.domEl||(t=E(t)),"string"==typeof t&&t.startsWith("$")&&isNaN(parseInt(t[1]))){const e=globalThis.LightviewCDOM;if(e)return e.parseExpression(t)}if("string"==typeof t&&(t.trim().startsWith("{")||t.trim().startsWith("[")))try{const e=new Function("return ("+t+")")();if("object"==typeof e&&null!==e)return Array.isArray(e)||e.tag||e.domEl?e:E(e)}catch(n){}return((e,t)=>{if("string"==typeof e&&e.includes("${")){const n=M(e);return()=>n(t.state,t.signal)}return e})(t,{state:g,signal:e.signal})}}const ee={state:g,themeSignal:O,setTheme:A,registerStyleSheet:C,registerThemeSheet:async e=>{try{const t=await fetch(e);if(!t.ok)throw new Error(`Failed to fetch theme CSS: ${t.status}`);const n=await t.text(),r=new CSSStyleSheet;r.replaceSync(n),T.themeStyleSheet=r}catch(t){console.error(`LightviewX: Failed to register theme stylesheet '${e}':`,t)}},throttle:J,debounce:V,initComponents:N,componentConfig:T,shouldUseShadow:e=>void 0!==e?e:T.shadowDefault,getAdoptedStyleSheets:k,preloadComponentCSS:async e=>{T.componentStyleSheets.has(e)||await(async e=>{if(T.componentStyleSheets.has(e))return T.componentStyleSheets.get(e);try{const t=await fetch(e);if(!t.ok)throw new Error(`Failed to fetch component CSS: ${t.status}`);const n=await t.text(),r=new CSSStyleSheet;return r.replaceSync(n),T.componentStyleSheets.set(e,r),r}catch(t){return console.error(`LightviewX: Failed to create stylesheet for ${e}:`,t),null}})(e)},createCustomElement:(e,t={})=>class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}async connectedCallback(){const{cssUrl:n,styles:r}=t;this.themeWrapper=document.createElement("div"),this.themeWrapper.style.display="contents";const o=()=>{const e=document.documentElement.getAttribute("data-theme")||"light";this.themeWrapper.setAttribute("data-theme",e)};o(),this.themeObserver=new MutationObserver(o),this.themeObserver.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),this.shadowRoot.appendChild(this.themeWrapper);const s=k(n,r);try{const e=s.filter(e=>e instanceof CSSStyleSheet);this.shadowRoot.adoptedStyleSheets=e}catch(i){}if(!T.daisyStyleSheet){const e=document.createElement("link");e.rel="stylesheet",e.href=S,this.shadowRoot.appendChild(e)}s.forEach(e=>{if("string"==typeof e){const t=document.createElement("link");t.rel="stylesheet",t.href=e,this.shadowRoot.appendChild(t)}}),this.render=()=>{const t={};for(const e of this.attributes){const n=e.name.replace(/-([a-z])/g,e=>e[1].toUpperCase());""===e.value?t[n]=!0:t[n]=e.value}t.useShadow=!1;const n=globalThis.Lightview.tags.slot(),r=e(t,n);globalThis.Lightview.internals.setupChildren([r],this.themeWrapper)},"undefined"!=typeof MutationObserver&&"undefined"!=typeof HTMLElement&&(this.attrObserver=new MutationObserver(e=>{this.render()}),this.attrObserver.observe(this,{attributes:!0})),this.render()}disconnectedCallback(){this.themeObserver&&this.themeObserver.disconnect(),this.attrObserver&&this.attrObserver.disconnect()}},customElementWrapper:(e,t={})=>{const{attributeMap:n={},childElements:r={}}=t;return class extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){const e=document.createElement("link");e.rel="stylesheet",e.href="https://cdn.jsdelivr.net/npm/daisyui@5.5.14/daisyui.min.css",this.shadowRoot.appendChild(e);const t=document.createElement("div");t.setAttribute("data-theme",document.documentElement.getAttribute("data-theme")||"light"),t.style.display="contents",this.shadowRoot.appendChild(t),this.themeWrapper=t,this.themeObserver=new MutationObserver(()=>{const e=document.documentElement.getAttribute("data-theme")||"light";this.themeWrapper.setAttribute("data-theme",e)}),this.themeObserver.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),this.render();const o=Object.keys(n);o.length>0&&(this.attrObserver=new MutationObserver(()=>this.render()),this.attrObserver.observe(this,{attributes:!0,attributeFilter:o})),Object.keys(r).length>0&&(this.childObserver=new MutationObserver(()=>this.render()),this.childObserver.observe(this,{childList:!0,subtree:!0,attributes:!0}))}disconnectedCallback(){this.themeObserver&&this.themeObserver.disconnect(),this.attrObserver&&this.attrObserver.disconnect(),this.childObserver&&this.childObserver.disconnect()}parseChildrenToVDOM(){return Array.from(this.children).map(e=>{const t=e.tagName.toLowerCase(),n=r[t];if(!n)return null;const{component:o,attributeMap:s={},innerHTML:i=!1}=n,a={};return Object.entries(s).forEach(([t,n])=>{const r=e.getAttribute(t);null!==r&&(n===Boolean?a[t]="true"===r||""===r:a[t]=n===Number?Number(r):r)}),e.onclick&&(a.onclick=e.onclick.bind(e)),{tag:o,attributes:a,children:i?[e.innerHTML]:[e.textContent]}}).filter(Boolean)}render(){var t,o;const s={useShadow:!1};Object.entries(n).forEach(([e,t])=>{const n=this.getAttribute(e);null!==n&&(t===Boolean?s[e]="true"===n||""===n:s[e]=t===Number?Number(n):n)});const i=this.parseChildrenToVDOM(),a=Object.keys(r).length>0?i:[{tag:globalThis.Lightview.tags.slot}],l=e(s,...a);(null==(o=null==(t=globalThis.Lightview)?void 0:t.internals)?void 0:o.setupChildren)&&this.themeWrapper&&(this.themeWrapper.innerHTML="",globalThis.Lightview.internals.setupChildren([l],this.themeWrapper))}static get observedAttributes(){return Object.keys(n)}attributeChangedCallback(){this.render()}}},internals:{handleSrcAttribute:I,parseElements:x}};if("undefined"!=typeof module&&module.exports&&(module.exports=ee),"undefined"!=typeof window&&(globalThis.LightviewX=ee),"undefined"!=typeof window){try{const e=L();e&&A(e)}catch(te){}"undefined"!=typeof window&&globalThis.Lightview&&(globalThis.Lightview.hooks.validateUrl||(globalThis.Lightview.hooks.validateUrl=w))}"undefined"!=typeof globalThis&&globalThis.Lightview&&(globalThis.Lightview.hooks.validateUrl||(globalThis.Lightview.hooks.validateUrl=w))}();
+(function() {
+  "use strict";
+  const _LV = globalThis.__LIGHTVIEW_INTERNALS__ || (globalThis.__LIGHTVIEW_INTERNALS__ = {
+    currentEffect: null,
+    registry: /* @__PURE__ */ new Map(),
+    dependencyMap: /* @__PURE__ */ new WeakMap()
+    // Tracking signals -> subscribers
+  });
+  const signal = (initialValue, optionsOrName) => {
+    let name = typeof optionsOrName === "string" ? optionsOrName : optionsOrName == null ? void 0 : optionsOrName.name;
+    const storage = optionsOrName == null ? void 0 : optionsOrName.storage;
+    if (name && storage) {
+      try {
+        const stored = storage.getItem(name);
+        if (stored !== null) {
+          initialValue = JSON.parse(stored);
+        }
+      } catch (e) {
+      }
+    }
+    let value = initialValue;
+    const subscribers = /* @__PURE__ */ new Set();
+    const f = (...args) => {
+      if (args.length === 0) return f.value;
+      f.value = args[0];
+    };
+    Object.defineProperty(f, "value", {
+      get() {
+        if (_LV.currentEffect) {
+          subscribers.add(_LV.currentEffect);
+          _LV.currentEffect.dependencies.add(subscribers);
+        }
+        return value;
+      },
+      set(newValue) {
+        if (value !== newValue) {
+          value = newValue;
+          if (name && storage) {
+            try {
+              storage.setItem(name, JSON.stringify(value));
+            } catch (e) {
+            }
+          }
+          [...subscribers].forEach((effect2) => effect2());
+        }
+      }
+    });
+    if (name) {
+      if (_LV.registry.has(name)) {
+        if (_LV.registry.get(name) !== f) {
+          throw new Error(`Lightview: A signal or state with the name "${name}" is already registered.`);
+        }
+      } else {
+        _LV.registry.set(name, f);
+      }
+    }
+    return f;
+  };
+  const getSignal = (name, defaultValue) => {
+    if (!_LV.registry.has(name) && defaultValue !== void 0) {
+      return signal(defaultValue, name);
+    }
+    return _LV.registry.get(name);
+  };
+  signal.get = getSignal;
+  const effect = (fn) => {
+    const execute = () => {
+      if (!execute.active || execute.running) return;
+      execute.dependencies.forEach((dep) => dep.delete(execute));
+      execute.dependencies.clear();
+      execute.running = true;
+      _LV.currentEffect = execute;
+      try {
+        fn();
+      } finally {
+        _LV.currentEffect = null;
+        execute.running = false;
+      }
+    };
+    execute.active = true;
+    execute.running = false;
+    execute.dependencies = /* @__PURE__ */ new Set();
+    execute.stop = () => {
+      execute.dependencies.forEach((dep) => dep.delete(execute));
+      execute.dependencies.clear();
+      execute.active = false;
+    };
+    execute();
+    return execute;
+  };
+  const getRegistry = () => _LV.registry;
+  const stateCache = /* @__PURE__ */ new WeakMap();
+  const stateSignals = /* @__PURE__ */ new WeakMap();
+  const parents = /* @__PURE__ */ new WeakMap();
+  const protoMethods = (proto, test) => Object.getOwnPropertyNames(proto).filter((k) => typeof proto[k] === "function" && test(k));
+  const DATE_TRACKING = protoMethods(Date.prototype, (k) => /^(to|get|valueOf)/.test(k));
+  const DATE_MUTATING = protoMethods(Date.prototype, (k) => /^set/.test(k));
+  const ARRAY_TRACKING = [
+    "map",
+    "forEach",
+    "filter",
+    "find",
+    "findIndex",
+    "some",
+    "every",
+    "reduce",
+    "reduceRight",
+    "includes",
+    "indexOf",
+    "lastIndexOf",
+    "join",
+    "slice",
+    "concat",
+    "flat",
+    "flatMap",
+    "at",
+    "entries",
+    "keys",
+    "values"
+  ];
+  const ARRAY_MUTATING = ["push", "pop", "shift", "unshift", "splice", "sort", "reverse", "fill", "copyWithin"];
+  const ARRAY_ITERATION = ["map", "forEach", "filter", "find", "findIndex", "some", "every", "flatMap"];
+  const getOrSet = (map, key, factory) => {
+    let v = map.get(key);
+    if (!v) {
+      v = factory();
+      map.set(key, v);
+    }
+    return v;
+  };
+  const proxyGet = (target, prop, receiver, signals) => {
+    if (prop === "__parent__") return parents.get(receiver);
+    if (!signals.has(prop)) {
+      signals.set(prop, signal(Reflect.get(target, prop, receiver)));
+    }
+    const signal$1 = signals.get(prop);
+    const val = signal$1.value;
+    if (typeof val === "object" && val !== null) {
+      const childProxy = state(val);
+      parents.set(childProxy, receiver);
+      return childProxy;
+    }
+    return val;
+  };
+  const proxySet = (target, prop, value, receiver, signals) => {
+    if (!signals.has(prop)) {
+      signals.set(prop, signal(Reflect.get(target, prop, receiver)));
+    }
+    const success = Reflect.set(target, prop, value, receiver);
+    const signal$1 = signals.get(prop);
+    if (success && signal$1) signal$1.value = value;
+    return success;
+  };
+  const createSpecialProxy = (obj, monitor, trackingProps = []) => {
+    const signals = getOrSet(stateSignals, obj, () => /* @__PURE__ */ new Map());
+    if (!signals.has(monitor)) {
+      const initialValue = typeof obj[monitor] === "function" ? obj[monitor].call(obj) : obj[monitor];
+      signals.set(monitor, signal(initialValue));
+    }
+    const isDate = obj instanceof Date;
+    const isArray = Array.isArray(obj);
+    const trackingMethods = isDate ? DATE_TRACKING : isArray ? ARRAY_TRACKING : trackingProps;
+    const mutatingMethods = isDate ? DATE_MUTATING : isArray ? ARRAY_MUTATING : [];
+    return new Proxy(obj, {
+      get(target, prop, receiver) {
+        if (prop === "__parent__") return parents.get(receiver);
+        const value = target[prop];
+        if (typeof value === "function") {
+          const isTracking = trackingMethods.includes(prop);
+          const isMutating = mutatingMethods.includes(prop);
+          return function(...args) {
+            if (isTracking) {
+              const sig = signals.get(monitor);
+              if (sig) void sig.value;
+            }
+            const startValue = typeof target[monitor] === "function" ? target[monitor].call(target) : target[monitor];
+            if (isArray && ARRAY_ITERATION.includes(prop) && typeof args[0] === "function") {
+              const originalCallback = args[0];
+              args[0] = function(element, index, array) {
+                const wrappedElement = typeof element === "object" && element !== null ? state(element) : element;
+                if (wrappedElement && typeof wrappedElement === "object") {
+                  parents.set(wrappedElement, receiver);
+                }
+                return originalCallback.call(this, wrappedElement, index, array);
+              };
+            }
+            const result = value.apply(target, args);
+            const endValue = typeof target[monitor] === "function" ? target[monitor].call(target) : target[monitor];
+            if (startValue !== endValue || isMutating) {
+              const sig = signals.get(monitor);
+              if (sig && sig.value !== endValue) {
+                sig.value = endValue;
+              }
+            }
+            return result;
+          };
+        }
+        if (prop === monitor) {
+          const sig = signals.get(monitor);
+          return sig ? sig.value : Reflect.get(target, prop, receiver);
+        }
+        if (isArray && !isNaN(parseInt(prop))) {
+          const monitorSig = signals.get(monitor);
+          if (monitorSig) void monitorSig.value;
+        }
+        return proxyGet(target, prop, receiver, signals);
+      },
+      set(target, prop, value, receiver) {
+        if (prop === monitor) {
+          const success = Reflect.set(target, prop, value, receiver);
+          if (success) {
+            const sig = signals.get(monitor);
+            if (sig) sig.value = value;
+          }
+          return success;
+        }
+        return proxySet(target, prop, value, receiver, signals);
+      }
+    });
+  };
+  const state = (obj, optionsOrName) => {
+    if (typeof obj !== "object" || obj === null) return obj;
+    const name = typeof optionsOrName === "string" ? optionsOrName : optionsOrName == null ? void 0 : optionsOrName.name;
+    const storage = optionsOrName == null ? void 0 : optionsOrName.storage;
+    if (name && storage) {
+      try {
+        const item = storage.getItem(name);
+        if (item) {
+          const loaded = JSON.parse(item);
+          Array.isArray(obj) && Array.isArray(loaded) ? (obj.length = 0, obj.push(...loaded)) : Object.assign(obj, loaded);
+        }
+      } catch (e) {
+      }
+    }
+    let proxy = stateCache.get(obj);
+    if (!proxy) {
+      const isArray = Array.isArray(obj), isDate = obj instanceof Date;
+      const isSpecial = isArray || isDate;
+      const monitor = isArray ? "length" : isDate ? "getTime" : null;
+      if (isSpecial || !(obj instanceof RegExp || obj instanceof Map || obj instanceof Set || obj instanceof WeakMap || obj instanceof WeakSet)) {
+        proxy = isSpecial ? createSpecialProxy(obj, monitor) : new Proxy(obj, {
+          get(t, p, r) {
+            if (p === "__parent__") return parents.get(r);
+            return proxyGet(t, p, r, getOrSet(stateSignals, t, () => /* @__PURE__ */ new Map()));
+          },
+          set(t, p, v, r) {
+            return proxySet(t, p, v, r, getOrSet(stateSignals, t, () => /* @__PURE__ */ new Map()));
+          }
+        });
+        stateCache.set(obj, proxy);
+      } else return obj;
+    }
+    if (name && storage) {
+      effect(() => {
+        try {
+          storage.setItem(name, JSON.stringify(proxy));
+        } catch (e) {
+        }
+      });
+    }
+    if (name) {
+      const registry = getRegistry();
+      if (registry.has(name)) {
+        if (registry.get(name) !== proxy) {
+          throw new Error(`Lightview: A signal or state with the name "${name}" is already registered.`);
+        }
+      } else {
+        registry.set(name, proxy);
+      }
+    }
+    return proxy;
+  };
+  const getState = (name, defaultValue) => {
+    const registry = getRegistry();
+    if (!registry.has(name) && defaultValue !== void 0) {
+      return state(defaultValue, name);
+    }
+    return registry.get(name);
+  };
+  state.get = getState;
+  const STANDARD_SRC_TAGS = ["img", "script", "iframe", "video", "audio", "source", "track", "embed", "input"];
+  const isStandardSrcTag = (tagName) => STANDARD_SRC_TAGS.includes(tagName) || tagName.startsWith("lv-");
+  const STANDARD_HREF_TAGS = ["a", "area", "base", "link"];
+  const isValidTagName = (name) => typeof name === "string" && name.length > 0 && name !== "children";
+  const isDangerousProtocol = (url) => {
+    if (!url || typeof url !== "string") return false;
+    const normalized = url.trim().toLowerCase();
+    return normalized.startsWith("javascript:") || normalized.startsWith("vbscript:") || normalized.startsWith("data:text/html") || normalized.startsWith("data:application/javascript");
+  };
+  const validateUrl = (url) => {
+    if (!url) return false;
+    if (!/^[a-z][a-z0-9+.-]*:/i.test(url)) return true;
+    try {
+      const base = typeof document !== "undefined" ? document.baseURI : globalThis.location.origin;
+      const target = new URL(url, base === "null" ? void 0 : base);
+      const current = globalThis.location;
+      if (target.origin === current.origin && target.origin !== "null") return true;
+      if (target.hostname && target.hostname === current.hostname) return true;
+      if (target.hostname && current.hostname && target.hostname.endsWith("." + current.hostname)) return true;
+      if (current.protocol === "file:" && target.protocol === "file:") return true;
+      return false;
+    } catch (e) {
+      return false;
+    }
+  };
+  const isObjectDOM = (obj) => {
+    if (typeof obj !== "object" || obj === null || Array.isArray(obj) || obj.tag || obj.domEl) return false;
+    const keys = Object.keys(obj);
+    return keys.length === 1 && isValidTagName(keys[0]) && typeof obj[keys[0]] === "object";
+  };
+  const convertObjectDOM = (obj) => {
+    var _a, _b;
+    if (typeof obj !== "object" || obj === null) return obj;
+    if (Array.isArray(obj)) return obj.map(convertObjectDOM);
+    if (obj.tag) return { ...obj, children: obj.children ? convertObjectDOM(obj.children) : [] };
+    if (obj.domEl || !isObjectDOM(obj)) return obj;
+    const tagKey = Object.keys(obj)[0];
+    const content = obj[tagKey];
+    const LV = typeof window !== "undefined" ? globalThis.Lightview : typeof globalThis !== "undefined" ? globalThis.Lightview : null;
+    const tag = ((_b = (_a = LV == null ? void 0 : LV.tags) == null ? void 0 : _a._customTags) == null ? void 0 : _b[tagKey]) || tagKey;
+    const { children, ...attributes } = content;
+    return { tag, attributes, children: children ? convertObjectDOM(children) : [] };
+  };
+  const DAISYUI_CDN = "https://cdn.jsdelivr.net/npm/daisyui@4.12.23/dist/full.min.css";
+  const componentConfig = {
+    initialized: false,
+    shadowDefault: true,
+    // Default: components use shadow DOM
+    daisyStyleSheet: null,
+    themeStyleSheet: null,
+    // Global theme stylesheet
+    componentStyleSheets: /* @__PURE__ */ new Map(),
+    customStyleSheets: /* @__PURE__ */ new Map(),
+    // Registry for named custom stylesheets
+    customStyleSheetPromises: /* @__PURE__ */ new Map()
+    // Cache for pending stylesheet fetches
+  };
+  const registerStyleSheet = async (nameOrIdOrUrl, cssText) => {
+    if (componentConfig.customStyleSheets.has(nameOrIdOrUrl)) return componentConfig.customStyleSheets.get(nameOrIdOrUrl);
+    if (componentConfig.customStyleSheetPromises.has(nameOrIdOrUrl)) return componentConfig.customStyleSheetPromises.get(nameOrIdOrUrl);
+    const promise = (async () => {
+      try {
+        let finalCss = cssText;
+        if (finalCss === void 0) {
+          if (nameOrIdOrUrl.startsWith("#")) {
+            const el = document.querySelector(nameOrIdOrUrl);
+            if (el) {
+              finalCss = el.textContent;
+            } else {
+              throw new Error(`Style block '${nameOrIdOrUrl}' not found`);
+            }
+          } else {
+            const response = await fetch(nameOrIdOrUrl);
+            if (!response.ok) throw new Error(`Fetch failed: ${response.status}`);
+            finalCss = await response.text();
+          }
+        }
+        if (finalCss !== void 0) {
+          const sheet = new CSSStyleSheet();
+          sheet.replaceSync(finalCss);
+          componentConfig.customStyleSheets.set(nameOrIdOrUrl, sheet);
+          return sheet;
+        }
+      } catch (e) {
+        console.error(`LightviewX: Failed to register stylesheet '${nameOrIdOrUrl}':`, e);
+      } finally {
+        componentConfig.customStyleSheetPromises.delete(nameOrIdOrUrl);
+      }
+    })();
+    componentConfig.customStyleSheetPromises.set(nameOrIdOrUrl, promise);
+    return promise;
+  };
+  const getSavedTheme = () => {
+    try {
+      if (typeof localStorage !== "undefined") {
+        return localStorage.getItem("lightview-theme");
+      }
+    } catch (e) {
+      return null;
+    }
+  };
+  const themeSignal = signal(
+    typeof document !== "undefined" && document.documentElement.getAttribute("data-theme") || getSavedTheme() || "light"
+  );
+  const setTheme = (themeName) => {
+    if (!themeName) return;
+    if (typeof document !== "undefined") {
+      document.documentElement.setAttribute("data-theme", themeName);
+    }
+    if (themeSignal && themeSignal.value !== themeName) {
+      themeSignal.value = themeName;
+    }
+    try {
+      if (typeof localStorage !== "undefined") {
+        localStorage.setItem("lightview-theme", themeName);
+      }
+    } catch (e) {
+    }
+  };
+  const registerThemeSheet = async (url) => {
+    try {
+      const response = await fetch(url);
+      if (!response.ok) throw new Error(`Failed to fetch theme CSS: ${response.status}`);
+      const cssText = await response.text();
+      const sheet = new CSSStyleSheet();
+      sheet.replaceSync(cssText);
+      componentConfig.themeStyleSheet = sheet;
+    } catch (e) {
+      console.error(`LightviewX: Failed to register theme stylesheet '${url}':`, e);
+    }
+  };
+  const initComponents = async (options = {}) => {
+    const { shadowDefault = true } = options;
+    componentConfig.shadowDefault = shadowDefault;
+    if (shadowDefault) {
+      try {
+        const response = await fetch(DAISYUI_CDN);
+        if (!response.ok) {
+          throw new Error(`Failed to fetch DaisyUI CSS: ${response.status}`);
+        }
+        const cssText = await response.text();
+        const sheet = new CSSStyleSheet();
+        sheet.replaceSync(cssText);
+        componentConfig.daisyStyleSheet = sheet;
+      } catch (e) {
+        console.error("LightviewX: Failed to preload DaisyUI stylesheet:", e);
+      }
+    }
+    componentConfig.initialized = true;
+  };
+  (async () => await initComponents())();
+  const getComponentStyleSheet = async (cssUrl) => {
+    if (componentConfig.componentStyleSheets.has(cssUrl)) {
+      return componentConfig.componentStyleSheets.get(cssUrl);
+    }
+    try {
+      const response = await fetch(cssUrl);
+      if (!response.ok) {
+        throw new Error(`Failed to fetch component CSS: ${response.status}`);
+      }
+      const cssText = await response.text();
+      const sheet = new CSSStyleSheet();
+      sheet.replaceSync(cssText);
+      componentConfig.componentStyleSheets.set(cssUrl, sheet);
+      return sheet;
+    } catch (e) {
+      console.error(`LightviewX: Failed to create stylesheet for ${cssUrl}:`, e);
+      return null;
+    }
+  };
+  const shouldUseShadow = (useShadowProp) => {
+    if (useShadowProp !== void 0) {
+      return useShadowProp;
+    }
+    return componentConfig.shadowDefault;
+  };
+  const getAdoptedStyleSheets = (componentCssUrl, requestedSheets = []) => {
+    const result = [];
+    if (componentConfig.daisyStyleSheet) {
+      result.push(componentConfig.daisyStyleSheet);
+    } else {
+      result.push(DAISYUI_CDN);
+    }
+    if (componentConfig.themeStyleSheet) {
+      result.push(componentConfig.themeStyleSheet);
+    }
+    if (componentCssUrl) {
+      const componentSheet = componentConfig.componentStyleSheets.get(componentCssUrl);
+      if (componentSheet) {
+        result.push(componentSheet);
+      }
+    }
+    if (Array.isArray(requestedSheets)) {
+      requestedSheets.forEach((url) => {
+        const sheet = componentConfig.customStyleSheets.get(url);
+        if (sheet) {
+          result.push(sheet);
+        } else {
+          registerStyleSheet(url);
+          result.push(url);
+        }
+      });
+    }
+    return result;
+  };
+  const preloadComponentCSS = async (cssUrl) => {
+    if (!componentConfig.componentStyleSheets.has(cssUrl)) {
+      await getComponentStyleSheet(cssUrl);
+    }
+  };
+  const compileTemplate = (code) => {
+    try {
+      const isSingle = code.trim().startsWith("${") && code.trim().endsWith("}") && !code.trim().includes("${", 2);
+      const body = isSingle ? "return " + code.trim().slice(2, -1) : "return `" + code.replace(/\\/g, "\\\\").replace(/`/g, "\\`") + "`";
+      return new Function("state", "signal", body);
+    } catch (e) {
+      return () => "";
+    }
+  };
+  const processTemplateChild = (child, LV) => {
+    if (typeof child === "string" && child.includes("${")) {
+      const fn = compileTemplate(child);
+      return () => fn(LV.state, LV.signal);
+    }
+    return child;
+  };
+  const transformTextNode = (node, isRaw, LV) => {
+    const text = node.textContent;
+    if (isRaw) return text;
+    if (!text.trim() && !text.includes("${")) return null;
+    if (text.includes("${")) {
+      const fn = compileTemplate(text);
+      return () => fn(LV.state, LV.signal);
+    }
+    return text;
+  };
+  const transformElementNode = (node, element, domToElements2) => {
+    const tagName = node.tagName.toLowerCase();
+    const attributes = {};
+    const skip = tagName === "script" || tagName === "style";
+    const LV = typeof window !== "undefined" ? globalThis.Lightview : typeof globalThis !== "undefined" ? globalThis.Lightview : null;
+    for (let attr of node.attributes) {
+      const val = attr.value;
+      attributes[attr.name] = !skip && val.includes("${") ? (() => {
+        const fn = compileTemplate(val);
+        return () => fn(LV.state, LV.signal);
+      })() : val;
+    }
+    return element(tagName, attributes, domToElements2(Array.from(node.childNodes), element, tagName));
+  };
+  const domToElements = (domNodes, element, parentTagName = null) => {
+    const isRaw = parentTagName === "script" || parentTagName === "style";
+    const LV = globalThis.Lightview;
+    return domNodes.map((node) => {
+      if (node.nodeType === Node.TEXT_NODE) return transformTextNode(node, isRaw, LV);
+      if (node.nodeType === Node.ELEMENT_NODE) return transformElementNode(node, element, domToElements);
+      return null;
+    }).filter((n) => n !== null);
+  };
+  const insertedContentMap = /* @__PURE__ */ new WeakMap();
+  const hashContent = (str) => {
+    let hash = 0;
+    for (let i = 0; i < str.length; i++) {
+      const char = str.charCodeAt(i);
+      hash = (hash << 5) - hash + char;
+      hash = hash & hash;
+    }
+    return hash.toString(36);
+  };
+  const createMarker = (id, isEnd = false) => {
+    return document.createComment(`lv-src-${isEnd ? "end" : "start"}:${id}`);
+  };
+  const executeScripts = (container) => {
+    if (!container) return;
+    const scripts = container.querySelectorAll("script");
+    scripts.forEach((oldScript) => {
+      const newScript = document.createElement("script");
+      Array.from(oldScript.attributes).forEach((attr) => {
+        newScript.setAttribute(attr.name, attr.value);
+      });
+      if (oldScript.src) {
+        newScript.src = oldScript.src;
+      } else {
+        newScript.textContent = oldScript.textContent;
+      }
+      oldScript.parentNode.replaceChild(newScript, oldScript);
+    });
+  };
+  const removeInsertedContent = (parentEl, markerId) => {
+    const startMarker = `lv-src-start:${markerId}`;
+    const endMarker = `lv-src-end:${markerId}`;
+    let inRange = false;
+    const nodesToRemove = [];
+    const walker = document.createTreeWalker(
+      parentEl.parentElement || parentEl,
+      NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT,
+      null,
+      false
+    );
+    while (walker.nextNode()) {
+      const node = walker.currentNode;
+      if (node.nodeType === Node.COMMENT_NODE) {
+        if (node.textContent === startMarker) {
+          inRange = true;
+          nodesToRemove.push(node);
+          continue;
+        }
+        if (node.textContent === endMarker) {
+          nodesToRemove.push(node);
+          break;
+        }
+      }
+      if (inRange) {
+        nodesToRemove.push(node);
+      }
+    }
+    nodesToRemove.forEach((node) => node.remove());
+    return nodesToRemove.length > 0;
+  };
+  const insert = (elements, parent, location, markerId, { element, setupChildren }) => {
+    const isSibling = location === "beforebegin" || location === "afterend";
+    const isOuter = location === "outerhtml";
+    const target = isSibling || isOuter ? parent.parentElement : parent;
+    if (!target) return console.warn(`LightviewX: No parent for ${location}`);
+    const frag = document.createDocumentFragment();
+    frag.appendChild(createMarker(markerId, false));
+    elements.forEach((c) => {
+      var _a, _b, _c;
+      if (typeof c === "string") frag.appendChild(document.createTextNode(c));
+      else if (c.domEl) frag.appendChild(c.domEl);
+      else if (c instanceof Node) frag.appendChild(c);
+      else {
+        const v = ((_c = (_a = globalThis.Lightview) == null ? void 0 : (_b = _a.hooks).processChild) == null ? void 0 : _c.call(_b, c)) || c;
+        if (v.tag) {
+          const n = element(v.tag, v.attributes || {}, v.children || []);
+          if (n == null ? void 0 : n.domEl) frag.appendChild(n.domEl);
+        }
+      }
+    });
+    frag.appendChild(createMarker(markerId, true));
+    if (isOuter) target.replaceChild(frag, parent);
+    else if (location === "beforebegin") target.insertBefore(frag, parent);
+    else if (location === "afterend") target.insertBefore(frag, parent.nextSibling);
+    else if (location === "afterbegin") parent.insertBefore(frag, parent.firstChild);
+    else if (location === "beforeend") parent.appendChild(frag);
+    executeScripts(target);
+  };
+  const isPath = (s) => typeof s === "string" && !isDangerousProtocol(s) && /^(https?:|\.|\/|[\w])|(\.(html|json|[vo]dom|cdomc?))$/i.test(s);
+  const fetchContent = async (src) => {
+    var _a;
+    try {
+      const LV = globalThis.Lightview;
+      if (((_a = LV == null ? void 0 : LV.hooks) == null ? void 0 : _a.validateUrl) && !LV.hooks.validateUrl(src)) {
+        console.warn(`[LightviewX] Fetch blocked by validateUrl hook: ${src}`);
+        return null;
+      }
+      const url = new URL(src, document.baseURI);
+      const res = await fetch(url);
+      if (!res.ok) return null;
+      const ext = url.pathname.split(".").pop().toLowerCase();
+      const isJson = ext === "vdom" || ext === "odom" || ext === "cdom";
+      const isHtml = ext === "html";
+      const isCdom = ext === "cdom" || ext === "cdomc";
+      const content = isJson ? await res.json() : await res.text();
+      return {
+        content,
+        isJson,
+        isHtml,
+        isCdom,
+        ext,
+        raw: isJson ? JSON.stringify(content) : content
+      };
+    } catch (e) {
+      return null;
+    }
+  };
+  const parseElements = (content, isJson, isHtml, el, element, isCdom = false, ext = "") => {
+    var _a;
+    if (isJson) return Array.isArray(content) ? content : [content];
+    if (isCdom && ext === "cdomc") {
+      const parser = (_a = globalThis.LightviewCDOM) == null ? void 0 : _a.parseCDOMC;
+      if (parser) {
+        try {
+          const obj = parser(content);
+          return Array.isArray(obj) ? obj : [obj];
+        } catch (e) {
+          console.warn("LightviewX: Failed to parse .cdomc:", e);
+          return [];
+        }
+      } else {
+        console.warn("LightviewX: CDOMC parser not found. Ensure lightview-cdom.js is loaded.");
+        return [];
+      }
+    }
+    if (isHtml) {
+      if (el.domEl.getAttribute("escape") === "true") return [content];
+      const doc = new DOMParser().parseFromString(content.replace(/<head[^>]*>[\s\S]*?<\/head>/i, ""), "text/html");
+      return domToElements([...Array.from(doc.head.childNodes), ...Array.from(doc.body.childNodes)], element);
+    }
+    return [content];
+  };
+  const elementsFromSelector = (selector, element) => {
+    try {
+      const sel = document.querySelectorAll(selector);
+      if (!sel.length) return null;
+      return {
+        elements: domToElements(Array.from(sel), element),
+        raw: Array.from(sel).map((n) => n.outerHTML || n.textContent).join("")
+      };
+    } catch (e) {
+      return null;
+    }
+  };
+  const updateTargetContent = (el, elements, raw, loc, contentHash, { element, setupChildren }, targetHash = null) => {
+    const markerId = `${loc}-${contentHash.slice(0, 8)}`;
+    let track = getOrSet(insertedContentMap, el.domEl, () => ({}));
+    if (track[loc]) removeInsertedContent(el.domEl, `${loc}-${track[loc].slice(0, 8)}`);
+    track[loc] = contentHash;
+    const performScroll = (root) => {
+      if (!targetHash) return;
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          const id = targetHash.startsWith("#") ? targetHash.slice(1) : targetHash;
+          const target = root.getElementById ? root.getElementById(id) : root.querySelector(`#${id}`);
+          if (target) {
+            target.style.scrollMarginTop = "calc(var(--site-nav-height, 0px) + 2rem)";
+            target.scrollIntoView({ behavior: "smooth", block: "start", inline: "start" });
+          }
+        });
+      });
+    };
+    if (loc === "shadow") {
+      if (!el.domEl.shadowRoot) el.domEl.attachShadow({ mode: "open" });
+      setupChildren(elements, el.domEl.shadowRoot);
+      executeScripts(el.domEl.shadowRoot);
+      performScroll(el.domEl.shadowRoot);
+    } else if (loc === "innerhtml") {
+      el.children = elements;
+      executeScripts(el.domEl);
+      performScroll(document);
+    } else {
+      insert(elements, el.domEl, loc, markerId, { element, setupChildren });
+      performScroll(document);
+    }
+  };
+  const handleSrcAttribute = async (el, src, tagName, { element, setupChildren }) => {
+    if (STANDARD_SRC_TAGS.includes(tagName)) return;
+    let elements = [], raw = "", targetHash = null;
+    if (isPath(src)) {
+      if (src.includes("#")) {
+        [src, targetHash] = src.split("#");
+      }
+      const result = await fetchContent(src);
+      if (result) {
+        elements = parseElements(result.content, result.isJson, result.isHtml, el, element, result.isCdom, result.ext);
+        raw = result.raw;
+      }
+    }
+    if (!elements.length) {
+      const result = elementsFromSelector(src, element);
+      if (result) {
+        elements = result.elements;
+        raw = result.raw;
+      }
+    }
+    if (!elements.length) return;
+    const loc = (el.domEl.getAttribute("location") || "innerhtml").toLowerCase();
+    const contentHash = hashContent(raw);
+    const track = getOrSet(insertedContentMap, el.domEl, () => ({}));
+    if (track[loc] === contentHash) {
+      if (targetHash) {
+        const root = loc === "shadow" ? el.domEl.shadowRoot : document;
+        if (root) {
+          requestAnimationFrame(() => {
+            requestAnimationFrame(() => {
+              var _a;
+              const id = targetHash.startsWith("#") ? targetHash.slice(1) : targetHash;
+              const target = root.getElementById ? root.getElementById(id) : (_a = root.querySelector) == null ? void 0 : _a.call(root, `#${id}`);
+              if (target) {
+                target.style.scrollMarginTop = "calc(var(--site-nav-height, 0px) + 2rem)";
+                target.scrollIntoView({ behavior: "smooth", block: "start", inline: "start" });
+              }
+            });
+          });
+        }
+      }
+      return;
+    }
+    updateTargetContent(el, elements, raw, loc, contentHash, { element, setupChildren }, targetHash);
+  };
+  const VALID_LOCATIONS = ["beforebegin", "afterbegin", "beforeend", "afterend", "innerhtml", "outerhtml", "shadow"];
+  const parseTargetWithLocation = (targetStr) => {
+    for (const loc of VALID_LOCATIONS) {
+      const suffix = ":" + loc;
+      if (targetStr.toLowerCase().endsWith(suffix)) {
+        return {
+          selector: targetStr.slice(0, -suffix.length),
+          location: loc
+        };
+      }
+    }
+    return { selector: targetStr, location: null };
+  };
+  const handleNonStandardHref = (e, { domToElement, wrapDomElement }) => {
+    var _a;
+    const clickedEl = e.target.closest("[href]");
+    if (!clickedEl) return;
+    const tagName = clickedEl.tagName.toLowerCase();
+    if (STANDARD_HREF_TAGS.includes(tagName)) return;
+    e.preventDefault();
+    const href = clickedEl.getAttribute("href");
+    const LV = globalThis.Lightview;
+    if (href && (isDangerousProtocol(href) || ((_a = LV == null ? void 0 : LV.hooks) == null ? void 0 : _a.validateUrl) && !LV.hooks.validateUrl(href))) {
+      console.warn(`[LightviewX] Navigation or fetch blocked by security policy: ${href}`);
+      return;
+    }
+    const targetAttr = clickedEl.getAttribute("target");
+    if (!targetAttr) {
+      let el = domToElement.get(clickedEl);
+      if (!el) {
+        const attrs = {};
+        for (let attr of clickedEl.attributes) attrs[attr.name] = attr.value;
+        el = wrapDomElement(clickedEl, tagName, attrs);
+      }
+      const newAttrs = { ...el.attributes, src: href };
+      el.attributes = newAttrs;
+      return;
+    }
+    if (targetAttr.startsWith("_")) {
+      switch (targetAttr) {
+        case "_self":
+          globalThis.location.href = href;
+          break;
+        case "_parent":
+          globalThis.parent.location.href = href;
+          break;
+        case "_top":
+          globalThis.top.location.href = href;
+          break;
+        case "_blank":
+        default:
+          globalThis.open(href, targetAttr);
+          break;
+      }
+      return;
+    }
+    const { selector, location } = parseTargetWithLocation(targetAttr);
+    try {
+      const targetElements = document.querySelectorAll(selector);
+      targetElements.forEach((targetEl) => {
+        let el = domToElement.get(targetEl);
+        if (!el) {
+          const attrs = {};
+          for (let attr of targetEl.attributes) attrs[attr.name] = attr.value;
+          el = wrapDomElement(targetEl, targetEl.tagName.toLowerCase(), attrs);
+        }
+        const newAttrs = { ...el.attributes, src: href };
+        if (location) {
+          newAttrs.location = location;
+        }
+        el.attributes = newAttrs;
+      });
+    } catch (err) {
+      console.warn("Invalid target selector:", selector, err);
+    }
+  };
+  const gateStates = /* @__PURE__ */ new WeakMap();
+  const BYPASS_FLAG = "__lv_passed";
+  const RESUME_FLAG = "__lv_resume";
+  const SENSIBLE_EVENTS = [
+    "click",
+    "dblclick",
+    "mousedown",
+    "mouseup",
+    "contextmenu",
+    "submit",
+    "reset",
+    "change",
+    "input",
+    "invalid",
+    "keydown",
+    "keyup",
+    "keypress",
+    "touchstart",
+    "touchend"
+  ];
+  const CAPTURE_EVENTS = ["focus", "blur"];
+  const getGateState = (el, key) => {
+    let elState = gateStates.get(el);
+    if (!elState) {
+      elState = /* @__PURE__ */ new Map();
+      gateStates.set(el, elState);
+    }
+    let state2 = elState.get(key);
+    if (!state2) {
+      state2 = {};
+      elState.set(key, state2);
+    }
+    return state2;
+  };
+  const gateThrottle = function(ms) {
+    const event = arguments[arguments.length - 1];
+    if (event == null ? void 0 : event[RESUME_FLAG]) return true;
+    const key = `throttle-${(event == null ? void 0 : event.type) || "all"}-${ms}`;
+    const state2 = getGateState(this, key);
+    const now = Date.now();
+    if (now - (state2.last || 0) >= ms) {
+      state2.last = now;
+      return true;
+    }
+    return false;
+  };
+  const gateDebounce = function(ms) {
+    const event = arguments[arguments.length - 1];
+    const key = `debounce-${(event == null ? void 0 : event.type) || "all"}-${ms}`;
+    const state2 = getGateState(this, key);
+    if (state2.timer) clearTimeout(state2.timer);
+    if ((event == null ? void 0 : event[RESUME_FLAG]) && state2.passed) {
+      state2.passed = false;
+      return true;
+    }
+    state2.timer = setTimeout(() => {
+      state2.passed = true;
+      const newEvent = new event.constructor(event.type, event);
+      newEvent[RESUME_FLAG] = true;
+      this.dispatchEvent(newEvent);
+    }, ms);
+    return false;
+  };
+  const parseBeforeAttribute = (attrValue) => {
+    const tokens = [];
+    let current = "", depth = 0, inQuote = null;
+    for (let i2 = 0; i2 < attrValue.length; i2++) {
+      const char = attrValue[i2];
+      if (inQuote) {
+        current += char;
+        if (char === inQuote && attrValue[i2 - 1] !== "\\") inQuote = null;
+      } else if (char === "'" || char === '"') {
+        inQuote = char;
+        current += char;
+      } else if (char === "(") {
+        depth++;
+        current += char;
+      } else if (char === ")") {
+        depth--;
+        current += char;
+      } else if (/\s/.test(char) && depth === 0) {
+        if (current) tokens.push(current);
+        current = "";
+      } else {
+        current += char;
+      }
+    }
+    if (current) tokens.push(current);
+    const events = [];
+    const exclusions = [];
+    const calls = [];
+    let i = 0;
+    while (i < tokens.length) {
+      const token = tokens[i];
+      if (!token || token.includes("(")) break;
+      if (token.startsWith("!")) exclusions.push(token.slice(1));
+      else events.push(token);
+      i++;
+    }
+    while (i < tokens.length) {
+      if (tokens[i]) calls.push(tokens[i]);
+      i++;
+    }
+    return { events, exclusions, calls };
+  };
+  const globalBeforeInterceptor = async (e) => {
+    var _a, _b;
+    if (e[BYPASS_FLAG]) return;
+    const target = (_b = (_a = e.target).closest) == null ? void 0 : _b.call(_a, "[lv-before]");
+    if (!target) return;
+    const { events, exclusions, calls } = parseBeforeAttribute(target.getAttribute("lv-before"));
+    const isExcluded = exclusions.includes(e.type);
+    const isIncluded = events.includes("*") || events.includes(e.type);
+    if (isExcluded || !isIncluded) return;
+    e.stopImmediatePropagation();
+    e.preventDefault();
+    for (const callStr of calls) {
+      try {
+        const match = callStr.match(/^([\w\.]+)\((.*)\)$/);
+        if (!match) continue;
+        const funcName = match[1];
+        const argsStr = match[2];
+        const LV = globalThis.Lightview;
+        const LVX = globalThis.LightviewX;
+        let fn = funcName.split(".").reduce((obj, key) => obj == null ? void 0 : obj[key], globalThis);
+        if (!fn && funcName === "throttle") fn = gateThrottle;
+        if (!fn && funcName === "debounce") fn = gateDebounce;
+        if (!fn && LVX && LVX[funcName]) fn = LVX[funcName];
+        if (typeof fn !== "function") {
+          console.warn(`LightviewX: lv-before function '${funcName}' not found`);
+          continue;
+        }
+        const evalArgs = new Function("event", "state", "signal", `return [${argsStr}]`);
+        const args = evalArgs.call(target, e, (LV == null ? void 0 : LV.state) || {}, (LV == null ? void 0 : LV.signal) || {});
+        args.push(e);
+        let result = fn.apply(target, args);
+        if (result instanceof Promise) result = await result;
+        if (result === false || result === null || result === void 0) return;
+      } catch (err) {
+        console.error(`LightviewX: Error executing lv-before gate '${callStr}':`, err);
+        return;
+      }
+    }
+    const finalEvent = new e.constructor(e.type, e);
+    finalEvent[BYPASS_FLAG] = true;
+    target.dispatchEvent(finalEvent);
+  };
+  const processSrcOnNode = (node, LV) => {
+    if (node.nodeType !== Node.ELEMENT_NODE) return;
+    const tagName = node.tagName.toLowerCase();
+    if (isStandardSrcTag(tagName)) return;
+    const src = node.getAttribute("src");
+    if (!src) return;
+    let el = LV.internals.domToElement.get(node);
+    if (!el) {
+      const attrs = {};
+      for (let attr of node.attributes) attrs[attr.name] = attr.value;
+      el = LV.internals.wrapDomElement(node, tagName, attrs, []);
+    }
+    handleSrcAttribute(el, src, tagName, {
+      element: LV.element,
+      setupChildren: LV.internals.setupChildren
+    });
+  };
+  const processedNodes = /* @__PURE__ */ new WeakSet();
+  const activateReactiveSyntax = (root, LV) => {
+    if (!root || !LV) return;
+    const bindEffect = (node, codeStr, isAttr = false, attrName = null) => {
+      if (processedNodes.has(node) && !isAttr) return;
+      if (!isAttr) processedNodes.add(node);
+      const fn = compileTemplate(codeStr);
+      LV.effect(() => {
+        try {
+          const val = fn(LV.state, LV.signal);
+          if (isAttr) {
+            if (attrName.startsWith("cdom-")) {
+              node[attrName] = val;
+            } else {
+              val === null || val === void 0 || val === false ? node.removeAttribute(attrName) : node.setAttribute(attrName, val);
+            }
+          } else node.textContent = val !== void 0 ? val : "";
+        } catch (e) {
+        }
+      });
+    };
+    const textXPath = ".//text()[contains(., '${')]";
+    const textResult = document.evaluate(
+      textXPath,
+      root,
+      null,
+      XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
+      null
+    );
+    for (let i = 0; i < textResult.snapshotLength; i++) {
+      const node = textResult.snapshotItem(i);
+      if (node.parentElement && node.parentElement.closest("SCRIPT, STYLE, CODE, PRE, TEMPLATE, NOSCRIPT")) continue;
+      bindEffect(node, node.textContent);
+    }
+    const attrXPath = ".//*[@*[contains(., '${')]]";
+    const attrResult = document.evaluate(
+      attrXPath,
+      root,
+      null,
+      XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE,
+      null
+    );
+    for (let i = 0; i < attrResult.snapshotLength; i++) {
+      const element = attrResult.snapshotItem(i);
+      if (["SCRIPT", "STYLE", "CODE", "PRE", "TEMPLATE", "NOSCRIPT"].includes(element.tagName)) continue;
+      Array.from(element.attributes).forEach((attr) => {
+        if (attr.value.includes("${")) {
+          bindEffect(element, attr.value, true, attr.name);
+        }
+      });
+    }
+    if (root.nodeType === Node.ELEMENT_NODE && !["SCRIPT", "STYLE", "CODE", "PRE", "TEMPLATE", "NOSCRIPT"].includes(root.tagName)) {
+      Array.from(root.attributes).forEach((attr) => {
+        if (attr.value.includes("${")) {
+          bindEffect(root, attr.value, true, attr.name);
+        }
+      });
+    }
+  };
+  const processAddedNode = (node, nodesToProcess, nodesToActivate) => {
+    if (node.nodeType === Node.ELEMENT_NODE || node.nodeType === Node.TEXT_NODE) {
+      nodesToActivate.push(node);
+    }
+    if (node.nodeType !== Node.ELEMENT_NODE) return;
+    nodesToProcess.push(node);
+    const selector = "[src]:not(" + STANDARD_SRC_TAGS.join("):not(") + ")";
+    const descendants = node.querySelectorAll(selector);
+    for (const desc of descendants) {
+      if (!desc.tagName.toLowerCase().startsWith("lv-")) {
+        nodesToProcess.push(desc);
+      }
+    }
+  };
+  const collectNodesFromMutations = (mutations) => {
+    const nodesToProcess = [];
+    const nodesToActivate = [];
+    for (const mutation of mutations) {
+      if (mutation.type === "childList") {
+        mutation.addedNodes.forEach((node) => processAddedNode(node, nodesToProcess, nodesToActivate));
+      } else if (mutation.type === "attributes" && mutation.attributeName === "src") {
+        nodesToProcess.push(mutation.target);
+      }
+    }
+    return { nodesToProcess, nodesToActivate };
+  };
+  const setupSrcObserver = (LV) => {
+    const observer = new MutationObserver((mutations) => {
+      const { nodesToProcess, nodesToActivate } = collectNodesFromMutations(mutations);
+      if (nodesToProcess.length > 0 || nodesToActivate.length > 0) {
+        requestAnimationFrame(() => {
+          nodesToActivate.forEach((node) => activateReactiveSyntax(node, LV));
+          nodesToProcess.forEach((node) => processSrcOnNode(node, LV));
+        });
+      }
+    });
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: ["src"]
+    });
+    return observer;
+  };
+  if (typeof window !== "undefined" && globalThis.Lightview) {
+    const LV = globalThis.Lightview;
+    if (document.readyState === "loading") {
+      document.addEventListener("DOMContentLoaded", () => setupSrcObserver(LV));
+    } else {
+      setupSrcObserver(LV);
+    }
+    const initialScan = () => {
+      requestAnimationFrame(() => {
+        activateReactiveSyntax(document.body, LV);
+        const selector = "[src]:not(" + STANDARD_SRC_TAGS.join("):not(") + ")";
+        const nodes = document.querySelectorAll(selector);
+        nodes.forEach((node) => {
+          if (node.tagName.toLowerCase().startsWith("lv-")) return;
+          processSrcOnNode(node, LV);
+        });
+      });
+    };
+    if (document.body) {
+      initialScan();
+    } else {
+      document.addEventListener("DOMContentLoaded", initialScan);
+    }
+    LV.hooks.onNonStandardHref = (e) => {
+      handleNonStandardHref(e, {
+        domToElement: LV.internals.domToElement,
+        wrapDomElement: LV.internals.wrapDomElement
+      });
+    };
+    SENSIBLE_EVENTS.forEach((ev) => window.addEventListener(ev, globalBeforeInterceptor, true));
+    CAPTURE_EVENTS.forEach((ev) => window.addEventListener(ev, globalBeforeInterceptor, true));
+    LV.hooks.processChild = (child) => {
+      if (!child) return child;
+      if (typeof child === "object" && !Array.isArray(child) && !child.tag && !child.domEl) {
+        child = convertObjectDOM(child);
+      }
+      if (typeof child === "string" && child.startsWith("$") && isNaN(parseInt(child[1]))) {
+        const CDOM = globalThis.LightviewCDOM;
+        if (CDOM) return CDOM.parseExpression(child);
+      }
+      if (typeof child === "string" && (child.trim().startsWith("{") || child.trim().startsWith("["))) {
+        try {
+          const parsed = new Function("return (" + child + ")")();
+          if (typeof parsed === "object" && parsed !== null) {
+            if (Array.isArray(parsed)) {
+              return parsed;
+            }
+            if (parsed.tag || parsed.domEl) {
+              return parsed;
+            }
+            return convertObjectDOM(parsed);
+          }
+        } catch (e) {
+        }
+      }
+      return processTemplateChild(child, {
+        state,
+        signal: LV.signal
+      });
+    };
+  }
+  const createCustomElement = (Component, options = {}) => {
+    return class extends HTMLElement {
+      constructor() {
+        super();
+        this.attachShadow({ mode: "open" });
+      }
+      async connectedCallback() {
+        const { cssUrl, styles } = options;
+        this.themeWrapper = document.createElement("div");
+        this.themeWrapper.style.display = "contents";
+        const syncTheme = () => {
+          const theme = document.documentElement.getAttribute("data-theme") || "light";
+          this.themeWrapper.setAttribute("data-theme", theme);
+        };
+        syncTheme();
+        this.themeObserver = new MutationObserver(syncTheme);
+        this.themeObserver.observe(document.documentElement, {
+          attributes: true,
+          attributeFilter: ["data-theme"]
+        });
+        this.shadowRoot.appendChild(this.themeWrapper);
+        const adoptedStyleSheets = getAdoptedStyleSheets(cssUrl, styles);
+        try {
+          const sheets = adoptedStyleSheets.filter((s) => s instanceof CSSStyleSheet);
+          this.shadowRoot.adoptedStyleSheets = sheets;
+        } catch (e) {
+        }
+        if (!componentConfig.daisyStyleSheet) {
+          const link = document.createElement("link");
+          link.rel = "stylesheet";
+          link.href = DAISYUI_CDN;
+          this.shadowRoot.appendChild(link);
+        }
+        adoptedStyleSheets.forEach((s) => {
+          if (typeof s === "string") {
+            const link = document.createElement("link");
+            link.rel = "stylesheet";
+            link.href = s;
+            this.shadowRoot.appendChild(link);
+          }
+        });
+        this.render = () => {
+          const props = {};
+          for (const attr of this.attributes) {
+            const name = attr.name.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
+            if (attr.value === "") {
+              props[name] = true;
+            } else {
+              props[name] = attr.value;
+            }
+          }
+          props.useShadow = false;
+          const slot = globalThis.Lightview.tags.slot();
+          const result = Component(props, slot);
+          globalThis.Lightview.internals.setupChildren([result], this.themeWrapper);
+        };
+        if (typeof MutationObserver !== "undefined" && typeof HTMLElement !== "undefined") {
+          this.attrObserver = new MutationObserver((mutations) => {
+            this.render();
+          });
+          this.attrObserver.observe(this, {
+            attributes: true
+          });
+        }
+        this.render();
+      }
+      disconnectedCallback() {
+        if (this.themeObserver) {
+          this.themeObserver.disconnect();
+        }
+        if (this.attrObserver) {
+          this.attrObserver.disconnect();
+        }
+      }
+    };
+  };
+  const customElementWrapper = (Component, config = {}) => {
+    const {
+      attributeMap = {},
+      childElements = {}
+    } = config;
+    return class extends HTMLElement {
+      constructor() {
+        super();
+        this.attachShadow({ mode: "open" });
+      }
+      connectedCallback() {
+        let adopted = false;
+        if (componentConfig.daisyStyleSheet) {
+          try {
+            const sheets = [componentConfig.daisyStyleSheet];
+            if (componentConfig.themeStyleSheet) {
+              sheets.push(componentConfig.themeStyleSheet);
+            }
+            this.shadowRoot.adoptedStyleSheets = sheets;
+            adopted = true;
+          } catch (e) {
+          }
+        }
+        if (!adopted) {
+          const link = document.createElement("link");
+          link.rel = "stylesheet";
+          link.href = DAISYUI_CDN;
+          this.shadowRoot.appendChild(link);
+        }
+        const themeWrapper = document.createElement("div");
+        themeWrapper.setAttribute("data-theme", document.documentElement.getAttribute("data-theme") || "light");
+        themeWrapper.style.display = "contents";
+        this.shadowRoot.appendChild(themeWrapper);
+        this.themeWrapper = themeWrapper;
+        this.themeObserver = new MutationObserver(() => {
+          const theme = document.documentElement.getAttribute("data-theme") || "light";
+          this.themeWrapper.setAttribute("data-theme", theme);
+        });
+        this.themeObserver.observe(document.documentElement, {
+          attributes: true,
+          attributeFilter: ["data-theme"]
+        });
+        this.render();
+        const attrs = Object.keys(attributeMap);
+        if (attrs.length > 0) {
+          this.attrObserver = new MutationObserver(() => this.render());
+          this.attrObserver.observe(this, {
+            attributes: true,
+            attributeFilter: attrs
+          });
+        }
+        if (Object.keys(childElements).length > 0) {
+          this.childObserver = new MutationObserver(() => this.render());
+          this.childObserver.observe(this, {
+            childList: true,
+            subtree: true,
+            attributes: true
+          });
+        }
+      }
+      disconnectedCallback() {
+        if (this.themeObserver) this.themeObserver.disconnect();
+        if (this.attrObserver) this.attrObserver.disconnect();
+        if (this.childObserver) this.childObserver.disconnect();
+      }
+      parseChildrenToVDOM() {
+        return Array.from(this.children).map((child) => {
+          const tagName = child.tagName.toLowerCase();
+          const componentInfo = childElements[tagName];
+          if (!componentInfo) return null;
+          const { component, attributeMap: attributeMap2 = {} } = componentInfo;
+          const attributes = {};
+          for (const attr of child.attributes) {
+            const name = attr.name.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
+            const type = attributeMap2[name];
+            const value = attr.value;
+            if (type === Boolean) {
+              attributes[name] = value === "true" || value === "";
+            } else if (type === Number) {
+              attributes[name] = Number(value);
+            } else if (type === Array || type === Object) {
+              try {
+                attributes[name] = JSON.parse(value);
+              } catch (e) {
+                console.warn(`[Lightview] Failed to parse child attribute ${name} as JSON:`, value);
+                attributes[name] = value;
+              }
+            } else {
+              attributes[name] = value;
+            }
+          }
+          if (child.onclick) attributes.onclick = child.onclick.bind(child);
+          return {
+            tag: component,
+            attributes,
+            children: Array.from(child.childNodes)
+          };
+        }).filter(Boolean);
+      }
+      render() {
+        var _a, _b;
+        const props = { useShadow: false };
+        for (const attr of this.attributes) {
+          const name = attr.name.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
+          const type = attributeMap[name];
+          const value = attr.value;
+          if (type === Boolean) {
+            props[name] = value === "true" || value === "";
+          } else if (type === Number) {
+            props[name] = Number(value);
+          } else if (type === Array || type === Object) {
+            try {
+              props[name] = JSON.parse(value);
+            } catch (e) {
+              console.warn(`[Lightview] Failed to parse ${name} as JSON:`, value);
+              props[name] = value;
+            }
+          } else {
+            props[name] = value;
+          }
+        }
+        const vdomChildren = this.parseChildrenToVDOM();
+        const children = Object.keys(childElements).length > 0 ? vdomChildren : [{ tag: globalThis.Lightview.tags.slot }];
+        const result = Component(props, ...children);
+        if (((_b = (_a = globalThis.Lightview) == null ? void 0 : _a.internals) == null ? void 0 : _b.setupChildren) && this.themeWrapper) {
+          this.themeWrapper.innerHTML = "";
+          globalThis.Lightview.internals.setupChildren([result], this.themeWrapper);
+        }
+      }
+      static get observedAttributes() {
+        return Object.keys(attributeMap);
+      }
+      attributeChangedCallback() {
+        this.render();
+      }
+    };
+  };
+  const LightviewX = {
+    state,
+    themeSignal,
+    setTheme,
+    registerStyleSheet,
+    registerThemeSheet,
+    // Gate modifiers
+    throttle: gateThrottle,
+    debounce: gateDebounce,
+    // Component initialization
+    initComponents,
+    componentConfig,
+    shouldUseShadow,
+    getAdoptedStyleSheets,
+    preloadComponentCSS,
+    createCustomElement,
+    customElementWrapper,
+    internals: {
+      handleSrcAttribute,
+      parseElements
+    }
+  };
+  if (typeof module !== "undefined" && module.exports) {
+    module.exports = LightviewX;
+  }
+  if (typeof window !== "undefined") {
+    globalThis.LightviewX = LightviewX;
+  }
+  if (typeof window !== "undefined") {
+    try {
+      const savedTheme = getSavedTheme();
+      if (savedTheme) {
+        setTheme(savedTheme);
+      }
+    } catch (e) {
+    }
+    if (typeof window !== "undefined" && globalThis.Lightview) {
+      if (!globalThis.Lightview.hooks.validateUrl) {
+        globalThis.Lightview.hooks.validateUrl = validateUrl;
+      }
+    }
+  }
+  if (typeof globalThis !== "undefined" && globalThis.Lightview) {
+    if (!globalThis.Lightview.hooks.validateUrl) {
+      globalThis.Lightview.hooks.validateUrl = validateUrl;
+    }
+  }
+})();