spikijs 1.1.19 → 1.1.21

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2025 nover
+Copyright (c) 2025 novver
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,11 +1,149 @@
 # Spikijs
 
-~5 KB (Gzip): Reactive JavaScript micro-framework 
+Spikijs is a lightweight (~5KB), high-performance JavaScript framework for building interactive interfaces. It works directly with your HTML (no build step required) and uses ES6 Proxies for reactive state management.
+
+It is designed to be simple, secure (CSP Compliant), and fast.
+
+## Key Features
+
+* **Tiny Footprint:** Around 5KB gzip. No complex bundlers needed.
+* **Zero Inline Logic:** You cannot write JavaScript logic in HTML attributes (e.g., `count++` is forbidden). This enforces clean separation of concerns and complies with strict Content Security Policies (CSP).
+* **Deep Reactivity:** Automatically tracks changes in nested objects and arrays using Proxies.
+* **Memory Safe:** Explicit `mount()` and `unmount()` methods prevent memory leaks in Single Page Applications.
 
 ---
 
-## Documentation
-Read the full documentation on [GitHub](https://github.com/novver/spikijs)
+## Installation
+
+### CDN (Browser)
+Simply add the script tag to your HTML. Spiki will automatically attach to `window.spiki`.
+
+```html
+<script src="https://unpkg.com/spikijs"></script>
+
+```
+
+### NPM (Module)
+
+Install via package manager.
+
+```bash
+npm install spikijs
+
+```
+
+---
+
+## Usage Strategies
+
+Choose the initialization method that fits your architecture.
+
+### Automatic
+
+Best for simple websites. Spiki scans the entire document for `s-data` attributes.
+
+**HTML:**
+
+```html
+<div s-data="counterApp">
+    Count: <span s-text="count"></span>
+    <button s-click="increment">+</button>
+</div>
+
+```
+
+**JavaScript:**
+
+```javascript
+import spiki from 'spikijs';
+
+// 1. Register Component
+spiki.data('counterApp', () => ({
+    count: 0,
+    increment() {
+        this.count++;
+    }
+}));
+
+// 2. Start Engine (Scans the whole body)
+spiki.start();
+
+```
+
+### Manual Mount
+
+You control exactly *when* and *where* Spiki starts, and crucially, when it stops to free memory.
+
+**HTML:**
+
+```html
+<div id="my-widget" s-data="counterApp">
+    Count: <span s-text="count"></span>
+    <button s-click="increment">+</button>
+</div>
+
+```
+
+**JavaScript:**
+
+```javascript
+import spiki from 'spikijs';
+
+// 1. Register Component logic
+spiki.data('counterApp', () => ({
+    count: 0,
+    increment() {
+        this.count++;
+    }
+}));
+
+// 2. Select the DOM element
+const myWidget = document.getElementById('my-widget');
+
+// 3. Mount Spiki to this specific element
+const counterApp = spiki.mount(myWidget);
+
+// ... later when removing the element or changing pages ...
+// 4. Unmount to free memory (Stop watchers and event listeners)
+// counterApp.unmount();
+
+```
+
+---
+
+## Quick Start
+
+1. **Define HTML**: Add `s-data` to a container.
+2. **Define Logic**: Use `spiki.data()`.
+3. **Start Engine**: Call `spiki.start()`.
+
+```html
+<div s-data="counterApp">
+    <h1>Count: <span s-text="count"></span></h1>
+    <button s-click="increment">Add +1</button>
+    <button s-click="decrement">Del -1</button>
+</div>
+
+<script src="https://unpkg.com/spikijs"></script>
+<script>
+    // 1. Register Component
+    spiki.data('counterApp', () => ({
+        count: 0,
+        increment() {
+            this.count++;
+        },
+        decrement() {
+            this.count--;
+        }
+    }));
+
+    // 2. Start Spiki
+    document.addEventListener('DOMContentLoaded', () => {
+        spiki.start();
+    });
+</script>
+
+```
 
 ---
 
@@ -36,70 +174,353 @@ Read the full documentation on [GitHub](https://github.com/novver/spikijs)
 
 ---
 
-## Installation
+## Detailed Usage Examples
 
-### via NPM
-```bash
-npm install spikijs
+### 1. Displaying Data (`s-text`)
+
+Updates the `textContent` of an element. This is safe and prevents XSS attacks.
+
+```html
+<div s-data="textApp">
+    <p>Message: <span s-text="msg"></span></p>
+    
+    <p>Formatted: <span s-text="formatMsg"></span></p>
+</div>
+
+<script>
+spiki.data('textApp', () => ({
+    msg: 'hello world',
+    
+    // Function receives the element as argument
+    formatMsg(el) {
+        // You can manipulate 'el' if needed, but return value is used for text
+        return this.msg.toUpperCase();
+    }
+}));
+</script>
 
 ```
 
-### via CDN
-You can use the CDN directly in your HTML using a standard script tag:
+> **Note:** If you bind a function to `s-text`, that function receives the DOM element (`el`) as its first argument.
+
+### 2. Inner HTML (`s-html`)
+
+Updates the `innerHTML`. Only use this if you trust the content source.
 
 ```html
-<script src="//unpkg.com/spikijs"></script>
+<div s-data="htmlApp">
+    <div s-html="rawHtml"></div>
+</div>
+
+<script>
+spiki.data('htmlApp', () => ({
+    rawHtml: '<b>Bold Text</b> and <i>Italic</i>'
+}));
+</script>
 
 ```
 
----
+> **Note:** Just like `s-text`, if you use a function here, it receives the DOM element (`el`) as an argument.
 
-## Quick Start
+### 3. Dynamic Attributes (`:[attribute]`)
 
-Here is a simple "Counter" example to show how Spikijs works.
+You can bind ANY HTML attribute to a variable by adding a colon `:` before the attribute name.
 
-### 1. HTML Layout
+```html
+<div s-data="attrApp">
+    <img :src="avatarUrl" :alt="avatarAlt">
+    <a :href="profileLink">View Profile</a>
+    
+    <button :disabled="checkStatus">Submit</button>
+</div>
+
+<script>
+spiki.data('attrApp', () => ({
+    avatarUrl: 'https://via.placeholder.com/150',
+    avatarAlt: 'User Avatar',
+    profileLink: '/profile/user1',
+    isLoading: true,
+    
+    checkStatus(el) {
+        // 'el' is the button element
+        if (this.isLoading) {
+            el.style.opacity = '0.5'; // You can touch DOM directly
+            return true; // Return value sets the attribute
+        }
+        el.style.opacity = '1';
+        return false;
+    }
+}));
+</script>
+
+```
 
-Use special `s-` attributes to bind data and events to your HTML.
+> **Note:** The function receives the DOM element (`el`) as an argument. You can use this to perform direct DOM manipulation alongside setting the attribute.
+
+### 4. Initialization (`s-init`)
+
+Runs a function immediately when the component is mounted. This is the perfect place for API calls or setting up 3rd party libraries.
 
 ```html
-<div s-data="counter">
-    <h1 s-text="title"></h1>
-    <h2 s-text="count"></h2>
+<div s-data="usersApp" s-init="loadUsers">
+    <p s-if="isLoading">Loading...</p>
+    <ul>
+        <template s-for="user in users" s-key="id">
+            <li><span s-text="user.name"></span></li>
+        </template>
+    </ul>
+</div>
+
+<script>
+spiki.data('usersApp', () => ({
+    isLoading: true,
+    users: [],
     
-    <button s-click="decrement">-</button>
-    <button s-click="increment">+</button>
+    loadUsers(el) {
+        // 'el' is the div containing s-init
+        console.log("Component mounted on:", el);
+        
+        var self = this;
+        fetch('https://jsonplaceholder.typicode.com/users')
+            .then(function(r) { return r.json() })
+            .then(function(data) {
+                self.users = data;
+                self.isLoading = false;
+            });
+    }
+}));
+</script>
+
+```
+
+> **Note:** The function receives the element (`el`) where the directive is placed.
+
+### 5. Event Listeners (`s-[event]`)
+
+Listen to any DOM event using the `s-` prefix.
+
+```html
+<div s-data="eventApp">
+    <button s-click="handleClick">Click Me</button>
 </div>
 
+<script>
+spiki.data('eventApp', () => ({
+    handleClick(e) {
+        // 'e' is the standard Native Event Object
+        // 'e.target' gives you the element
+        e.preventDefault();
+        alert('Button Clicked!');
+    }
+}));
+</script>
+
 ```
 
-### 2. JavaScript Logic
+> **Note:** Events receive the native Event Object (`e`). You can access the element via `e.target` or `e.currentTarget`.
 
-Register your component logic and start the framework.
+### 6. Side Effects (`s-effect`)
 
-```javascript
-import spiki from 'spikijs'; // required in script module
+Use `s-effect` to run a function automatically whenever its dependencies change.
 
-// Register the 'counter' component
-spiki.data('counter', () => ({
-    count: 0,
-    title: 'Hello Spiki',
+```html
+<div s-data="saveApp" s-effect="autoSave">
+    <textarea s-model="note"></textarea>
+    <span s-text="status"></span>
+</div>
+
+<script>
+spiki.data('saveApp', () => ({
+    note: localStorage.getItem('note') || '',
+    status: '',
     
-    increment() {
-        this.count++;
-    },
-    decrement() {
-        this.count--;
+    autoSave() {
+        localStorage.setItem('note', this.note);
+        this.status = 'Saved!';
     }
 }));
+</script>
 
-// Initialize the framework
-spiki.start();
+```
+
+> **Note:** The function receives the element (`el`) as an argument. Useful if you need to update something visual on the container when data changes.
+
+### 7. Form Inputs (`s-model` vs `s-value`)
+
+* **`s-model` (Two-Way):** Updates data when user types, and updates input when data changes.
+* **`s-value` (One-Way):** Only updates the input when data changes.
+
+```html
+<div s-data="formApp">
+    <input type="text" s-model="username">
+    
+    <input type="text" s-value="previewName" readonly>
+</div>
+
+<script>
+spiki.data('formApp', () => ({
+    username: 'john_doe',
+    
+    get previewName() {
+        return this.username.toUpperCase();
+    }
+}));
+</script>
+
+```
+
+---
+
+## Mastering Lists (`s-for`)
+
+### 1. Basic Loop Requirement
+
+You **MUST** use the `<template>` tag. Spiki uses the template to stamp out copies of your HTML.
+
+```html
+<ul>
+    <template s-for="user in users" s-key="id">
+        <li><span s-text="user.name"></span></li>
+    </template>
+</ul>
+
+```
+
+### 2. Accessing Data Inside Loop (`this.item`)
+
+When you trigger an event inside a loop, Spiki automatically injects the current item into `this`. The property name matches your loop alias.
+
+```html
+<div s-data="shopApp">
+    <ul>
+        <template s-for="product in products" s-key="id">
+            <li>
+                <span s-text="product.name"></span>
+                <button s-click="selectProduct">Select</button>
+            </li>
+        </template>
+    </ul>
+</div>
+
+<script>
+spiki.data('shopApp', () => ({
+    products: [
+        { id: 1, name: 'Laptop' },
+        { id: 2, name: 'Phone' }
+    ],
+    selectProduct() {
+        // 'this.product' is automatically available
+        console.log('You selected:', this.product.name);
+    }
+}));
+</script>
+
+```
+
+### 3. Accessing Index
+
+You can get the current index by using parentheses: `(item, index) in array`.
+
+```html
+<template s-for="(item, i) in list" s-key="id">
+    <button s-click="remove">
+        Remove Index <span s-text="i"></span>
+    </button>
+</template>
+
+<script>
+spiki.data('listApp', () => ({
+    list: ['A', 'B', 'C'],
+    remove() {
+        // 'this.i' is automatically available
+        this.list.splice(this.i, 1);
+    }
+}));
+</script>
+
+```
+
+---
+
+## Advanced Features
+
+### DOM References (`s-ref`)
+
+Sometimes you need to access the raw DOM element (e.g., to focus an input or play a video).
+
+```html
+<div s-data="refApp">
+    <input s-ref="myInput" type="text">
+    <button s-click="focusMe">Focus Input</button>
+</div>
+
+<script>
+spiki.data('refApp', () => ({
+    focusMe() {
+        // Access DOM element via this.$refs
+        this.$refs.myInput.focus();
+    }
+}));
+</script>
 
 ```
 
 ---
 
+## Core Concepts
+
+### Component Instance (`this`)
+
+Inside your functions, `this` refers to your component state.
+
+> **Warning:** Do not use arrow functions for methods (`func: () => {}`) if you need `this`. Use method shorthand (`func() {}`) instead.
+
+Spiki injects helper properties:
+
+* **`this.$root`**: The HTML element containing the component.
+* **`this.$refs`**: Access elements marked with `s-ref`.
+* **`this.$store`**: Access the global store.
+* **`this.$parent`**: Access the parent component.
+
+### Global Store
+
+Share state across multiple components.
+
+```javascript
+// 1. Define Store
+spiki.store('user', {
+    name: 'John Doe',
+    isLoggedIn: true
+});
+
+// 2. Use in Component
+spiki.data('profile', () => ({
+    get userName() {
+        return this.$store.user.name; // Reactive!
+    }
+}));
+
+```
+
+### `spiki.raw(proxy)`
+
+Get the original object from a Spiki proxy. Useful for console logging or API calls.
+
+```javascript
+const cleanData = spiki.raw(this.myData);
+console.log(cleanData); 
+
+```
+
+---
+
+## Browser Support
+
+Spiki requires a browser that supports **ES6 Proxy**.
+
+* **Supported:** Chrome, Firefox, Edge, Safari (Modern versions).
+* **Not Supported:** Internet Explorer 11.
+
 ## License
 
-MIT
+MIT License.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "spikijs",
   "license": "MIT",
-  "version": "1.1.19",
+  "version": "1.1.21",
   "type": "module",
   "repository": {
     "type": "git",

package/spiki.esm.js

@@ -130,11 +130,11 @@ var spiki = (() => {
 
     var makeReactive = (obj) => {
         if (!obj || typeof obj !== 'object' || obj._y || obj instanceof Node) return obj;
-        if (obj._p) return obj._p;
+        if (Object.prototype.hasOwnProperty.call(obj, '_p')) return obj._p;
 
         var proxy = new Proxy(obj, {
             get: (target, key, receiver) => {
-                if (key === '_y') return true;
+                if (key === '_y') return receiver === target._p;
                 if (key === '_t') return target;
                 if (key === '_d') return target._d;
                 if (key === '_i') return target._i;
@@ -224,13 +224,15 @@ var spiki = (() => {
     };
     domOps.class = (el, val) => {
         var base = el._n || '';
-        var dyn = '';
+        var obj = Object.create(null);
+        base.split(/\s+/).forEach(c => c && (obj[c] = 1));
+
         if (typeof val === 'string') {
-            dyn = val;
+            val.split(/\s+/).forEach(c => c && (obj[c] = 1));
         } else if (val) {
-            for (var k in val) if (val[k]) dyn += (dyn ? ' ' : '') + k;
-        }
-        var res = base + (base && dyn ? ' ' : '') + dyn;
+            for (var k in val) val[k] ? (obj[k] = 1) : delete obj[k];
+        }        
+        var res = Object.keys(obj).join(' ');
         if (el.className !== res) el.className = res;
     };
 
@@ -378,6 +380,9 @@ var spiki = (() => {
 
                     return parentCleanups.push(effect(() => {
                         var list = evalPath(scope, listPath).val || [];
+                        if (typeof list === 'number') {
+                            list = Array.from({ length: Math.max(0, Math.floor(list)) }, (_, i) => i + 1);
+                        }
                         if (Array.isArray(list)) track(list, 'length');
                         var frag = document.createDocumentFragment();
                         var cursor = end;
@@ -542,11 +547,21 @@ var spiki = (() => {
             var i = els.length;
             while (i--) mount(els[i]);
         },
-        store: (k, v) => v === undefined ? globalStore[k] : (globalStore[k] = v),
+        store: (name, value) => {
+            if (value === undefined) {
+                return globalStore[name];
+            }
+            globalStore[name] = value;
+            var store = globalStore[name];
+            if (store && typeof store.init === 'function') {
+                store.init.call(store);
+            }
+            return store;
+        },
         raw: (o) => (o && o._t) || o,
         mount: (el) => mount(el),
         unmount: (el) => { if (el && el._m) el._m.unmount(); }
     };
 })();
 
-export default spiki;
+export default spiki;

package/spiki.esm.min.js

@@ -1 +1 @@
-var spiki=(()=>{var j=Object,q=Array,t=Proxy,f=Reflect,S=String,e=Promise,o=Node,c=Number,D=document,i=console,F="length",K="value",M="push",B="forEach",H="indexOf",R="split",W="slice",z="call",l="get",G="prototype",s="hasOwnProperty",u="getPrototypeOf",I="defineProperty",J="create",Q="isArray",U="getAttribute",V="removeAttribute",X="hasAttribute",Y="tagName",Z="type",ee="name",_="checked",re="parentNode",te="nextSibling",a="textContent",n="innerHTML",ae="replaceWith",ne="insertBefore",oe="cloneNode",ie="remove",le="createTextNode",ve="addEventListener",fe="input",se="checkbox",ue="function",pe="class",ce="object",_e="unshift",de="trim",ye="cleanups",he="nodes",v="deps",me="className",ge="destroy",be="init",xe="charCodeAt",p="sched",d="string",Pe="unmount",we="attr",y="$root",h=j[J](null),m=[],g=!1,b=null,x=!1,r=e.resolve(),P={blur:1,focus:1,scroll:1,load:1,error:1,mouseenter:1,mouseleave:1,toggle:1},Ae=e=>{e._q||(e._q=!0,m[M](e),g||(g=!0,r.then(()=>{var e=m;g=!(m=[]);for(var r=e[F];r--;)e[r]._q=!1,e[r]()})))},ke=(e,r)=>{var t,a=e;if(typeof r==d)t=e?e[r]:void 0;else{for(var n=0,o=r[F];n<o-1&&a;)a=a[r[n++]];t=a?a[r[o-1]]:void 0}return void 0===t&&(e=q[Q](r)?r.join("."):r,i.warn("[spikijs] Property undefined: "+e)),{ctx:a,val:t}},w={};[M,"pop","shift",_e,"splice","sort","reverse"][B](r=>{w[r]=function(...e){x=!0;try{return q[G][r].apply(this,e)}finally{x=!1,A(this,F)}}});var Ne=(e,r)=>{!b||-1===(r=(e=e._d||(j[I](e,"_d",{value:j[J](null),writable:!0}),e._d))[r]||(e[r]=[]))[H](b)&&(r[M](b),b[v][M](r))},A=(e,r)=>{if(!x&&e._d&&e._d[r])for(var t=e._d[r][W](),a=0,n=t[F];a<n;a++){var o=t[a];o[p]?o[p](o):o()}},k=e=>{for(var r=e[v][F];r--;){var t=e[v][r],a=t[H](e);-1!==a&&(t[a]=t[t[F]-1],t.pop())}e[v]=[]},Ee=(r,e)=>{var t=()=>{k(t);var e=b;b=t;try{r()}finally{b=e}};return t[v]=[],t[p]=e,t(),()=>k(t)},Te=e=>{if(!e||typeof e!=ce||e._y||e instanceof o)return e;if(e._p)return e._p;var r=new t(e,{get:(e,r,t)=>{if("_y"===r)return!0;if("_t"===r)return e;if("_d"===r)return e._d;if("_i"===r)return e._i;if(q[Q](e)&&w[s](r))return w[r];var a=j.getOwnPropertyDescriptor(e,r);if(a&&a[l]){var n="_"+r;return n in e||Ee(()=>t[n]=a[l][z](t)),t[n]}return Ne(e,r),!(r=f[l](e,r,t))||typeof r!=ce||r instanceof o?r:Te(r)},set:(e,r,t,a)=>{var n=e[r],o=q[Q](e),i=o?c(r)<e[F]:j[G][s][z](e,r);if(e._i&&!i)for(var l=j[u](e);l&&l!==j[G];){if(j[G][s][z](l,r)){var v=f.set(l,r,t);return x||t===n||A(e,r),v}l=j[u](l)}return v=f.set(e,r,t,a),!x&&v&&(i&&t===n||(A(e,r),o?A(e,F):i||A(e,"_k"))),v},deleteProperty:(e,r)=>{var t=j[G][s][z](e,r),a=f.deleteProperty(e,r);return a&&t&&(A(e,r),q[Q](e)?A(e,F):A(e,"_k")),a},ownKeys:e=>(Ne(e,"_k"),f.ownKeys(e))});return j[I](e,"_p",{value:r}),r},N=Te({}),Oe=j[J](null);Oe.text=(e,r)=>{r=null==r?"":r,e[a]!==S(r)&&(e[a]=r)},Oe.html=(e,r)=>{e[n]!=r&&(e[n]=null==r?"":r)},Oe[K]=(e,r)=>{e[Z]===se?e[_]=!!r:"radio"===e[Z]?e[_]=e[K]==r:e[K]!=r&&(e[K]=null==r?"":r)},Oe[we]=(e,r,t)=>{null==r||!1===r?e[V](t):(r=!0===r?"":S(r),e[U](t)!==r&&e.setAttribute(t,r))},Oe[pe]=(e,r)=>{var t=e._n||"",a="";if(typeof r==d)a=r;else if(r)for(var n in r)r[n]&&(a+=(a?" ":"")+n);t=t+(t&&a?" ":"")+a,e[me]!==t&&(e[me]=t)};var Ce=(T,e)=>{if(T._m)return T._m;var r=T[U]("s-data");if(h[r]){r=h[r](),e&&j.setPrototypeOf(r,e);var O=Te(r);O.$refs={},O[y]=T,O.$store=N,O.$parent=e;var t=[],a=j[J](null),C=e=>{var r=e.target;if(e[Z]!==fe||!r._c)for(var t=T[re],a=e[Z];r&&r!==t;){var n=r._h&&r._h[a];if(n){var o=r._s;if(!o||o[y]!==O[y]){r=r[re];continue}for(var i=n[F];i--;){var l=n[i],v=l.p;if(l.model){var f=r[Z]===se?r[_]:r[K];if(typeof f!=d||(l=f[de]())&&isFinite(l)&&(48===l[xe](0)&&1!==l[F]&&46!==l[xe](1)||(f=c(l))),typeof v==d)o&&(o[v]=f);else{for(var s=o,u=0,p=v[F]-1;u<p&&s;)s=s[v[u++]];s&&(s[v[p]]=f)}}else typeof(f=ke(o,v)).val==ue&&(j[I](e,"currentTarget",{configurable:!0,value:r}),f.val[z](f.ctx,e))}}r=r[re]}},L=e=>{a[e]||(a[e]=!0,T[ve](e,C,!!P[e]))},$=(m,g,t)=>{if(1===m.nodeType&&!m[X]("s-ignore"))if(m!==T&&m[X]("s-data"))(e=Ce(m,g))&&t[M](e[Pe]);else{var e=!(v=m[U]("s-if"))&&"TEMPLATE"===m[Y]&&m[U]("s-for"),a=[];if(m[X](pe)&&!m._n&&(m._n=m[me]),v){var b=D[le](""),r=null,n=[];m[ae](b);var o="!"===v[0],i=-1===(l=o?v[W](1):v)[H](".")?l:l[R](".");return t[M](()=>{n[B](e=>e())}),t[M](Ee(()=>{var e=ke(g,i).val;o&&(e=!e),e?r||((r=m[oe](!0))[V]("s-if"),$(r,g,n),b[re][ne](r,b)):r&&(n[B](e=>e()),n=[],r[ie](),r=null)},Ae))}if(e&&-1!==(v=e[H](" in "))){var x,l=e[W](0,v)[de](),v=e[W](v+4)[de](),P=(l=l.replace(/[()]/g,"")[R](","))[0][de](),w=l[1]?l[1][de]():null,A=-1===v[H](".")?v:v[R]("."),k=(v=m[U]("s-key"))?-1===v[H](".")?v:v[R]("."):null,b=D[le](""),N=j[J](null);return m[ae](b),t[M](()=>{for(var e in N)N[e][ye][B](e=>e())}),t[M](Ee(()=>{var e=ke(g,A).val||[];q[Q](e)&&Ne(e,F);var r=D.createDocumentFragment(),t=b;x=j[J](null);for(var a,n=q[Q](e),o=n?e:j.keys(e),i=(n?e:o)[F],l=0;l<i;l++){var v=n?l:o[l],f=n?e[l]:e[v],s=null==f||typeof f!=ce?S(f):k?ke(f,k).val:S(v)+"_o";x[s]&&(s+="_"+l);var u=N[s];if(u)u.scope[P]=f,w&&(u.scope[w]=v);else{var p=m.content[oe](!0),c=j[J](g);j[I](c,"_i",{value:!0});var _=Te(c);_[P]=f,w&&(_[w]=v);for(var d=q[G][W][z](p.childNodes),y=[],h=0;h<d[F];h++)$(d[h],_,y);u={nodes:d,scope:_,cleanups:y},N[s]=u}if(u[he][0]!==t[te]){for(h=0;h<u[he][F];h++)r.appendChild(u[he][h]);t[re][ne](r,t[te])}t=u[he][u[he][F]-1],x[s]=!0}for(a in N)x[a]||(N[a][ye][B](e=>e()),N[a][he][B](e=>e[ie]()),delete N[a])},Ae))}if(m.hasAttributes())for(var f=m.attributes,s=f[F];s--;){var u,p,c,_=f[s],d=_[ee],y=_[K];58===d[xe](0)?(u=d[W](1),_=(p=33===y[xe](0))?y[W](1):y,i=-1===_[H](".")?_:_[R]("."),a[M]({type:we,name:u,path:i,neg:p})):115===d[xe](0)&&45===d[xe](1)&&(p=d[W](2),c=-1===y[H](".")?y:y[R]("."),p===be||p===ge?(e=>{var r=ke(g,c);typeof r.val==ue&&(e===be?Ae(()=>{var e=r.val[z](r.ctx,m);typeof e==ue&&t[M](e)}):t[M](()=>r.val[z](r.ctx,m)))})(p):"effect"===p?t[M](Ee(()=>{var e=ke(g,c);typeof e.val==ue&&e.val[z](e.ctx,m)},Ae)):"model"===p?(a[M]({type:K,path:c}),m._s=g,m._h=m._h||{},(d=m[Z]===se||"radio"===m[Z]||"SELECT"===m[Y]?"change":fe)==fe&&(m[ve]("compositionstart",()=>m._c=!0),m[ve]("compositionend",()=>{m._c=!1,C({target:m,type:fe})})),(m._h[d]=m._h[d]||[])[_e]({model:!0,p:c}),L(d)):"ref"===p?O.$refs[y]=m:Oe[p]?a[M]({type:p,path:c}):(m._s=g,m._h=m._h||{},(m._h[p]=m._h[p]||[])[M]({p:c}),L(p)))}a[F]&&t[M](Ee(()=>{for(var e=a[F];e--;){var r=a[e],t=typeof(t=ke(g,r.path)).val==ue?t.val[z](t.ctx,m):t.val;r[Z]===we?(r.neg&&(t=!t),r[ee]===pe?Oe[pe](m,t):Oe[we](m,t,r[ee])):Oe[r[Z]](m,t)}},Ae));for(var h=m.firstChild;h;){var E=h[te];$(h,g,t),h=E}}};return $(T,O,t),O[be]&&O[be](),e={unmount:()=>{for(var e in O[ge]&&O[ge][z](O),t[B](e=>e()),a)T.removeEventListener(e,C);T._m=null}},T._m=e}};return{data:(e,r)=>{h[e]=r},start:()=>{for(var e=D.querySelectorAll("[s-data]"),r=e[F];r--;)Ce(e[r])},store:(e,r)=>void 0===r?N[e]:N[e]=r,raw:e=>e&&e._t||e,mount:e=>Ce(e),unmount:e=>{e&&e._m&&e._m[Pe]()}}})();export default spiki;
+var spiki=(()=>{var r,e=Object,t=Array,a=Reflect,n=Promise,o=Node,i=document,l=console,v="length",f="value",s="push",u="forEach",p="indexOf",c="split",_="slice",d="call",y="keys",h="get",m="prototype",g="hasOwnProperty",b="getPrototypeOf",x="defineProperty",P="create",k="isArray",A="getAttribute",N="removeAttribute",w="hasAttribute",E="tagName",S="type",T="name",$="checked",O="parentNode",j="nextSibling",C="textContent",L="innerHTML",q="replaceWith",M="insertBefore",D="cloneNode",F="remove",K="createTextNode",B="addEventListener",H="input",R="checkbox",W="function",z="radio",G="class",I="model",J="object",Q="unshift",U="scope",V="trim",X="cleanups",Y="nodes",Z="deps",rr="className",er="destroy",tr="init",ar="charCodeAt",nr="sched",or="string",ir="unmount",lr="attr",vr="s-data",fr="s-if",sr=e[P](null),ur=[],pr=!1,cr=null,_r=!1,dr=n.resolve(),yr={blur:1,focus:1,scroll:1,load:1,error:1,mouseenter:1,mouseleave:1,toggle:1},hr=r=>{r._q||(r._q=!0,ur[s](r),pr||(pr=!0,dr.then(()=>{var r=ur;ur=[],pr=!1;for(var e=r[v];e--;)r[e]._q=!1,r[e]()})))},mr=(r,e)=>{var a,n=r;if(typeof e===or)a=r?r[e]:void 0;else{for(var o=0,i=e[v];o<i-1&&n;)n=n[e[o++]];a=n?n[e[i-1]]:void 0}if(void 0===a){var f=t[k](e)?e.join("."):e;l.warn("[spikijs] Property undefined: "+f)}return{ctx:n,val:a}},gr={};[s,"pop","shift",Q,"splice","sort","reverse"][u](r=>{gr[r]=function(...e){_r=!0;try{return t[m][r].apply(this,e)}finally{_r=!1,xr(this,v)}}});var br=(r,t)=>{if(cr){var a=r._d||(e[x](r,"_d",{value:e[P](null),writable:!0}),r._d),n=a[t]||(a[t]=[]);-1===n[p](cr)&&(n[s](cr),cr[Z][s](n))}},xr=(r,e)=>{if(!_r&&r._d&&r._d[e])for(var t=r._d[e][_](),a=0,n=t[v];a<n;a++){var o=t[a];o[nr]?o[nr](o):o()}},Pr=r=>{for(var e=r[Z][v];e--;){var t=r[Z][e],a=t[p](r);-1!==a&&(t[a]=t[t[v]-1],t.pop())}r[Z]=[]},kr=(r,e)=>{var t=()=>{Pr(t);var e=cr;cr=t;try{r()}finally{cr=e}};return t[Z]=[],t[nr]=e,t(),()=>Pr(t)},Ar=r=>{if(!r||typeof r!==J||r._y||r instanceof o)return r;if(e[m][g][d](r,"_p"))return r._p;var n=new Proxy(r,{get:(r,n,i)=>{if("_y"===n)return i===r._p;if("_t"===n)return r;if("_d"===n)return r._d;if("_i"===n)return r._i;if(t[k](r)&&gr[g](n))return gr[n];var l=e.getOwnPropertyDescriptor(r,n);if(l&&l[h]){var v="_"+n;return v in r||kr(()=>i[v]=l[h][d](i)),i[v]}br(r,n);var f=a[h](r,n,i);return!f||typeof f!==J||f instanceof o?f:Ar(f)},set:(r,n,o,i)=>{var l=r[n],f=t[k](r),s=f?Number(n)<r[v]:e[m][g][d](r,n);if(r._i&&!s)for(var u=e[b](r);u&&u!==e[m];){if(e[m][g][d](u,n)){var p=a.set(u,n,o);return _r||o===l||xr(r,n),p}u=e[b](u)}return p=a.set(r,n,o,i),!_r&&p&&(s&&o===l||(xr(r,n),f?xr(r,v):s||xr(r,"_k"))),p},deleteProperty:(r,n)=>{var o=e[m][g][d](r,n),i=a.deleteProperty(r,n);return i&&o&&(xr(r,n),t[k](r)?xr(r,v):xr(r,"_k")),i},ownKeys:r=>(br(r,"_k"),a.ownKeys(r))});return e[x](r,"_p",{value:n}),n};r=Ar({});var Nr=e[P](null);Nr.text=(r,e)=>{e=null==e?"":e,r[C]!==String(e)&&(r[C]=e)},Nr.html=(r,e)=>{r[L]!=e&&(r[L]=null==e?"":e)},Nr[f]=(r,e)=>{r[S]===R?r[$]=!!e:r[S]===z?r[$]=r[f]==e:r[f]!=e&&(r[f]=null==e?"":e)},Nr[lr]=(r,e,t)=>{if(null==e||!1===e)r[N](t);else{var a=!0===e?"":String(e);r[A](t)!==a&&r.setAttribute(t,a)}},Nr[G]=(r,t)=>{var a=r._n||"",n=e[P](null);if(a[c](/\s+/)[u](r=>r&&(n[r]=1)),typeof t===or)t[c](/\s+/)[u](r=>r&&(n[r]=1));else if(t)for(var o in t)t[o]?n[o]=1:delete n[o];var i=e[y](n).join(" ");r[rr]!==i&&(r[rr]=i)};var wr=(a,n)=>{if(a._m)return a._m;var o=a[A](vr);if(sr[o]){var l=sr[o]();n&&e.setPrototypeOf(l,n);var h=Ar(l);h.$refs={},h.$root=a,h.$store=r,h.$parent=n;var g=[],b=e[P](null),C=r=>{var t=r.target;if(r[S]!==H||!t._c)for(var n=a[O],o=r[S];t&&t!==n;){var i=t._h&&t._h[o];if(i){var l=t._s;if(!l||l.$root!==h.$root){t=t[O];continue}for(var s=i[v];s--;){var u=i[s],p=u.p;if(u[I]){var c=t[S]===R?t[$]:t[f];if(typeof c===or){var _=c[V]();_&&isFinite(_)&&(48===_[ar](0)&&1!==_[v]&&46!==_[ar](1)||(c=Number(_)))}if(typeof p===or)l&&(l[p]=c);else{for(var y=l,m=0,g=p[v]-1;m<g&&y;)y=y[p[m++]];y&&(y[p[g]]=c)}}else{var b=mr(l,p);typeof b.val===W&&(e[x](r,"currentTarget",{configurable:!0,value:t}),b.val[d](b.ctx,r))}}}t=t[O]}},L=r=>{b[r]||(b[r]=!0,a[B](r,C,!!yr[r]))},Z=(r,n,o)=>{if(1===r.nodeType&&!r[w]("s-ignore"))if(r!==a&&r[w](vr)){var l=wr(r,n);l&&o[s](l[ir])}else{var g=r[A](fr),b=!g&&"TEMPLATE"===r[E]&&r[A]("s-for"),$=[];if(r[w](G)&&!r._n&&(r._n=r[rr]),g){var nr=i[K](""),or=null,sr=[];r[q](nr);var ur="!"===g[0],pr=ur?g[_](1):g,cr=-1===pr[p](".")?pr:pr[c](".");return o[s](()=>{sr[u](r=>r())}),o[s](kr(()=>{var e=mr(n,cr).val;ur&&(e=!e),e?or||((or=r[D](!0))[N](fr),Z(or,n,sr),nr[O][M](or,nr)):or&&(sr[u](r=>r()),sr=[],or[F](),or=null)},hr))}if(b){var _r=b[p](" in ");if(-1!==_r){var dr,yr=b[_](0,_r)[V](),gr=b[_](_r+4)[V](),xr=yr.replace(/[()]/g,"")[c](","),Pr=xr[0][V](),Er=xr[1]?xr[1][V]():null,Sr=-1===gr[p](".")?gr:gr[c]("."),Tr=r[A]("s-key"),$r=Tr?-1===Tr[p](".")?Tr:Tr[c]("."):null,Or=(nr=i[K](""),e[P](null));return r[q](nr),o[s](()=>{for(var r in Or)Or[r][X][u](r=>r())}),o[s](kr(()=>{var a=mr(n,Sr).val||[];"number"==typeof a&&(a=t.from({length:Math.max(0,Math.floor(a))},(r,e)=>e+1)),t[k](a)&&br(a,v);var o=i.createDocumentFragment(),l=nr;dr=e[P](null);for(var f=t[k](a),s=f?a:e[y](a),p=f?a[v]:s[v],c=0;c<p;c++){var h,g=f?c:s[c],b=f?a[c]:a[g];h=null==b||typeof b!==J?String(b):$r?mr(b,$r).val:String(g)+"_o",dr[h]&&(h+="_"+c);var A=Or[h];if(A)A[U][Pr]=b,Er&&(A[U][Er]=g);else{var N=r.content[D](!0),w=e[P](n);e[x](w,"_i",{value:!0});var E=Ar(w);E[Pr]=b,Er&&(E[Er]=g);for(var S=t[m][_][d](N.childNodes),T=[],$=0;$<S[v];$++)Z(S[$],E,T);A={nodes:S,scope:E,cleanups:T},Or[h]=A}if(A[Y][0]!==l[j]){for($=0;$<A[Y][v];$++)o.appendChild(A[Y][$]);l[O][M](o,l[j])}l=A[Y][A[Y][v]-1],dr[h]=!0}for(var C in Or)dr[C]||(Or[C][X][u](r=>r()),Or[C][Y][u](r=>r[F]()),delete Or[C])},hr))}}if(r.hasAttributes())for(var jr=r.attributes,Cr=jr[v];Cr--;){var Lr=jr[Cr],qr=Lr[T],Mr=Lr[f];if(58===qr[ar](0)){var Dr=qr[_](1),Fr=33===Mr[ar](0),Kr=Fr?Mr[_](1):Mr;cr=-1===Kr[p](".")?Kr:Kr[c]("."),$[s]({type:lr,name:Dr,path:cr,neg:Fr})}else if(115===qr[ar](0)&&45===qr[ar](1)){let e=qr[_](2),t=-1===Mr[p](".")?Mr:Mr[c](".");if(e===tr||e===er)((e,t)=>{var a=mr(n,t);typeof a.val===W&&(e===tr?hr(()=>{var e=a.val[d](a.ctx,r);typeof e===W&&o[s](e)}):o[s](()=>a.val[d](a.ctx,r)))})(e,t);else if("effect"===e)o[s](kr(()=>{var e=mr(n,t);typeof e.val===W&&e.val[d](e.ctx,r)},hr));else if(e===I){$[s]({type:f,path:t}),r._s=n,r._h=r._h||{};var Br=r[S]===R||r[S]===z||"SELECT"===r[E]?"change":H;Br===H&&(r[B]("compositionstart",()=>r._c=!0),r[B]("compositionend",()=>{r._c=!1,C({target:r,type:H})})),(r._h[Br]=r._h[Br]||[])[Q]({model:!0,p:t}),L(Br)}else"ref"===e?h.$refs[Mr]=r:Nr[e]?$[s]({type:e,path:t}):(r._s=n,r._h=r._h||{},(r._h[e]=r._h[e]||[])[s]({p:t}),L(e))}}$[v]&&o[s](kr(()=>{for(var e=$[v];e--;){var t=$[e],a=mr(n,t.path),o=typeof a.val===W?a.val[d](a.ctx,r):a.val;t[S]===lr?(t.neg&&(o=!o),t[T]===G?Nr[G](r,o):Nr[lr](r,o,t[T])):Nr[t[S]](r,o)}},hr));for(var Hr=r.firstChild;Hr;){var Rr=Hr[j];Z(Hr,n,o),Hr=Rr}}};Z(a,h,g),h[tr]&&h[tr]();var nr={unmount:()=>{for(var r in h[er]&&h[er][d](h),g[u](r=>r()),b)a.removeEventListener(r,C);a._m=null}};return a._m=nr,nr}};return{data:(r,e)=>{sr[r]=e},start:()=>{for(var r=i.querySelectorAll("[s-data]"),e=r[v];e--;)wr(r[e])},store:(e,t)=>{if(void 0===t)return r[e];r[e]=t;var a=r[e];return a&&typeof a[tr]===W&&a[tr][d](a),a},raw:r=>r&&r._t||r,mount:r=>wr(r),unmount:r=>{r&&r._m&&r._m[ir]()}}})();export default spiki;

package/spiki.js

@@ -133,11 +133,11 @@ var spiki = (() => {
 
     var makeReactive = (obj) => {
         if (!obj || typeof obj !== 'object' || obj._y || obj instanceof Node) return obj;
-        if (obj._p) return obj._p;
+        if (Object.prototype.hasOwnProperty.call(obj, '_p')) return obj._p;
 
         var proxy = new Proxy(obj, {
             get: (target, key, receiver) => {
-                if (key === '_y') return true;
+                if (key === '_y') return receiver === target._p;
                 if (key === '_t') return target;
                 if (key === '_d') return target._d;
                 if (key === '_i') return target._i;
@@ -227,13 +227,15 @@ var spiki = (() => {
     };
     domOps.class = (el, val) => {
         var base = el._n || '';
-        var dyn = '';
+        var obj = Object.create(null);
+        base.split(/\s+/).forEach(c => c && (obj[c] = 1));
+
         if (typeof val === 'string') {
-            dyn = val;
+            val.split(/\s+/).forEach(c => c && (obj[c] = 1));
         } else if (val) {
-            for (var k in val) if (val[k]) dyn += (dyn ? ' ' : '') + k;
-        }
-        var res = base + (base && dyn ? ' ' : '') + dyn;
+            for (var k in val) val[k] ? (obj[k] = 1) : delete obj[k];
+        }        
+        var res = Object.keys(obj).join(' ');
         if (el.className !== res) el.className = res;
     };
 
@@ -381,6 +383,9 @@ var spiki = (() => {
 
                     return parentCleanups.push(effect(() => {
                         var list = evalPath(scope, listPath).val || [];
+                        if (typeof list === 'number') {
+                            list = Array.from({ length: Math.max(0, Math.floor(list)) }, (_, i) => i + 1);
+                        }
                         if (Array.isArray(list)) track(list, 'length');
                         var frag = document.createDocumentFragment();
                         var cursor = end;
@@ -545,7 +550,17 @@ var spiki = (() => {
             var i = els.length;
             while (i--) mount(els[i]);
         },
-        store: (k, v) => v === undefined ? globalStore[k] : (globalStore[k] = v),
+        store: (name, value) => {
+            if (value === undefined) {
+                return globalStore[name];
+            }
+            globalStore[name] = value;
+            var store = globalStore[name];
+            if (store && typeof store.init === 'function') {
+                store.init.call(store);
+            }
+            return store;
+        },
         raw: (o) => (o && o._t) || o,
         mount: (el) => mount(el),
         unmount: (el) => { if (el && el._m) el._m.unmount(); }
@@ -553,4 +568,4 @@ var spiki = (() => {
 })();
 
 window.spiki = spiki;
-})();
+})();

package/spiki.min.js

@@ -1 +1 @@
-(()=>{"use strict";var e=(()=>{var j=Object,q=Array,t=Proxy,f=Reflect,S=String,e=Promise,o=Node,c=Number,D=document,i=console,F="length",K="value",M="push",B="forEach",H="indexOf",R="split",W="slice",z="call",l="get",G="prototype",s="hasOwnProperty",u="getPrototypeOf",I="defineProperty",J="create",Q="isArray",U="getAttribute",V="removeAttribute",X="hasAttribute",Y="tagName",Z="type",ee="name",_="checked",re="parentNode",te="nextSibling",a="textContent",n="innerHTML",ae="replaceWith",ne="insertBefore",oe="cloneNode",ie="remove",le="createTextNode",ve="addEventListener",fe="input",se="checkbox",ue="function",pe="class",ce="object",_e="unshift",de="trim",ye="cleanups",he="nodes",v="deps",me="className",ge="destroy",be="init",xe="charCodeAt",p="sched",d="string",Pe="unmount",we="attr",y="$root",h=j[J](null),m=[],g=!1,b=null,x=!1,r=e.resolve(),P={blur:1,focus:1,scroll:1,load:1,error:1,mouseenter:1,mouseleave:1,toggle:1},Ae=e=>{e._q||(e._q=!0,m[M](e),g||(g=!0,r.then(()=>{var e=m;g=!(m=[]);for(var r=e[F];r--;)e[r]._q=!1,e[r]()})))},ke=(e,r)=>{var t,a=e;if(typeof r==d)t=e?e[r]:void 0;else{for(var n=0,o=r[F];n<o-1&&a;)a=a[r[n++]];t=a?a[r[o-1]]:void 0}return void 0===t&&(e=q[Q](r)?r.join("."):r,i.warn("[spikijs] Property undefined: "+e)),{ctx:a,val:t}},w={};[M,"pop","shift",_e,"splice","sort","reverse"][B](r=>{w[r]=function(...e){x=!0;try{return q[G][r].apply(this,e)}finally{x=!1,A(this,F)}}});var Ne=(e,r)=>{!b||-1===(r=(e=e._d||(j[I](e,"_d",{value:j[J](null),writable:!0}),e._d))[r]||(e[r]=[]))[H](b)&&(r[M](b),b[v][M](r))},A=(e,r)=>{if(!x&&e._d&&e._d[r])for(var t=e._d[r][W](),a=0,n=t[F];a<n;a++){var o=t[a];o[p]?o[p](o):o()}},k=e=>{for(var r=e[v][F];r--;){var t=e[v][r],a=t[H](e);-1!==a&&(t[a]=t[t[F]-1],t.pop())}e[v]=[]},Ee=(r,e)=>{var t=()=>{k(t);var e=b;b=t;try{r()}finally{b=e}};return t[v]=[],t[p]=e,t(),()=>k(t)},Te=e=>{if(!e||typeof e!=ce||e._y||e instanceof o)return e;if(e._p)return e._p;var r=new t(e,{get:(e,r,t)=>{if("_y"===r)return!0;if("_t"===r)return e;if("_d"===r)return e._d;if("_i"===r)return e._i;if(q[Q](e)&&w[s](r))return w[r];var a=j.getOwnPropertyDescriptor(e,r);if(a&&a[l]){var n="_"+r;return n in e||Ee(()=>t[n]=a[l][z](t)),t[n]}return Ne(e,r),!(r=f[l](e,r,t))||typeof r!=ce||r instanceof o?r:Te(r)},set:(e,r,t,a)=>{var n=e[r],o=q[Q](e),i=o?c(r)<e[F]:j[G][s][z](e,r);if(e._i&&!i)for(var l=j[u](e);l&&l!==j[G];){if(j[G][s][z](l,r)){var v=f.set(l,r,t);return x||t===n||A(e,r),v}l=j[u](l)}return v=f.set(e,r,t,a),!x&&v&&(i&&t===n||(A(e,r),o?A(e,F):i||A(e,"_k"))),v},deleteProperty:(e,r)=>{var t=j[G][s][z](e,r),a=f.deleteProperty(e,r);return a&&t&&(A(e,r),q[Q](e)?A(e,F):A(e,"_k")),a},ownKeys:e=>(Ne(e,"_k"),f.ownKeys(e))});return j[I](e,"_p",{value:r}),r},N=Te({}),Oe=j[J](null);Oe.text=(e,r)=>{r=null==r?"":r,e[a]!==S(r)&&(e[a]=r)},Oe.html=(e,r)=>{e[n]!=r&&(e[n]=null==r?"":r)},Oe[K]=(e,r)=>{e[Z]===se?e[_]=!!r:"radio"===e[Z]?e[_]=e[K]==r:e[K]!=r&&(e[K]=null==r?"":r)},Oe[we]=(e,r,t)=>{null==r||!1===r?e[V](t):(r=!0===r?"":S(r),e[U](t)!==r&&e.setAttribute(t,r))},Oe[pe]=(e,r)=>{var t=e._n||"",a="";if(typeof r==d)a=r;else if(r)for(var n in r)r[n]&&(a+=(a?" ":"")+n);t=t+(t&&a?" ":"")+a,e[me]!==t&&(e[me]=t)};var Ce=(T,e)=>{if(T._m)return T._m;var r=T[U]("s-data");if(h[r]){r=h[r](),e&&j.setPrototypeOf(r,e);var O=Te(r);O.$refs={},O[y]=T,O.$store=N,O.$parent=e;var t=[],a=j[J](null),C=e=>{var r=e.target;if(e[Z]!==fe||!r._c)for(var t=T[re],a=e[Z];r&&r!==t;){var n=r._h&&r._h[a];if(n){var o=r._s;if(!o||o[y]!==O[y]){r=r[re];continue}for(var i=n[F];i--;){var l=n[i],v=l.p;if(l.model){var f=r[Z]===se?r[_]:r[K];if(typeof f!=d||(l=f[de]())&&isFinite(l)&&(48===l[xe](0)&&1!==l[F]&&46!==l[xe](1)||(f=c(l))),typeof v==d)o&&(o[v]=f);else{for(var s=o,u=0,p=v[F]-1;u<p&&s;)s=s[v[u++]];s&&(s[v[p]]=f)}}else typeof(f=ke(o,v)).val==ue&&(j[I](e,"currentTarget",{configurable:!0,value:r}),f.val[z](f.ctx,e))}}r=r[re]}},L=e=>{a[e]||(a[e]=!0,T[ve](e,C,!!P[e]))},$=(m,g,t)=>{if(1===m.nodeType&&!m[X]("s-ignore"))if(m!==T&&m[X]("s-data"))(e=Ce(m,g))&&t[M](e[Pe]);else{var e=!(v=m[U]("s-if"))&&"TEMPLATE"===m[Y]&&m[U]("s-for"),a=[];if(m[X](pe)&&!m._n&&(m._n=m[me]),v){var b=D[le](""),r=null,n=[];m[ae](b);var o="!"===v[0],i=-1===(l=o?v[W](1):v)[H](".")?l:l[R](".");return t[M](()=>{n[B](e=>e())}),t[M](Ee(()=>{var e=ke(g,i).val;o&&(e=!e),e?r||((r=m[oe](!0))[V]("s-if"),$(r,g,n),b[re][ne](r,b)):r&&(n[B](e=>e()),n=[],r[ie](),r=null)},Ae))}if(e&&-1!==(v=e[H](" in "))){var x,l=e[W](0,v)[de](),v=e[W](v+4)[de](),P=(l=l.replace(/[()]/g,"")[R](","))[0][de](),w=l[1]?l[1][de]():null,A=-1===v[H](".")?v:v[R]("."),k=(v=m[U]("s-key"))?-1===v[H](".")?v:v[R]("."):null,b=D[le](""),N=j[J](null);return m[ae](b),t[M](()=>{for(var e in N)N[e][ye][B](e=>e())}),t[M](Ee(()=>{var e=ke(g,A).val||[];q[Q](e)&&Ne(e,F);var r=D.createDocumentFragment(),t=b;x=j[J](null);for(var a,n=q[Q](e),o=n?e:j.keys(e),i=(n?e:o)[F],l=0;l<i;l++){var v=n?l:o[l],f=n?e[l]:e[v],s=null==f||typeof f!=ce?S(f):k?ke(f,k).val:S(v)+"_o";x[s]&&(s+="_"+l);var u=N[s];if(u)u.scope[P]=f,w&&(u.scope[w]=v);else{var p=m.content[oe](!0),c=j[J](g);j[I](c,"_i",{value:!0});var _=Te(c);_[P]=f,w&&(_[w]=v);for(var d=q[G][W][z](p.childNodes),y=[],h=0;h<d[F];h++)$(d[h],_,y);u={nodes:d,scope:_,cleanups:y},N[s]=u}if(u[he][0]!==t[te]){for(h=0;h<u[he][F];h++)r.appendChild(u[he][h]);t[re][ne](r,t[te])}t=u[he][u[he][F]-1],x[s]=!0}for(a in N)x[a]||(N[a][ye][B](e=>e()),N[a][he][B](e=>e[ie]()),delete N[a])},Ae))}if(m.hasAttributes())for(var f=m.attributes,s=f[F];s--;){var u,p,c,_=f[s],d=_[ee],y=_[K];58===d[xe](0)?(u=d[W](1),_=(p=33===y[xe](0))?y[W](1):y,i=-1===_[H](".")?_:_[R]("."),a[M]({type:we,name:u,path:i,neg:p})):115===d[xe](0)&&45===d[xe](1)&&(p=d[W](2),c=-1===y[H](".")?y:y[R]("."),p===be||p===ge?(e=>{var r=ke(g,c);typeof r.val==ue&&(e===be?Ae(()=>{var e=r.val[z](r.ctx,m);typeof e==ue&&t[M](e)}):t[M](()=>r.val[z](r.ctx,m)))})(p):"effect"===p?t[M](Ee(()=>{var e=ke(g,c);typeof e.val==ue&&e.val[z](e.ctx,m)},Ae)):"model"===p?(a[M]({type:K,path:c}),m._s=g,m._h=m._h||{},(d=m[Z]===se||"radio"===m[Z]||"SELECT"===m[Y]?"change":fe)==fe&&(m[ve]("compositionstart",()=>m._c=!0),m[ve]("compositionend",()=>{m._c=!1,C({target:m,type:fe})})),(m._h[d]=m._h[d]||[])[_e]({model:!0,p:c}),L(d)):"ref"===p?O.$refs[y]=m:Oe[p]?a[M]({type:p,path:c}):(m._s=g,m._h=m._h||{},(m._h[p]=m._h[p]||[])[M]({p:c}),L(p)))}a[F]&&t[M](Ee(()=>{for(var e=a[F];e--;){var r=a[e],t=typeof(t=ke(g,r.path)).val==ue?t.val[z](t.ctx,m):t.val;r[Z]===we?(r.neg&&(t=!t),r[ee]===pe?Oe[pe](m,t):Oe[we](m,t,r[ee])):Oe[r[Z]](m,t)}},Ae));for(var h=m.firstChild;h;){var E=h[te];$(h,g,t),h=E}}};return $(T,O,t),O[be]&&O[be](),e={unmount:()=>{for(var e in O[ge]&&O[ge][z](O),t[B](e=>e()),a)T.removeEventListener(e,C);T._m=null}},T._m=e}};return{data:(e,r)=>{h[e]=r},start:()=>{for(var e=D.querySelectorAll("[s-data]"),r=e[F];r--;)Ce(e[r])},store:(e,r)=>void 0===r?N[e]:N[e]=r,raw:e=>e&&e._t||e,mount:e=>Ce(e),unmount:e=>{e&&e._m&&e._m[Pe]()}}})();window.spiki=e})();
+(()=>{"use strict";var r=(()=>{var r,e=Object,t=Array,a=Reflect,n=Promise,o=Node,i=document,l=console,v="length",f="value",s="push",u="forEach",p="indexOf",c="split",_="slice",d="call",y="keys",h="get",m="prototype",g="hasOwnProperty",b="getPrototypeOf",x="defineProperty",P="create",w="isArray",A="getAttribute",k="removeAttribute",N="hasAttribute",E="tagName",S="type",T="name",$="checked",O="parentNode",j="nextSibling",C="textContent",L="innerHTML",q="replaceWith",M="insertBefore",D="cloneNode",F="remove",K="createTextNode",B="addEventListener",H="input",R="checkbox",W="function",z="radio",G="class",I="model",J="object",Q="unshift",U="scope",V="trim",X="cleanups",Y="nodes",Z="deps",rr="className",er="destroy",tr="init",ar="charCodeAt",nr="sched",or="string",ir="unmount",lr="attr",vr="s-data",fr="s-if",sr=e[P](null),ur=[],pr=!1,cr=null,_r=!1,dr=n.resolve(),yr={blur:1,focus:1,scroll:1,load:1,error:1,mouseenter:1,mouseleave:1,toggle:1},hr=r=>{r._q||(r._q=!0,ur[s](r),pr||(pr=!0,dr.then(()=>{var r=ur;ur=[],pr=!1;for(var e=r[v];e--;)r[e]._q=!1,r[e]()})))},mr=(r,e)=>{var a,n=r;if(typeof e===or)a=r?r[e]:void 0;else{for(var o=0,i=e[v];o<i-1&&n;)n=n[e[o++]];a=n?n[e[i-1]]:void 0}if(void 0===a){var f=t[w](e)?e.join("."):e;l.warn("[spikijs] Property undefined: "+f)}return{ctx:n,val:a}},gr={};[s,"pop","shift",Q,"splice","sort","reverse"][u](r=>{gr[r]=function(...e){_r=!0;try{return t[m][r].apply(this,e)}finally{_r=!1,xr(this,v)}}});var br=(r,t)=>{if(cr){var a=r._d||(e[x](r,"_d",{value:e[P](null),writable:!0}),r._d),n=a[t]||(a[t]=[]);-1===n[p](cr)&&(n[s](cr),cr[Z][s](n))}},xr=(r,e)=>{if(!_r&&r._d&&r._d[e])for(var t=r._d[e][_](),a=0,n=t[v];a<n;a++){var o=t[a];o[nr]?o[nr](o):o()}},Pr=r=>{for(var e=r[Z][v];e--;){var t=r[Z][e],a=t[p](r);-1!==a&&(t[a]=t[t[v]-1],t.pop())}r[Z]=[]},wr=(r,e)=>{var t=()=>{Pr(t);var e=cr;cr=t;try{r()}finally{cr=e}};return t[Z]=[],t[nr]=e,t(),()=>Pr(t)},Ar=r=>{if(!r||typeof r!==J||r._y||r instanceof o)return r;if(e[m][g][d](r,"_p"))return r._p;var n=new Proxy(r,{get:(r,n,i)=>{if("_y"===n)return i===r._p;if("_t"===n)return r;if("_d"===n)return r._d;if("_i"===n)return r._i;if(t[w](r)&&gr[g](n))return gr[n];var l=e.getOwnPropertyDescriptor(r,n);if(l&&l[h]){var v="_"+n;return v in r||wr(()=>i[v]=l[h][d](i)),i[v]}br(r,n);var f=a[h](r,n,i);return!f||typeof f!==J||f instanceof o?f:Ar(f)},set:(r,n,o,i)=>{var l=r[n],f=t[w](r),s=f?Number(n)<r[v]:e[m][g][d](r,n);if(r._i&&!s)for(var u=e[b](r);u&&u!==e[m];){if(e[m][g][d](u,n)){var p=a.set(u,n,o);return _r||o===l||xr(r,n),p}u=e[b](u)}return p=a.set(r,n,o,i),!_r&&p&&(s&&o===l||(xr(r,n),f?xr(r,v):s||xr(r,"_k"))),p},deleteProperty:(r,n)=>{var o=e[m][g][d](r,n),i=a.deleteProperty(r,n);return i&&o&&(xr(r,n),t[w](r)?xr(r,v):xr(r,"_k")),i},ownKeys:r=>(br(r,"_k"),a.ownKeys(r))});return e[x](r,"_p",{value:n}),n};r=Ar({});var kr=e[P](null);kr.text=(r,e)=>{e=null==e?"":e,r[C]!==String(e)&&(r[C]=e)},kr.html=(r,e)=>{r[L]!=e&&(r[L]=null==e?"":e)},kr[f]=(r,e)=>{r[S]===R?r[$]=!!e:r[S]===z?r[$]=r[f]==e:r[f]!=e&&(r[f]=null==e?"":e)},kr[lr]=(r,e,t)=>{if(null==e||!1===e)r[k](t);else{var a=!0===e?"":String(e);r[A](t)!==a&&r.setAttribute(t,a)}},kr[G]=(r,t)=>{var a=r._n||"",n=e[P](null);if(a[c](/\s+/)[u](r=>r&&(n[r]=1)),typeof t===or)t[c](/\s+/)[u](r=>r&&(n[r]=1));else if(t)for(var o in t)t[o]?n[o]=1:delete n[o];var i=e[y](n).join(" ");r[rr]!==i&&(r[rr]=i)};var Nr=(a,n)=>{if(a._m)return a._m;var o=a[A](vr);if(sr[o]){var l=sr[o]();n&&e.setPrototypeOf(l,n);var h=Ar(l);h.$refs={},h.$root=a,h.$store=r,h.$parent=n;var g=[],b=e[P](null),C=r=>{var t=r.target;if(r[S]!==H||!t._c)for(var n=a[O],o=r[S];t&&t!==n;){var i=t._h&&t._h[o];if(i){var l=t._s;if(!l||l.$root!==h.$root){t=t[O];continue}for(var s=i[v];s--;){var u=i[s],p=u.p;if(u[I]){var c=t[S]===R?t[$]:t[f];if(typeof c===or){var _=c[V]();_&&isFinite(_)&&(48===_[ar](0)&&1!==_[v]&&46!==_[ar](1)||(c=Number(_)))}if(typeof p===or)l&&(l[p]=c);else{for(var y=l,m=0,g=p[v]-1;m<g&&y;)y=y[p[m++]];y&&(y[p[g]]=c)}}else{var b=mr(l,p);typeof b.val===W&&(e[x](r,"currentTarget",{configurable:!0,value:t}),b.val[d](b.ctx,r))}}}t=t[O]}},L=r=>{b[r]||(b[r]=!0,a[B](r,C,!!yr[r]))},Z=(r,n,o)=>{if(1===r.nodeType&&!r[N]("s-ignore"))if(r!==a&&r[N](vr)){var l=Nr(r,n);l&&o[s](l[ir])}else{var g=r[A](fr),b=!g&&"TEMPLATE"===r[E]&&r[A]("s-for"),$=[];if(r[N](G)&&!r._n&&(r._n=r[rr]),g){var nr=i[K](""),or=null,sr=[];r[q](nr);var ur="!"===g[0],pr=ur?g[_](1):g,cr=-1===pr[p](".")?pr:pr[c](".");return o[s](()=>{sr[u](r=>r())}),o[s](wr(()=>{var e=mr(n,cr).val;ur&&(e=!e),e?or||((or=r[D](!0))[k](fr),Z(or,n,sr),nr[O][M](or,nr)):or&&(sr[u](r=>r()),sr=[],or[F](),or=null)},hr))}if(b){var _r=b[p](" in ");if(-1!==_r){var dr,yr=b[_](0,_r)[V](),gr=b[_](_r+4)[V](),xr=yr.replace(/[()]/g,"")[c](","),Pr=xr[0][V](),Er=xr[1]?xr[1][V]():null,Sr=-1===gr[p](".")?gr:gr[c]("."),Tr=r[A]("s-key"),$r=Tr?-1===Tr[p](".")?Tr:Tr[c]("."):null,Or=(nr=i[K](""),e[P](null));return r[q](nr),o[s](()=>{for(var r in Or)Or[r][X][u](r=>r())}),o[s](wr(()=>{var a=mr(n,Sr).val||[];"number"==typeof a&&(a=t.from({length:Math.max(0,Math.floor(a))},(r,e)=>e+1)),t[w](a)&&br(a,v);var o=i.createDocumentFragment(),l=nr;dr=e[P](null);for(var f=t[w](a),s=f?a:e[y](a),p=f?a[v]:s[v],c=0;c<p;c++){var h,g=f?c:s[c],b=f?a[c]:a[g];h=null==b||typeof b!==J?String(b):$r?mr(b,$r).val:String(g)+"_o",dr[h]&&(h+="_"+c);var A=Or[h];if(A)A[U][Pr]=b,Er&&(A[U][Er]=g);else{var k=r.content[D](!0),N=e[P](n);e[x](N,"_i",{value:!0});var E=Ar(N);E[Pr]=b,Er&&(E[Er]=g);for(var S=t[m][_][d](k.childNodes),T=[],$=0;$<S[v];$++)Z(S[$],E,T);A={nodes:S,scope:E,cleanups:T},Or[h]=A}if(A[Y][0]!==l[j]){for($=0;$<A[Y][v];$++)o.appendChild(A[Y][$]);l[O][M](o,l[j])}l=A[Y][A[Y][v]-1],dr[h]=!0}for(var C in Or)dr[C]||(Or[C][X][u](r=>r()),Or[C][Y][u](r=>r[F]()),delete Or[C])},hr))}}if(r.hasAttributes())for(var jr=r.attributes,Cr=jr[v];Cr--;){var Lr=jr[Cr],qr=Lr[T],Mr=Lr[f];if(58===qr[ar](0)){var Dr=qr[_](1),Fr=33===Mr[ar](0),Kr=Fr?Mr[_](1):Mr;cr=-1===Kr[p](".")?Kr:Kr[c]("."),$[s]({type:lr,name:Dr,path:cr,neg:Fr})}else if(115===qr[ar](0)&&45===qr[ar](1)){let e=qr[_](2),t=-1===Mr[p](".")?Mr:Mr[c](".");if(e===tr||e===er)((e,t)=>{var a=mr(n,t);typeof a.val===W&&(e===tr?hr(()=>{var e=a.val[d](a.ctx,r);typeof e===W&&o[s](e)}):o[s](()=>a.val[d](a.ctx,r)))})(e,t);else if("effect"===e)o[s](wr(()=>{var e=mr(n,t);typeof e.val===W&&e.val[d](e.ctx,r)},hr));else if(e===I){$[s]({type:f,path:t}),r._s=n,r._h=r._h||{};var Br=r[S]===R||r[S]===z||"SELECT"===r[E]?"change":H;Br===H&&(r[B]("compositionstart",()=>r._c=!0),r[B]("compositionend",()=>{r._c=!1,C({target:r,type:H})})),(r._h[Br]=r._h[Br]||[])[Q]({model:!0,p:t}),L(Br)}else"ref"===e?h.$refs[Mr]=r:kr[e]?$[s]({type:e,path:t}):(r._s=n,r._h=r._h||{},(r._h[e]=r._h[e]||[])[s]({p:t}),L(e))}}$[v]&&o[s](wr(()=>{for(var e=$[v];e--;){var t=$[e],a=mr(n,t.path),o=typeof a.val===W?a.val[d](a.ctx,r):a.val;t[S]===lr?(t.neg&&(o=!o),t[T]===G?kr[G](r,o):kr[lr](r,o,t[T])):kr[t[S]](r,o)}},hr));for(var Hr=r.firstChild;Hr;){var Rr=Hr[j];Z(Hr,n,o),Hr=Rr}}};Z(a,h,g),h[tr]&&h[tr]();var nr={unmount:()=>{for(var r in h[er]&&h[er][d](h),g[u](r=>r()),b)a.removeEventListener(r,C);a._m=null}};return a._m=nr,nr}};return{data:(r,e)=>{sr[r]=e},start:()=>{for(var r=i.querySelectorAll("[s-data]"),e=r[v];e--;)Nr(r[e])},store:(e,t)=>{if(void 0===t)return r[e];r[e]=t;var a=r[e];return a&&typeof a[tr]===W&&a[tr][d](a),a},raw:r=>r&&r._t||r,mount:r=>Nr(r),unmount:r=>{r&&r._m&&r._m[ir]()}}})();window.spiki=r})();