rumious 1.0.0 → 1.0.1

package/dist/index.esm.js

@@ -1 +1,1072 @@
-class t{constructor(t,e){this.target=t,this.app=e,this.onRenderFinished=[]}findName(t){return this.target[t]}}function e(t,n,r){let i=n.generator.bind(t.target);t.renderHelper=e,i(r,t),setTimeout((async()=>{const e=[...t.onRenderFinished];t.onRenderFinished=[];for(const t of e)await t()}),0)}class n{static classNames="";static tagName="rumious-component";constructor(){this.renderOptions={mode:"idle"}}onCreate(){}onRender(){}onDestroy(){}async onBeforeRender(){}prepare(e,n){this.props=n,this.context=new t(this,e.app)}async requestRender(){await this.onBeforeRender();let t=this.template();e(this.context,t,this.element),this.onRender()}requestCleanup(){}}class r extends HTMLElement{constructor(){super(),this.props={}}setup(t,e){this.context=t,this.componentConstructor=e}connectedCallback(){this.componentConstructor?(this.componentInstance=new this.componentConstructor,this.componentInstance.element=this,this.componentConstructor.classNames&&(this.className=this.componentConstructor.classNames),this.componentInstance.prepare(this.context,this.props),this.componentInstance.onCreate(),this.componentInstance.requestRender()):console.warn("Rumious: Cannot find matching component constructor.")}disconnectedCallback(){this.componentInstance?.onDestroy()}}class i{constructor(e,n={}){this.root=e,this.options=n,this.modules=[],this.context=new t(this,this)}addModule(t,e){let n=t.init(this,e);return this.modules.push(n),n}render(t){e(this.context,t,this.root)}}function s(t,e){return new i(t,e)}class o{constructor(t){this.generator=t}}class a{constructor(t){if(this.contents=t,this.targets=new Map,!t||0===t.length)throw new Error("Injector must be initialized with non-empty content");const e=t[0];this.type="string"==typeof e?"string":"element"}addTarget(t){this.targets.set(t,1)}inject(t){if(this.targets.has(t)&&this.contents)if(t.innerHTML="","string"===this.type)for(const e of this.contents)t.insertAdjacentHTML("beforeend",e);else for(const e of this.contents)t.appendChild(e)}injectAll(){for(const t of this.targets.keys())this.inject(t)}removeTarget(t){this.targets.delete(t)}clear(){this.targets.clear()}}function l(t){return new a([t])}class c{constructor(t){this.target=t}getElement(){return this.target}remove(){this.target.remove()}addChild(t){this.target.appendChild(t)}listChild(){return this.target.childNodes}querySelector(t){return this.target.querySelector(t)}querySelectorAll(t){return this.target.querySelectorAll(t)}set text(t){this.target.textContent=t}get text(){return this.target.textContent}set value(t){(this.target instanceof HTMLInputElement||this.target instanceof HTMLTextAreaElement)&&(this.target.value=t)}get value(){if(this.target instanceof HTMLInputElement||this.target instanceof HTMLTextAreaElement)return this.target.value}addClassName(t){this.target.classList.add(t)}removeClassName(t){this.target.classList.remove(t)}hasClassName(t){return this.target.classList.contains(t)}toggleClass(t,e){return this.target.classList.toggle(t,e)}setStyle(t){Object.assign(this.target.style,t)}getStyle(t){return getComputedStyle(this.target).getPropertyValue(t)}setAttribute(t,e){this.target.setAttribute(t,e)}getAttribute(t){return this.target.getAttribute(t)}removeAttribute(t){this.target.removeAttribute(t)}on(t,e,n){this.target.addEventListener(t,e,n)}off(t,e,n){this.target.removeEventListener(t,e,n)}set html(t){this.target.innerHTML=t}get html(){return this.target.innerHTML}getBoundingRect(){return this.target.getBoundingClientRect()}isInViewport(){const t=this.target.getBoundingClientRect();return t.top>=0&&t.left>=0&&t.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&t.right<=(window.innerWidth||document.documentElement.clientWidth)}prependChild(t){this.target.prepend(t)}setDisabled(t){(this.target instanceof HTMLButtonElement||this.target instanceof HTMLInputElement||this.target instanceof HTMLTextAreaElement)&&(this.target.disabled=t)}addClasses(...t){this.target.classList.add(...t)}removeClasses(...t){this.target.classList.remove(...t)}replaceClass(t,e){this.target.classList.replace(t,e)}moveTo(t){t.appendChild(this.target)}getParent(){return this.target.parentElement}getNextSibling(){return this.target.nextElementSibling}getPreviousSibling(){return this.target.previousElementSibling}hide(){this.target.style.display="none"}show(){this.target.style.removeProperty("display")}isHidden(){return"none"===window.getComputedStyle(this.target).display}scrollIntoView(t={behavior:"smooth"}){this.target.scrollIntoView(t)}matches(t){return this.target.matches(t)}getChildren(){return Array.from(this.target.children)}insertAfter(t){this.target.parentNode&&this.target.parentNode.insertBefore(t,this.target.nextSibling)}insertBefore(t){this.target.parentNode&&this.target.parentNode.insertBefore(t,this.target)}clearChildren(){for(;this.target.firstChild;)this.target.removeChild(this.target.firstChild)}animate(t,e){return this.target.animate(t,e)}}function u(){return new c(document.createElement("span"))}function h(t){const e=t.indexOf("$");return-1!==e?t.slice(e+1):""}class p{constructor(t){this.target=t,this.bindings=[]}addBinding(t){this.bindings.push(t)}removeBinding(t){this.bindings=this.bindings.filter((e=>e!==t))}async emit(t){await Promise.allSettled(this.bindings.map((e=>{try{const n=e(t);return n instanceof Promise?n:Promise.resolve(n)}catch(t){return Promise.reject(t)}})))}}const f="remove",d="replace",g="add",y=Symbol.for("__MUTATIVE_PROXY_DRAFT__"),m=Symbol("__MUTATIVE_RAW_RETURN_SYMBOL__"),v=Symbol.iterator,b={mutable:"mutable",immutable:"immutable"},w={};function E(t,e){return t instanceof Map?t.has(e):Object.prototype.hasOwnProperty.call(t,e)}function k(t,e){if(e in t){let n=Reflect.getPrototypeOf(t);for(;n;){const t=Reflect.getOwnPropertyDescriptor(n,e);if(t)return t;n=Reflect.getPrototypeOf(n)}}}function M(t){return Object.getPrototypeOf(t)===Set.prototype}function S(t){return Object.getPrototypeOf(t)===Map.prototype}function O(t){var e;return null!==(e=t.copy)&&void 0!==e?e:t.original}function j(t){return!!C(t)}function C(t){return"object"!=typeof t?null:null==t?void 0:t[y]}function x(t){var e;const n=C(t);return n?null!==(e=n.copy)&&void 0!==e?e:n.original:t}function A(t,e){if(!t||"object"!=typeof t)return!1;let n;return Object.getPrototypeOf(t)===Object.prototype||Array.isArray(t)||t instanceof Map||t instanceof Set||!!(null==e?void 0:e.mark)&&((n=e.mark(t,b))===b.immutable||"function"==typeof n)}function R(t,e=[]){if(Object.hasOwnProperty.call(t,"key")){const n=t.parent.copy,r=C(T(n,t.key));if(null!==r&&(null==r?void 0:r.original)!==t.original)return null;const i=3===t.parent.type,s=i?Array.from(t.parent.setMap.keys()).indexOf(t.key):t.key;if(!(i&&n.size>s||E(n,s)))return null;e.push(s)}if(t.parent)return R(t.parent,e);e.reverse();try{!function(t,e){for(let n=0;n<e.length-1;n+=1){const r=e[n];if("object"!=typeof(t=T(3===P(t)?Array.from(t):t,r)))throw new Error(`Cannot resolve patch at '${e.join("/")}'.`)}}(t.copy,e)}catch(t){return null}return e}function P(t){return Array.isArray(t)?1:t instanceof Map?2:t instanceof Set?3:0}function T(t,e){return 2===P(t)?t.get(e):t[e]}function z(t,e,n){2===P(t)?t.set(e,n):t[e]=n}function N(t,e){const n=C(t);return(n?O(n):t)[e]}function L(t,e){return t===e?0!==t||1/t==1/e:t!=t&&e!=e}function D(t){if(t)for(;t.finalities.revoke.length>0;){t.finalities.revoke.pop()()}}function I(t,e){return e?t:[""].concat(t).map((t=>{const e=`${t}`;return-1===e.indexOf("/")&&-1===e.indexOf("~")?e:e.replace(/~/g,"~0").replace(/\//g,"~1")})).join("/")}const F=Object.prototype.propertyIsEnumerable;function _(t,e){let n;if(Array.isArray(t))return Array.prototype.concat.call(t);if(t instanceof Set){if(!M(t)){return new(0,Object.getPrototypeOf(t).constructor)(t.values())}return Set.prototype.difference?Set.prototype.difference.call(t,new Set):new Set(t.values())}if(t instanceof Map){if(!S(t)){return new(0,Object.getPrototypeOf(t).constructor)(t)}return new Map(t)}if((null==e?void 0:e.mark)&&(n=e.mark(t,b),void 0!==n)&&n!==b.mutable){if(n===b.immutable)return function(t){const e=Object.create(Object.getPrototypeOf(t));return Reflect.ownKeys(t).forEach((n=>{let r=Reflect.getOwnPropertyDescriptor(t,n);r.enumerable&&r.configurable&&r.writable?e[n]=t[n]:(r.writable||(r.writable=!0,r.configurable=!0),(r.get||r.set)&&(r={configurable:!0,writable:!0,enumerable:r.enumerable,value:t[n]}),Reflect.defineProperty(e,n,r))})),e}(t);if("function"==typeof n){if(e.enablePatches||e.enableAutoFreeze)throw new Error("You can't use mark and patches or auto freeze together.");return n()}throw new Error(`Unsupported mark result: ${n}`)}if("object"==typeof t&&Object.getPrototypeOf(t)===Object.prototype){const e={};return Object.keys(t).forEach((n=>{e[n]=t[n]})),Object.getOwnPropertySymbols(t).forEach((n=>{F.call(t,n)&&(e[n]=t[n])})),e}throw new Error("Please check mark() to ensure that it is a stable marker draftable function.")}function B(t){t.copy||(t.copy=_(t.original,t.options))}function H(t){if(!A(t))return x(t);if(Array.isArray(t))return t.map(H);if(t instanceof Map){const e=Array.from(t.entries()).map((([t,e])=>[t,H(e)]));if(!S(t)){return new(0,Object.getPrototypeOf(t).constructor)(e)}return new Map(e)}if(t instanceof Set){const e=Array.from(t).map(H);if(!M(t)){return new(0,Object.getPrototypeOf(t).constructor)(e)}return new Set(e)}const e=Object.create(Object.getPrototypeOf(t));for(const n in t)e[n]=H(t[n]);return e}function Y(t){return j(t)?H(t):t}function V(t){var e;t.assignedMap=null!==(e=t.assignedMap)&&void 0!==e?e:new Map,t.operated||(t.operated=!0,t.parent&&V(t.parent))}function q(){throw new Error("Cannot modify frozen object")}function K(t,e,n,r,i){{n=null!=n?n:new WeakMap,r=null!=r?r:[],i=null!=i?i:[];const s=n.has(t)?n.get(t):t;if(r.length>0){const t=r.indexOf(s);if(s&&"object"==typeof s&&-1!==t){if(r[0]===s)throw new Error("Forbids circular reference");throw new Error(`Forbids circular reference: ~/${i.slice(0,t).map(((t,e)=>{if("symbol"==typeof t)return`[${t.toString()}]`;const n=r[e];return"object"==typeof t&&(n instanceof Map||n instanceof Set)?Array.from(n.keys()).indexOf(t):t})).join("/")}`)}r.push(s),i.push(e)}else r.push(s)}if(Object.isFrozen(t)||j(t))return r.pop(),void i.pop();switch(P(t)){case 2:for(const[e,s]of t)K(e,e,n,r,i),K(s,e,n,r,i);t.set=t.clear=t.delete=q;break;case 3:for(const e of t)K(e,e,n,r,i);t.add=t.clear=t.delete=q;break;case 1:Object.freeze(t);let e=0;for(const s of t)K(s,e,n,r,i),e+=1;break;default:Object.freeze(t),Object.keys(t).forEach((e=>{K(t[e],e,n,r,i)}))}r.pop(),i.pop()}function W(t,e){const n=P(t);if(0===n)Reflect.ownKeys(t).forEach((n=>{e(n,t[n],t)}));else if(1===n){let n=0;for(const r of t)e(n,r,t),n+=1}else t.forEach(((n,r)=>e(r,n,t)))}function $(t,e,n){if(j(t)||!A(t,n)||e.has(t)||Object.isFrozen(t))return;const r=t instanceof Set,i=r?new Map:void 0;if(e.add(t),W(t,((s,o)=>{var a;if(j(o)){const e=C(o);B(e);const n=(null===(a=e.assignedMap)||void 0===a?void 0:a.size)||e.operated?e.copy:e.original;z(r?i:t,s,n)}else $(o,e,n)})),i){const e=t,n=Array.from(e);e.clear(),n.forEach((t=>{e.add(i.has(t)?i.get(t):t)}))}}function J(t,e){const n=3===t.type?t.setMap:t.copy;t.finalities.revoke.length>1&&t.assignedMap.get(e)&&n&&$(T(n,e),t.finalities.handledSet,t.options)}function U(t){3===t.type&&t.copy&&(t.copy.clear(),t.setMap.forEach((e=>{t.copy.add(x(e))})))}function X(t,e,n,r){if(t.operated&&t.assignedMap&&t.assignedMap.size>0&&!t.finalized){if(n&&r){const i=R(t);i&&e(t,i,n,r)}t.finalized=!0}}function G(t,e,n,r){const i=C(n);i&&(i.callbacks||(i.callbacks=[]),i.callbacks.push(((s,o)=>{var a;const l=3===t.type?t.setMap:t.copy;if(L(T(l,e),n)){let n=i.original;i.copy&&(n=i.copy),U(t),X(t,r,s,o),t.options.enableAutoFreeze&&(t.options.updatedValues=null!==(a=t.options.updatedValues)&&void 0!==a?a:new WeakMap,t.options.updatedValues.set(n,i.original)),z(l,e,n)}})),t.options.enableAutoFreeze&&i.finalities!==t.finalities&&(t.options.enableAutoFreeze=!1)),A(n,t.options)&&t.finalities.draft.push((()=>{L(T(3===t.type?t.setMap:t.copy,e),n)&&J(t,e)}))}function Q(t,e,n,r){const{pathAsArray:i=!0}=t.options.enablePatches;switch(t.type){case 0:case 2:return function({original:t,copy:e,assignedMap:n},r,i,s,o){n.forEach(((n,a)=>{const l=T(t,a),c=Y(T(e,a)),u=n?E(t,a)?d:g:f;if(L(l,c)&&u===d)return;const h=I(r.concat(a),o);i.push(u===f?{op:u,path:h}:{op:u,path:h,value:c}),s.push(u===g?{op:f,path:h}:u===f?{op:g,path:h,value:l}:{op:d,path:h,value:l})}))}(t,e,n,r,i);case 1:return function(t,e,n,r,i){let{original:s,assignedMap:o,options:a}=t,l=t.copy;l.length<s.length&&([s,l]=[l,s],[n,r]=[r,n]);for(let t=0;t<s.length;t+=1)if(o.get(t.toString())&&l[t]!==s[t]){const o=I(e.concat([t]),i);n.push({op:d,path:o,value:Y(l[t])}),r.push({op:d,path:o,value:Y(s[t])})}for(let t=s.length;t<l.length;t+=1){const r=I(e.concat([t]),i);n.push({op:g,path:r,value:Y(l[t])})}if(s.length<l.length){const{arrayLengthAssignment:t=!0}=a.enablePatches;if(t){const t=I(e.concat(["length"]),i);r.push({op:d,path:t,value:s.length})}else for(let t=l.length;s.length<t;t-=1){const n=I(e.concat([t-1]),i);r.push({op:f,path:n})}}}(t,e,n,r,i);case 3:return function({original:t,copy:e},n,r,i,s){let o=0;t.forEach((t=>{if(!e.has(t)){const e=I(n.concat([o]),s);r.push({op:f,path:e,value:t}),i.unshift({op:g,path:e,value:t})}o+=1})),o=0,e.forEach((e=>{if(!t.has(e)){const t=I(n.concat([o]),s);r.push({op:g,path:t,value:e}),i.unshift({op:f,path:t,value:e})}o+=1}))}(t,e,n,r,i)}}const Z=(t,e,n=!1)=>{if("object"==typeof t&&null!==t&&(!A(t,e)||n))throw new Error("Strict mode: Mutable data cannot be accessed directly, please use 'unsafe(callback)' wrap.")},tt={get size(){return O(C(this)).size},has(t){return O(C(this)).has(t)},set(t,e){const n=C(this),r=O(n);return r.has(t)&&L(r.get(t),e)||(B(n),V(n),n.assignedMap.set(t,!0),n.copy.set(t,e),G(n,t,e,Q)),this},delete(t){if(!this.has(t))return!1;const e=C(this);return B(e),V(e),e.original.has(t)?e.assignedMap.set(t,!1):e.assignedMap.delete(t),e.copy.delete(t),!0},clear(){const t=C(this);if(this.size){B(t),V(t),t.assignedMap=new Map;for(const[e]of t.original)t.assignedMap.set(e,!1);t.copy.clear()}},forEach(t,e){O(C(this)).forEach(((n,r)=>{t.call(e,this.get(r),r,this)}))},get(t){var e,n;const r=C(this),i=O(r).get(t),s=(null===(n=(e=r.options).mark)||void 0===n?void 0:n.call(e,i,b))===b.mutable;if(r.options.strict&&Z(i,r.options,s),s)return i;if(r.finalized||!A(i,r.options))return i;if(i!==r.original.get(t))return i;const o=w.createDraft({original:i,parentDraft:r,key:t,finalities:r.finalities,options:r.options});return B(r),r.copy.set(t,o),o},keys(){return O(C(this)).keys()},values(){const t=this.keys();return{[v]:()=>this.values(),next:()=>{const e=t.next();if(e.done)return e;return{done:!1,value:this.get(e.value)}}}},entries(){const t=this.keys();return{[v]:()=>this.entries(),next:()=>{const e=t.next();if(e.done)return e;const n=this.get(e.value);return{done:!1,value:[e.value,n]}}}},[v](){return this.entries()}},et=Reflect.ownKeys(tt),nt=(t,e,{isValuesIterator:n})=>()=>{var r,i;const s=e.next();if(s.done)return s;const o=s.value;let a=t.setMap.get(o);const l=C(a),c=(null===(i=(r=t.options).mark)||void 0===i?void 0:i.call(r,a,b))===b.mutable;if(t.options.strict&&Z(o,t.options,c),c||l||!A(o,t.options)||t.finalized||!t.original.has(o))l&&(a=l.proxy);else{const e=w.createDraft({original:o,parentDraft:t,key:o,finalities:t.finalities,options:t.options});t.setMap.set(o,e),a=e}return{done:!1,value:n?a:[a,a]}},rt={get size(){return C(this).setMap.size},has(t){const e=C(this);if(e.setMap.has(t))return!0;B(e);const n=C(t);return!(!n||!e.setMap.has(n.original))},add(t){const e=C(this);return this.has(t)||(B(e),V(e),e.assignedMap.set(t,!0),e.setMap.set(t,t),G(e,t,t,Q)),this},delete(t){if(!this.has(t))return!1;const e=C(this);B(e),V(e);const n=C(t);return n&&e.setMap.has(n.original)?(e.assignedMap.set(n.original,!1),e.setMap.delete(n.original)):(!n&&e.setMap.has(t)?e.assignedMap.set(t,!1):e.assignedMap.delete(t),e.setMap.delete(t))},clear(){if(!this.size)return;const t=C(this);B(t),V(t);for(const e of t.original)t.assignedMap.set(e,!1);t.setMap.clear()},values(){const t=C(this);B(t);const e=t.setMap.keys();return{[Symbol.iterator]:()=>this.values(),next:nt(t,e,{isValuesIterator:!0})}},entries(){const t=C(this);B(t);const e=t.setMap.keys();return{[Symbol.iterator]:()=>this.entries(),next:nt(t,e,{isValuesIterator:!1})}},keys(){return this.values()},[v](){return this.values()},forEach(t,e){const n=this.values();let r=n.next();for(;!r.done;)t.call(e,r.value,r.value,this),r=n.next()}};Set.prototype.difference&&Object.assign(rt,{intersection(t){return Set.prototype.intersection.call(new Set(this.values()),t)},union(t){return Set.prototype.union.call(new Set(this.values()),t)},difference(t){return Set.prototype.difference.call(new Set(this.values()),t)},symmetricDifference(t){return Set.prototype.symmetricDifference.call(new Set(this.values()),t)},isSubsetOf(t){return Set.prototype.isSubsetOf.call(new Set(this.values()),t)},isSupersetOf(t){return Set.prototype.isSupersetOf.call(new Set(this.values()),t)},isDisjointFrom(t){return Set.prototype.isDisjointFrom.call(new Set(this.values()),t)}});const it=Reflect.ownKeys(rt),st=new WeakSet,ot={get(t,e,n){var r,i;const s=null===(r=t.copy)||void 0===r?void 0:r[e];if(s&&st.has(s))return s;if(e===y)return t;let o;if(t.options.mark){const r="size"===e&&(t.original instanceof Map||t.original instanceof Set)?Reflect.get(t.original,e):Reflect.get(t.original,e,n);if(o=t.options.mark(r,b),o===b.mutable)return t.options.strict&&Z(r,t.options,!0),r}const a=O(t);if(a instanceof Map&&et.includes(e)){if("size"===e)return Object.getOwnPropertyDescriptor(tt,"size").get.call(t.proxy);const n=tt[e];if(n)return n.bind(t.proxy)}if(a instanceof Set&&it.includes(e)){if("size"===e)return Object.getOwnPropertyDescriptor(rt,"size").get.call(t.proxy);const n=rt[e];if(n)return n.bind(t.proxy)}if(!E(a,e)){const n=k(a,e);return n?"value"in n?n.value:null===(i=n.get)||void 0===i?void 0:i.call(t.proxy):void 0}const l=a[e];if(t.options.strict&&Z(l,t.options),t.finalized||!A(l,t.options))return l;if(l===N(t.original,e)){if(B(t),t.copy[e]=at({original:t.original[e],parentDraft:t,key:1===t.type?Number(e):e,finalities:t.finalities,options:t.options}),"function"==typeof o){const n=C(t.copy[e]);return B(n),V(n),n.copy}return t.copy[e]}return l},set(t,e,n){var r;if(3===t.type||2===t.type)throw new Error("Map/Set draft does not support any property assignment.");let i;if(1===t.type&&"length"!==e&&(!(Number.isInteger(i=Number(e))&&i>=0)||0!==e&&0!==i&&String(i)!==String(e)))throw new Error("Only supports setting array indices and the 'length' property.");const s=k(O(t),e);if(null==s?void 0:s.set)return s.set.call(t.proxy,n),!0;const o=N(O(t),e),a=C(o);return a&&L(a.original,n)?(t.copy[e]=n,t.assignedMap=null!==(r=t.assignedMap)&&void 0!==r?r:new Map,t.assignedMap.set(e,!1),!0):(L(n,o)&&(void 0!==n||E(t.original,e))||(B(t),V(t),E(t.original,e)&&L(n,t.original[e])?t.assignedMap.delete(e):t.assignedMap.set(e,!0),t.copy[e]=n,G(t,e,n,Q)),!0)},has:(t,e)=>e in O(t),ownKeys:t=>Reflect.ownKeys(O(t)),getOwnPropertyDescriptor(t,e){const n=O(t),r=Reflect.getOwnPropertyDescriptor(n,e);return r?{writable:!0,configurable:1!==t.type||"length"!==e,enumerable:r.enumerable,value:n[e]}:r},getPrototypeOf:t=>Reflect.getPrototypeOf(t.original),setPrototypeOf(){throw new Error("Cannot call 'setPrototypeOf()' on drafts")},defineProperty(){throw new Error("Cannot call 'defineProperty()' on drafts")},deleteProperty(t,e){var n;return 1===t.type?ot.set.call(this,t,e,void 0,t.proxy):(void 0!==N(t.original,e)||e in t.original?(B(t),V(t),t.assignedMap.set(e,!1)):(t.assignedMap=null!==(n=t.assignedMap)&&void 0!==n?n:new Map,t.assignedMap.delete(e)),t.copy&&delete t.copy[e],!0)}};function at(t){const{original:e,parentDraft:n,key:r,finalities:i,options:s}=t,o=P(e),a={type:o,finalized:!1,parent:n,original:e,copy:null,proxy:null,finalities:i,options:s,setMap:3===o?new Map(e.entries()):void 0};(r||"key"in t)&&(a.key=r);const{proxy:l,revoke:c}=Proxy.revocable(1===o?Object.assign([],a):a,ot);if(i.revoke.push(c),st.add(l),a.proxy=l,n){const t=n;t.finalities.draft.push(((e,n)=>{var i,s;const o=C(l);let a=3===t.type?t.setMap:t.copy;const c=T(a,r),u=C(c);if(u){let s=u.original;u.operated&&(s=x(c)),U(u),X(u,Q,e,n),t.options.enableAutoFreeze&&(t.options.updatedValues=null!==(i=t.options.updatedValues)&&void 0!==i?i:new WeakMap,t.options.updatedValues.set(s,u.original)),z(a,r,s)}null===(s=o.callbacks)||void 0===s||s.forEach((t=>{t(e,n)}))}))}else{const t=C(l);t.finalities.draft.push(((e,n)=>{U(t),X(t,Q,e,n)}))}return l}function lt(t,e,n,r,i){var s;const o=C(t),a=null!==(s=null==o?void 0:o.original)&&void 0!==s?s:t,l=!!e.length;if(null==o?void 0:o.operated)for(;o.finalities.draft.length>0;){o.finalities.draft.pop()(n,r)}const c=l?e[0]:o?o.operated?o.copy:o.original:t;return o&&D(o),i&&K(c,c,null==o?void 0:o.options.updatedValues),[c,n&&l?[{op:d,path:[],value:e[0]}]:n,r&&l?[{op:d,path:[],value:a}]:r]}function ct(t){const{rootDraft:e,value:n,useRawReturn:r=!1,isRoot:i=!0}=t;W(n,((n,r,i)=>{const s=C(r);if(s&&e&&s.finalities===e.finalities){t.isContainDraft=!0;const e=s.original;if(i instanceof Set){const t=Array.from(i);i.clear(),t.forEach((t=>i.add(n===t?e:t)))}else z(i,n,e)}else"object"==typeof r&&null!==r&&(t.value=r,t.isRoot=!1,ct(t))})),i&&(t.isContainDraft||console.warn("The return value does not contain any draft, please use 'rawReturn()' to wrap the return value to improve performance."),r&&console.warn("The return value contains drafts, please don't use 'rawReturn()' to wrap the return value."))}function ut(t){var e;const n=C(t);if(!A(t,null==n?void 0:n.options))return t;const r=P(t);if(n&&!n.operated)return n.original;let i;function s(){i=2===r?S(t)?new Map(t):new(Object.getPrototypeOf(t).constructor)(t):3===r?Array.from(n.setMap.values()):_(t,null==n?void 0:n.options)}if(n){n.finalized=!0;try{s()}finally{n.finalized=!1}}else i=t;if(W(i,((e,r)=>{if(n&&L(T(n.original,e),r))return;const o=ut(r);o!==r&&(i===t&&s(),z(i,e,o))})),3===r){const t=null!==(e=null==n?void 0:n.original)&&void 0!==e?e:i;return M(t)?new Set(i):new(Object.getPrototypeOf(t).constructor)(i)}return i}function ht(t){if(!j(t))throw new Error(`current() is only used for Draft, parameter: ${t}`);return ut(t)}w.createDraft=at;const pt=function t(e,n,r){var i,s,o;if("function"==typeof e&&"function"!=typeof n)return function(r,...i){return t(r,(t=>e.call(this,t,...i)),n)};const a=e,l=n;let c=r;if("function"!=typeof n&&(c=n),void 0!==c&&"[object Object]"!==Object.prototype.toString.call(c))throw new Error(`Invalid options: ${c}, 'options' should be an object.`);c=Object.assign(Object.assign({},ft),c);const u=j(a)?ht(a):a,h=Array.isArray(c.mark)?(t,e)=>{for(const n of c.mark){if("function"!=typeof n)throw new Error(`Invalid mark: ${n}, 'mark' should be a function.`);const r=n(t,e);if(r)return r}}:c.mark,p=null!==(i=c.enablePatches)&&void 0!==i&&i,f=null!==(s=c.strict)&&void 0!==s&&s,d={enableAutoFreeze:null!==(o=c.enableAutoFreeze)&&void 0!==o&&o,mark:h,strict:f,enablePatches:p};if(!A(u,d)&&"object"==typeof u&&null!==u)throw new Error("Invalid base state: create() only supports plain objects, arrays, Set, Map or using mark() to mark the state as immutable.");const[g,y]=function(t,e){var n;const r={draft:[],revoke:[],handledSet:new WeakSet};let i,s;e.enablePatches&&(i=[],s=[]);const o=(null===(n=e.mark)||void 0===n?void 0:n.call(e,t,b))!==b.mutable&&A(t,e)?at({original:t,parentDraft:null,finalities:r,options:e}):t;return[o,(t=[])=>{const[n,r,a]=lt(o,t,i,s,e.enableAutoFreeze);return e.enablePatches?[n,r,a]:n}]}(u,d);if("function"!=typeof n){if(!A(u,d))throw new Error("Invalid base state: create() only supports plain objects, arrays, Set, Map or using mark() to mark the state as immutable.");return[g,y]}let v;try{v=l(g)}catch(t){throw D(C(g)),t}const w=t=>{const e=C(g);if(!j(t)){if(void 0!==t&&!L(t,g)&&(null==e?void 0:e.operated))throw new Error("Either the value is returned as a new non-draft value, or only the draft is modified without returning any value.");const n=null==t?void 0:t[m];if(n){const r=n[0];return d.strict&&"object"==typeof t&&null!==t&&ct({rootDraft:e,value:t,useRawReturn:!0}),y([r])}if(void 0!==t)return"object"==typeof t&&null!==t&&ct({rootDraft:e,value:t}),y([t])}if(t===g||void 0===t)return y([]);const n=C(t);if(d===n.options){if(n.operated)throw new Error("Cannot return a modified child draft.");return y([ht(t)])}return y([t])};return v instanceof Promise?v.then(w,(t=>{throw D(C(g)),t})):w(v)};var ft;Object.prototype.constructor.toString();class dt{constructor(t,e){this.value=t,this.reactor=e??new p(this)}set(t){this.value=t,this.reactor.emit({type:"SET",target:this,value:t})}get(){return this.value}increase(t=1){"number"==typeof this.value&&this.set(this.value+t)}produce(t){const[e,n]=pt(this.value);t(e),this.set(n())}}function gt(t,e){t.reactor.addBinding(e)}function yt(t,e){t.reactor.removeBinding(e)}function mt(t){return new dt(t)}const vt={on:function(t,e,n,r){"string"==typeof r&&(r=t.findName(h(r))),e.addEventListener(n,r)},ref:function(t,e,n,r){if("string"==typeof r&&(r=t.findName(h(r))),!(r instanceof c))throw Error("Rumious: ref directive required RumiousElementRef !");r.target=e},inject:function(t,e,n,r){if("string"==typeof r&&(r=t.findName(h(r))),!(r instanceof a))throw Error("Rumious: inject directive required RumiousInjector !");r.addTarget(e),r.inject(e)},bind:function(t,e,n,r){if("string"==typeof r&&(r=t.findName(h(r))),!(r instanceof dt))throw Error("Rumious: bind directive required RumiousState !");e.setAttribute(n,r.value),r.reactor.addBinding((({})=>{e.setAttribute(n,r.value)}))},model:function(t,e,n,r){if("string"==typeof r&&(r=t.findName(h(r))),!(r instanceof dt&&(e instanceof HTMLInputElement||e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement)))throw Error("Rumious: model directive requires RumiousState and a valid form element!");{const t=e.type;e.addEventListener("input",(()=>{if(e instanceof HTMLInputElement)switch(t){case"checkbox":r.set(e.checked);break;case"radio":e.checked&&r.set(e.value);break;default:r.set(e.value)}else(e instanceof HTMLSelectElement||e instanceof HTMLTextAreaElement)&&r.set(e.value)}))}}};class bt{domMap=new Map;constructor(t,e,n){this.state=t,this.callback=e,this.keyFn=n??((t,e)=>e)}prepare(t,e){this.anchorElement=t,this.context=e}async render(){await this.reconcile(this.state.value),this.state.reactor.addBinding(this.onStateChange.bind(this))}async onStateChange(t){if("APPEND"===t.type){const e=this.keyFn(t.item,t.key);if(!this.domMap.has(e)){const n=await this.callback(t.item,t.key),r=document.createDocumentFragment();this.context.renderHelper(this.context,n,r),this.anchorElement.appendChild(r),this.domMap.set(e,r)}}else if("SET_BY_KEY"===t.type){const e=this.keyFn(t.item,t.key),n=this.anchorElement.childNodes[t.key];if(n){const r=await this.callback(t.item,t.key),i=document.createDocumentFragment();this.context.renderHelper(this.context,r,i),this.anchorElement.replaceChild(i,n),this.domMap.set(e,i)}}else if("REMOVE_BY_KEY"===t.type){const e=this.anchorElement.childNodes[t.key];if(e){this.anchorElement.removeChild(e);const t=[...this.domMap.entries()].find((([,t])=>t===e));t&&this.domMap.delete(t[0])}}else if("INSERT_BY_KEY"===t.type){const e=this.keyFn(t.item,t.key);if(!this.domMap.has(e)){const n=await this.callback(t.item,t.key),r=document.createDocumentFragment();this.context.renderHelper(this.context,n,r);const i=this.anchorElement.childNodes[t.key]??null;this.anchorElement.insertBefore(r,i),this.domMap.set(e,r)}}else await this.reconcile(this.state.value)}async reconcile(t){const e=this.domMap,n=new Map,r=[];for(let i=0;i<t.length;i++){const s=t[i],o=this.keyFn(s,i);let a=e.get(o);if(!a){const t=await this.callback(s,i),e=document.createDocumentFragment();this.context.renderHelper(this.context,t,e),a=e}n.set(o,a),r.push(a)}this.anchorElement.textContent="";for(const t of r)this.anchorElement.appendChild(t);this.domMap=n}}function wt(t,e){return new bt(t,e)}async function Et(t,e,n,r){if(e.parentNode)if(function(t){return t!==Object(t)}(n))e.textContent=String(n);else if(n&&n instanceof dt){function i({}){document.contains(e)?e.textContent=n.value:n.reactor.removeBinding(i)}e.textContent=n.value,n.reactor.addBinding(i)}else if(Array.isArray(n))e.textContent=n.map(String).join("");else if(n instanceof bt)n.prepare(e.parentElement,r),n.render();else if(n instanceof HTMLElement)e.replaceWith(n);else if(n instanceof o){let s=document.createDocumentFragment();r.renderHelper?.(r,n,s),e.replaceWith(s)}else if(n instanceof NodeList||n instanceof HTMLCollection){if(0===n.length)return void e.remove();const a=document.createDocumentFragment();for(const l of Array.from(n))a.appendChild(l.cloneNode(!0));e.replaceWith(a),e.remove()}else if(n&&"function"==typeof n.toString)try{e.textContent=n.toString()}catch{e.textContent=""}else e.textContent=""}function kt(t){return new o(t)}window.RUMIOUS_JSX={template:kt,createElement:function(...t){throw Error("Rumious doesn't use createElement !")},addDirective:function(t,e,n,r="",i){let s=vt[n];if(!s)throw Error("Rumious: Cannot solve directive !");s(e,t,r,i)},dynamicValue:function(t,e,n,r){Et(0,e,n,r)},createComponent:function(t){let e=t.tagName;return window.customElements.get(e)||window.customElements.define(e,class extends r{static tag=e}),document.createElement(e)}};class Mt{constructor(t){this.target=t}list(){return Array.from(this.target.children)}getChild(t){return this.list()[t]}remove(t){this.list()[t]?.remove()}add(t){this.target.appendChild(t)}querySelector(t){return this.target.querySelector(t)}querySelectorAll(t){return this.target.querySelectorAll(t)}clear(){this.target.innerHTML=""}replaceChild(t,e){const n=this.getChild(t);n&&this.target.replaceChild(e,n)}insertBefore(t,e){const n=this.getChild(e);n?this.target.insertBefore(t,n):this.add(t)}prepend(t){this.target.prepend(t)}getFirstChild(){return this.list()[0]}getLastChild(){return this.list()[this.list().length-1]}hasChildren(){return this.target.hasChildNodes()}count(){return this.target.children.length}find(t){return this.list().find(t)}forEach(t){this.list().forEach(t)}removeAllMatching(t){this.querySelectorAll(t).forEach((t=>t.remove()))}toggleClass(t){this.list().forEach((e=>e.classList.toggle(t)))}setAttribute(t,e){this.list().forEach((n=>n.setAttribute(t,e)))}}class St extends dt{constructor(t,e){super(t,e)}set(t,e){if("number"==typeof t&&void 0!==e){const n=t,r=e;this.value[n]=r,this.reactor.emit({type:"SET_BY_KEY",value:[...this.value],target:this,key:n,item:r})}else{if(!Array.isArray(t))throw new Error("Invalid arguments passed to set()");super.set(t)}}get(t){return"number"==typeof t?this.value[t]:this.value}insert(t,e){return this.value.splice(t,0,e),this.reactor.emit({type:"INSERT_BY_KEY",value:this.value,target:this,key:t,item:e}),this}remove(t){return this.value.splice(t,1),this.reactor.emit({type:"REMOVE_BY_KEY",value:this.value,target:this,key:t}),this}append(t){return this.value.push(t),this.reactor.emit({type:"APPEND",value:this.value,target:this,item:t}),this}clear(){return this.value.length=0,this.reactor.emit({type:"SET",value:[],target:this}),this}replace(t,e){if(t<0||t>=this.value.length)throw new Error("Index out of bounds");return this.value[t]=e,this.reactor.emit({type:"SET_BY_KEY",value:[...this.value],target:this,key:t,item:e}),this}filter(t){return this.value=this.value.filter(t),this.reactor.emit({type:"SET",value:this.value,target:this}),this}map(t){return this.value=this.value.map(t),this.reactor.emit({type:"SET",value:this.value,target:this}),this}sort(t){return this.value.sort(t),this.reactor.emit({type:"SET",value:this.value,target:this}),this}reverse(){return this.value.reverse(),this.reactor.emit({type:"SET",value:this.value,target:this}),this}get length(){return this.value.length}forEach(t){this.value.forEach(t)}}function Ot(t){return new St(t)}class jt extends dt{#t=!1;constructor(t,e){super(t,e)}set(t,e){if(this.#t)throw new Error("Object is locked");if("string"==typeof t){const n=t,r=e;return this.value[n]=r,this.reactor.emit({type:"SET_BY_KEY",value:{...this.value},target:this,key:n,item:r}),this}if("object"!=typeof t)throw new Error("Invalid arguments passed to set()");super.set(t)}remove(t){if(this.#t)throw new Error("Object is locked");return t in this.value&&(delete this.value[t],this.reactor.emit({type:"REMOVE_BY_KEY",value:{...this.value},target:this,key:t})),this}merge(t){if(this.#t)throw new Error("Object is locked");return Object.assign(this.value,t),this.reactor.emit({type:"SET",value:{...this.value},target:this}),this}assign(t){if(this.#t)throw new Error("Object is locked");return this.value={...this.value,...t},this.reactor.emit({type:"SET",value:{...this.value},target:this}),this}clear(){if(this.#t)throw new Error("Object is locked");for(const t in this.value)delete this.value[t];return this.reactor.emit({type:"SET",value:{},target:this}),this}get(t){return"string"==typeof t?this.value[t]:this.value}keys(){return Object.keys(this.value)}values(){return Object.values(this.value)}entries(){return Object.entries(this.value)}has(t){return t in this.value}get size(){return Object.keys(this.value).length}forEach(t){Object.entries(this.value).forEach((([e,n])=>{t(n,e,this.value)}))}map(t){const e={};return Object.entries(this.value).forEach((([n,r])=>{e[n]=t(r,n,this.value)})),e}clone(){return JSON.parse(JSON.stringify(this.value))}toJSON(){return JSON.parse(JSON.stringify(this.value))}toObject(){return this.get()}lock(){return this.#t=!0,this}unlock(){return this.#t=!1,this}get isLocked(){return this.#t}freeze(){return Object.freeze(this.value),this}unfreeze(){return this.value=JSON.parse(JSON.stringify(this.value)),this}get isFrozen(){return Object.isFrozen(this.value)}}function Ct(t){return new jt(t)}export{i as RumiousApp,St as RumiousArrayState,Mt as RumiousChildrenRef,n as RumiousComponent,r as RumiousComponentElement,a as RumiousDymanicInjector,c as RumiousElementRef,jt as RumiousObjectState,o as RumiousRenderTemplate,dt as RumiousState,s as createApp,Ot as createArrayState,u as createElementRef,l as createHTMLInjector,Ct as createObjectState,mt as createState,wt as renderDynamicArray,kt as template,yt as unwatch,gt as watch};
+import { create } from 'mutative';
+
+class RumiousRenderContext {
+  constructor(target, app) {
+    this.target = target;
+    this.app = app;
+    this.onRenderFinished = [];
+  }
+  findName(name) {
+    return this.target[name];
+  }
+}
+
+function render(context, template, target) {
+  let generator = template.generator.bind(context.target);
+  context.renderHelper = render;
+  generator(target, context);
+  setTimeout(async () => {
+    const callbacks = [...context.onRenderFinished];
+    context.onRenderFinished = [];
+    for (const callback of callbacks) {
+      await callback();
+    }
+  }, 0);
+}
+
+class RumiousComponent {
+  static classNames = "";
+  static tagName = "rumious-component";
+  constructor() {
+    this.renderOptions = {
+      mode: "idle"
+    };
+  }
+  onCreate() {}
+  onRender() {}
+  onDestroy() {}
+  async onBeforeRender() {}
+  prepare(currentContext, props) {
+    this.props = props;
+    this.context = new RumiousRenderContext(this, currentContext.app);
+  }
+  async requestRender() {
+    await this.onBeforeRender();
+    let template = this.template();
+    render(this.context, template, this.element);
+    this.onRender();
+  }
+  requestCleanup() {}
+}
+
+class RumiousComponentElement extends HTMLElement {
+  constructor() {
+    super();
+    this.props = {};
+  }
+  setup(context, componentConstructor) {
+    this.context = context;
+    this.componentConstructor = componentConstructor;
+  }
+  connectedCallback() {
+    if (!this.componentConstructor) {
+      console.warn("Rumious: Cannot find matching component constructor.");
+      return;
+    }
+    this.componentInstance = new this.componentConstructor();
+    this.componentInstance.element = this;
+    if (this.componentConstructor.classNames) {
+      this.className = this.componentConstructor.classNames;
+    }
+    this.componentInstance.prepare(this.context, this.props);
+    this.componentInstance.onCreate();
+    this.componentInstance.requestRender();
+  }
+  disconnectedCallback() {
+    this.componentInstance?.onDestroy();
+  }
+}
+
+class RumiousApp {
+  constructor(root, options = {}) {
+    this.root = root;
+    this.options = options;
+    this.modules = [];
+    this.context = new RumiousRenderContext(this, this);
+  }
+  addModule(module, options) {
+    let instance = module.init(this, options);
+    this.modules.push(instance);
+    return instance;
+  }
+  render(template) {
+    render(this.context, template, this.root);
+  }
+}
+function createApp(root, options) {
+  return new RumiousApp(root, options);
+}
+
+class RumiousRenderTemplate {
+  constructor(generator) {
+    this.generator = generator;
+  }
+}
+
+class RumiousDymanicInjector {
+  constructor(contents) {
+    this.contents = contents;
+    this.targets = new Map();
+    if (!contents || contents.length === 0) {
+      throw new Error("Injector must be initialized with non-empty content");
+    }
+    const first = contents[0];
+    this.type = typeof first === "string" ? "string" : "element";
+  }
+  addTarget(element) {
+    this.targets.set(element, 1);
+  }
+  inject(element) {
+    if (!this.targets.has(element)) return;
+    if (!this.contents) return;
+    element.innerHTML = "";
+    if (this.type === "string") {
+      for (const content of this.contents) {
+        element.insertAdjacentHTML("beforeend", content);
+      }
+    } else {
+      for (const content of this.contents) {
+        element.appendChild(content);
+      }
+    }
+  }
+  injectAll() {
+    for (const target of this.targets.keys()) {
+      this.inject(target);
+    }
+  }
+  removeTarget(element) {
+    this.targets.delete(element);
+  }
+  clear() {
+    this.targets.clear();
+  }
+}
+function createHTMLInjector(html) {
+  return new RumiousDymanicInjector([html]);
+}
+
+class RumiousElementRef {
+  constructor(target) {
+    this.target = target;
+  }
+  getElement() {
+    return this.target;
+  }
+  remove() {
+    this.target.remove();
+  }
+  addChild(child) {
+    this.target.appendChild(child);
+  }
+  listChild() {
+    return this.target.childNodes;
+  }
+  querySelector(query) {
+    return this.target.querySelector(query);
+  }
+  querySelectorAll(query) {
+    return this.target.querySelectorAll(query);
+  }
+  set text(t) {
+    this.target.textContent = t;
+  }
+  get text() {
+    return this.target.textContent;
+  }
+  set value(v) {
+    if (this.target instanceof HTMLInputElement || this.target instanceof HTMLTextAreaElement) {
+      this.target.value = v;
+    }
+  }
+  get value() {
+    if (this.target instanceof HTMLInputElement || this.target instanceof HTMLTextAreaElement) {
+      return this.target.value;
+    }
+    return undefined;
+  }
+  addClassName(className) {
+    this.target.classList.add(className);
+  }
+  removeClassName(className) {
+    this.target.classList.remove(className);
+  }
+  hasClassName(className) {
+    return this.target.classList.contains(className);
+  }
+  toggleClass(className, force) {
+    return this.target.classList.toggle(className, force);
+  }
+  setStyle(styles) {
+    Object.assign(this.target.style, styles);
+  }
+  getStyle(property) {
+    return getComputedStyle(this.target).getPropertyValue(property);
+  }
+  setAttribute(key, value) {
+    this.target.setAttribute(key, value);
+  }
+  getAttribute(key) {
+    return this.target.getAttribute(key);
+  }
+  removeAttribute(key) {
+    this.target.removeAttribute(key);
+  }
+  on(event, callback, options) {
+    this.target.addEventListener(event, callback, options);
+  }
+  off(event, callback, options) {
+    this.target.removeEventListener(event, callback, options);
+  }
+  set html(t) {
+    this.target.innerHTML = t;
+  }
+  get html() {
+    return this.target.innerHTML;
+  }
+  getBoundingRect() {
+    return this.target.getBoundingClientRect();
+  }
+  isInViewport() {
+    const rect = this.target.getBoundingClientRect();
+    return rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth);
+  }
+  prependChild(child) {
+    this.target.prepend(child);
+  }
+  setDisabled(disabled) {
+    if (this.target instanceof HTMLButtonElement || this.target instanceof HTMLInputElement || this.target instanceof HTMLTextAreaElement) {
+      this.target.disabled = disabled;
+    }
+  }
+  addClasses(...classNames) {
+    this.target.classList.add(...classNames);
+  }
+  removeClasses(...classNames) {
+    this.target.classList.remove(...classNames);
+  }
+  replaceClass(oldClass, newClass) {
+    this.target.classList.replace(oldClass, newClass);
+  }
+  moveTo(newParent) {
+    newParent.appendChild(this.target);
+  }
+  getParent() {
+    return this.target.parentElement;
+  }
+  getNextSibling() {
+    return this.target.nextElementSibling;
+  }
+  getPreviousSibling() {
+    return this.target.previousElementSibling;
+  }
+  hide() {
+    this.target.style.display = 'none';
+  }
+  show() {
+    this.target.style.removeProperty('display');
+  }
+  isHidden() {
+    return window.getComputedStyle(this.target).display === 'none';
+  }
+  scrollIntoView(options = {
+    behavior: 'smooth'
+  }) {
+    this.target.scrollIntoView(options);
+  }
+  matches(selector) {
+    return this.target.matches(selector);
+  }
+  getChildren() {
+    return Array.from(this.target.children);
+  }
+  insertAfter(newNode) {
+    if (this.target.parentNode) {
+      this.target.parentNode.insertBefore(newNode, this.target.nextSibling);
+    }
+  }
+  insertBefore(newNode) {
+    if (this.target.parentNode) {
+      this.target.parentNode.insertBefore(newNode, this.target);
+    }
+  }
+  clearChildren() {
+    while (this.target.firstChild) {
+      this.target.removeChild(this.target.firstChild);
+    }
+  }
+  animate(keyframes, options) {
+    return this.target.animate(keyframes, options);
+  }
+}
+function createElementRef() {
+  return new RumiousElementRef(document.createElement("span"));
+}
+
+function extractName(str) {
+  const index = str.indexOf('$');
+  if (index !== -1) {
+    return str.slice(index + 1);
+  }
+  return '';
+}
+function generateName(prefix = "_") {
+  return `${prefix}${(Math.floor(Math.random() * 9999) * Date.now()).toString(32)}`;
+}
+
+class RumiousReactor {
+  constructor(target) {
+    this.target = target;
+    this.bindings = [];
+  }
+  addBinding(bind) {
+    this.bindings.push(bind);
+  }
+  removeBinding(bind) {
+    this.bindings = this.bindings.filter(_ => _ !== bind);
+  }
+  async emit(commit) {
+    await Promise.allSettled(this.bindings.map(bind => {
+      try {
+        const result = bind(commit);
+        return result instanceof Promise ? result : Promise.resolve(result);
+      } catch (err) {
+        return Promise.reject(err);
+      }
+    }));
+  }
+}
+
+class RumiousState {
+  constructor(value, reactor) {
+    this.value = value;
+    this.reactor = reactor ?? new RumiousReactor(this);
+  }
+  set(value) {
+    this.value = value;
+    this.reactor.emit({
+      type: "SET",
+      target: this,
+      value: value
+    });
+  }
+  get() {
+    return this.value;
+  }
+  increase(count = 1) {
+    if (typeof this.value === "number") {
+      this.set(this.value + count);
+    }
+  }
+  produce(callback) {
+    const [draft, finalize] = create(this.value);
+    callback(draft);
+    this.set(finalize());
+  }
+}
+function watch(state, fn) {
+  state.reactor.addBinding(fn);
+}
+function unwatch(state, fn) {
+  state.reactor.removeBinding(fn);
+}
+function createState(value) {
+  return new RumiousState(value);
+}
+
+function eventBindingDirective(context, target, modifier, data) {
+  if (typeof data === "string") {
+    data = context.findName(extractName(data));
+  }
+  target.addEventListener(modifier, data);
+}
+function refBindingDirective(context, target, modifier, data) {
+  if (typeof data === "string") {
+    data = context.findName(extractName(data));
+  }
+  if (data instanceof RumiousElementRef) {
+    data.target = target;
+  } else {
+    throw Error("Rumious: ref directive required RumiousElementRef !");
+  }
+}
+function injectDirective(context, target, modifier, data) {
+  if (typeof data === "string") {
+    data = context.findName(extractName(data));
+  }
+  if (data instanceof RumiousDymanicInjector) {
+    data.addTarget(target);
+    data.inject(target);
+  } else {
+    throw Error("Rumious: inject directive required RumiousInjector !");
+  }
+}
+function bindDirective(context, target, modifier, data) {
+  if (typeof data === "string") {
+    data = context.findName(extractName(data));
+  }
+  if (data instanceof RumiousState) {
+    target.setAttribute(modifier, data.value);
+    data.reactor.addBinding(({}) => {
+      target.setAttribute(modifier, data.value);
+    });
+  } else {
+    throw Error("Rumious: bind directive required RumiousState !");
+  }
+}
+function modelDirective(context, target, modifier, data) {
+  if (typeof data === "string") {
+    data = context.findName(extractName(data));
+  }
+  if (data instanceof RumiousState && (target instanceof HTMLInputElement || target instanceof HTMLSelectElement || target instanceof HTMLTextAreaElement)) {
+    const type = target.type;
+    target.addEventListener("input", () => {
+      if (target instanceof HTMLInputElement) {
+        switch (type) {
+          case "checkbox":
+            data.set(target.checked);
+            break;
+          case "radio":
+            if (target.checked) data.set(target.value);
+            break;
+          default:
+            data.set(target.value);
+        }
+      } else if (target instanceof HTMLSelectElement || target instanceof HTMLTextAreaElement) {
+        data.set(target.value);
+      }
+    });
+  } else {
+    throw Error("Rumious: model directive requires RumiousState and a valid form element!");
+  }
+}
+const directives = {
+  "on": eventBindingDirective,
+  "ref": refBindingDirective,
+  "inject": injectDirective,
+  "bind": bindDirective,
+  "model": modelDirective
+};
+
+class RumiousDynamicArrayRenderer {
+  domMap = new Map();
+  constructor(state, callback, keyFn) {
+    this.state = state;
+    this.callback = callback;
+    this.keyFn = keyFn ?? ((_, i) => i);
+  }
+  prepare(anchor, context) {
+    this.anchorElement = anchor;
+    this.context = context;
+  }
+  async render() {
+    await this.reconcile(this.state.value);
+    this.state.reactor.addBinding(this.onStateChange.bind(this));
+  }
+  async onStateChange(commit) {
+    if (commit.type === "APPEND") {
+      const key = this.keyFn(commit.item, commit.key);
+      if (!this.domMap.has(key)) {
+        const template = await this.callback(commit.item, commit.key);
+        const frag = document.createDocumentFragment();
+        this.context.renderHelper(this.context, template, frag);
+        this.anchorElement.appendChild(frag);
+        this.domMap.set(key, frag);
+      }
+    } else if (commit.type === "SET_BY_KEY") {
+      const key = this.keyFn(commit.item, commit.key);
+      const oldNode = this.anchorElement.childNodes[commit.key];
+      if (oldNode) {
+        const template = await this.callback(commit.item, commit.key);
+        const frag = document.createDocumentFragment();
+        this.context.renderHelper(this.context, template, frag);
+        this.anchorElement.replaceChild(frag, oldNode);
+        this.domMap.set(key, frag);
+      }
+    } else if (commit.type === "REMOVE_BY_KEY") {
+      const node = this.anchorElement.childNodes[commit.key];
+      if (node) {
+        this.anchorElement.removeChild(node);
+        const entry = [...this.domMap.entries()].find(([, n]) => n === node);
+        if (entry) this.domMap.delete(entry[0]);
+      }
+    } else if (commit.type === "INSERT_BY_KEY") {
+      const key = this.keyFn(commit.item, commit.key);
+      if (!this.domMap.has(key)) {
+        const template = await this.callback(commit.item, commit.key);
+        const frag = document.createDocumentFragment();
+        this.context.renderHelper(this.context, template, frag);
+        const refNode = this.anchorElement.childNodes[commit.key] ?? null;
+        this.anchorElement.insertBefore(frag, refNode);
+        this.domMap.set(key, frag);
+      }
+    } else {
+      await this.reconcile(this.state.value);
+    }
+  }
+  async reconcile(nextItems) {
+    const oldMap = this.domMap;
+    const newMap = new Map();
+    const newNodes = [];
+    for (let i = 0; i < nextItems.length; i++) {
+      const item = nextItems[i];
+      const key = this.keyFn(item, i);
+      let node = oldMap.get(key);
+      if (!node) {
+        const template = await this.callback(item, i);
+        const frag = document.createDocumentFragment();
+        this.context.renderHelper(this.context, template, frag);
+        node = frag;
+      }
+      newMap.set(key, node);
+      newNodes.push(node);
+    }
+    this.anchorElement.textContent = "";
+    for (const node of newNodes) {
+      this.anchorElement.appendChild(node);
+    }
+    this.domMap = newMap;
+  }
+}
+function renderDynamicArray(state, callback) {
+  return new RumiousDynamicArrayRenderer(state, callback);
+}
+
+function isPrimitive(value) {
+  return value !== Object(value);
+}
+
+async function dynamicValue$1(target, textNode, value, context) {
+  const parent = textNode.parentNode;
+  if (!parent) return;
+  if (isPrimitive(value)) {
+    textNode.textContent = String(value);
+  } else if (value && value instanceof RumiousState) {
+    textNode.textContent = value.value;
+    function onValueChange({}) {
+      if (document.contains(textNode)) {
+        textNode.textContent = value.value;
+      } else {
+        value.reactor.removeBinding(onValueChange);
+      }
+    }
+    value.reactor.addBinding(onValueChange);
+  } else if (Array.isArray(value)) {
+    textNode.textContent = value.map(String).join("");
+  } else if (value instanceof RumiousDynamicArrayRenderer) {
+    value.prepare(textNode.parentElement, context);
+    value.render();
+  } else if (value instanceof HTMLElement) {
+    textNode.replaceWith(value);
+  } else if (value instanceof RumiousRenderTemplate) {
+    let fragment = document.createDocumentFragment();
+    context.renderHelper?.(context, value, fragment);
+    textNode.replaceWith(fragment);
+  } else if (value instanceof NodeList || value instanceof HTMLCollection) {
+    if (value.length === 0) {
+      textNode.remove();
+      return;
+    }
+    const fragment = document.createDocumentFragment();
+    for (const node of Array.from(value)) {
+      fragment.appendChild(node.cloneNode(true));
+    }
+    textNode.replaceWith(fragment);
+    textNode.remove();
+  } else if (value && typeof value.toString === "function") {
+    try {
+      textNode.textContent = value.toString();
+    } catch {
+      textNode.textContent = "";
+    }
+  } else {
+    textNode.textContent = "";
+  }
+}
+
+function template(generator) {
+  return new RumiousRenderTemplate(generator);
+}
+function addDirective(element, context, name, modifier = "", data) {
+  let callback = directives[name];
+  if (callback) {
+    callback(context, element, modifier, data);
+  } else {
+    throw Error("Rumious: Cannot solve directive !");
+  }
+}
+function dynamicValue(target, textNode, value, context) {
+  dynamicValue$1(target, textNode, value, context);
+}
+function createComponent(componentConstructor) {
+  let tagName = componentConstructor.tagName;
+  if (!window.customElements.get(tagName)) {
+    window.customElements.define(tagName, class extends RumiousComponentElement {
+      static tag = tagName;
+    });
+  }
+  return document.createElement(tagName);
+}
+
+// This is just to satisfy TypeScript's JSX requirement.
+// Rumious doesn't use createElement — we do things differently.
+
+function createElement(...args) {
+  throw Error("Rumious doesn't use createElement !");
+}
+window.RUMIOUS_JSX = {
+  template,
+  createElement,
+  addDirective,
+  dynamicValue,
+  createComponent
+};
+
+class RumiousChildrenRef {
+  constructor(target) {
+    this.target = target;
+  }
+  list() {
+    return Array.from(this.target.children);
+  }
+  getChild(index) {
+    return this.list()[index];
+  }
+  remove(index) {
+    this.list()[index]?.remove();
+  }
+  add(child) {
+    this.target.appendChild(child);
+  }
+  querySelector(query) {
+    return this.target.querySelector(query);
+  }
+  querySelectorAll(query) {
+    return this.target.querySelectorAll(query);
+  }
+  clear() {
+    this.target.innerHTML = '';
+  }
+  replaceChild(index, newChild) {
+    const oldChild = this.getChild(index);
+    if (oldChild) {
+      this.target.replaceChild(newChild, oldChild);
+    }
+  }
+  insertBefore(newChild, index) {
+    const referenceChild = this.getChild(index);
+    if (referenceChild) {
+      this.target.insertBefore(newChild, referenceChild);
+    } else {
+      this.add(newChild);
+    }
+  }
+  prepend(child) {
+    this.target.prepend(child);
+  }
+  getFirstChild() {
+    return this.list()[0];
+  }
+  getLastChild() {
+    return this.list()[this.list().length - 1];
+  }
+  hasChildren() {
+    return this.target.hasChildNodes();
+  }
+  count() {
+    return this.target.children.length;
+  }
+  find(predicate) {
+    return this.list().find(predicate);
+  }
+  forEach(callback) {
+    this.list().forEach(callback);
+  }
+  removeAllMatching(query) {
+    this.querySelectorAll(query).forEach(element => element.remove());
+  }
+  toggleClass(className) {
+    this.list().forEach(child => child.classList.toggle(className));
+  }
+  setAttribute(key, value) {
+    this.list().forEach(child => child.setAttribute(key, value));
+  }
+}
+
+class RumiousArrayState extends RumiousState {
+  constructor(value, reactor) {
+    super(value, reactor);
+  }
+  set(arg1, arg2) {
+    if (typeof arg1 === "number" && arg2 !== undefined) {
+      const index = arg1;
+      const newValue = arg2;
+      this.value[index] = newValue;
+      this.reactor.emit({
+        type: "SET_BY_KEY",
+        value: [...this.value],
+        target: this,
+        key: index,
+        item: newValue
+      });
+    } else if (Array.isArray(arg1)) {
+      super.set(arg1);
+    } else {
+      throw new Error("Invalid arguments passed to set()");
+    }
+  }
+  get(arg) {
+    return typeof arg === "number" ? this.value[arg] : this.value;
+  }
+  insert(index, newItem) {
+    this.value.splice(index, 0, newItem);
+    this.reactor.emit({
+      type: "INSERT_BY_KEY",
+      value: this.value,
+      target: this,
+      key: index,
+      item: newItem
+    });
+    return this;
+  }
+  remove(index) {
+    this.value.splice(index, 1);
+    this.reactor.emit({
+      type: "REMOVE_BY_KEY",
+      value: this.value,
+      target: this,
+      key: index
+    });
+    return this;
+  }
+  append(value) {
+    this.value.push(value);
+    this.reactor.emit({
+      type: "APPEND",
+      value: this.value,
+      target: this,
+      item: value
+    });
+    return this;
+  }
+  clear() {
+    this.value.length = 0;
+    this.reactor.emit({
+      type: "SET",
+      value: [],
+      target: this
+    });
+    return this;
+  }
+  replace(index, newItem) {
+    if (index < 0 || index >= this.value.length) {
+      throw new Error("Index out of bounds");
+    }
+    this.value[index] = newItem;
+    this.reactor.emit({
+      type: "SET_BY_KEY",
+      value: [...this.value],
+      target: this,
+      key: index,
+      item: newItem
+    });
+    return this;
+  }
+  filter(callback) {
+    this.value = this.value.filter(callback);
+    this.reactor.emit({
+      type: "SET",
+      value: this.value,
+      target: this
+    });
+    return this;
+  }
+  map(callback) {
+    this.value = this.value.map(callback);
+    this.reactor.emit({
+      type: "SET",
+      value: this.value,
+      target: this
+    });
+    return this;
+  }
+  sort(compareFn) {
+    this.value.sort(compareFn);
+    this.reactor.emit({
+      type: "SET",
+      value: this.value,
+      target: this
+    });
+    return this;
+  }
+  reverse() {
+    this.value.reverse();
+    this.reactor.emit({
+      type: "SET",
+      value: this.value,
+      target: this
+    });
+    return this;
+  }
+  get length() {
+    return this.value.length;
+  }
+  forEach(callback) {
+    this.value.forEach(callback);
+  }
+}
+function createArrayState(value) {
+  return new RumiousArrayState(value);
+}
+
+class RumiousObjectState extends RumiousState {
+  #locked = false;
+  constructor(value, reactor) {
+    super(value, reactor);
+  }
+  set(arg1, arg2) {
+    if (this.#locked) throw new Error("Object is locked");
+    if (typeof arg1 === "string") {
+      const key = arg1;
+      const newValue = arg2;
+      this.value[key] = newValue;
+      this.reactor.emit({
+        type: "SET_BY_KEY",
+        value: {
+          ...this.value
+        },
+        target: this,
+        key,
+        item: newValue
+      });
+      return this;
+    } else if (typeof arg1 === "object") {
+      super.set(arg1);
+    } else {
+      throw new Error("Invalid arguments passed to set()");
+    }
+  }
+  remove(key) {
+    if (this.#locked) throw new Error("Object is locked");
+    if (key in this.value) {
+      delete this.value[key];
+      this.reactor.emit({
+        type: "REMOVE_BY_KEY",
+        value: {
+          ...this.value
+        },
+        target: this,
+        key
+      });
+    }
+    return this;
+  }
+  merge(partial) {
+    if (this.#locked) throw new Error("Object is locked");
+    Object.assign(this.value, partial);
+    this.reactor.emit({
+      type: "SET",
+      value: {
+        ...this.value
+      },
+      target: this
+    });
+    return this;
+  }
+  assign(obj) {
+    if (this.#locked) throw new Error("Object is locked");
+    this.value = {
+      ...this.value,
+      ...obj
+    };
+    this.reactor.emit({
+      type: "SET",
+      value: {
+        ...this.value
+      },
+      target: this
+    });
+    return this;
+  }
+  clear() {
+    if (this.#locked) throw new Error("Object is locked");
+    for (const key in this.value) {
+      delete this.value[key];
+    }
+    this.reactor.emit({
+      type: "SET",
+      value: {},
+      target: this
+    });
+    return this;
+  }
+  get(arg) {
+    return typeof arg === "string" ? this.value[arg] : this.value;
+  }
+  keys() {
+    return Object.keys(this.value);
+  }
+  values() {
+    return Object.values(this.value);
+  }
+  entries() {
+    return Object.entries(this.value);
+  }
+  has(key) {
+    return key in this.value;
+  }
+  get size() {
+    return Object.keys(this.value).length;
+  }
+  forEach(callback) {
+    Object.entries(this.value).forEach(([key, value]) => {
+      callback(value, key, this.value);
+    });
+  }
+  map(callback) {
+    const result = {};
+    Object.entries(this.value).forEach(([key, value]) => {
+      result[key] = callback(value, key, this.value);
+    });
+    return result;
+  }
+  clone() {
+    return JSON.parse(JSON.stringify(this.value));
+  }
+  toJSON() {
+    return JSON.parse(JSON.stringify(this.value));
+  }
+  toObject() {
+    return this.get();
+  }
+  lock() {
+    this.#locked = true;
+    return this;
+  }
+  unlock() {
+    this.#locked = false;
+    return this;
+  }
+  get isLocked() {
+    return this.#locked;
+  }
+  freeze() {
+    Object.freeze(this.value);
+    return this;
+  }
+  unfreeze() {
+    this.value = JSON.parse(JSON.stringify(this.value));
+    return this;
+  }
+  get isFrozen() {
+    return Object.isFrozen(this.value);
+  }
+}
+function createObjectState(value) {
+  return new RumiousObjectState(value);
+}
+
+window.RUMIOUS_CONTEXTS = {};
+class RumiousContext {
+  constructor(initialValues = {}) {
+    this.events = {};
+    this.values = initialValues;
+  }
+  has(key) {
+    return key in this.values;
+  }
+  set(key, value) {
+    this.values[key] = value;
+  }
+  get(key) {
+    return this.values[key];
+  }
+  on(event, callback) {
+    if (!this.events[event]) this.events[event] = [];
+    this.events[event].push(callback);
+  }
+  off(event, callback) {
+    if (!this.events[event]) return;
+    this.events[event] = this.events[event].filter(fn => fn !== callback);
+  }
+  emit(event, payload) {
+    if (!this.events[event]) return;
+    this.events[event].forEach(fn => fn(payload));
+  }
+}
+function createContext(values, name = generateName("rctx_")) {
+  if (window.RUMIOUS_CONTEXTS[name]) return window.RUMIOUS_CONTEXTS[name];else {
+    let context = new RumiousContext(values);
+    window.RUMIOUS_CONTEXTS[name] = context;
+    return context;
+  }
+}
+
+function tholle(func, limit) {
+  let lastCall = 0;
+  return function (...args) {
+    const now = Date.now();
+    if (now - lastCall >= limit) {
+      lastCall = now;
+      func.apply(this, args);
+    }
+  };
+}
+function denounce(func, delay) {
+  let timer;
+  return function (...args) {
+    clearTimeout(timer);
+    timer = setTimeout(() => func.apply(this, args), delay);
+  };
+}
+function trailingThrottle(func, limit) {
+  let lastCall = 0;
+  let lastArgs = null;
+  let timeout = null;
+  function invoke() {
+    lastCall = Date.now();
+    func.apply(this, lastArgs);
+    lastArgs = null;
+  }
+  return function (...args) {
+    const now = Date.now();
+    lastArgs = args;
+    if (now - lastCall >= limit) {
+      invoke.call(this);
+    } else if (!timeout) {
+      timeout = setTimeout(() => {
+        timeout = null;
+        invoke.call(this);
+      }, limit - (now - lastCall));
+    }
+  };
+}
+function leadingTrailingDebounce(func, delay) {
+  let timer;
+  let isFirstCall = true;
+  return function (...args) {
+    if (isFirstCall) {
+      func.apply(this, args);
+      isFirstCall = false;
+    }
+    clearTimeout(timer);
+    timer = setTimeout(() => {
+      func.apply(this, args);
+      isFirstCall = true;
+    }, delay);
+  };
+}
+function rafThrottle(func) {
+  let ticking = false;
+  return function (...args) {
+    if (!ticking) {
+      ticking = true;
+      requestAnimationFrame(() => {
+        func.apply(this, args);
+        ticking = false;
+      });
+    }
+  };
+}
+
+export { RumiousApp, RumiousArrayState, RumiousChildrenRef, RumiousComponent, RumiousComponentElement, RumiousContext, RumiousDymanicInjector, RumiousElementRef, RumiousObjectState, RumiousRenderTemplate, RumiousState, createApp, createArrayState, createContext, createElementRef, createHTMLInjector, createObjectState, createState, denounce, leadingTrailingDebounce, rafThrottle, renderDynamicArray, template, tholle, trailingThrottle, unwatch, watch };