nuclo 0.1.31 → 0.1.33

package/README.md

@@ -0,0 +1,570 @@
+# nuclo
+
+**A DOM library for people who peaked in the jQuery era and never looked back.**
+
+_Yes, this is yet another JavaScript library. We're aware. The ecosystem now has more libraries than actual developers. We're sorry. Or you're welcome? We're still figuring it out._
+
+Build reactive UIs without the magic tricks. Just functions, mutations, and a single `update()` call when you feel like it.
+
+```ts
+import 'nuclo';
+
+let count = 0;
+
+const counter = div(
+  h1(() => `Count: ${count}`),
+  button('Increment', on('click', () => {
+    count++;
+    update();
+  }))
+);
+
+render(counter);
+```
+
+## Why nuclo?
+
+- **Zero magic** – Like a microwave with just one button. You press `update()`, stuff happens.
+- **No virtual DOM** – Why simulate the DOM when you can just... use the DOM? *taps forehead*
+- **Tiny footprint** – Smaller than your average React component's prop types
+- **Global API** – `div()` is everywhere, like that one friend who shows up uninvited but makes everything fun
+- **TypeScript-first** – All 140+ tags typed. Yes, even `<bdi>`. You're welcome.
+- **Real reactivity** – Updates only what changed. Your browser's repaint budget will thank you.
+
+---
+
+## Installation
+
+```bash
+npm install nuclo
+```
+
+### Usage
+
+Simply import once to register all global functions:
+
+```ts
+import 'nuclo';
+
+// Now use div(), update(), on(), list(), when(), render(), etc. globally
+let count = 0;
+const app = div(
+  h1(() => `Count: ${count}`),
+  button('Click', on('click', () => { count++; update(); }))
+);
+render(app);
+```
+
+### TypeScript Setup
+
+Add to your `tsconfig.json`:
+
+```json
+{
+  "compilerOptions": {
+    "types": ["nuclo/types"]
+  }
+}
+```
+
+Or in your `vite-env.d.ts`:
+
+```ts
+/// <reference types="nuclo/types" />
+```
+
+---
+
+## Quick Examples
+
+### Counter
+
+```ts
+import 'nuclo';
+
+let count = 0;
+
+const app = div(
+  h1(() => `Count: ${count}`),
+  button('Increment', on('click', () => { count++; update(); })),
+  button('Reset', on('click', () => { count = 0; update(); }))
+);
+
+render(app);
+```
+
+### Todo List
+
+```ts
+import 'nuclo';
+
+type Todo = { id: number; text: string; done: boolean };
+
+let todos: Todo[] = [];
+let nextId = 1;
+let input = '';
+
+function addTodo() {
+  if (!input.trim()) return;
+  todos.push({ id: nextId++, text: input, done: false });
+  input = '';
+  update();
+}
+
+const app = div(
+  { className: 'todo-app' },
+
+  // Input
+  div(
+    input({ value: () => input },
+      on('input', e => { input = e.target.value; update(); }),
+      on('keydown', e => e.key === 'Enter' && addTodo())
+    ),
+    button('Add', on('click', addTodo))
+  ),
+
+  // List
+  when(() => todos.length > 0,
+    list(() => todos, (todo) =>
+      div(
+        { className: () => todo.done ? 'done' : '' },
+        input({ type: 'checkbox', checked: () => todo.done },
+          on('change', () => { todo.done = !todo.done; update(); })
+        ),
+        span(() => todo.text),
+        button('×', on('click', () => {
+          todos = todos.filter(t => t.id !== todo.id);
+          update();
+        }))
+      )
+    )
+  ).else(
+    p('No todos yet!')
+  )
+);
+
+render(app);
+```
+
+### Real-time Search Filter
+
+```ts
+import 'nuclo';
+
+const users = [
+  { id: 1, name: 'Alice Johnson', email: 'alice@example.com' },
+  { id: 2, name: 'Bob Smith', email: 'bob@example.com' },
+  { id: 3, name: 'Charlie Brown', email: 'charlie@example.com' }
+];
+
+let searchQuery = '';
+
+function filteredUsers() {
+  const q = searchQuery.toLowerCase();
+  return users.filter(u =>
+    u.name.toLowerCase().includes(q) ||
+    u.email.toLowerCase().includes(q)
+  );
+}
+
+const app = div(
+  h1('User Directory'),
+
+  input(
+    {
+      type: 'search',
+      placeholder: 'Search users...',
+      value: () => searchQuery
+    },
+    on('input', e => {
+      searchQuery = e.target.value;
+      update();
+    })
+  ),
+
+  when(() => filteredUsers().length > 0,
+    list(() => filteredUsers(), user =>
+      div(
+        { className: 'user-card' },
+        h3(user.name),
+        p(user.email)
+      )
+    )
+  ).else(
+    p(() => `No users found for "${searchQuery}"`)
+  )
+);
+
+render(app);
+```
+
+### Loading States & Async
+
+```ts
+import 'nuclo';
+
+type State = { status: 'idle' | 'loading' | 'error'; data: any[]; error?: string };
+
+let state: State = { status: 'idle', data: [] };
+
+async function fetchData() {
+  state.status = 'loading';
+  update();
+
+  try {
+    const response = await fetch('/api/data');
+    state.data = await response.json();
+    state.status = 'idle';
+  } catch (err) {
+    state.status = 'error';
+    state.error = err.message;
+  }
+  update();
+}
+
+const app = div(
+  button('Load Data', on('click', fetchData)),
+
+  when(() => state.status === 'loading',
+    div('Loading...')
+  ).when(() => state.status === 'error',
+    div({ className: 'error' }, () => `Error: ${state.error}`)
+  ).when(() => state.data.length > 0,
+    list(() => state.data, item => div(item.name))
+  ).else(
+    div('No data loaded')
+  )
+);
+
+render(app);
+```
+
+---
+
+## Core Concepts
+
+### 1. **Explicit Updates**
+
+Unlike React or Vue, nuclo doesn't auto-detect changes. You call `update()` when ready:
+
+```ts
+let name = 'World';
+
+// Mutate freely
+name = 'Alice';
+name = name.toUpperCase();
+
+// Update once when ready
+update();
+```
+
+**Advantages of explicit `update()`:**
+
+- **Performance**: Batch mutations like a responsible adult. One `update()` > ten thousand proxy getters watching your every variable assignment like helicopter parents.
+- **Control**: You're the boss of when pixels change. Perfect for animations, async chaos, or coordinating changes without asking a framework permission.
+- **Predictability**: Zero surprise re-renders. No "why did this component update 47 times?!" sessions in DevTools.
+- **Simplicity**: No proxies, no dependency graphs, no PhD required. Just objects and a function named `update()`. Revolutionary, we know.
+- **Debugging**: Put a breakpoint at `update()`. That's it. That's the whole debugging strategy.
+
+```ts
+// Example: Batch updates for better performance
+items.push(item1);
+items.push(item2);
+items.sort();
+user.name = 'Alice';
+update();  // One update for all changes
+
+// vs. automatic tracking (hypothetical)
+items.push(item1);  // triggers update
+items.push(item2);  // triggers update
+items.sort();       // triggers update
+user.name = 'Alice'; // triggers update
+// 4 updates instead of 1!
+```
+
+### 2. **Reactive Functions**
+
+Zero-arg functions become reactive:
+
+```ts
+let count = 0;
+
+div(
+  () => `Count: ${count}`,  // Updates when update() is called
+  { title: () => `Current: ${count}` }  // Attributes too
+)
+```
+
+### 3. **Conditional Rendering with `when`**
+
+First matching condition wins:
+
+```ts
+when(() => user.isAdmin,
+  div('Admin Panel')
+).when(() => user.isLoggedIn,
+  div('User Dashboard')
+).else(
+  div('Please log in')
+)
+```
+
+DOM is preserved if the active branch doesn't change.
+
+### 4. **List Synchronization**
+
+Lists use object identity (not keys) to track items:
+
+```ts
+list(() => items, (item, index) =>
+  div(() => `${index}: ${item.name}`)
+)
+```
+
+Mutate the array (push, splice, reverse), then call `update()`. Elements are reused if the item reference is the same.
+
+## API Reference
+
+### Core Functions
+
+#### `update()`
+
+Triggers all reactive updates. Call this after mutating state:
+
+```ts
+count++;
+items.push(newItem);
+update();
+```
+
+#### `list(provider, renderer)`
+
+Synchronizes an array to DOM elements:
+
+```ts
+list(
+  () => items,           // Provider function
+  (item, index) => div(  // Renderer
+    () => `${index}: ${item.name}`
+  )
+)
+```
+
+Items are tracked by object identity. Mutate the array and call `update()` to sync.
+
+#### `when(condition, ...content)`
+
+Conditional rendering with chaining:
+
+```ts
+when(() => count > 10,
+  div('High')
+).when(() => count > 0,
+  div('Low')
+).else(
+  div('Zero')
+)
+```
+
+First matching condition wins. DOM is preserved if the active branch doesn't change.
+
+#### `on(event, handler, options?)`
+
+Attach event listeners:
+
+```ts
+button('Click me',
+  on('click', () => console.log('clicked')),
+  on('mouseenter', handleHover, { passive: true })
+)
+```
+
+### Tag Builders
+
+All HTML and SVG tags are available globally:
+
+```ts
+div(), span(), button(), input(), h1(), p(), ul(), li()
+svg(), circle(), path(), rect(), g()
+// ... and 140+ more
+```
+
+### Attributes
+
+Pass attributes as objects:
+
+```ts
+div('Hello', {
+  className: 'container',
+  id: 'main',
+  'data-test': 'value',
+  style: { color: 'red', fontSize: '16px' }
+})
+```
+
+Reactive attributes use functions:
+
+```ts
+div({
+  className: () => isActive ? 'active' : '',
+  disabled: () => !isValid,
+  style: () => ({ opacity: isVisible ? 1 : 0 })
+})
+```
+
+---
+
+## Best Practices
+
+### Batch Updates
+
+Mutate like you're stress-testing the array, then update once like you meant to do that:
+
+```ts
+// Galaxy brain
+items.push(item1);
+items.push(item2);
+items.sort();
+update();
+
+// Smooth brain (but hey, it works)
+items.push(item1);
+update();
+items.push(item2);
+update();
+```
+
+### Object Identity for Lists
+
+Lists track items by reference. Mutate the object, not your soul:
+
+```ts
+// The way
+todos[0].done = true;
+update();
+
+// The dark side (RIP that DOM element, we hardly knew ye)
+todos[0] = { ...todos[0], done: true };
+update();
+```
+
+### Use `.else()` for Clarity
+
+Even if not initially needed:
+
+```ts
+when(() => isLoading,
+  div('Loading...')
+).else(
+  div('Ready')  // Clear intent
+)
+```
+
+---
+
+## Advanced Patterns
+
+### Nested Structures
+
+Combine `when` and `list`:
+
+```ts
+when(() => user.isLoggedIn,
+  div(
+    h1(() => `Welcome, ${user.name}`),
+    list(() => user.notifications, n =>
+      div(n.message, { className: () => n.read ? 'read' : 'unread' })
+    )
+  )
+).else(
+  div('Please log in')
+)
+```
+
+### Component-like Functions
+
+```ts
+function UserCard(user: User) {
+  return div(
+    { className: 'user-card' },
+    img({ src: user.avatar }),
+    h3(user.name),
+    p(user.bio)
+  );
+}
+
+list(() => users, user => UserCard(user))
+```
+
+### Computed Values
+
+```ts
+function activeCount() {
+  return todos.filter(t => !t.done).length;
+}
+
+div(
+  () => `${activeCount()} remaining`
+)
+```
+
+---
+
+## Performance
+
+- **No virtual DOM diffing** – We skip the middle-manager and talk directly to the DOM
+- **Fine-grained updates** – Only updates what changed. Like a surgeon, not a bulldozer.
+- **Element reuse** – Lists are smart enough to move elements instead of yeeting them into the void
+- **Branch preservation** – `when` branches stay alive unless conditions change. Low-key immortal.
+
+For high-frequency updates (animations, game loops, existential crises), batch mutations before calling `update()`.
+
+---
+
+## Debugging
+
+### Inspect Markers
+
+Open DevTools, stare at the DOM like it owes you money:
+
+```html
+<!-- when-start-1 -->
+<div>Content</div>
+<!-- when-end -->
+
+<!-- list-start-2 -->
+<div>Item 1</div>
+<div>Item 2</div>
+<!-- list-end -->
+```
+
+These comment markers are your breadcrumbs. Follow them to victory.
+
+### Common Issues
+
+**Content not updating?**
+- Did you call `update()`? (Asking because 80% of the time, you didn't)
+- Are your conditions/functions returning what you think they are? `console.log()` is your friend.
+
+**List items not reusing elements?**
+- Stop spreading objects like it's 2018. Mutate them.
+- Item references need to be stable, not having an identity crisis on every render.
+
+---
+
+## Roadmap
+
+- Keyed list variant (for when object identity isn't your thing)
+- Transition/animation helpers (make things swoosh)
+- Dev mode diagnostics (we'll yell at you when you forget `update()`)
+- SSR support (because apparently servers need to render HTML now)
+
+---
+
+## License
+
+MIT License - see [LICENSE.md](LICENSE.md) for details.
+
+This library is free and open source. When using nuclo, please include attribution in your documentation, application, or source code. See the [LICENSE.md](LICENSE.md) file for attribution examples.
+
+**TL;DR:** Use it freely, just give credit. It helps others discover this library!

package/dist/index.d.ts

@@ -1,15 +1,15 @@
 export { initializeRuntime } from "./core/runtimeBootstrap";
-export { registerGlobalTagBuilders, HTML_TAGS, SVG_TAGS, SELF_CLOSING_TAGS, } from "./core/tagRegistry";
+export { registerGlobalTagBuilders, HTML_TAGS, SVG_TAGS, SELF_CLOSING_TAGS } from "./core/tagRegistry";
 export { createElementFactory, createTagBuilder } from "./core/elementFactory";
 export { applyNodeModifier } from "./core/modifierProcessor";
-export { list, } from "./list";
+export { list } from "./list";
 export { when } from "./when";
 export { update } from "./core/updateController";
 export { applyAttributes } from "./core/attributeManager";
 export { appendChildren } from "./utility/dom";
 export { on } from "./utility/on";
 export { render } from "./utility/render";
-export { isBoolean, isFunction, isNode, isObject, isPrimitive, isTagLike, } from "./utility/typeGuards";
+export { isBoolean, isFunction, isNode, isObject, isPrimitive, isTagLike } from "./utility/typeGuards";
 export { isBrowser } from "./utility/environment";
 import "./core/runtimeBootstrap";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EACL,yBAAyB,EACzB,SAAS,EACT,QAAQ,EACR,iBAAiB,GAClB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EACL,IAAI,GACL,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EACL,SAAS,EACT,UAAU,EACV,MAAM,EACN,QAAQ,EACR,WAAW,EACX,SAAS,GACV,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD,OAAO,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,yBAAyB,EAAE,SAAS,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvG,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACvG,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD,OAAO,yBAAyB,CAAC"}

package/dist/nuclo.cjs

@@ -1,2 +1,2 @@
-"use strict";function e(e){return null===e||"object"!=typeof e&&"function"!=typeof e}function t(e){return e instanceof Node}function n(e){return"object"==typeof e&&null!==e}function r(e){return n(e)&&"tagName"in e}function o(e){return"function"==typeof e}function i(e,t){"undefined"!=typeof console&&console.error(`nuclo: ${e}`,t)}function c(e,t){try{return e()}catch(e){return i("Operation failed",e),t}}const u="undefined"!=typeof window&&"undefined"!=typeof document;function a(e){if(!e?.parentNode)return!1;try{return e.parentNode.removeChild(e),!0}catch{return!1}}function s(e){if(!u)return null;try{return document.createComment(e)}catch{return null}}function l(e){if(!u)throw new Error("Cannot create comment in non-browser environment");const t=s(`${e}-${Math.random().toString(36).slice(2)}`);if(!t)throw new Error("Failed to create comment");return t}function d(e){const t=s(`${e}-end`);if(!t)throw new Error("Failed to create end comment");return{start:l(`${e}-start`),end:t}}function f(e){return!!e&&("boolean"==typeof e.isConnected?e.isConnected:document.contains(e))}const p=new Map,h=new Map;function m(e,t){t.attributeResolvers.forEach(({resolver:e,applyValue:t},n)=>{try{t(c(e))}catch(e){i(`Failed to update reactive attribute: ${n}`,e)}})}function g(e,t){if("function"!=typeof e)return i("Invalid resolver provided to createReactiveTextNode"),document.createTextNode("");const n=arguments.length>1?t:c(e,""),r=void 0===n?"":String(n),o=document.createTextNode(r);return p.set(o,{resolver:e,lastValue:r}),o}function y(e,t,n,r){if(!(e instanceof Element&&t&&"function"==typeof n))return void i("Invalid parameters for registerAttributeResolver");const o=function(e){let t=h.get(e);return t||(t={attributeResolvers:new Map},h.set(e,t)),t}(e);o.attributeResolvers.set(t,{resolver:n,applyValue:r});try{r(c(n))}catch(e){i("Failed to apply initial attribute value",e)}if(!o.updateListener){const t=()=>m(0,o);e.addEventListener("update",t),o.updateListener=t}}function v(e,t){e&&e.style&&t&&Object.entries(t).forEach(([t,n])=>{if(null==n||""===n)e.style.removeProperty(t),e.style[t]="";else try{e.style[t]=String(n)}catch{}})}function b(e,t,n){if(null==n)return;if("style"===t)return i=n,void((r=e)&&(o(i)?y(r,"style",()=>{try{return i()}catch{return null}},e=>{v(r,e)}):v(r,i)));var r,i;const c=n=>{null!=n&&(t in e?e[t]=n:e instanceof Element&&e.setAttribute(String(t),String(n)))};o(n)&&0===n.length?y(e,String(t),n,c):c(n)}function x(e,t){if(t)for(const n of Object.keys(t)){b(e,n,t[n])}}const C=new WeakMap;function E(e){const{value:t,error:n}=function(e){const t=C.get(e);if(t)return t;try{const t={value:e(),error:!1};return C.set(e,t),t}catch{const t={value:void 0,error:!0};return C.set(e,t),t}}(e);return!n&&"boolean"==typeof t}function w(e,r,i){if(!o(e)||0!==e.length||!E(e))return!1;const c=r.filter((e,t)=>t!==i);if(0===c.length)return!1;return c.some(e=>n(e)||t(e)||o(e)&&e.length>0)}function M(r,c,u){if(null==c)return null;if(o(c)){if(0===c.length)try{let t=C.get(c);if(!t){t={value:c(),error:!1},C.set(c,t)}if(t.error){const e=document.createDocumentFragment(),t=document.createComment(` text-${u} `),n=g(()=>"");return e.appendChild(t),e.appendChild(n),e}const n=t.value;if(e(n)&&null!=n){const e=document.createDocumentFragment(),t=document.createComment(` text-${u} `),r=g(c,n);return e.appendChild(t),e.appendChild(r),e}return null}catch(e){C.set(c,{value:void 0,error:!0}),i("Error evaluating reactive text function:",e);const t=document.createDocumentFragment(),n=document.createComment(` text-${u} `),r=g(()=>"");return t.appendChild(n),t.appendChild(r),t}const o=c(r,u);if(null==o)return null;if(e(o)){const e=document.createDocumentFragment(),t=document.createComment(` text-${u} `),n=document.createTextNode(String(o));return e.appendChild(t),e.appendChild(n),e}return t(o)?o:(n(o)&&x(r,o),null)}const a=c;if(null==a)return null;if(e(a)){const e=document.createDocumentFragment(),t=document.createComment(` text-${u} `),n=document.createTextNode(String(a));return e.appendChild(t),e.appendChild(n),e}return t(a)?a:(n(a)&&x(r,a),null)}const S=new Set;function N(e,t){e._conditionalInfo=t,S.add(e)}function k(e,t,n=0){if(!t||0===t.length)return{element:e,nextIndex:n,appended:0};let r=n,o=0;const i=e;for(let n=0;n<t.length;n+=1){const c=t[n];if(null==c)continue;const u=M(e,c,r);u&&(u.parentNode!==i&&i.appendChild(u),r+=1,o+=1)}return{element:e,nextIndex:r,appended:o}}function T(e,t){const n=document.createElement(e);return k(n,t,0),n}function F(e){const t=function(e){for(let t=0;t<e.length;t+=1)if(w(e[t],e,t))return t;return-1}(e);return-1===t?{condition:null,otherModifiers:e}:{condition:e[t],otherModifiers:e.filter((e,n)=>n!==t)}}function I(e,...t){return(n,r)=>{const{condition:o,otherModifiers:i}=F(t);if(o)return function(e,t,n){const r=t();if(!u)return r?T(e,n):document.createComment(`conditional-${e}-ssr`);if(r){const r=T(e,n);return N(r,{condition:t,tagName:e,modifiers:n}),r}const o=document.createComment(`conditional-${e}-hidden`);return N(o,{condition:t,tagName:e,modifiers:n}),o}(e,o,i);const c=document.createElement(e);return k(c,i,r),c}}function L(e){return(...t)=>I(e,...t)}const $=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","label","legend","li","link","main","map","mark","menu","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","script","search","section","select","slot","small","source","span","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr"];function B(e=globalThis){const t="__vc_tags_registered";e[t]||($.forEach(t=>function(e,t){t in e||(e[t]=L(t))}(e,t)),e[t]=!0)}const _=new Set;function D(e,t,n){return function(e,t,n){if(o(e)){const o=e(t,n);return o&&r(o)?o:null}return e&&r(e)?e:null}(e.renderItem(t,n),e.host,n)}function G(e){a(e.element)}function O(e){const{host:t,startMarker:n,endMarker:r}=e,o=n.parentNode??t,i=e.itemsProvider();if(function(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if((n in e?e[n]:void 0)!==(n in t?t[n]:void 0))return!1;return!0}(e.lastSyncedItems,i))return;const c=new Map,u=new Map;e.records.forEach(e=>{const t=u.get(e.item);t?t.push(e):u.set(e.item,[e])}),i.forEach((t,n)=>{if(n<e.lastSyncedItems.length&&e.lastSyncedItems[n]===t){const r=e.records[n];if(r&&r.item===t){c.set(n,r);const e=u.get(t);if(e){const n=e.indexOf(r);n>=0&&(e.splice(n,1),0===e.length&&u.delete(t))}}}});const a=[],s=new Set(e.records);let l=r;for(let t=i.length-1;t>=0;t--){const n=i[t];let r=c.get(t);if(!r){const e=u.get(n);e&&e.length>0&&(r=e.shift(),0===e.length&&u.delete(n))}if(r)s.delete(r);else{const o=D(e,n,t);if(!o)continue;r={item:n,element:o}}a.unshift(r);const d=r.element;d.nextSibling!==l&&o.insertBefore(d,l),l=d}s.forEach(G),e.records=a,e.lastSyncedItems=[...i]}function j(e,t){return n=>{const r=function(e,t,n){const{start:r,end:o}=d("list"),i={itemsProvider:e,renderItem:t,startMarker:r,endMarker:o,records:[],host:n,lastSyncedItems:[]},c=n;return c.appendChild(r),c.appendChild(o),_.add(i),O(i),i}(e,t,n);return r.startMarker}}function A(e,t){try{return e()}catch(e){if(!t)throw e;return t(e),!1}}function P(e,t){return"function"==typeof e?A(e,t):Boolean(e)}const R=new Set;function V(e){const{groups:t,elseContent:n,host:r,index:i,endMarker:c}=e;let u=null;for(let e=0;e<t.length;e++)if(P(t[e].condition)){u=e;break}if(null===u&&n.length&&(u=-1),u===e.activeIndex)return;if(function(e,t){let n=e.nextSibling;for(;n&&n!==t;){const e=n.nextSibling;a(n),n=e}}(e.startMarker,e.endMarker),e.activeIndex=u,null===u)return;const s=[],l=e=>{for(const t of e){if(o(t)){if(0===t.length){C.delete(t);const e=M(r,t,i);e&&s.push(e);continue}const e=r,n=e.appendChild;e.appendChild=function(t){return e.insertBefore(t,c)};try{const e=M(r,t,i);e&&!e.parentNode&&s.push(e)}finally{e.appendChild=n}continue}const e=M(r,t,i);e&&s.push(e)}};u>=0?l(t[u].content):-1===u&&l(n),function(e,t){const n=t.parentNode;n&&e.forEach(e=>function(e,t,n){if(!e||!t)return!1;try{return e.insertBefore(t,n),!0}catch{return!1}}(n,e,t))}(s,c)}class q{groups=[];elseContent=[];constructor(e,...t){this.groups.push({condition:e,content:t})}when(e,...t){return this.groups.push({condition:e,content:t}),this}else(...e){return this.elseContent=e,this}render(e,t){if(!u)return document.createComment("when-ssr");const{start:n,end:r}=d("when"),o={startMarker:n,endMarker:r,host:e,index:t,groups:[...this.groups],elseContent:[...this.elseContent],activeIndex:null,update:()=>V(o)};R.add(o);const i=e;return i.appendChild(n),i.appendChild(r),V(o),n}}function z(e){return Object.assign((t,n)=>e.render(t,n),{when:(t,...n)=>(e.when(t,...n),z(e)),else:(...t)=>(e.else(...t),z(e))})}function H(e,...t){return z(new q(e,...t))}function W(e,t){if(e.parentNode)try{e.parentNode.replaceChild(t,e)}catch(e){console.error("Error replacing conditional node:",e)}}function J(e){const t=function(e){return e._conditionalInfo??null}(e);if(!t)return;const n=A(t.condition,e=>{console.error("Error evaluating conditional condition:",e)}),r=e.nodeType===Node.ELEMENT_NODE;if(n&&!r){const n=function(e){const t=document.createElement(e.tagName);try{k(t,e.modifiers,0)}catch(t){console.error(`Error applying modifiers in conditional element "${e.tagName}":`,t)}return t}(t);N(n,t),W(e,n)}else if(!n&&r){const n=function(e){return document.createComment(`conditional-${e.tagName}-hidden`)}(t);N(n,t),W(e,n)}}const K=[function(){_.forEach(e=>{e.startMarker.isConnected&&e.endMarker.isConnected?O(e):_.delete(e)})},function(){R.forEach(e=>{try{e.update()}catch(t){R.delete(e)}})},function(){if(u)try{S.forEach(e=>{e.isConnected?J(e):function(e){S.delete(e)}(e)})}catch(e){console.error("Error during conditional elements update:",e)}},function(){h.forEach((e,t)=>{if(!f(t))return e.updateListener&&t.removeEventListener("update",e.updateListener),void h.delete(t);m(0,e)})},function(){p.forEach((e,t)=>{if(f(t))try{const n=c(e.resolver),r=void 0===n?"":String(n);r!==e.lastValue&&(t.textContent=r,e.lastValue=r)}catch(e){i("Failed to update reactive text node",e)}else p.delete(t)})},function(){if("undefined"==typeof document)return;const e=[];document.body&&e.push(document.body),e.push(document),e.forEach(e=>{try{e.dispatchEvent(new Event("update",{bubbles:!0}))}catch(e){console.error("Error dispatching global update event:",e)}})}];function Q(){for(const e of K)e()}function U(e,t,n){return r=>{const o=r;if(!o||"function"!=typeof o.addEventListener)return;o.addEventListener(e,n=>{try{t.call(o,n)}catch(t){"undefined"!=typeof console&&console.error&&console.error(`[nuclo:on] Error in '${e}' listener:`,t)}},n)}}function X(e,t,n=0){const r=e(t||document.body,n);return(t||document.body).appendChild(r),r}function Y(){if(B(),"undefined"!=typeof globalThis){const e=globalThis;e.list=j,e.update=Q,e.when=H,e.on=U,e.render=X}}"undefined"!=typeof globalThis&&Y(),console.log("nuclo"),exports.HTML_TAGS=$,exports.SELF_CLOSING_TAGS=["area","base","br","col","embed","hr","img","input","link","meta","source","track","wbr"],exports.SVG_TAGS=["a","animate","animateMotion","animateTransform","circle","clipPath","defs","desc","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","foreignObject","g","image","line","linearGradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialGradient","rect","script","set","stop","style","svg","switch","symbol","text","textPath","title","tspan","use","view"],exports.appendChildren=function(e,...t){return e?(t.forEach(t=>{if(null!=t){let n;if("string"==typeof t){const e=function(e){if(!u)return null;try{return document.createTextNode(String(e))}catch{return null}}(t);if(!e)return;n=e}else n=t;!function(e,t){if(!e||!t)return!1;try{return e.appendChild(t),!0}catch{return!1}}(e,n)}}),e):e},exports.applyAttributes=x,exports.applyNodeModifier=M,exports.createElementFactory=I,exports.createTagBuilder=L,exports.initializeRuntime=Y,exports.isBoolean=function(e){return"boolean"==typeof e},exports.isBrowser=u,exports.isFunction=o,exports.isNode=t,exports.isObject=n,exports.isPrimitive=e,exports.isTagLike=r,exports.list=j,exports.on=U,exports.registerGlobalTagBuilders=B,exports.render=X,exports.update=Q,exports.when=H;
+"use strict";function e(e){return null===e||"object"!=typeof e&&"function"!=typeof e}function t(e){return e instanceof Node}function n(e){return"object"==typeof e&&null!==e}function r(e){return n(e)&&"tagName"in e}function o(e){return"function"==typeof e}function i(e,t){"undefined"!=typeof console&&console.error(`nuclo: ${e}`,t)}function c(e,t){try{return e()}catch(e){return i("Operation failed",e),t}}const u="undefined"!=typeof window&&"undefined"!=typeof document;function a(e){if(!e?.parentNode)return!1;try{return e.parentNode.removeChild(e),!0}catch{return!1}}function s(e){if(!u)return null;try{return document.createComment(e)}catch{return null}}function l(e){if(!u)throw new Error("Cannot create comment in non-browser environment");const t=s(`${e}-${Math.random().toString(36).slice(2)}`);if(!t)throw new Error("Failed to create comment");return t}function d(e){const t=s(`${e}-end`);if(!t)throw new Error("Failed to create end comment");return{start:l(`${e}-start`),end:t}}function f(e){return!!e&&("boolean"==typeof e.isConnected?e.isConnected:document.contains(e))}const p=new Map,h=new Map;function m(e,t){t.attributeResolvers.forEach(({resolver:e,applyValue:t},n)=>{try{t(c(e))}catch(e){i(`Failed to update reactive attribute: ${n}`,e)}})}function g(e,t){if("function"!=typeof e)return i("Invalid resolver provided to createReactiveTextNode"),document.createTextNode("");const n=arguments.length>1?t:c(e,""),r=void 0===n?"":String(n),o=document.createTextNode(r);return p.set(o,{resolver:e,lastValue:r}),o}function y(e,t,n,r){if(!(e instanceof Element&&t&&"function"==typeof n))return void i("Invalid parameters for registerAttributeResolver");const o=function(e){let t=h.get(e);return t||(t={attributeResolvers:new Map},h.set(e,t)),t}(e);o.attributeResolvers.set(t,{resolver:n,applyValue:r});try{r(c(n))}catch(e){i("Failed to apply initial attribute value",e)}if(!o.updateListener){const t=()=>m(0,o);e.addEventListener("update",t),o.updateListener=t}}function v(e,t){e&&e.style&&t&&Object.entries(t).forEach(([t,n])=>{if(null==n||""===n)e.style.removeProperty(t),e.style[t]="";else try{e.style[t]=String(n)}catch{}})}function b(e,t,n){if(null==n)return;if("style"===t)return i=n,void((r=e)&&(o(i)?y(r,"style",()=>{try{return i()}catch{return null}},e=>{v(r,e)}):v(r,i)));var r,i;const c=n=>{null!=n&&(t in e?e[t]=n:e instanceof Element&&e.setAttribute(String(t),String(n)))};o(n)&&0===n.length?y(e,String(t),n,c):c(n)}function x(e,t){if(t)for(const n of Object.keys(t)){b(e,n,t[n])}}const C=new WeakMap;function E(e){const{value:t,error:n}=function(e){const t=C.get(e);if(t)return t;try{const t={value:e(),error:!1};return C.set(e,t),t}catch{const t={value:void 0,error:!0};return C.set(e,t),t}}(e);return!n&&"boolean"==typeof t}function w(e,r,i){if(!o(e)||0!==e.length||!E(e))return!1;const c=r.filter((e,t)=>t!==i);if(0===c.length)return!1;return c.some(e=>n(e)||t(e)||o(e)&&e.length>0)}function M(r,c,u){if(null==c)return null;if(o(c)){if(0===c.length)try{let t=C.get(c);if(!t){t={value:c(),error:!1},C.set(c,t)}if(t.error){const e=document.createDocumentFragment(),t=document.createComment(` text-${u} `),n=g(()=>"");return e.appendChild(t),e.appendChild(n),e}const n=t.value;if(e(n)&&null!=n){const e=document.createDocumentFragment(),t=document.createComment(` text-${u} `),r=g(c,n);return e.appendChild(t),e.appendChild(r),e}return null}catch(e){C.set(c,{value:void 0,error:!0}),i("Error evaluating reactive text function:",e);const t=document.createDocumentFragment(),n=document.createComment(` text-${u} `),r=g(()=>"");return t.appendChild(n),t.appendChild(r),t}const o=c(r,u);if(null==o)return null;if(e(o)){const e=document.createDocumentFragment(),t=document.createComment(` text-${u} `),n=document.createTextNode(String(o));return e.appendChild(t),e.appendChild(n),e}return t(o)?o:(n(o)&&x(r,o),null)}const a=c;if(null==a)return null;if(e(a)){const e=document.createDocumentFragment(),t=document.createComment(` text-${u} `),n=document.createTextNode(String(a));return e.appendChild(t),e.appendChild(n),e}return t(a)?a:(n(a)&&x(r,a),null)}const S=new Set;function N(e,t){e._conditionalInfo=t,S.add(e)}function k(e,t,n=0){if(!t||0===t.length)return{element:e,nextIndex:n,appended:0};let r=n,o=0;const i=e;for(let n=0;n<t.length;n+=1){const c=t[n];if(null==c)continue;const u=M(e,c,r);u&&(u.parentNode!==i&&i.appendChild(u),r+=1,o+=1)}return{element:e,nextIndex:r,appended:o}}function T(e,t){const n=document.createElement(e);return k(n,t,0),n}function F(e){const t=function(e){for(let t=0;t<e.length;t+=1)if(w(e[t],e,t))return t;return-1}(e);return-1===t?{condition:null,otherModifiers:e}:{condition:e[t],otherModifiers:e.filter((e,n)=>n!==t)}}function I(e,...t){return(n,r)=>{const{condition:o,otherModifiers:i}=F(t);if(o)return function(e,t,n){const r=t();if(!u)return r?T(e,n):document.createComment(`conditional-${e}-ssr`);if(r){const r=T(e,n);return N(r,{condition:t,tagName:e,modifiers:n}),r}const o=document.createComment(`conditional-${e}-hidden`);return N(o,{condition:t,tagName:e,modifiers:n}),o}(e,o,i);const c=document.createElement(e);return k(c,i,r),c}}function L(e){return(...t)=>I(e,...t)}const $=["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","label","legend","li","link","main","map","mark","menu","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","script","search","section","select","slot","small","source","span","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","title","tr","track","u","ul","var","video","wbr"];function B(e=globalThis){const t="__vc_tags_registered";e[t]||($.forEach(t=>function(e,t){t in e||(e[t]=L(t))}(e,t)),e[t]=!0)}const _=new Set;function D(e,t,n){return function(e,t,n){if(o(e)){const o=e(t,n);return o&&r(o)?o:null}return e&&r(e)?e:null}(e.renderItem(t,n),e.host,n)}function G(e){a(e.element)}function O(e){const{host:t,startMarker:n,endMarker:r}=e,o=n.parentNode??t,i=e.itemsProvider();if(function(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if((n in e?e[n]:void 0)!==(n in t?t[n]:void 0))return!1;return!0}(e.lastSyncedItems,i))return;const c=new Map,u=new Map;e.records.forEach(e=>{const t=u.get(e.item);t?t.push(e):u.set(e.item,[e])}),i.forEach((t,n)=>{if(n<e.lastSyncedItems.length&&e.lastSyncedItems[n]===t){const r=e.records[n];if(r&&r.item===t){c.set(n,r);const e=u.get(t);if(e){const n=e.indexOf(r);n>=0&&(e.splice(n,1),0===e.length&&u.delete(t))}}}});const a=[],s=new Set(e.records);let l=r;for(let t=i.length-1;t>=0;t--){const n=i[t];let r=c.get(t);if(!r){const e=u.get(n);e&&e.length>0&&(r=e.shift(),0===e.length&&u.delete(n))}if(r)s.delete(r);else{const o=D(e,n,t);if(!o)continue;r={item:n,element:o}}a.unshift(r);const d=r.element;d.nextSibling!==l&&o.insertBefore(d,l),l=d}s.forEach(G),e.records=a,e.lastSyncedItems=[...i]}function j(e,t){return n=>{const r=function(e,t,n){const{start:r,end:o}=d("list"),i={itemsProvider:e,renderItem:t,startMarker:r,endMarker:o,records:[],host:n,lastSyncedItems:[]},c=n;return c.appendChild(r),c.appendChild(o),_.add(i),O(i),i}(e,t,n);return r.startMarker}}function A(e,t){try{return e()}catch(e){if(!t)throw e;return t(e),!1}}function P(e,t){return"function"==typeof e?A(e,t):Boolean(e)}const R=new Set;function V(e){const{groups:t,elseContent:n,host:r,index:i,endMarker:c}=e;let u=null;for(let e=0;e<t.length;e++)if(P(t[e].condition)){u=e;break}if(null===u&&n.length&&(u=-1),u===e.activeIndex)return;if(function(e,t){let n=e.nextSibling;for(;n&&n!==t;){const e=n.nextSibling;a(n),n=e}}(e.startMarker,e.endMarker),e.activeIndex=u,null===u)return;const s=[],l=e=>{for(const t of e){if(o(t)){if(0===t.length){C.delete(t);const e=M(r,t,i);e&&s.push(e);continue}const e=r,n=e.appendChild;e.appendChild=function(t){return e.insertBefore(t,c)};try{const e=M(r,t,i);e&&!e.parentNode&&s.push(e)}finally{e.appendChild=n}continue}const e=M(r,t,i);e&&s.push(e)}};u>=0?l(t[u].content):-1===u&&l(n),function(e,t){const n=t.parentNode;n&&e.forEach(e=>function(e,t,n){if(!e||!t)return!1;try{return e.insertBefore(t,n),!0}catch{return!1}}(n,e,t))}(s,c)}class q{groups=[];elseContent=[];constructor(e,...t){this.groups.push({condition:e,content:t})}when(e,...t){return this.groups.push({condition:e,content:t}),this}else(...e){return this.elseContent=e,this}render(e,t){if(!u)return document.createComment("when-ssr");const{start:n,end:r}=d("when"),o={startMarker:n,endMarker:r,host:e,index:t,groups:[...this.groups],elseContent:[...this.elseContent],activeIndex:null,update:()=>V(o)};R.add(o);const i=e;return i.appendChild(n),i.appendChild(r),V(o),n}}function z(e){return Object.assign((t,n)=>e.render(t,n),{when:(t,...n)=>(e.when(t,...n),z(e)),else:(...t)=>(e.else(...t),z(e))})}function H(e,...t){return z(new q(e,...t))}function W(e,t){if(e.parentNode)try{e.parentNode.replaceChild(t,e)}catch(e){console.error("Error replacing conditional node:",e)}}function J(e){const t=function(e){return e._conditionalInfo??null}(e);if(!t)return;const n=A(t.condition,e=>{console.error("Error evaluating conditional condition:",e)}),r=e.nodeType===Node.ELEMENT_NODE;if(n&&!r){const n=function(e){const t=document.createElement(e.tagName);try{k(t,e.modifiers,0)}catch(t){console.error(`Error applying modifiers in conditional element "${e.tagName}":`,t)}return t}(t);N(n,t),W(e,n)}else if(!n&&r){const n=function(e){return document.createComment(`conditional-${e.tagName}-hidden`)}(t);N(n,t),W(e,n)}}const K=[function(){_.forEach(e=>{e.startMarker.isConnected&&e.endMarker.isConnected?O(e):_.delete(e)})},function(){R.forEach(e=>{try{e.update()}catch(t){R.delete(e)}})},function(){if(u)try{S.forEach(e=>{e.isConnected?J(e):function(e){S.delete(e)}(e)})}catch(e){console.error("Error during conditional elements update:",e)}},function(){h.forEach((e,t)=>{if(!f(t))return e.updateListener&&t.removeEventListener("update",e.updateListener),void h.delete(t);m(0,e)})},function(){p.forEach((e,t)=>{if(f(t))try{const n=c(e.resolver),r=void 0===n?"":String(n);r!==e.lastValue&&(t.textContent=r,e.lastValue=r)}catch(e){i("Failed to update reactive text node",e)}else p.delete(t)})},function(){if("undefined"==typeof document)return;const e=[];document.body&&e.push(document.body),e.push(document),e.forEach(e=>{try{e.dispatchEvent(new Event("update",{bubbles:!0}))}catch(e){console.error("Error dispatching global update event:",e)}})}];function Q(){for(const e of K)e()}function U(e,t,n){return r=>{const o=r;if(!o||"function"!=typeof o.addEventListener)return;o.addEventListener(e,n=>{try{t.call(o,n)}catch(t){"undefined"!=typeof console&&console.error&&console.error(`[nuclo:on] Error in '${e}' listener:`,t)}},n)}}function X(e,t,n=0){const r=e(t||document.body,n);return(t||document.body).appendChild(r),r}function Y(){if(B(),"undefined"!=typeof globalThis){const e=globalThis;e.list=j,e.update=Q,e.when=H,e.on=U,e.render=X}}"undefined"!=typeof globalThis&&Y(),exports.HTML_TAGS=$,exports.SELF_CLOSING_TAGS=["area","base","br","col","embed","hr","img","input","link","meta","source","track","wbr"],exports.SVG_TAGS=["a","animate","animateMotion","animateTransform","circle","clipPath","defs","desc","ellipse","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","filter","foreignObject","g","image","line","linearGradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialGradient","rect","script","set","stop","style","svg","switch","symbol","text","textPath","title","tspan","use","view"],exports.appendChildren=function(e,...t){return e?(t.forEach(t=>{if(null!=t){let n;if("string"==typeof t){const e=function(e){if(!u)return null;try{return document.createTextNode(String(e))}catch{return null}}(t);if(!e)return;n=e}else n=t;!function(e,t){if(!e||!t)return!1;try{return e.appendChild(t),!0}catch{return!1}}(e,n)}}),e):e},exports.applyAttributes=x,exports.applyNodeModifier=M,exports.createElementFactory=I,exports.createTagBuilder=L,exports.initializeRuntime=Y,exports.isBoolean=function(e){return"boolean"==typeof e},exports.isBrowser=u,exports.isFunction=o,exports.isNode=t,exports.isObject=n,exports.isPrimitive=e,exports.isTagLike=r,exports.list=j,exports.on=U,exports.registerGlobalTagBuilders=B,exports.render=X,exports.update=Q,exports.when=H;
 //# sourceMappingURL=nuclo.cjs.map