spikijs 1.1.20 → 1.1.22

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.20",
+  "version": "1.1.22",
   "type": "module",
   "repository": {
     "type": "git",

package/spiki.esm.js

@@ -415,7 +415,7 @@ var spiki = (() => {
                                 var rowNodes = Array.prototype.slice.call(clone.childNodes);
                                 var rowCleanups = [];
                                 for(var n=0; n<rowNodes.length; n++) walk(rowNodes[n], rowScope, rowCleanups);
-                                row = { nodes: rowNodes, scope: rowScope, cleanups: rowCleanups };
+                                row = { nodes: Array.prototype.slice.call(clone.childNodes), scope: rowScope, cleanups: rowCleanups };
                                 nodePool[unique] = row;
                             }
                             if (row.nodes[0] !== cursor.nextSibling) {
@@ -547,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 e,r=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",ee="className",re="destroy",te="init",ae="charCodeAt",ne="sched",oe="string",ie="unmount",le="attr",ve="s-data",fe="s-if",se=r[P](null),ue=[],pe=!1,ce=null,_e=!1,de=n.resolve(),ye={blur:1,focus:1,scroll:1,load:1,error:1,mouseenter:1,mouseleave:1,toggle:1},he=e=>{e._q||(e._q=!0,ue[s](e),pe||(pe=!0,de.then(()=>{var e=ue;ue=[],pe=!1;for(var r=e[v];r--;)e[r]._q=!1,e[r]()})))},me=(e,r)=>{var a,n=e;if(typeof r===oe)a=e?e[r]:void 0;else{for(var o=0,i=r[v];o<i-1&&n;)n=n[r[o++]];a=n?n[r[i-1]]:void 0}if(void 0===a){var f=t[k](r)?r.join("."):r;l.warn("[spikijs] Property undefined: "+f)}return{ctx:n,val:a}},ge={};[s,"pop","shift",Q,"splice","sort","reverse"][u](e=>{ge[e]=function(...r){_e=!0;try{return t[m][e].apply(this,r)}finally{_e=!1,xe(this,v)}}});var be=(e,t)=>{if(ce){var a=e._d||(r[x](e,"_d",{value:r[P](null),writable:!0}),e._d),n=a[t]||(a[t]=[]);-1===n[p](ce)&&(n[s](ce),ce[Z][s](n))}},xe=(e,r)=>{if(!_e&&e._d&&e._d[r])for(var t=e._d[r][_](),a=0,n=t[v];a<n;a++){var o=t[a];o[ne]?o[ne](o):o()}},Pe=e=>{for(var r=e[Z][v];r--;){var t=e[Z][r],a=t[p](e);-1!==a&&(t[a]=t[t[v]-1],t.pop())}e[Z]=[]},ke=(e,r)=>{var t=()=>{Pe(t);var r=ce;ce=t;try{e()}finally{ce=r}};return t[Z]=[],t[ne]=r,t(),()=>Pe(t)},Ae=e=>{if(!e||typeof e!==J||e._y||e instanceof o)return e;if(r[m][g][d](e,"_p"))return e._p;var n=new Proxy(e,{get:(e,n,i)=>{if("_y"===n)return i===e._p;if("_t"===n)return e;if("_d"===n)return e._d;if("_i"===n)return e._i;if(t[k](e)&&ge[g](n))return ge[n];var l=r.getOwnPropertyDescriptor(e,n);if(l&&l[h]){var v="_"+n;return v in e||ke(()=>i[v]=l[h][d](i)),i[v]}be(e,n);var f=a[h](e,n,i);return!f||typeof f!==J||f instanceof o?f:Ae(f)},set:(e,n,o,i)=>{var l=e[n],f=t[k](e),s=f?Number(n)<e[v]:r[m][g][d](e,n);if(e._i&&!s)for(var u=r[b](e);u&&u!==r[m];){if(r[m][g][d](u,n)){var p=a.set(u,n,o);return _e||o===l||xe(e,n),p}u=r[b](u)}return p=a.set(e,n,o,i),!_e&&p&&(s&&o===l||(xe(e,n),f?xe(e,v):s||xe(e,"_k"))),p},deleteProperty:(e,n)=>{var o=r[m][g][d](e,n),i=a.deleteProperty(e,n);return i&&o&&(xe(e,n),t[k](e)?xe(e,v):xe(e,"_k")),i},ownKeys:e=>(be(e,"_k"),a.ownKeys(e))});return r[x](e,"_p",{value:n}),n};e=Ae({});var Ne=r[P](null);Ne.text=(e,r)=>{r=null==r?"":r,e[C]!==String(r)&&(e[C]=r)},Ne.html=(e,r)=>{e[L]!=r&&(e[L]=null==r?"":r)},Ne[f]=(e,r)=>{e[S]===R?e[$]=!!r:e[S]===z?e[$]=e[f]==r:e[f]!=r&&(e[f]=null==r?"":r)},Ne[le]=(e,r,t)=>{if(null==r||!1===r)e[N](t);else{var a=!0===r?"":String(r);e[A](t)!==a&&e.setAttribute(t,a)}},Ne[G]=(e,t)=>{var a=e._n||"",n=r[P](null);if(a[c](/\s+/)[u](e=>e&&(n[e]=1)),typeof t===oe)t[c](/\s+/)[u](e=>e&&(n[e]=1));else if(t)for(var o in t)t[o]?n[o]=1:delete n[o];var i=r[y](n).join(" ");e[ee]!==i&&(e[ee]=i)};var we=(a,n)=>{if(a._m)return a._m;var o=a[A](ve);if(se[o]){var l=se[o]();n&&r.setPrototypeOf(l,n);var h=Ae(l);h.$refs={},h.$root=a,h.$store=e,h.$parent=n;var g=[],b=r[P](null),C=e=>{var t=e.target;if(e[S]!==H||!t._c)for(var n=a[O],o=e[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===oe){var _=c[V]();_&&isFinite(_)&&(48===_[ae](0)&&1!==_[v]&&46!==_[ae](1)||(c=Number(_)))}if(typeof p===oe)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=me(l,p);typeof b.val===W&&(r[x](e,"currentTarget",{configurable:!0,value:t}),b.val[d](b.ctx,e))}}}t=t[O]}},L=e=>{b[e]||(b[e]=!0,a[B](e,C,!!ye[e]))},Z=(e,n,o)=>{if(1===e.nodeType&&!e[w]("s-ignore"))if(e!==a&&e[w](ve)){var l=we(e,n);l&&o[s](l[ie])}else{var g=e[A](fe),b=!g&&"TEMPLATE"===e[E]&&e[A]("s-for"),$=[];if(e[w](G)&&!e._n&&(e._n=e[ee]),g){var ne=i[K](""),oe=null,se=[];e[q](ne);var ue="!"===g[0],pe=ue?g[_](1):g,ce=-1===pe[p](".")?pe:pe[c](".");return o[s](()=>{se[u](e=>e())}),o[s](ke(()=>{var r=me(n,ce).val;ue&&(r=!r),r?oe||((oe=e[D](!0))[N](fe),Z(oe,n,se),ne[O][M](oe,ne)):oe&&(se[u](e=>e()),se=[],oe[F](),oe=null)},he))}if(b){var _e=b[p](" in ");if(-1!==_e){var de,ye=b[_](0,_e)[V](),ge=b[_](_e+4)[V](),xe=ye.replace(/[()]/g,"")[c](","),Pe=xe[0][V](),Ee=xe[1]?xe[1][V]():null,Se=-1===ge[p](".")?ge:ge[c]("."),Te=e[A]("s-key"),$e=Te?-1===Te[p](".")?Te:Te[c]("."):null,Oe=(ne=i[K](""),r[P](null));return e[q](ne),o[s](()=>{for(var e in Oe)Oe[e][X][u](e=>e())}),o[s](ke(()=>{var a=me(n,Se).val||[];"number"==typeof a&&(a=t.from({length:Math.max(0,Math.floor(a))},(e,r)=>r+1)),t[k](a)&&be(a,v);var o=i.createDocumentFragment(),l=ne;de=r[P](null);for(var f=t[k](a),s=f?a:r[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):$e?me(b,$e).val:String(g)+"_o",de[h]&&(h+="_"+c);var A=Oe[h];if(A)A[U][Pe]=b,Ee&&(A[U][Ee]=g);else{var N=e.content[D](!0),w=r[P](n);r[x](w,"_i",{value:!0});var E=Ae(w);E[Pe]=b,Ee&&(E[Ee]=g);for(var S=t[m][_][d](N.childNodes),T=[],$=0;$<S[v];$++)Z(S[$],E,T);A={nodes:S,scope:E,cleanups:T},Oe[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],de[h]=!0}for(var C in Oe)de[C]||(Oe[C][X][u](e=>e()),Oe[C][Y][u](e=>e[F]()),delete Oe[C])},he))}}if(e.hasAttributes())for(var je=e.attributes,Ce=je[v];Ce--;){var Le=je[Ce],qe=Le[T],Me=Le[f];if(58===qe[ae](0)){var De=qe[_](1),Fe=33===Me[ae](0),Ke=Fe?Me[_](1):Me;ce=-1===Ke[p](".")?Ke:Ke[c]("."),$[s]({type:le,name:De,path:ce,neg:Fe})}else if(115===qe[ae](0)&&45===qe[ae](1)){let r=qe[_](2),t=-1===Me[p](".")?Me:Me[c](".");if(r===te||r===re)((r,t)=>{var a=me(n,t);typeof a.val===W&&(r===te?he(()=>{var r=a.val[d](a.ctx,e);typeof r===W&&o[s](r)}):o[s](()=>a.val[d](a.ctx,e)))})(r,t);else if("effect"===r)o[s](ke(()=>{var r=me(n,t);typeof r.val===W&&r.val[d](r.ctx,e)},he));else if(r===I){$[s]({type:f,path:t}),e._s=n,e._h=e._h||{};var Be=e[S]===R||e[S]===z||"SELECT"===e[E]?"change":H;Be===H&&(e[B]("compositionstart",()=>e._c=!0),e[B]("compositionend",()=>{e._c=!1,C({target:e,type:H})})),(e._h[Be]=e._h[Be]||[])[Q]({model:!0,p:t}),L(Be)}else"ref"===r?h.$refs[Me]=e:Ne[r]?$[s]({type:r,path:t}):(e._s=n,e._h=e._h||{},(e._h[r]=e._h[r]||[])[s]({p:t}),L(r))}}$[v]&&o[s](ke(()=>{for(var r=$[v];r--;){var t=$[r],a=me(n,t.path),o=typeof a.val===W?a.val[d](a.ctx,e):a.val;t[S]===le?(t.neg&&(o=!o),t[T]===G?Ne[G](e,o):Ne[le](e,o,t[T])):Ne[t[S]](e,o)}},he));for(var He=e.firstChild;He;){var Re=He[j];Z(He,n,o),He=Re}}};Z(a,h,g),h[te]&&h[te]();var ne={unmount:()=>{for(var e in h[re]&&h[re][d](h),g[u](e=>e()),b)a.removeEventListener(e,C);a._m=null}};return a._m=ne,ne}};return{data:(e,r)=>{se[e]=r},start:()=>{for(var e=i.querySelectorAll("[s-data]"),r=e[v];r--;)we(e[r])},store:(r,t)=>void 0===t?e[r]:e[r]=t,raw:e=>e&&e._t||e,mount:e=>we(e),unmount:e=>{e&&e._m&&e._m[ie]()}}})();export default spiki;
+var spiki=(()=>{var e,r=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",ee="className",re="destroy",te="init",ae="charCodeAt",ne="sched",oe="string",ie="unmount",le="attr",ve="s-data",fe="s-if",se=r[P](null),ue=[],pe=!1,ce=null,_e=!1,de=n.resolve(),ye={blur:1,focus:1,scroll:1,load:1,error:1,mouseenter:1,mouseleave:1,toggle:1},he=e=>{e._q||(e._q=!0,ue[s](e),pe||(pe=!0,de.then(()=>{var e=ue;ue=[],pe=!1;for(var r=e[v];r--;)e[r]._q=!1,e[r]()})))},me=(e,r)=>{var a,n=e;if(typeof r===oe)a=e?e[r]:void 0;else{for(var o=0,i=r[v];o<i-1&&n;)n=n[r[o++]];a=n?n[r[i-1]]:void 0}if(void 0===a){var f=t[k](r)?r.join("."):r;l.warn("[spikijs] Property undefined: "+f)}return{ctx:n,val:a}},ge={};[s,"pop","shift",Q,"splice","sort","reverse"][u](e=>{ge[e]=function(...r){_e=!0;try{return t[m][e].apply(this,r)}finally{_e=!1,xe(this,v)}}});var be=(e,t)=>{if(ce){var a=e._d||(r[x](e,"_d",{value:r[P](null),writable:!0}),e._d),n=a[t]||(a[t]=[]);-1===n[p](ce)&&(n[s](ce),ce[Z][s](n))}},xe=(e,r)=>{if(!_e&&e._d&&e._d[r])for(var t=e._d[r][_](),a=0,n=t[v];a<n;a++){var o=t[a];o[ne]?o[ne](o):o()}},Pe=e=>{for(var r=e[Z][v];r--;){var t=e[Z][r],a=t[p](e);-1!==a&&(t[a]=t[t[v]-1],t.pop())}e[Z]=[]},ke=(e,r)=>{var t=()=>{Pe(t);var r=ce;ce=t;try{e()}finally{ce=r}};return t[Z]=[],t[ne]=r,t(),()=>Pe(t)},Ae=e=>{if(!e||typeof e!==J||e._y||e instanceof o)return e;if(r[m][g][d](e,"_p"))return e._p;var n=new Proxy(e,{get:(e,n,i)=>{if("_y"===n)return i===e._p;if("_t"===n)return e;if("_d"===n)return e._d;if("_i"===n)return e._i;if(t[k](e)&&ge[g](n))return ge[n];var l=r.getOwnPropertyDescriptor(e,n);if(l&&l[h]){var v="_"+n;return v in e||ke(()=>i[v]=l[h][d](i)),i[v]}be(e,n);var f=a[h](e,n,i);return!f||typeof f!==J||f instanceof o?f:Ae(f)},set:(e,n,o,i)=>{var l=e[n],f=t[k](e),s=f?Number(n)<e[v]:r[m][g][d](e,n);if(e._i&&!s)for(var u=r[b](e);u&&u!==r[m];){if(r[m][g][d](u,n)){var p=a.set(u,n,o);return _e||o===l||xe(e,n),p}u=r[b](u)}return p=a.set(e,n,o,i),!_e&&p&&(s&&o===l||(xe(e,n),f?xe(e,v):s||xe(e,"_k"))),p},deleteProperty:(e,n)=>{var o=r[m][g][d](e,n),i=a.deleteProperty(e,n);return i&&o&&(xe(e,n),t[k](e)?xe(e,v):xe(e,"_k")),i},ownKeys:e=>(be(e,"_k"),a.ownKeys(e))});return r[x](e,"_p",{value:n}),n};e=Ae({});var Ne=r[P](null);Ne.text=(e,r)=>{r=null==r?"":r,e[C]!==String(r)&&(e[C]=r)},Ne.html=(e,r)=>{e[L]!=r&&(e[L]=null==r?"":r)},Ne[f]=(e,r)=>{e[S]===R?e[$]=!!r:e[S]===z?e[$]=e[f]==r:e[f]!=r&&(e[f]=null==r?"":r)},Ne[le]=(e,r,t)=>{if(null==r||!1===r)e[N](t);else{var a=!0===r?"":String(r);e[A](t)!==a&&e.setAttribute(t,a)}},Ne[G]=(e,t)=>{var a=e._n||"",n=r[P](null);if(a[c](/\s+/)[u](e=>e&&(n[e]=1)),typeof t===oe)t[c](/\s+/)[u](e=>e&&(n[e]=1));else if(t)for(var o in t)t[o]?n[o]=1:delete n[o];var i=r[y](n).join(" ");e[ee]!==i&&(e[ee]=i)};var we=(a,n)=>{if(a._m)return a._m;var o=a[A](ve);if(se[o]){var l=se[o]();n&&r.setPrototypeOf(l,n);var h=Ae(l);h.$refs={},h.$root=a,h.$store=e,h.$parent=n;var g=[],b=r[P](null),C=e=>{var t=e.target;if(e[S]!==H||!t._c)for(var n=a[O],o=e[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===oe){var _=c[V]();_&&isFinite(_)&&(48===_[ae](0)&&1!==_[v]&&46!==_[ae](1)||(c=Number(_)))}if(typeof p===oe)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=me(l,p);typeof b.val===W&&(r[x](e,"currentTarget",{configurable:!0,value:t}),b.val[d](b.ctx,e))}}}t=t[O]}},L=e=>{b[e]||(b[e]=!0,a[B](e,C,!!ye[e]))},Z=(e,n,o)=>{if(1===e.nodeType&&!e[w]("s-ignore"))if(e!==a&&e[w](ve)){var l=we(e,n);l&&o[s](l[ie])}else{var g=e[A](fe),b=!g&&"TEMPLATE"===e[E]&&e[A]("s-for"),$=[];if(e[w](G)&&!e._n&&(e._n=e[ee]),g){var ne=i[K](""),oe=null,se=[];e[q](ne);var ue="!"===g[0],pe=ue?g[_](1):g,ce=-1===pe[p](".")?pe:pe[c](".");return o[s](()=>{se[u](e=>e())}),o[s](ke(()=>{var r=me(n,ce).val;ue&&(r=!r),r?oe||((oe=e[D](!0))[N](fe),Z(oe,n,se),ne[O][M](oe,ne)):oe&&(se[u](e=>e()),se=[],oe[F](),oe=null)},he))}if(b){var _e=b[p](" in ");if(-1!==_e){var de,ye=b[_](0,_e)[V](),ge=b[_](_e+4)[V](),xe=ye.replace(/[()]/g,"")[c](","),Pe=xe[0][V](),Ee=xe[1]?xe[1][V]():null,Se=-1===ge[p](".")?ge:ge[c]("."),Te=e[A]("s-key"),$e=Te?-1===Te[p](".")?Te:Te[c]("."):null,Oe=(ne=i[K](""),r[P](null));return e[q](ne),o[s](()=>{for(var e in Oe)Oe[e][X][u](e=>e())}),o[s](ke(()=>{var a=me(n,Se).val||[];"number"==typeof a&&(a=t.from({length:Math.max(0,Math.floor(a))},(e,r)=>r+1)),t[k](a)&&be(a,v);var o=i.createDocumentFragment(),l=ne;de=r[P](null);for(var f=t[k](a),s=f?a:r[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):$e?me(b,$e).val:String(g)+"_o",de[h]&&(h+="_"+c);var A=Oe[h];if(A)A[U][Pe]=b,Ee&&(A[U][Ee]=g);else{var N=e.content[D](!0),w=r[P](n);r[x](w,"_i",{value:!0});var E=Ae(w);E[Pe]=b,Ee&&(E[Ee]=g);for(var S=t[m][_][d](N.childNodes),T=[],$=0;$<S[v];$++)Z(S[$],E,T);A={nodes:t[m][_][d](N.childNodes),scope:E,cleanups:T},Oe[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],de[h]=!0}for(var C in Oe)de[C]||(Oe[C][X][u](e=>e()),Oe[C][Y][u](e=>e[F]()),delete Oe[C])},he))}}if(e.hasAttributes())for(var je=e.attributes,Ce=je[v];Ce--;){var Le=je[Ce],qe=Le[T],Me=Le[f];if(58===qe[ae](0)){var De=qe[_](1),Fe=33===Me[ae](0),Ke=Fe?Me[_](1):Me;ce=-1===Ke[p](".")?Ke:Ke[c]("."),$[s]({type:le,name:De,path:ce,neg:Fe})}else if(115===qe[ae](0)&&45===qe[ae](1)){let r=qe[_](2),t=-1===Me[p](".")?Me:Me[c](".");if(r===te||r===re)((r,t)=>{var a=me(n,t);typeof a.val===W&&(r===te?he(()=>{var r=a.val[d](a.ctx,e);typeof r===W&&o[s](r)}):o[s](()=>a.val[d](a.ctx,e)))})(r,t);else if("effect"===r)o[s](ke(()=>{var r=me(n,t);typeof r.val===W&&r.val[d](r.ctx,e)},he));else if(r===I){$[s]({type:f,path:t}),e._s=n,e._h=e._h||{};var Be=e[S]===R||e[S]===z||"SELECT"===e[E]?"change":H;Be===H&&(e[B]("compositionstart",()=>e._c=!0),e[B]("compositionend",()=>{e._c=!1,C({target:e,type:H})})),(e._h[Be]=e._h[Be]||[])[Q]({model:!0,p:t}),L(Be)}else"ref"===r?h.$refs[Me]=e:Ne[r]?$[s]({type:r,path:t}):(e._s=n,e._h=e._h||{},(e._h[r]=e._h[r]||[])[s]({p:t}),L(r))}}$[v]&&o[s](ke(()=>{for(var r=$[v];r--;){var t=$[r],a=me(n,t.path),o=typeof a.val===W?a.val[d](a.ctx,e):a.val;t[S]===le?(t.neg&&(o=!o),t[T]===G?Ne[G](e,o):Ne[le](e,o,t[T])):Ne[t[S]](e,o)}},he));for(var He=e.firstChild;He;){var Re=He[j];Z(He,n,o),He=Re}}};Z(a,h,g),h[te]&&h[te]();var ne={unmount:()=>{for(var e in h[re]&&h[re][d](h),g[u](e=>e()),b)a.removeEventListener(e,C);a._m=null}};return a._m=ne,ne}};return{data:(e,r)=>{se[e]=r},start:()=>{for(var e=i.querySelectorAll("[s-data]"),r=e[v];r--;)we(e[r])},store:(r,t)=>{if(void 0===t)return e[r];e[r]=t;var a=e[r];return a&&typeof a[te]===W&&a[te][d](a),a},raw:e=>e&&e._t||e,mount:e=>we(e),unmount:e=>{e&&e._m&&e._m[ie]()}}})();export default spiki;

package/spiki.js

@@ -418,7 +418,7 @@ var spiki = (() => {
                                 var rowNodes = Array.prototype.slice.call(clone.childNodes);
                                 var rowCleanups = [];
                                 for(var n=0; n<rowNodes.length; n++) walk(rowNodes[n], rowScope, rowCleanups);
-                                row = { nodes: rowNodes, scope: rowScope, cleanups: rowCleanups };
+                                row = { nodes: Array.prototype.slice.call(clone.childNodes), scope: rowScope, cleanups: rowCleanups };
                                 nodePool[unique] = row;
                             }
                             if (row.nodes[0] !== cursor.nextSibling) {
@@ -550,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(); }
@@ -558,4 +568,4 @@ var spiki = (() => {
 })();
 
 window.spiki = spiki;
-})();
+})();

package/spiki.min.js

@@ -1 +1 @@
-!function(){"use strict";var e=(()=>{var e,r=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",ee="className",re="destroy",te="init",ae="charCodeAt",ne="sched",oe="string",ie="unmount",le="attr",ve="s-data",fe="s-if",se=r[P](null),ue=[],pe=!1,ce=null,_e=!1,de=n.resolve(),ye={blur:1,focus:1,scroll:1,load:1,error:1,mouseenter:1,mouseleave:1,toggle:1},he=e=>{e._q||(e._q=!0,ue[s](e),pe||(pe=!0,de.then(()=>{var e=ue;ue=[],pe=!1;for(var r=e[v];r--;)e[r]._q=!1,e[r]()})))},me=(e,r)=>{var a,n=e;if(typeof r===oe)a=e?e[r]:void 0;else{for(var o=0,i=r[v];o<i-1&&n;)n=n[r[o++]];a=n?n[r[i-1]]:void 0}if(void 0===a){var f=t[w](r)?r.join("."):r;l.warn("[spikijs] Property undefined: "+f)}return{ctx:n,val:a}},ge={};[s,"pop","shift",Q,"splice","sort","reverse"][u](e=>{ge[e]=function(...r){_e=!0;try{return t[m][e].apply(this,r)}finally{_e=!1,xe(this,v)}}});var be=(e,t)=>{if(ce){var a=e._d||(r[x](e,"_d",{value:r[P](null),writable:!0}),e._d),n=a[t]||(a[t]=[]);-1===n[p](ce)&&(n[s](ce),ce[Z][s](n))}},xe=(e,r)=>{if(!_e&&e._d&&e._d[r])for(var t=e._d[r][_](),a=0,n=t[v];a<n;a++){var o=t[a];o[ne]?o[ne](o):o()}},Pe=e=>{for(var r=e[Z][v];r--;){var t=e[Z][r],a=t[p](e);-1!==a&&(t[a]=t[t[v]-1],t.pop())}e[Z]=[]},we=(e,r)=>{var t=()=>{Pe(t);var r=ce;ce=t;try{e()}finally{ce=r}};return t[Z]=[],t[ne]=r,t(),()=>Pe(t)},Ae=e=>{if(!e||typeof e!==J||e._y||e instanceof o)return e;if(r[m][g][d](e,"_p"))return e._p;var n=new Proxy(e,{get:(e,n,i)=>{if("_y"===n)return i===e._p;if("_t"===n)return e;if("_d"===n)return e._d;if("_i"===n)return e._i;if(t[w](e)&&ge[g](n))return ge[n];var l=r.getOwnPropertyDescriptor(e,n);if(l&&l[h]){var v="_"+n;return v in e||we(()=>i[v]=l[h][d](i)),i[v]}be(e,n);var f=a[h](e,n,i);return!f||typeof f!==J||f instanceof o?f:Ae(f)},set:(e,n,o,i)=>{var l=e[n],f=t[w](e),s=f?Number(n)<e[v]:r[m][g][d](e,n);if(e._i&&!s)for(var u=r[b](e);u&&u!==r[m];){if(r[m][g][d](u,n)){var p=a.set(u,n,o);return _e||o===l||xe(e,n),p}u=r[b](u)}return p=a.set(e,n,o,i),!_e&&p&&(s&&o===l||(xe(e,n),f?xe(e,v):s||xe(e,"_k"))),p},deleteProperty:(e,n)=>{var o=r[m][g][d](e,n),i=a.deleteProperty(e,n);return i&&o&&(xe(e,n),t[w](e)?xe(e,v):xe(e,"_k")),i},ownKeys:e=>(be(e,"_k"),a.ownKeys(e))});return r[x](e,"_p",{value:n}),n};e=Ae({});var ke=r[P](null);ke.text=(e,r)=>{r=null==r?"":r,e[C]!==String(r)&&(e[C]=r)},ke.html=(e,r)=>{e[L]!=r&&(e[L]=null==r?"":r)},ke[f]=(e,r)=>{e[S]===R?e[$]=!!r:e[S]===z?e[$]=e[f]==r:e[f]!=r&&(e[f]=null==r?"":r)},ke[le]=(e,r,t)=>{if(null==r||!1===r)e[k](t);else{var a=!0===r?"":String(r);e[A](t)!==a&&e.setAttribute(t,a)}},ke[G]=(e,t)=>{var a=e._n||"",n=r[P](null);if(a[c](/\s+/)[u](e=>e&&(n[e]=1)),typeof t===oe)t[c](/\s+/)[u](e=>e&&(n[e]=1));else if(t)for(var o in t)t[o]?n[o]=1:delete n[o];var i=r[y](n).join(" ");e[ee]!==i&&(e[ee]=i)};var Ne=(a,n)=>{if(a._m)return a._m;var o=a[A](ve);if(se[o]){var l=se[o]();n&&r.setPrototypeOf(l,n);var h=Ae(l);h.$refs={},h.$root=a,h.$store=e,h.$parent=n;var g=[],b=r[P](null),C=e=>{var t=e.target;if(e[S]!==H||!t._c)for(var n=a[O],o=e[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===oe){var _=c[V]();_&&isFinite(_)&&(48===_[ae](0)&&1!==_[v]&&46!==_[ae](1)||(c=Number(_)))}if(typeof p===oe)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=me(l,p);typeof b.val===W&&(r[x](e,"currentTarget",{configurable:!0,value:t}),b.val[d](b.ctx,e))}}}t=t[O]}},L=e=>{b[e]||(b[e]=!0,a[B](e,C,!!ye[e]))},Z=(e,n,o)=>{if(1===e.nodeType&&!e[N]("s-ignore"))if(e!==a&&e[N](ve)){var l=Ne(e,n);l&&o[s](l[ie])}else{var g=e[A](fe),b=!g&&"TEMPLATE"===e[E]&&e[A]("s-for"),$=[];if(e[N](G)&&!e._n&&(e._n=e[ee]),g){var ne=i[K](""),oe=null,se=[];e[q](ne);var ue="!"===g[0],pe=ue?g[_](1):g,ce=-1===pe[p](".")?pe:pe[c](".");return o[s](()=>{se[u](e=>e())}),o[s](we(()=>{var r=me(n,ce).val;ue&&(r=!r),r?oe||((oe=e[D](!0))[k](fe),Z(oe,n,se),ne[O][M](oe,ne)):oe&&(se[u](e=>e()),se=[],oe[F](),oe=null)},he))}if(b){var _e=b[p](" in ");if(-1!==_e){var de,ye=b[_](0,_e)[V](),ge=b[_](_e+4)[V](),xe=ye.replace(/[()]/g,"")[c](","),Pe=xe[0][V](),Ee=xe[1]?xe[1][V]():null,Se=-1===ge[p](".")?ge:ge[c]("."),Te=e[A]("s-key"),$e=Te?-1===Te[p](".")?Te:Te[c]("."):null,Oe=(ne=i[K](""),r[P](null));return e[q](ne),o[s](()=>{for(var e in Oe)Oe[e][X][u](e=>e())}),o[s](we(()=>{var a=me(n,Se).val||[];"number"==typeof a&&(a=t.from({length:Math.max(0,Math.floor(a))},(e,r)=>r+1)),t[w](a)&&be(a,v);var o=i.createDocumentFragment(),l=ne;de=r[P](null);for(var f=t[w](a),s=f?a:r[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):$e?me(b,$e).val:String(g)+"_o",de[h]&&(h+="_"+c);var A=Oe[h];if(A)A[U][Pe]=b,Ee&&(A[U][Ee]=g);else{var k=e.content[D](!0),N=r[P](n);r[x](N,"_i",{value:!0});var E=Ae(N);E[Pe]=b,Ee&&(E[Ee]=g);for(var S=t[m][_][d](k.childNodes),T=[],$=0;$<S[v];$++)Z(S[$],E,T);A={nodes:S,scope:E,cleanups:T},Oe[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],de[h]=!0}for(var C in Oe)de[C]||(Oe[C][X][u](e=>e()),Oe[C][Y][u](e=>e[F]()),delete Oe[C])},he))}}if(e.hasAttributes())for(var je=e.attributes,Ce=je[v];Ce--;){var Le=je[Ce],qe=Le[T],Me=Le[f];if(58===qe[ae](0)){var De=qe[_](1),Fe=33===Me[ae](0),Ke=Fe?Me[_](1):Me;ce=-1===Ke[p](".")?Ke:Ke[c]("."),$[s]({type:le,name:De,path:ce,neg:Fe})}else if(115===qe[ae](0)&&45===qe[ae](1)){let r=qe[_](2),t=-1===Me[p](".")?Me:Me[c](".");if(r===te||r===re)((r,t)=>{var a=me(n,t);typeof a.val===W&&(r===te?he(()=>{var r=a.val[d](a.ctx,e);typeof r===W&&o[s](r)}):o[s](()=>a.val[d](a.ctx,e)))})(r,t);else if("effect"===r)o[s](we(()=>{var r=me(n,t);typeof r.val===W&&r.val[d](r.ctx,e)},he));else if(r===I){$[s]({type:f,path:t}),e._s=n,e._h=e._h||{};var Be=e[S]===R||e[S]===z||"SELECT"===e[E]?"change":H;Be===H&&(e[B]("compositionstart",()=>e._c=!0),e[B]("compositionend",()=>{e._c=!1,C({target:e,type:H})})),(e._h[Be]=e._h[Be]||[])[Q]({model:!0,p:t}),L(Be)}else"ref"===r?h.$refs[Me]=e:ke[r]?$[s]({type:r,path:t}):(e._s=n,e._h=e._h||{},(e._h[r]=e._h[r]||[])[s]({p:t}),L(r))}}$[v]&&o[s](we(()=>{for(var r=$[v];r--;){var t=$[r],a=me(n,t.path),o=typeof a.val===W?a.val[d](a.ctx,e):a.val;t[S]===le?(t.neg&&(o=!o),t[T]===G?ke[G](e,o):ke[le](e,o,t[T])):ke[t[S]](e,o)}},he));for(var He=e.firstChild;He;){var Re=He[j];Z(He,n,o),He=Re}}};Z(a,h,g),h[te]&&h[te]();var ne={unmount:()=>{for(var e in h[re]&&h[re][d](h),g[u](e=>e()),b)a.removeEventListener(e,C);a._m=null}};return a._m=ne,ne}};return{data:(e,r)=>{se[e]=r},start:()=>{for(var e=i.querySelectorAll("[s-data]"),r=e[v];r--;)Ne(e[r])},store:(r,t)=>void 0===t?e[r]:e[r]=t,raw:e=>e&&e._t||e,mount:e=>Ne(e),unmount:e=>{e&&e._m&&e._m[ie]()}}})();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",N="removeAttribute",k="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 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 kr=(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[k]("s-ignore"))if(r!==a&&r[k](vr)){var l=kr(r,n);l&&o[s](l[ir])}else{var g=r[A](fr),b=!g&&"TEMPLATE"===r[E]&&r[A]("s-for"),$=[];if(r[k](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))[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](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 N=r.content[D](!0),k=e[P](n);e[x](k,"_i",{value:!0});var E=Ar(k);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:t[m][_][d](N.childNodes),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: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](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?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--;)kr(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=>kr(r),unmount:r=>{r&&r._m&&r._m[ir]()}}})();window.spiki=r})();