Comparing version
import type { Inferno, InfernoNode, IComponent, VNode } from './types'; | ||
export declare function rerender(): void; | ||
export type ComponentType<P = Record<string, unknown>> = typeof Component<P> | Inferno.StatelessComponent<P>; | ||
export declare abstract class Component<P = {}, S = Record<string, unknown>> implements IComponent<P, S> { | ||
export declare abstract class Component<P = object, S = Record<string, unknown>> implements IComponent<P, S> { | ||
state: Readonly<S | null>; | ||
@@ -6,0 +6,0 @@ props: Readonly<{ |
@@ -5,3 +5,3 @@ import type { ForwardRef, InfernoNode, ParentDOM, Ref, Refs, VNode } from './types'; | ||
export declare function createVNode<P>(flags: VNodeFlags, type: string, className?: string | null, children?: InfernoNode, childFlags?: ChildFlags, props?: Readonly<P> | null, key?: string | number | null, ref?: Ref | Refs<P> | null): VNode; | ||
export declare function createComponentVNode<P>(flags: VNodeFlags, type: Function | ComponentType<P> | Component<P, any> | ForwardRef<P, any>, props?: Readonly<P> | null, key?: null | string | number, ref?: Ref | Refs<P> | null): VNode; | ||
export declare function createComponentVNode<P>(flags: VNodeFlags, type: Function | ComponentType<P> | Component<P, unknown> | ForwardRef<P, unknown>, props?: Readonly<P> | null, key?: null | string | number, ref?: Ref | Refs<P> | null): VNode; | ||
export declare function createTextVNode(text?: string | boolean | null | number, key?: string | number | null): VNode; | ||
@@ -8,0 +8,0 @@ export declare function createFragment(children: any, childFlags: ChildFlags, key?: string | number | null): VNode; |
@@ -1,1 +0,1 @@ | ||
!function(e,n){"object"===typeof exports&&"undefined"!==typeof module?n(exports):"function"===typeof define&&define.amd?define(["exports"],n):n((e="undefined"!==typeof globalThis?globalThis:e||self).Inferno=e.Inferno||{})}(this,(function(e){"use strict";var n=Array.isArray;function t(e){var n=typeof e;return"string"===n||"number"===n}function r(e){return void 0===e||null===e}function o(e){return null===e||!1===e||!0===e||void 0===e}function i(e){return"function"===typeof e}function l(e){return"string"===typeof e}function a(e){return null===e}function u(e){return!a(e)&&"object"===typeof e}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},c.apply(null,arguments)}var f={},s=function(){this.componentDidAppear=[],this.componentWillDisappear=[],this.componentWillMove=[]};function d(e){return e.substring(2).toLowerCase()}function p(e,n){e.appendChild(n)}function v(e,n,t){a(t)?p(e,n):e.insertBefore(n,t)}function h(e,n){if(n)return document.createElementNS("http://www.w3.org/2000/svg",e);return document.createElement(e)}function m(e,n,t){e.replaceChild(n,t)}function g(e,n){e.removeChild(n)}function y(e){for(var n=0;n<e.length;n++)e[n]()}function $(e,n,t){var r=e.children;if(0!==(4&t))return r.$LI;if(0!==(8192&t))return 2===e.childFlags?r:r[n?0:r.length-1];return r}function b(e,n){for(var t,o=e;!r(o);){if(0!==(1521&(t=o.flags)))return o.dom;o=$(o,n,t)}return null}function k(e,n){for(var t,r=e.length;void 0!==(t=e.pop());)t((function(){--r<=0&&i(n)&&n()}))}function C(e){for(var n=0;n<e.length;n++)e[n].fn();for(var t=0;t<e.length;t++){var r=e[t];v(r.parent,r.dom,r.next)}e.splice(0,e.length)}function w(e,n,t){for(;!r(e);){var o=e.flags;if(0!==(1521&o))return void(t&&e.dom.parentNode!==n||g(n,e.dom));var i=e.children;if(0!==(4&o)&&(e=i.$LI),0!==(8&o)&&(e=i),0!==(8192&o)){if(2!==e.childFlags){for(var l=0,a=i.length;l<a;++l)w(i[l],n,!1);return}e=i}}}function F(e,n){return function(){w(e,n,!0)}}function P(e,n,t){t.componentWillDisappear.length>0?k(t.componentWillDisappear,F(e,n)):w(e,n,!1)}function N(e,n,t,r,o,i,l,a){e.componentWillMove.push({dom:r,fn:function(){0!==(4&l)?t.componentWillMove(n,o,r):0!==(8&l)&&t.onComponentWillMove(n,o,r,a)},next:i,parent:o})}function x(e,n,t,o,l){for(var a,u,c=n.flags;!r(n);){var f=n.flags;if(0!==(1521&f))return void(r(a)||!i(a.componentWillMove)&&!i(a.onComponentWillMove)?v(t,n.dom,o):N(l,e,a,n.dom,t,o,c,u));var s=n.children;if(0!==(4&f))a=n.children,u=n.props,n=s.$LI;else if(0!==(8&f))a=n.ref,u=n.props,n=s;else if(0!==(8192&f)){if(2!==n.childFlags){for(var d=0,p=s.length;d<p;++d)x(e,s[d],t,o,l);return}n=s}}}function D(e,n,t){if(i(e.constructor.getDerivedStateFromProps))return c({},t,e.constructor.getDerivedStateFromProps(n,t));return t}var S={v:!1},V={createVNode:null};function M(e,n){e.textContent=n}function U(e,n){return u(e)&&e.event===n.event&&e.data===n.data}function W(e,n){for(var t in n)void 0===e[t]&&(e[t]=n[t]);return e}function I(e,n){return i(e)&&(e(n),!0)}function L(){return L=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},L.apply(null,arguments)}var A="$";function O(e,n,t,r,o,i,l,a){this.childFlags=e,this.children=n,this.className=t,this.dom=null,this.flags=r,this.key=void 0===o?null:o,this.props=void 0===i?null:i,this.ref=void 0===l?null:l,this.type=a}function B(e,n,t,r,o,i,l,a){var u=void 0===o?1:o,c=new O(u,r,t,e,l,i,a,n);return V.createVNode&&V.createVNode(c),0===u&&K(c,c.children),c}function j(e,n,t){if(4&e)return t;var o=(32768&e?n.render:n).defaultHooks;if(r(o))return t;if(r(t))return o;return W(t,o)}function E(e,n,t){var o=(32768&e?n.render:n).defaultProps;if(r(o))return t;if(r(t))return L({},o);return W(t,o)}function T(e,n){var t;if(12&e)return e;if(null!=(t=n.prototype)&&t.render)return 4;if(n.render)return 32776;return 8}function R(e,n){return new O(1,r(e)||!0===e||!1===e?"":e,null,16,n,null,null,null)}function _(e,n,t){var r=B(8192,8192,null,e,n,null,t,null);switch(r.childFlags){case 1:r.children=X(),r.childFlags=2;break;case 16:r.children=[R(e)],r.childFlags=4}return r}function H(e){var n=e.children,t=e.childFlags;return _(2===t?Q(n):n.map(Q),t,e.key)}function Q(e){var n=-16385&e.flags,t=e.props;if(14&n&&!a(t)){var r=t;for(var o in t={},r)t[o]=r[o]}if(0===(8192&n))return new O(e.childFlags,e.children,e.className,n,e.key,t,e.ref,e.type);return H(e)}function X(){return R("",null)}function G(e,r,i,u){for(var c=e.length;i<c;i++){var f=e[i];if(!o(f)){var s=u+A+i;if(n(f))G(f,r,0,s);else{if(t(f))f=R(f,s);else{var d=f.key,p=l(d)&&d[0]===A;(81920&f.flags||p)&&(f=Q(f)),f.flags|=65536,p?d.substring(0,u.length)!==u&&(f.key=u+d):a(d)?f.key=s:f.key=u+d}r.push(f)}}}}function K(e,r){var i,u=1;if(o(r))i=r;else if(t(r))u=16,i=r;else if(n(r)){for(var c=r.length,f=0;f<c;++f){var s=r[f];if(o(s)||n(s)){i=i||r.slice(0,f),G(r,i,f,"");break}if(t(s))(i=i||r.slice(0,f)).push(R(s,A+f));else{var d=s.key,p=(81920&s.flags)>0,v=a(d),h=l(d)&&d[0]===A;p||v||h?(i=i||r.slice(0,f),(p||h)&&(s=Q(s)),(v||h)&&(s.key=A+f),i.push(s)):i&&i.push(s),s.flags|=65536}}u=0===(i=i||r).length?1:8}else(i=r).flags|=65536,81920&r.flags&&(i=Q(r)),u=2;return e.children=i,e.childFlags=u,e}function q(e){if(o(e)||t(e))return R(e,null);if(n(e))return _(e,0,null);return 16384&e.flags?Q(e):e}var z="http://www.w3.org/1999/xlink",J="http://www.w3.org/XML/1998/namespace",Y={"xlink:actuate":z,"xlink:arcrole":z,"xlink:href":z,"xlink:role":z,"xlink:show":z,"xlink:title":z,"xlink:type":z,"xml:base":J,"xml:lang":J,"xml:space":J};function Z(e){return{onClick:e,onDblClick:e,onFocusIn:e,onFocusOut:e,onKeyDown:e,onKeyPress:e,onKeyUp:e,onMouseDown:e,onMouseMove:e,onMouseUp:e,onTouchEnd:e,onTouchMove:e,onTouchStart:e}}var ee=Z(0),ne=Z(null),te=Z(!0);function re(e,n){var t=n.$EV;return t||(t=n.$EV=Z(null)),t[e]||1===++ee[e]&&(ne[e]=pe(e)),t}function oe(e,n){var t=n.$EV;null!=t&&t[e]&&(0===--ee[e]&&(document.removeEventListener(d(e),ne[e]),ne[e]=null),t[e]=null)}function ie(e,n,t,r){if(i(t))re(e,r)[e]=t;else if(u(t)){if(U(n,t))return;re(e,r)[e]=t}else oe(e,r)}function le(e){return i(e.composedPath)?e.composedPath()[0]:e.target}function ae(e,n,t,o){var i=le(e);do{if(n&&i.disabled)return;var l=i.$EV;if(!r(l)){var u=l[t];if(u&&(o.dom=i,u.event?u.event(u.data,e):u(e),e.cancelBubble))return}i=i.parentNode}while(!a(i))}function ue(){this.cancelBubble=!0,this.immediatePropagationStopped||this.stopImmediatePropagation()}function ce(){return this.defaultPrevented}function fe(){return this.cancelBubble}function se(e){var n={dom:document};return e.isDefaultPrevented=ce,e.isPropagationStopped=fe,e.stopPropagation=ue,Object.defineProperty(e,"currentTarget",{configurable:!0,get:function(){return n.dom}}),n}function de(e){var n="onClick"===e||"onDblClick"===e;return function(t){ae(t,n,e,se(t))}}function pe(e){var n=de(e);return document.addEventListener(d(e),n),n}function ve(e,n){var t=document.createElement("i");return t.innerHTML=n,t.innerHTML===e.innerHTML}function he(e,n,t){var r=e[n];if(r)r.event?r.event(r.data,t):r(t);else{var o=n.toLowerCase();i(e[o])&&e[o](t)}}function me(e,n){var t=function(t){var o,a=this.$V;if(r(a))return;var u=null!=(o=a.props)?o:f,c=a.dom;if(l(e))he(u,e,t);else for(var s=0;s<e.length;++s)he(u,e[s],t);if(i(n)){var d,p=this.$V,v=null!=(d=p.props)?d:f;n(v,c,!1,p)}};return Object.defineProperty(t,"wrapped",{configurable:!1,enumerable:!1,value:!0,writable:!1}),t}function ge(e,n,t){var r="$"+n,o=e[r];if(o){if(o[1].wrapped)return;e.removeEventListener(o[0],o[1]),e[r]=null}i(t)&&(e.addEventListener(n,t),e[r]=[n,t])}function ye(e){return"checkbox"===e||"radio"===e}var $e=me("onInput",we),be=me(["onClick","onChange"],we);function ke(e){e.stopPropagation()}function Ce(e,n){ye(n.type)?(ge(e,"change",be),ge(e,"click",ke)):ge(e,"input",$e)}function we(e,n){var t=e.type,o=e.value,i=e.checked,l=e.multiple,a=e.defaultValue,u=!r(o);null!=t&&t!==n.type&&n.setAttribute("type",t),r(l)||l===n.multiple||(n.multiple=l),r(a)||u||(n.defaultValue=a+""),ye(t)?(u&&(n.value=o),r(i)||(n.checked=i)):u&&n.value!==o?(n.defaultValue=o,n.value=o):r(i)||(n.checked=i)}function Fe(e,n){if("option"===e.type)Pe(e,n);else{var t=e.children,r=e.flags;if(0!==(4&r))Fe(t.$LI,n);else if(0!==(8&r))Fe(t,n);else if(2===e.childFlags)Fe(t,n);else if(0!==(12&e.childFlags))for(var o=0,i=t.length;o<i;++o)Fe(t[o],n)}}function Pe(e,t){var o,i=null!=(o=e.props)?o:f,l=i.value,a=e.dom;a.value=l,l===t||n(t)&&t.includes(l)?a.selected=!0:r(t)&&r(i.selected)||(a.selected=Boolean(i.selected))}ke.wrapped=!0;var Ne=me("onChange",De);function xe(e){ge(e,"change",Ne)}function De(e,n,t,o){var i=Boolean(e.multiple);r(e.multiple)||i===n.multiple||(n.multiple=i);var l=e.selectedIndex;if(-1===l&&(n.selectedIndex=-1),1!==o.childFlags){var a=e.value;"number"===typeof l&&l>-1&&!r(n.options[l])&&(a=n.options[l].value),t&&r(a)&&(a=e.defaultValue),Fe(o,a)}}var Se,Ve,Me=me("onInput",Ie),Ue=me("onChange");function We(e,n){ge(e,"input",Me),i(n.onChange)&&ge(e,"change",Ue)}function Ie(e,n,t){var o=e.value,i=n.value;if(r(o)){if(t){var l=e.defaultValue;r(l)||l===i||(n.defaultValue=l,n.value=l)}}else i!==o&&(n.defaultValue=o,n.value=o)}function Le(e,n,t,r,o,i){0!==(64&e)?we(r,t):0!==(256&e)?De(r,t,o,n):0!==(128&e)&&Ie(r,t,o),i&&(t.$V=n)}function Ae(e,n,t){0!==(64&e)?Ce(n,t):0!==(256&e)?xe(n):0!==(128&e)&&We(n,t)}function Oe(e){return ye(e.type)?!r(e.checked):!r(e.value)}function Be(e){r(e)||!I(e,null)&&e.current&&(e.current=null)}function je(e,n,t){r(e)||!i(e)&&void 0===e.current||t.push((function(){I(e,n)||void 0===e.current||(e.current=n)}))}function Ee(e,n,t){Te(e,t),P(e,n,t)}function Te(e,n){var t,o=e.flags,l=e.children;if(0!==(481&o)){t=e.ref;var u=e.props;Be(t);var c=e.childFlags;if(!a(u))for(var d=Object.keys(u),p=0,v=d.length;p<v;p++){var h=d[p];te[h]&&oe(h,e.dom)}12&c?Re(l,n):2===c&&Te(l,n)}else if(l)if(4&o){i(l.componentWillUnmount)&&l.componentWillUnmount();var m=n;i(l.componentWillDisappear)&&(m=new s,Xe(n,l,l.$LI.dom,o,void 0)),Be(e.ref),l.$UN=!0,Te(l.$LI,m)}else if(8&o){var g=n;if(!r(t=e.ref)){var y=null;i(t.onComponentWillUnmount)&&(y=b(e,!0),t.onComponentWillUnmount(y,e.props||f)),i(t.onComponentWillDisappear)&&(g=new s,Xe(n,t,y=y||b(e,!0),o,e.props))}Te(l,g)}else 1024&o?Ee(l,e.ref,n):8192&o&&12&e.childFlags&&Re(l,n)}function Re(e,n){for(var t=0,r=e.length;t<r;++t)Te(e[t],n)}function _e(e,n){return function(){if(n)for(var t=0;t<e.length;t++)w(e[t],n,!1)}}function He(e,n,t){t.componentWillDisappear.length>0?k(t.componentWillDisappear,_e(n,e)):e.textContent=""}function Qe(e,n,t,r){Re(t,r),8192&n.flags?P(n,e,r):He(e,t,r)}function Xe(e,n,t,r,o){e.componentWillDisappear.push((function(e){4&r?n.componentWillDisappear(t,e):8&r&&n.onComponentWillDisappear(t,o,e)}))}function Ge(e){var n=e.event;return function(t){n(e.data,t)}}function Ke(e,n,t,r){if(u(t)){if(U(n,t))return;t=Ge(t)}ge(r,d(e),t)}function qe(e,n,t){if(r(n))return void t.removeAttribute("style");var o,i,a=t.style;if(l(n))return void(a.cssText=n);if(r(e)||l(e))for(o in n)i=n[o],a.setProperty(o,i);else{for(o in n)(i=n[o])!==e[o]&&a.setProperty(o,i);for(o in e)r(n[o])&&a.removeProperty(o)}}function ze(e,n,t,o,i){var l=(null==e?void 0:e.__html)||"",u=(null==n?void 0:n.__html)||"";l!==u&&(r(u)||ve(o,u)||(a(t)||(12&t.childFlags?Re(t.children,i):2===t.childFlags&&Te(t.children,i),t.children=null,t.childFlags=1),o.innerHTML=u))}function Je(e,n,t){var o=r(e)?"":e;n[t]!==o&&(n[t]=o)}function Ye(e,n,t,o,i,l,a,u){switch(e){case"children":case"childrenType":case"className":case"defaultValue":case"key":case"multiple":case"ref":case"selectedIndex":break;case"autoFocus":o.autofocus=!!t;break;case"allowfullscreen":case"autoplay":case"capture":case"checked":case"controls":case"default":case"disabled":case"hidden":case"indeterminate":case"loop":case"muted":case"novalidate":case"open":case"readOnly":case"required":case"reversed":case"scoped":case"seamless":case"selected":o[e]=!!t;break;case"defaultChecked":case"value":case"volume":if(l&&"value"===e)break;Je(t,o,e);break;case"style":qe(n,t,o);break;case"dangerouslySetInnerHTML":ze(n,t,a,o,u);break;default:te[e]?ie(e,n,t,o):111===e.charCodeAt(0)&&110===e.charCodeAt(1)?Ke(e,n,t,o):r(t)?o.removeAttribute(e):i&&Y[e]?o.setAttributeNS(Y[e],e,t):o.setAttribute(e,t)}}function Ze(e,n,t,r,o,i){var l=!1,a=(448&n)>0;for(var u in a&&(l=Oe(t))&&Ae(n,r,t),t)Ye(u,null,t[u],r,o,l,null,i);a&&Le(n,e,r,t,!0,l)}function en(){return en=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},en.apply(null,arguments)}function nn(e,n,t){var r=q(e.render(n,e.state,t)),o=t;return i(e.getChildContext)&&(o=en({},t,e.getChildContext())),e.$CX=o,r}function tn(e,n,t,r,o,l){var u=new n(t,r),c=u.$N=Boolean(n.getDerivedStateFromProps||u.getSnapshotBeforeUpdate);if(u.$SVG=o,u.$L=l,e.children=u,u.$BS=!1,u.context=r,u.props===f&&(u.props=t),c)u.state=D(u,t,u.state);else if(i(u.componentWillMount)){u.$BR=!0,u.componentWillMount();var s=u.$PS;if(!a(s)){var d=u.state;if(a(d))u.state=s;else for(var p in s)d[p]=s[p];u.$PS=null}u.$BR=!1}return u.$LI=nn(u,t,r),u}function rn(e,n){var t=e.props||f;return 32768&e.flags?e.type.render(t,e.ref,n):e.type(t,n)}function on(e,n,t,r,o,i,l){var a=e.flags|=16384;0!==(481&a)?cn(e,n,t,r,o,i,l):0!==(4&a)?sn(e,n,t,r,o,i,l):8&a?dn(e,n,t,r,o,i,l):16&a?un(e,n,o):8192&a?an(e,t,n,r,o,i,l):1024&a&&ln(e,t,n,o,i,l)}function ln(e,n,t,r,o,i){on(e.children,e.ref,n,!1,null,o,i);var l=X();un(l,t,r),e.dom=l.dom}function an(e,n,t,r,o,i,l){var a=e.children,u=e.childFlags;12&u&&0===a.length&&(u=e.childFlags=2,a=e.children=X()),2===u?on(a,t,n,r,o,i,l):fn(a,t,n,r,o,i,l)}function un(e,n,t){var r=e.dom=document.createTextNode(e.children);a(n)||v(n,r,t)}function cn(e,n,t,o,i,l,u){var c=e.flags,f=e.props,s=e.className,d=e.childFlags,p=e.dom=h(e.type,o=o||(32&c)>0),m=e.children;if(r(s)||""===s||(o?p.setAttribute("class",s):p.className=s),16===d)M(p,m);else if(1!==d){var g=o&&"foreignObject"!==e.type;2===d?(16384&m.flags&&(e.children=m=Q(m)),on(m,p,t,g,null,l,u)):8!==d&&4!==d||fn(m,p,t,g,null,l,u)}a(n)||v(n,p,i),a(f)||Ze(e,c,f,p,o,u),je(e.ref,p,l)}function fn(e,n,t,r,o,i,l){for(var a=0;a<e.length;++a){var u=e[a];16384&u.flags&&(e[a]=u=Q(u)),on(u,n,t,r,o,i,l)}}function sn(e,n,t,r,o,l,a){var u=tn(e,e.type,e.props||f,t,r,l),c=a;i(u.componentDidAppear)&&(c=new s),on(u.$LI,n,u.$CX,r,o,l,c),mn(e.ref,u,l,a)}function dn(e,n,t,o,l,a,u){var c=e.ref,f=u;!r(c)&&i(c.onComponentDidAppear)&&(f=new s),on(e.children=q(rn(e,t)),n,t,o,l,a,f),yn(e,a,u)}function pn(e){return function(){e.componentDidMount()}}function vn(e,n,t){e.componentDidAppear.push((function(){n.componentDidAppear(t)}))}function hn(e,n,t,r){e.componentDidAppear.push((function(){n.onComponentDidAppear(t,r)}))}function mn(e,n,t,r){je(e,n,t),i(n.componentDidMount)&&t.push(pn(n)),i(n.componentDidAppear)&&vn(r,n,n.$LI.dom)}function gn(e,n){return function(){e.onComponentDidMount(b(n,!0),n.props||f)}}function yn(e,n,t){var o=e.ref;r(o)||(I(o.onComponentWillMount,e.props||f),i(o.onComponentDidMount)&&n.push(gn(o,e)),i(o.onComponentDidAppear)&&hn(t,o,b(e,!0),e.props))}function $n(){return $n=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},$n.apply(null,arguments)}function bn(e,n,t,r,o,i,l){Te(e,l),0!==(n.flags&e.flags&1521)?(on(n,null,r,o,null,i,l),m(t,n.dom,e.dom)):(on(n,t,r,o,b(e,!0),i,l),P(e,t,l))}function kn(e,n,t,r,o,i,l,a){var u=n.flags|=16384;e.flags!==u||e.type!==n.type||e.key!==n.key||2048&u?16384&e.flags?bn(e,n,t,r,o,l,a):on(n,t,r,o,i,l,a):481&u?Nn(e,n,r,o,l,a):4&u?Un(e,n,t,r,o,i,l,a):8&u?Wn(e,n,t,r,o,i,l,a):16&u?In(e,n):8192&u?Fn(e,n,t,r,o,l,a):Pn(e,n,r,l,a)}function Cn(e,n,t){e!==n&&(""!==e?t.firstChild.nodeValue=n:M(t,n))}function wn(e,n){e.textContent!==n&&(e.textContent=n)}function Fn(e,n,t,r,o,i,l){var a=e.children,u=n.children,c=e.childFlags,f=n.childFlags,s=null;12&f&&0===u.length&&(f=n.childFlags=2,u=n.children=X());var d=0!==(2&f);if(12&c){var p=a.length;(8&c&&8&f||d||!d&&u.length>p)&&(s=b(a[p-1],!1).nextSibling)}Sn(c,f,a,u,t,r,o,s,e,i,l)}function Pn(e,n,t,r,i){var l=e.ref,a=n.ref,u=n.children;if(Sn(e.childFlags,n.childFlags,e.children,u,l,t,!1,null,e,r,i),n.dom=e.dom,l!==a&&!o(u)){var c=u.dom;g(l,c),p(a,c)}}function Nn(e,n,t,o,i,l){var a,u=n.dom=e.dom,c=e.props,s=n.props,d=n.flags,p=!1,v=!1;if(o=o||(32&d)>0,c!==s){var h=c||f;if((a=s||f)!==f)for(var m in(p=(448&d)>0)&&(v=Oe(a)),a){var g=h[m],y=a[m];g!==y&&Ye(m,g,y,u,o,v,e,l)}if(h!==f)for(var $ in h)r(a[$])&&!r(h[$])&&Ye($,h[$],null,u,o,v,e,l)}var b=n.children,k=n.className;e.className!==k&&(r(k)?u.removeAttribute("class"):o?u.setAttribute("class",k):u.className=k),4096&d?wn(u,b):Sn(e.childFlags,n.childFlags,e.children,b,u,t,o&&"foreignObject"!==n.type,null,e,i,l),p&&Le(d,n,u,a,!1,v);var C=n.ref,w=e.ref;w!==C&&(Be(w),je(C,u,i))}function xn(e,n,t,r,o,i,l){Te(e,l),fn(n,t,r,o,b(e,!0),i,l),P(e,t,l)}function Dn(e,n,t,r,o,i,l,a,u,c,f){var s=0|e.length,d=0|n.length;0===s?d>0&&fn(n,t,r,o,i,l,a):0===d?Qe(t,u,e,a):8===c&&8===f?An(e,n,t,r,o,s,d,i,u,l,a):Ln(e,n,t,r,o,s,d,i,l,a)}function Sn(e,n,t,r,o,i,l,a,u,c,f){switch(e){case 2:switch(n){case 2:kn(t,r,o,i,l,a,c,f);break;case 1:Ee(t,o,f);break;case 16:Te(t,f),M(o,r);break;default:xn(t,r,o,i,l,c,f)}break;case 1:switch(n){case 2:on(r,o,i,l,a,c,f);break;case 1:break;case 16:M(o,r);break;default:fn(r,o,i,l,a,c,f)}break;case 16:switch(n){case 16:Cn(t,r,o);break;case 2:He(o,t,f),on(r,o,i,l,a,c,f);break;case 1:He(o,t,f);break;default:He(o,t,f),fn(r,o,i,l,a,c,f)}break;default:switch(n){case 16:Re(t,f),M(o,r);break;case 2:Qe(o,u,t,f),on(r,o,i,l,a,c,f);break;case 1:Qe(o,u,t,f);break;default:Dn(t,r,o,i,l,a,c,f,u,n,e)}}}function Vn(e,n,t,r,o){o.push((function(){e.componentDidUpdate(n,t,r)}))}function Mn(e,n,t,r,o,l,a,u,c,f){var s=e.state,d=e.props,p=Boolean(e.$N),v=i(e.shouldComponentUpdate);if(p&&(n=D(e,t,n!==s?$n({},s,n):n)),a||!v||v&&e.shouldComponentUpdate(t,n,o)){!p&&i(e.componentWillUpdate)&&e.componentWillUpdate(t,n,o),e.props=t,e.state=n,e.context=o;var h=null,m=nn(e,t,o);p&&i(e.getSnapshotBeforeUpdate)&&(h=e.getSnapshotBeforeUpdate(d,s)),kn(e.$LI,m,r,e.$CX,l,u,c,f),e.$LI=m,i(e.componentDidUpdate)&&Vn(e,d,s,h,c)}else e.props=t,e.state=n,e.context=o}function Un(e,n,t,r,o,l,u,c){var s=n.children=e.children;if(a(s))return;s.$L=u;var d=n.props||f,p=n.ref,v=e.ref,h=s.state;if(!s.$N){if(i(s.componentWillReceiveProps)){if(s.$BR=!0,s.componentWillReceiveProps(d,r),s.$UN)return;s.$BR=!1}a(s.$PS)||(h=$n({},h,s.$PS),s.$PS=null)}Mn(s,h,d,t,r,o,!1,l,u,c),v!==p&&(Be(v),je(p,s,u))}function Wn(e,n,t,o,l,a,u,c){var s=!0,d=n.props||f,p=n.ref,v=e.props,h=!r(p),m=e.children;if(h&&i(p.onComponentShouldUpdate)&&(s=p.onComponentShouldUpdate(v,d)),s){h&&i(p.onComponentWillUpdate)&&p.onComponentWillUpdate(v,d);var g=q(rn(n,o));kn(m,g,t,o,l,a,u,c),n.children=g,h&&i(p.onComponentDidUpdate)&&p.onComponentDidUpdate(v,d)}else n.children=m}function In(e,n){var t=n.children,r=n.dom=e.dom;t!==e.children&&(r.nodeValue=t)}function Ln(e,n,t,r,o,i,l,a,u,c){for(var f,s,d=i>l?l:i,p=0;p<d;++p)f=n[p],s=e[p],16384&f.flags&&(f=n[p]=Q(f)),kn(s,f,t,r,o,a,u,c),e[p]=f;if(i<l)for(p=d;p<l;++p)16384&(f=n[p]).flags&&(f=n[p]=Q(f)),on(f,t,r,o,a,u,c);else if(i>l)for(p=d;p<i;++p)Ee(e[p],t,c)}function An(e,n,t,r,o,i,l,a,u,c,f){var s,d,p=i-1,v=l-1,h=0,m=e[h],g=n[h];e:{for(;m.key===g.key;){if(16384&g.flags&&(n[h]=g=Q(g)),kn(m,g,t,r,o,a,c,f),e[h]=g,++h>p||h>v)break e;m=e[h],g=n[h]}for(m=e[p],g=n[v];m.key===g.key;){if(16384&g.flags&&(n[v]=g=Q(g)),kn(m,g,t,r,o,a,c,f),e[p]=g,v--,h>--p||h>v)break e;m=e[p],g=n[v]}}if(h>p){if(h<=v)for(d=(s=v+1)<l?b(n[s],!0):a;h<=v;)16384&(g=n[h]).flags&&(n[h]=g=Q(g)),++h,on(g,t,r,o,d,c,f)}else if(h>v)for(;h<=p;)Ee(e[h++],t,f);else On(e,n,r,i,l,p,v,h,t,o,a,u,c,f)}function On(e,n,t,r,o,i,l,a,u,c,f,s,d,p){var v,h,m=0,g=0,y=a,$=a,k=i-a+1,w=l-a+1,F=new Int32Array(w+1),P=k===r,N=!1,D=0,S=0;if(o<4||(k|w)<32)for(g=y;g<=i;++g)if(v=e[g],S<w){for(a=$;a<=l;a++)if(h=n[a],v.key===h.key){if(F[a-$]=g+1,P)for(P=!1;y<g;)Ee(e[y++],u,p);D>a?N=!0:D=a,16384&h.flags&&(n[a]=h=Q(h)),kn(v,h,u,t,c,f,d,p),++S;break}!P&&a>l&&Ee(v,u,p)}else P||Ee(v,u,p);else{var V={};for(g=$;g<=l;++g)V[n[g].key]=g;for(g=y;g<=i;++g)if(v=e[g],S<w)if(void 0!==(a=V[v.key])){if(P)for(P=!1;g>y;)Ee(e[y++],u,p);F[a-$]=g+1,D>a?N=!0:D=a,16384&(h=n[a]).flags&&(n[a]=h=Q(h)),kn(v,h,u,t,c,f,d,p),++S}else P||Ee(v,u,p);else P||Ee(v,u,p)}if(P)Qe(u,s,e,p),fn(n,u,t,c,f,d,p);else if(N){var M=jn(F);for(a=M.length-1,g=w-1;g>=0;g--)0===F[g]?(16384&(h=n[D=g+$]).flags&&(n[D]=h=Q(h)),on(h,u,t,c,(m=D+1)<o?b(n[m],!0):f,d,p)):a<0||g!==M[a]?x(s,h=n[D=g+$],u,(m=D+1)<o?b(n[m],!0):f,p):a--;p.componentWillMove.length>0&&C(p.componentWillMove)}else if(S!==w)for(g=w-1;g>=0;g--)0===F[g]&&(16384&(h=n[D=g+$]).flags&&(n[D]=h=Q(h)),on(h,u,t,c,(m=D+1)<o?b(n[m],!0):f,d,p))}var Bn=0;function jn(e){var n=0,t=0,r=0,o=0,i=0,l=0,a=0,u=e.length;for(u>Bn&&(Bn=u,Se=new Int32Array(u),Ve=new Int32Array(u));t<u;++t)if(0!==(n=e[t])){if(e[r=Se[o]]<n){Ve[t]=r,Se[++o]=t;continue}for(i=0,l=o;i<l;)e[Se[a=i+l>>1]]<n?i=a+1:l=a;n<e[Se[i]]&&(i>0&&(Ve[t]=Se[i-1]),Se[i]=t)}i=o+1;var c=new Int32Array(i);for(l=Se[i-1];i-- >0;)c[i]=l,l=Ve[l],Se[i]=0;return c}function En(e,n,t,o){var l=[],a=new s,u=n.$V;S.v=!0,r(u)?r(e)||(0!==(16384&e.flags)&&(e=Q(e)),on(e,n,o,!1,null,l,a),n.$V=e,u=e):r(e)?(Ee(u,n,a),n.$V=null):(16384&e.flags&&(e=Q(e)),kn(u,e,n,o,!1,null,l,a),u=n.$V=e),y(l),k(a.componentDidAppear),S.v=!1,i(t)&&t()}function Tn(e,n,t,r){void 0===t&&(t=null),void 0===r&&(r=f),En(e,n,t,r)}function Rn(){return Rn=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},Rn.apply(null,arguments)}"undefined"!==typeof document&&window.Node&&(Node.prototype.$EV=null,Node.prototype.$V=null);var _n=[],Hn=Promise.resolve().then.bind(Promise.resolve()),Qn=!1;function Xn(e,n,t,o){var l=e.$PS;if(i(n)&&(n=n(l?Rn({},e.state,l):e.state,e.props,e.context)),r(l))e.$PS=n;else for(var a in n)l[a]=n[a];if(e.$BR)i(t)&&e.$L.push(t.bind(e));else{if(!S.v&&0===_n.length)return qn(e,o),void(i(t)&&t.call(e));if(_n.includes(e)||_n.push(e),o&&(e.$F=!0),Qn||(Qn=!0,Hn(Kn)),i(t)){var u=e.$QU;u||(u=e.$QU=[]),u.push(t)}}}function Gn(e){for(var n=e.$QU,t=0;t<n.length;++t)n[t].call(e);e.$QU=null}function Kn(){var e;for(Qn=!1;e=_n.shift();)if(!e.$UN){var n=e.$F;e.$F=!1,qn(e,n),e.$QU&&Gn(e)}}function qn(e,n){if(n||!e.$BR){var t=e.$PS;e.$PS=null;var r=[],o=new s;S.v=!0,Mn(e,Rn({},e.state,t),e.props,b(e.$LI,!0).parentNode,e.context,e.$SVG,n,null,r,o),y(r),k(o.componentDidAppear),S.v=!1}else e.state=e.$PS,e.$PS=null}var zn=function(){function e(e,n){this.state=null,this.props=void 0,this.context=void 0,this.displayName=void 0,this.$BR=!1,this.$BS=!0,this.$PS=null,this.$LI=null,this.$UN=!1,this.$CX=null,this.$QU=null,this.$N=!1,this.$SSR=void 0,this.$L=null,this.$SVG=!1,this.$F=!1,this.props=e||f,this.context=n||f}var n=e.prototype;return n.forceUpdate=function(e){if(this.$UN)return;Xn(this,{},e,!0)},n.setState=function(e,n){if(this.$UN)return;this.$BS||Xn(this,e,n,!1)},n.render=function(e,n,t){return null},e}();zn.defaultProps=null,e.AnimationQueues=s,e.Component=zn,e.EMPTY_OBJ=f,e.Fragment="$F",e._CI=tn,e._HI=q,e._M=on,e._MCCC=mn,e._ME=cn,e._MFCC=yn,e._MP=Ze,e._MR=je,e._RFC=rn,e.createComponentVNode=function(e,n,t,r,o){var l=new O(1,null,null,e=T(e,n),r,E(e,n,t),j(e,n,o),n);return i(V.createVNode)&&V.createVNode(l),l},e.createFragment=_,e.createPortal=function(e,n){var t=q(e);return B(1024,1024,null,t,0,null,t.key,n)},e.createRef=function(){return{current:null}},e.createRenderer=function(e){return function(n,t,r,o){e||(e=n),Tn(t,e,r,o)}},e.createTextVNode=R,e.createVNode=B,e.directClone=Q,e.findDOMFromVNode=b,e.forwardRef=function(e){return{render:e}},e.getFlagsForElementVnode=function(e){switch(e){case"svg":return 32;case"input":return 64;case"select":return 256;case"textarea":return 128;case"$F":return 8192;default:return 1}},e.linkEvent=function(e,n){if(i(n))return{data:e,event:n};return null},e.normalizeProps=function(e){var n=e.props;if(n){var t=e.flags;481&t&&(void 0!==n.children&&r(e.children)&&K(e,n.children),void 0!==n.className&&(r(e.className)&&(e.className=n.className||null),n.className=void 0)),void 0!==n.key&&(e.key=n.key,n.key=void 0),void 0!==n.ref&&(e.ref=8&t?L({},e.ref,n.ref):n.ref,n.ref=void 0)}return e},e.options=V,e.render=Tn,e.renderInternal=En,e.rerender=Kn,e.version="9.0.0-alpha.2"})); | ||
!function(e,n){"object"===typeof exports&&"undefined"!==typeof module?n(exports):"function"===typeof define&&define.amd?define(["exports"],n):n((e="undefined"!==typeof globalThis?globalThis:e||self).Inferno=e.Inferno||{})}(this,(function(e){"use strict";var n=Array.isArray;function t(e){var n=typeof e;return"string"===n||"number"===n}function r(e){return void 0===e||null===e}function o(e){return null===e||!1===e||!0===e||void 0===e}function i(e){return"function"===typeof e}function l(e){return"string"===typeof e}function a(e){return null===e}function u(e){return!a(e)&&"object"===typeof e}function c(){return c=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},c.apply(null,arguments)}var f={},s=function(){this.componentDidAppear=[],this.componentWillDisappear=[],this.componentWillMove=[]};function d(e){return e.substring(2).toLowerCase()}function p(e,n){e.appendChild(n)}function v(e,n,t){a(t)?p(e,n):e.insertBefore(n,t)}function h(e,n){if(n)return document.createElementNS("http://www.w3.org/2000/svg",e);return document.createElement(e)}function m(e,n,t){e.replaceChild(n,t)}function g(e,n){e.removeChild(n)}function y(e){for(var n=0;n<e.length;n++)e[n]()}function $(e,n,t){var r=e.children;if(0!==(4&t))return r.$LI;if(0!==(8192&t))return 2===e.childFlags?r:r[n?0:r.length-1];return r}function b(e,n){for(var t,o=e;!r(o);){if(0!==(1521&(t=o.flags)))return o.dom;o=$(o,n,t)}return null}function k(e,n){for(var t,r=e.length;void 0!==(t=e.pop());)t((function(){--r<=0&&i(n)&&n()}))}function C(e){for(var n=0;n<e.length;n++)e[n].fn();for(var t=0;t<e.length;t++){var r=e[t];v(r.parent,r.dom,r.next)}e.splice(0,e.length)}function w(e,n,t){for(;!r(e);){var o=e.flags;if(0!==(1521&o))return void(t&&e.dom.parentNode!==n||g(n,e.dom));var i=e.children;if(0!==(4&o)&&(e=i.$LI),0!==(8&o)&&(e=i),0!==(8192&o)){if(2!==e.childFlags){for(var l=0,a=i.length;l<a;++l)w(i[l],n,!1);return}e=i}}}function F(e,n){return function(){w(e,n,!0)}}function P(e,n,t){t.componentWillDisappear.length>0?k(t.componentWillDisappear,F(e,n)):w(e,n,!1)}function N(e,n,t,r,o,i,l,a){e.componentWillMove.push({dom:r,fn:function(){0!==(4&l)?t.componentWillMove(n,o,r):0!==(8&l)&&t.onComponentWillMove(n,o,r,a)},next:i,parent:o})}function x(e,n,t,o,l){for(var a,u,c=n.flags;!r(n);){var f=n.flags;if(0!==(1521&f))return void(r(a)||!i(a.componentWillMove)&&!i(a.onComponentWillMove)?v(t,n.dom,o):N(l,e,a,n.dom,t,o,c,u));var s=n.children;if(0!==(4&f))a=n.children,u=n.props,n=s.$LI;else if(0!==(8&f))a=n.ref,u=n.props,n=s;else if(0!==(8192&f)){if(2!==n.childFlags){for(var d=0,p=s.length;d<p;++d)x(e,s[d],t,o,l);return}n=s}}}function D(e,n,t){if(i(e.constructor.getDerivedStateFromProps))return c({},t,e.constructor.getDerivedStateFromProps(n,t));return t}var S={v:!1},V={createVNode:null};function M(e,n){e.textContent=n}function U(e,n){return u(e)&&e.event===n.event&&e.data===n.data}function W(e,n){for(var t in n)void 0===e[t]&&(e[t]=n[t]);return e}function I(e,n){return i(e)&&(e(n),!0)}function L(){return L=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},L.apply(null,arguments)}var A="$";function O(e,n,t,r,o,i,l,a){this.childFlags=e,this.children=n,this.className=t,this.dom=null,this.flags=r,this.key=void 0===o?null:o,this.props=void 0===i?null:i,this.ref=void 0===l?null:l,this.type=a}function B(e,n,t,r,o,i,l,a){var u=void 0===o?1:o,c=new O(u,r,t,e,l,i,a,n);return V.createVNode&&V.createVNode(c),0===u&&K(c,c.children),c}function j(e,n,t){if(4&e)return t;var o=(32768&e?n.render:n).defaultHooks;if(r(o))return t;if(r(t))return o;return W(t,o)}function E(e,n,t){var o=(32768&e?n.render:n).defaultProps;if(r(o))return t;if(r(t))return L({},o);return W(t,o)}function T(e,n){var t;if(12&e)return e;if(null!=(t=n.prototype)&&t.render)return 4;if(n.render)return 32776;return 8}function R(e,n){return new O(1,r(e)||!0===e||!1===e?"":e,null,16,n,null,null,null)}function _(e,n,t){var r=B(8192,8192,null,e,n,null,t,null);switch(r.childFlags){case 1:r.children=X(),r.childFlags=2;break;case 16:r.children=[R(e)],r.childFlags=4}return r}function H(e){var n=e.children,t=e.childFlags;return _(2===t?Q(n):n.map(Q),t,e.key)}function Q(e){var n=-16385&e.flags,t=e.props;if(14&n&&!a(t)){var r=t;for(var o in t={},r)t[o]=r[o]}if(0===(8192&n))return new O(e.childFlags,e.children,e.className,n,e.key,t,e.ref,e.type);return H(e)}function X(){return R("",null)}function G(e,r,i,u){for(var c=e.length;i<c;i++){var f=e[i];if(!o(f)){var s=u+A+i;if(n(f))G(f,r,0,s);else{if(t(f))f=R(f,s);else{var d=f.key,p=l(d)&&d[0]===A;(81920&f.flags||p)&&(f=Q(f)),f.flags|=65536,p?d.substring(0,u.length)!==u&&(f.key=u+d):a(d)?f.key=s:f.key=u+d}r.push(f)}}}}function K(e,r){var i,u=1;if(o(r))i=r;else if(t(r))u=16,i=r;else if(n(r)){for(var c=r.length,f=0;f<c;++f){var s=r[f];if(o(s)||n(s)){i=i||r.slice(0,f),G(r,i,f,"");break}if(t(s))(i=i||r.slice(0,f)).push(R(s,A+f));else{var d=s.key,p=(81920&s.flags)>0,v=a(d),h=l(d)&&d[0]===A;p||v||h?(i=i||r.slice(0,f),(p||h)&&(s=Q(s)),(v||h)&&(s.key=A+f),i.push(s)):i&&i.push(s),s.flags|=65536}}u=0===(i=i||r).length?1:8}else(i=r).flags|=65536,81920&r.flags&&(i=Q(r)),u=2;return e.children=i,e.childFlags=u,e}function q(e){if(o(e)||t(e))return R(e,null);if(n(e))return _(e,0,null);return 16384&e.flags?Q(e):e}var z="http://www.w3.org/1999/xlink",J="http://www.w3.org/XML/1998/namespace",Y={"xlink:actuate":z,"xlink:arcrole":z,"xlink:href":z,"xlink:role":z,"xlink:show":z,"xlink:title":z,"xlink:type":z,"xml:base":J,"xml:lang":J,"xml:space":J};function Z(e){return{onClick:e,onDblClick:e,onFocusIn:e,onFocusOut:e,onKeyDown:e,onKeyPress:e,onKeyUp:e,onMouseDown:e,onMouseMove:e,onMouseUp:e,onTouchEnd:e,onTouchMove:e,onTouchStart:e}}var ee=Z(0),ne=Z(null),te=Z(!0);function re(e,n){var t=n.$EV;return t||(t=n.$EV=Z(null)),t[e]||1===++ee[e]&&(ne[e]=pe(e)),t}function oe(e,n){var t=n.$EV;null!=t&&t[e]&&(0===--ee[e]&&(document.removeEventListener(d(e),ne[e]),ne[e]=null),t[e]=null)}function ie(e,n,t,r){if(i(t))re(e,r)[e]=t;else if(u(t)){if(U(n,t))return;re(e,r)[e]=t}else oe(e,r)}function le(e){return i(e.composedPath)?e.composedPath()[0]:e.target}function ae(e,n,t,o){var i=le(e);do{if(n&&i.disabled)return;var l=i.$EV;if(!r(l)){var u=l[t];if(u&&(o.dom=i,u.event?u.event(u.data,e):u(e),e.cancelBubble))return}i=i.parentNode}while(!a(i))}function ue(){this.cancelBubble=!0,this.immediatePropagationStopped||this.stopImmediatePropagation()}function ce(){return this.defaultPrevented}function fe(){return this.cancelBubble}function se(e){var n={dom:document};return e.isDefaultPrevented=ce,e.isPropagationStopped=fe,e.stopPropagation=ue,Object.defineProperty(e,"currentTarget",{configurable:!0,get:function(){return n.dom}}),n}function de(e){var n="onClick"===e||"onDblClick"===e;return function(t){ae(t,n,e,se(t))}}function pe(e){var n=de(e);return document.addEventListener(d(e),n),n}function ve(e,n){var t=document.createElement("i");return t.innerHTML=n,t.innerHTML===e.innerHTML}function he(e,n,t){var r=e[n];if(r)r.event?r.event(r.data,t):r(t);else{var o=n.toLowerCase();i(e[o])&&e[o](t)}}function me(e,n){var t=function(t){var o,a=this.$V;if(r(a))return;var u=null!=(o=a.props)?o:f,c=a.dom;if(l(e))he(u,e,t);else for(var s=0;s<e.length;++s)he(u,e[s],t);if(i(n)){var d,p=this.$V,v=null!=(d=p.props)?d:f;n(v,c,!1,p)}};return Object.defineProperty(t,"wrapped",{configurable:!1,enumerable:!1,value:!0,writable:!1}),t}function ge(e,n,t){var r="$"+n,o=e[r];if(o){if(o[1].wrapped)return;e.removeEventListener(o[0],o[1]),e[r]=null}i(t)&&(e.addEventListener(n,t),e[r]=[n,t])}function ye(e){return"checkbox"===e||"radio"===e}var $e=me("onInput",we),be=me(["onClick","onChange"],we);function ke(e){e.stopPropagation()}function Ce(e,n){ye(n.type)?(ge(e,"change",be),ge(e,"click",ke)):ge(e,"input",$e)}function we(e,n){var t=e.type,o=e.value,i=e.checked,l=e.multiple,a=e.defaultValue,u=!r(o);null!=t&&t!==n.type&&n.setAttribute("type",t),r(l)||l===n.multiple||(n.multiple=l),r(a)||u||(n.defaultValue=a+""),ye(t)?(u&&(n.value=o),r(i)||(n.checked=i)):u&&n.value!==o?(n.defaultValue=o,n.value=o):r(i)||(n.checked=i)}function Fe(e,n){if("option"===e.type)Pe(e,n);else{var t=e.children,r=e.flags;if(0!==(4&r))Fe(t.$LI,n);else if(0!==(8&r))Fe(t,n);else if(2===e.childFlags)Fe(t,n);else if(0!==(12&e.childFlags))for(var o=0,i=t.length;o<i;++o)Fe(t[o],n)}}function Pe(e,t){var o,i=null!=(o=e.props)?o:f,l=i.value,a=e.dom;a.value=l,l===t||n(t)&&t.includes(l)?a.selected=!0:r(t)&&r(i.selected)||(a.selected=Boolean(i.selected))}ke.wrapped=!0;var Ne=me("onChange",De);function xe(e){ge(e,"change",Ne)}function De(e,n,t,o){var i=Boolean(e.multiple);r(e.multiple)||i===n.multiple||(n.multiple=i);var l=e.selectedIndex;if(-1===l&&(n.selectedIndex=-1),1!==o.childFlags){var a=e.value;"number"===typeof l&&l>-1&&!r(n.options[l])&&(a=n.options[l].value),t&&r(a)&&(a=e.defaultValue),Fe(o,a)}}var Se,Ve,Me=me("onInput",Ie),Ue=me("onChange");function We(e,n){ge(e,"input",Me),i(n.onChange)&&ge(e,"change",Ue)}function Ie(e,n,t){var o=e.value,i=n.value;if(r(o)){if(t){var l=e.defaultValue;r(l)||l===i||(n.defaultValue=l,n.value=l)}}else i!==o&&(n.defaultValue=o,n.value=o)}function Le(e,n,t,r,o,i){0!==(64&e)?we(r,t):0!==(256&e)?De(r,t,o,n):0!==(128&e)&&Ie(r,t,o),i&&(t.$V=n)}function Ae(e,n,t){0!==(64&e)?Ce(n,t):0!==(256&e)?xe(n):0!==(128&e)&&We(n,t)}function Oe(e){return ye(e.type)?!r(e.checked):!r(e.value)}function Be(e){r(e)||!I(e,null)&&e.current&&(e.current=null)}function je(e,n,t){r(e)||!i(e)&&void 0===e.current||t.push((function(){I(e,n)||void 0===e.current||(e.current=n)}))}function Ee(e,n,t){Te(e,t),P(e,n,t)}function Te(e,n){var t,o=e.flags,l=e.children;if(0!==(481&o)){t=e.ref;var u=e.props;Be(t);var c=e.childFlags;if(!a(u))for(var d=Object.keys(u),p=0,v=d.length;p<v;p++){var h=d[p];te[h]&&oe(h,e.dom)}12&c?Re(l,n):2===c&&Te(l,n)}else if(l)if(4&o){i(l.componentWillUnmount)&&l.componentWillUnmount();var m=n;i(l.componentWillDisappear)&&(m=new s,Xe(n,l,l.$LI.dom,o,void 0)),Be(e.ref),l.$UN=!0,Te(l.$LI,m)}else if(8&o){var g=n;if(!r(t=e.ref)){var y=null;i(t.onComponentWillUnmount)&&(y=b(e,!0),t.onComponentWillUnmount(y,e.props||f)),i(t.onComponentWillDisappear)&&(g=new s,Xe(n,t,y=y||b(e,!0),o,e.props))}Te(l,g)}else 1024&o?Ee(l,e.ref,n):8192&o&&12&e.childFlags&&Re(l,n)}function Re(e,n){for(var t=0,r=e.length;t<r;++t)Te(e[t],n)}function _e(e,n){return function(){if(n)for(var t=0;t<e.length;t++)w(e[t],n,!1)}}function He(e,n,t){t.componentWillDisappear.length>0?k(t.componentWillDisappear,_e(n,e)):e.textContent=""}function Qe(e,n,t,r){Re(t,r),8192&n.flags?P(n,e,r):He(e,t,r)}function Xe(e,n,t,r,o){e.componentWillDisappear.push((function(e){4&r?n.componentWillDisappear(t,e):8&r&&n.onComponentWillDisappear(t,o,e)}))}function Ge(e){var n=e.event;return function(t){n(e.data,t)}}function Ke(e,n,t,r){if(u(t)){if(U(n,t))return;t=Ge(t)}ge(r,d(e),t)}function qe(e,n,t){if(r(n))return void t.removeAttribute("style");var o,i,a=t.style;if(l(n))return void(a.cssText=n);if(r(e)||l(e))for(o in n)i=n[o],a.setProperty(o,i);else{for(o in n)(i=n[o])!==e[o]&&a.setProperty(o,i);for(o in e)r(n[o])&&a.removeProperty(o)}}function ze(e,n,t,o,i){var l=(null==e?void 0:e.__html)||"",u=(null==n?void 0:n.__html)||"";l!==u&&(r(u)||ve(o,u)||(a(t)||(12&t.childFlags?Re(t.children,i):2===t.childFlags&&Te(t.children,i),t.children=null,t.childFlags=1),o.innerHTML=u))}function Je(e,n,t){var o=r(e)?"":e;n[t]!==o&&(n[t]=o)}function Ye(e,n,t,o,i,l,a,u){switch(e){case"children":case"childrenType":case"className":case"defaultValue":case"key":case"multiple":case"ref":case"selectedIndex":break;case"autoFocus":o.autofocus=!!t;break;case"allowfullscreen":case"autoplay":case"capture":case"checked":case"controls":case"default":case"disabled":case"hidden":case"indeterminate":case"loop":case"muted":case"novalidate":case"open":case"readOnly":case"required":case"reversed":case"scoped":case"seamless":case"selected":o[e]=!!t;break;case"defaultChecked":case"value":case"volume":if(l&&"value"===e)break;Je(t,o,e);break;case"style":qe(n,t,o);break;case"dangerouslySetInnerHTML":ze(n,t,a,o,u);break;default:te[e]?ie(e,n,t,o):111===e.charCodeAt(0)&&110===e.charCodeAt(1)?Ke(e,n,t,o):r(t)?o.removeAttribute(e):i&&Y[e]?o.setAttributeNS(Y[e],e,t):o.setAttribute(e,t)}}function Ze(e,n,t,r,o,i){var l=!1,a=(448&n)>0;for(var u in a&&(l=Oe(t))&&Ae(n,r,t),t)Ye(u,null,t[u],r,o,l,null,i);a&&Le(n,e,r,t,!0,l)}function en(){return en=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},en.apply(null,arguments)}function nn(e,n,t){var r=q(e.render(n,e.state,t)),o=t;return i(e.getChildContext)&&(o=en({},t,e.getChildContext())),e.$CX=o,r}function tn(e,n,t,r,o,l){var u=new n(t,r),c=u.$N=Boolean(n.getDerivedStateFromProps||u.getSnapshotBeforeUpdate);if(u.$SVG=o,u.$L=l,e.children=u,u.$BS=!1,u.context=r,u.props===f&&(u.props=t),c)u.state=D(u,t,u.state);else if(i(u.componentWillMount)){u.$BR=!0,u.componentWillMount();var s=u.$PS;if(!a(s)){var d=u.state;if(a(d))u.state=s;else for(var p in s)d[p]=s[p];u.$PS=null}u.$BR=!1}return u.$LI=nn(u,t,r),u}function rn(e,n){var t=e.props||f;return 32768&e.flags?e.type.render(t,e.ref,n):e.type(t,n)}function on(e,n,t,r,o,i,l){var a=e.flags|=16384;0!==(481&a)?cn(e,n,t,r,o,i,l):0!==(4&a)?sn(e,n,t,r,o,i,l):8&a?dn(e,n,t,r,o,i,l):16&a?un(e,n,o):8192&a?an(e,t,n,r,o,i,l):1024&a&&ln(e,t,n,o,i,l)}function ln(e,n,t,r,o,i){on(e.children,e.ref,n,!1,null,o,i);var l=X();un(l,t,r),e.dom=l.dom}function an(e,n,t,r,o,i,l){var a=e.children,u=e.childFlags;12&u&&0===a.length&&(u=e.childFlags=2,a=e.children=X()),2===u?on(a,t,n,r,o,i,l):fn(a,t,n,r,o,i,l)}function un(e,n,t){var r=e.dom=document.createTextNode(e.children);a(n)||v(n,r,t)}function cn(e,n,t,o,i,l,u){var c=e.flags,f=e.props,s=e.className,d=e.childFlags,p=e.dom=h(e.type,o=o||(32&c)>0),m=e.children;if(r(s)||""===s||(o?p.setAttribute("class",s):p.className=s),16===d)M(p,m);else if(1!==d){var g=o&&"foreignObject"!==e.type;2===d?(16384&m.flags&&(e.children=m=Q(m)),on(m,p,t,g,null,l,u)):8!==d&&4!==d||fn(m,p,t,g,null,l,u)}a(n)||v(n,p,i),a(f)||Ze(e,c,f,p,o,u),je(e.ref,p,l)}function fn(e,n,t,r,o,i,l){for(var a=0;a<e.length;++a){var u=e[a];16384&u.flags&&(e[a]=u=Q(u)),on(u,n,t,r,o,i,l)}}function sn(e,n,t,r,o,l,a){var u=tn(e,e.type,e.props||f,t,r,l),c=a;i(u.componentDidAppear)&&(c=new s),on(u.$LI,n,u.$CX,r,o,l,c),mn(e.ref,u,l,a)}function dn(e,n,t,o,l,a,u){var c=e.ref,f=u;!r(c)&&i(c.onComponentDidAppear)&&(f=new s),on(e.children=q(rn(e,t)),n,t,o,l,a,f),yn(e,a,u)}function pn(e){return function(){e.componentDidMount()}}function vn(e,n,t){e.componentDidAppear.push((function(){n.componentDidAppear(t)}))}function hn(e,n,t,r){e.componentDidAppear.push((function(){n.onComponentDidAppear(t,r)}))}function mn(e,n,t,r){je(e,n,t),i(n.componentDidMount)&&t.push(pn(n)),i(n.componentDidAppear)&&vn(r,n,n.$LI.dom)}function gn(e,n){return function(){e.onComponentDidMount(b(n,!0),n.props||f)}}function yn(e,n,t){var o=e.ref;r(o)||(I(o.onComponentWillMount,e.props||f),i(o.onComponentDidMount)&&n.push(gn(o,e)),i(o.onComponentDidAppear)&&hn(t,o,b(e,!0),e.props))}function $n(){return $n=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},$n.apply(null,arguments)}function bn(e,n,t,r,o,i,l){Te(e,l),0!==(n.flags&e.flags&1521)?(on(n,null,r,o,null,i,l),m(t,n.dom,e.dom)):(on(n,t,r,o,b(e,!0),i,l),P(e,t,l))}function kn(e,n,t,r,o,i,l,a){var u=n.flags|=16384;e.flags!==u||e.type!==n.type||e.key!==n.key||2048&u?16384&e.flags?bn(e,n,t,r,o,l,a):on(n,t,r,o,i,l,a):481&u?Nn(e,n,r,o,l,a):4&u?Un(e,n,t,r,o,i,l,a):8&u?Wn(e,n,t,r,o,i,l,a):16&u?In(e,n):8192&u?Fn(e,n,t,r,o,l,a):Pn(e,n,r,l,a)}function Cn(e,n,t){e!==n&&(""!==e?t.firstChild.nodeValue=n:M(t,n))}function wn(e,n){e.textContent!==n&&(e.textContent=n)}function Fn(e,n,t,r,o,i,l){var a=e.children,u=n.children,c=e.childFlags,f=n.childFlags,s=null;12&f&&0===u.length&&(f=n.childFlags=2,u=n.children=X());var d=0!==(2&f);if(12&c){var p=a.length;(8&c&&8&f||d||!d&&u.length>p)&&(s=b(a[p-1],!1).nextSibling)}Sn(c,f,a,u,t,r,o,s,e,i,l)}function Pn(e,n,t,r,i){var l=e.ref,a=n.ref,u=n.children;if(Sn(e.childFlags,n.childFlags,e.children,u,l,t,!1,null,e,r,i),n.dom=e.dom,l!==a&&!o(u)){var c=u.dom;g(l,c),p(a,c)}}function Nn(e,n,t,o,i,l){var a,u=n.dom=e.dom,c=e.props,s=n.props,d=n.flags,p=!1,v=!1;if(o=o||(32&d)>0,c!==s){var h=c||f;if((a=s||f)!==f)for(var m in(p=(448&d)>0)&&(v=Oe(a)),a){var g=h[m],y=a[m];g!==y&&Ye(m,g,y,u,o,v,e,l)}if(h!==f)for(var $ in h)r(a[$])&&!r(h[$])&&Ye($,h[$],null,u,o,v,e,l)}var b=n.children,k=n.className;e.className!==k&&(r(k)?u.removeAttribute("class"):o?u.setAttribute("class",k):u.className=k),4096&d?wn(u,b):Sn(e.childFlags,n.childFlags,e.children,b,u,t,o&&"foreignObject"!==n.type,null,e,i,l),p&&Le(d,n,u,a,!1,v);var C=n.ref,w=e.ref;w!==C&&(Be(w),je(C,u,i))}function xn(e,n,t,r,o,i,l){Te(e,l),fn(n,t,r,o,b(e,!0),i,l),P(e,t,l)}function Dn(e,n,t,r,o,i,l,a,u,c,f){var s=0|e.length,d=0|n.length;0===s?d>0&&fn(n,t,r,o,i,l,a):0===d?Qe(t,u,e,a):8===c&&8===f?An(e,n,t,r,o,s,d,i,u,l,a):Ln(e,n,t,r,o,s,d,i,l,a)}function Sn(e,n,t,r,o,i,l,a,u,c,f){switch(e){case 2:switch(n){case 2:kn(t,r,o,i,l,a,c,f);break;case 1:Ee(t,o,f);break;case 16:Te(t,f),M(o,r);break;default:xn(t,r,o,i,l,c,f)}break;case 1:switch(n){case 2:on(r,o,i,l,a,c,f);break;case 1:break;case 16:M(o,r);break;default:fn(r,o,i,l,a,c,f)}break;case 16:switch(n){case 16:Cn(t,r,o);break;case 2:He(o,t,f),on(r,o,i,l,a,c,f);break;case 1:He(o,t,f);break;default:He(o,t,f),fn(r,o,i,l,a,c,f)}break;default:switch(n){case 16:Re(t,f),M(o,r);break;case 2:Qe(o,u,t,f),on(r,o,i,l,a,c,f);break;case 1:Qe(o,u,t,f);break;default:Dn(t,r,o,i,l,a,c,f,u,n,e)}}}function Vn(e,n,t,r,o){o.push((function(){e.componentDidUpdate(n,t,r)}))}function Mn(e,n,t,r,o,l,a,u,c,f){var s=e.state,d=e.props,p=Boolean(e.$N),v=i(e.shouldComponentUpdate);if(p&&(n=D(e,t,n!==s?$n({},s,n):n)),a||!v||v&&e.shouldComponentUpdate(t,n,o)){!p&&i(e.componentWillUpdate)&&e.componentWillUpdate(t,n,o),e.props=t,e.state=n,e.context=o;var h=null,m=nn(e,t,o);p&&i(e.getSnapshotBeforeUpdate)&&(h=e.getSnapshotBeforeUpdate(d,s)),kn(e.$LI,m,r,e.$CX,l,u,c,f),e.$LI=m,i(e.componentDidUpdate)&&Vn(e,d,s,h,c)}else e.props=t,e.state=n,e.context=o}function Un(e,n,t,r,o,l,u,c){var s=n.children=e.children;if(a(s))return;s.$L=u;var d=n.props||f,p=n.ref,v=e.ref,h=s.state;if(!s.$N){if(i(s.componentWillReceiveProps)){if(s.$BR=!0,s.componentWillReceiveProps(d,r),s.$UN)return;s.$BR=!1}a(s.$PS)||(h=$n({},h,s.$PS),s.$PS=null)}Mn(s,h,d,t,r,o,!1,l,u,c),v!==p&&(Be(v),je(p,s,u))}function Wn(e,n,t,o,l,a,u,c){var s=!0,d=n.props||f,p=n.ref,v=e.props,h=!r(p),m=e.children;if(h&&i(p.onComponentShouldUpdate)&&(s=p.onComponentShouldUpdate(v,d)),s){h&&i(p.onComponentWillUpdate)&&p.onComponentWillUpdate(v,d);var g=q(rn(n,o));kn(m,g,t,o,l,a,u,c),n.children=g,h&&i(p.onComponentDidUpdate)&&p.onComponentDidUpdate(v,d)}else n.children=m}function In(e,n){var t=n.children,r=n.dom=e.dom;t!==e.children&&(r.nodeValue=t)}function Ln(e,n,t,r,o,i,l,a,u,c){for(var f,s,d=i>l?l:i,p=0;p<d;++p)f=n[p],s=e[p],16384&f.flags&&(f=n[p]=Q(f)),kn(s,f,t,r,o,a,u,c),e[p]=f;if(i<l)for(p=d;p<l;++p)16384&(f=n[p]).flags&&(f=n[p]=Q(f)),on(f,t,r,o,a,u,c);else if(i>l)for(p=d;p<i;++p)Ee(e[p],t,c)}function An(e,n,t,r,o,i,l,a,u,c,f){var s,d,p=i-1,v=l-1,h=0,m=e[h],g=n[h];e:{for(;m.key===g.key;){if(16384&g.flags&&(n[h]=g=Q(g)),kn(m,g,t,r,o,a,c,f),e[h]=g,++h>p||h>v)break e;m=e[h],g=n[h]}for(m=e[p],g=n[v];m.key===g.key;){if(16384&g.flags&&(n[v]=g=Q(g)),kn(m,g,t,r,o,a,c,f),e[p]=g,v--,h>--p||h>v)break e;m=e[p],g=n[v]}}if(h>p){if(h<=v)for(d=(s=v+1)<l?b(n[s],!0):a;h<=v;)16384&(g=n[h]).flags&&(n[h]=g=Q(g)),++h,on(g,t,r,o,d,c,f)}else if(h>v)for(;h<=p;)Ee(e[h++],t,f);else On(e,n,r,i,l,p,v,h,t,o,a,u,c,f)}function On(e,n,t,r,o,i,l,a,u,c,f,s,d,p){var v,h,m=0,g=0,y=a,$=a,k=i-a+1,w=l-a+1,F=new Int32Array(w+1),P=k===r,N=!1,D=0,S=0;if(o<4||(k|w)<32)for(g=y;g<=i;++g)if(v=e[g],S<w){for(a=$;a<=l;a++)if(h=n[a],v.key===h.key){if(F[a-$]=g+1,P)for(P=!1;y<g;)Ee(e[y++],u,p);D>a?N=!0:D=a,16384&h.flags&&(n[a]=h=Q(h)),kn(v,h,u,t,c,f,d,p),++S;break}!P&&a>l&&Ee(v,u,p)}else P||Ee(v,u,p);else{var V={};for(g=$;g<=l;++g)V[n[g].key]=g;for(g=y;g<=i;++g)if(v=e[g],S<w)if(void 0!==(a=V[v.key])){if(P)for(P=!1;g>y;)Ee(e[y++],u,p);F[a-$]=g+1,D>a?N=!0:D=a,16384&(h=n[a]).flags&&(n[a]=h=Q(h)),kn(v,h,u,t,c,f,d,p),++S}else P||Ee(v,u,p);else P||Ee(v,u,p)}if(P)Qe(u,s,e,p),fn(n,u,t,c,f,d,p);else if(N){var M=jn(F);for(a=M.length-1,g=w-1;g>=0;g--)0===F[g]?(16384&(h=n[D=g+$]).flags&&(n[D]=h=Q(h)),on(h,u,t,c,(m=D+1)<o?b(n[m],!0):f,d,p)):a<0||g!==M[a]?x(s,h=n[D=g+$],u,(m=D+1)<o?b(n[m],!0):f,p):a--;p.componentWillMove.length>0&&C(p.componentWillMove)}else if(S!==w)for(g=w-1;g>=0;g--)0===F[g]&&(16384&(h=n[D=g+$]).flags&&(n[D]=h=Q(h)),on(h,u,t,c,(m=D+1)<o?b(n[m],!0):f,d,p))}var Bn=0;function jn(e){var n=0,t=0,r=0,o=0,i=0,l=0,a=0,u=e.length;for(u>Bn&&(Bn=u,Se=new Int32Array(u),Ve=new Int32Array(u));t<u;++t)if(0!==(n=e[t])){if(e[r=Se[o]]<n){Ve[t]=r,Se[++o]=t;continue}for(i=0,l=o;i<l;)e[Se[a=i+l>>1]]<n?i=a+1:l=a;n<e[Se[i]]&&(i>0&&(Ve[t]=Se[i-1]),Se[i]=t)}i=o+1;var c=new Int32Array(i);for(l=Se[i-1];i-- >0;)c[i]=l,l=Ve[l],Se[i]=0;return c}function En(e,n,t,o){var l=[],a=new s,u=n.$V;S.v=!0,r(u)?r(e)||(0!==(16384&e.flags)&&(e=Q(e)),on(e,n,o,!1,null,l,a),n.$V=e,u=e):r(e)?(Ee(u,n,a),n.$V=null):(16384&e.flags&&(e=Q(e)),kn(u,e,n,o,!1,null,l,a),u=n.$V=e),y(l),k(a.componentDidAppear),S.v=!1,i(t)&&t()}function Tn(e,n,t,r){void 0===t&&(t=null),void 0===r&&(r=f),En(e,n,t,r)}function Rn(){return Rn=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)({}).hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},Rn.apply(null,arguments)}"undefined"!==typeof document&&window.Node&&(Node.prototype.$EV=null,Node.prototype.$V=null);var _n=[],Hn=Promise.resolve().then.bind(Promise.resolve()),Qn=!1;function Xn(e,n,t,o){var l=e.$PS;if(i(n)&&(n=n(l?Rn({},e.state,l):e.state,e.props,e.context)),r(l))e.$PS=n;else for(var a in n)l[a]=n[a];if(e.$BR)i(t)&&e.$L.push(t.bind(e));else{if(!S.v&&0===_n.length)return qn(e,o),void(i(t)&&t.call(e));if(_n.includes(e)||_n.push(e),o&&(e.$F=!0),Qn||(Qn=!0,Hn(Kn)),i(t)){var u=e.$QU;u||(u=e.$QU=[]),u.push(t)}}}function Gn(e){for(var n=e.$QU,t=0;t<n.length;++t)n[t].call(e);e.$QU=null}function Kn(){var e;for(Qn=!1;e=_n.shift();)if(!e.$UN){var n=e.$F;e.$F=!1,qn(e,n),e.$QU&&Gn(e)}}function qn(e,n){if(n||!e.$BR){var t=e.$PS;e.$PS=null;var r=[],o=new s;S.v=!0,Mn(e,Rn({},e.state,t),e.props,b(e.$LI,!0).parentNode,e.context,e.$SVG,n,null,r,o),y(r),k(o.componentDidAppear),S.v=!1}else e.state=e.$PS,e.$PS=null}var zn=function(){function e(e,n){this.state=null,this.props=void 0,this.context=void 0,this.displayName=void 0,this.$BR=!1,this.$BS=!0,this.$PS=null,this.$LI=null,this.$UN=!1,this.$CX=null,this.$QU=null,this.$N=!1,this.$SSR=void 0,this.$L=null,this.$SVG=!1,this.$F=!1,this.props=e||f,this.context=n||f}var n=e.prototype;return n.forceUpdate=function(e){if(this.$UN)return;Xn(this,{},e,!0)},n.setState=function(e,n){if(this.$UN)return;this.$BS||Xn(this,e,n,!1)},n.render=function(e,n,t){return null},e}();zn.defaultProps=null,e.AnimationQueues=s,e.Component=zn,e.EMPTY_OBJ=f,e.Fragment="$F",e._CI=tn,e._HI=q,e._M=on,e._MCCC=mn,e._ME=cn,e._MFCC=yn,e._MP=Ze,e._MR=je,e._RFC=rn,e.createComponentVNode=function(e,n,t,r,o){var l=new O(1,null,null,e=T(e,n),r,E(e,n,t),j(e,n,o),n);return i(V.createVNode)&&V.createVNode(l),l},e.createFragment=_,e.createPortal=function(e,n){var t=q(e);return B(1024,1024,null,t,0,null,t.key,n)},e.createRef=function(){return{current:null}},e.createRenderer=function(e){return function(n,t,r,o){e||(e=n),Tn(t,e,r,o)}},e.createTextVNode=R,e.createVNode=B,e.directClone=Q,e.findDOMFromVNode=b,e.forwardRef=function(e){return{render:e}},e.getFlagsForElementVnode=function(e){switch(e){case"svg":return 32;case"input":return 64;case"select":return 256;case"textarea":return 128;case"$F":return 8192;default:return 1}},e.linkEvent=function(e,n){if(i(n))return{data:e,event:n};return null},e.normalizeProps=function(e){var n=e.props;if(n){var t=e.flags;481&t&&(void 0!==n.children&&r(e.children)&&K(e,n.children),void 0!==n.className&&(r(e.className)&&(e.className=n.className||null),n.className=void 0)),void 0!==n.key&&(e.key=n.key,n.key=void 0),void 0!==n.ref&&(e.ref=8&t?L({},e.ref,n.ref):n.ref,n.ref=void 0)}return e},e.options=V,e.render=Tn,e.renderInternal=En,e.rerender=Kn,e.version="9.0.0-alpha.3"})); |
{ | ||
"name": "inferno", | ||
"version": "9.0.0-alpha.2", | ||
"version": "9.0.0-alpha.3", | ||
"license": "MIT", | ||
@@ -59,3 +59,5 @@ "type": "module", | ||
"require": "./index.cjs" | ||
} | ||
}, | ||
"./dist/index.dev.mjs": "./dist/index.dev.mjs", | ||
"./dist/index.mjs": "./dist/index.mjs" | ||
}, | ||
@@ -71,11 +73,11 @@ "module": "index.mjs", | ||
"devDependencies": { | ||
"inferno-shared": "9.0.0-alpha.2", | ||
"inferno-utils": "9.0.0-alpha.2" | ||
"inferno-shared": "9.0.0-alpha.3", | ||
"inferno-utils": "9.0.0-alpha.3" | ||
}, | ||
"dependencies": { | ||
"csstype": "^3.1.3", | ||
"inferno-vnode-flags": "9.0.0-alpha.2", | ||
"inferno-vnode-flags": "9.0.0-alpha.3", | ||
"opencollective-postinstall": "^2.0.3" | ||
}, | ||
"gitHead": "5df76afa8932d05ee02ce9ce6de47ede52f569d6" | ||
"gitHead": "b242af50261bfe56d5bd4a2b060dcef86b074444" | ||
} |
325
README.md
@@ -22,5 +22,5 @@ <p align="center"><a href="https://infernojs.org/" target="_blank"><img width="150" alt="Inferno" title="Inferno" src="https://user-images.githubusercontent.com/2021355/36063342-626d7ea8-0e84-11e8-84e1-f22bb3b8c4d5.png"/></a></p> | ||
Optimizing runtime performance of the application. | ||
- [SWC plugin inferno](https://github.com/infernojs/swc-plugin-inferno) is a plugin for [SWC](https://swc.rs/). It can compile TSX and JSX | ||
- [Babel plugin inferno](https://github.com/infernojs/babel-plugin-inferno) is a plugin for [BabelJs](https://babeljs.io/). It can compile JSX. | ||
- [TS plugin inferno](https://github.com/infernojs/ts-plugin-inferno) is a plugin for [TSC](https://www.typescriptlang.org/). It can compile TSX. | ||
- [SWC plugin inferno](https://github.com/infernojs/swc-plugin-inferno) is a plugin for [SWC](https://swc.rs/). It can compile TSX and JSX | ||
- [Babel plugin inferno](https://github.com/infernojs/babel-plugin-inferno) is a plugin for [BabelJs](https://babeljs.io/). It can compile JSX. | ||
- [TS plugin inferno](https://github.com/infernojs/ts-plugin-inferno) is a plugin for [TSC](https://www.typescriptlang.org/). It can compile TSX. | ||
- Inferno's diff process uses bitwise flags to memoize the shape of objects | ||
@@ -49,2 +49,3 @@ - Child nodes are normalized only when needed | ||
## Runtime requirements | ||
Inferno v9 requires following features to be present in the executing runtime: | ||
@@ -59,2 +60,3 @@ | ||
## Browser support | ||
Since version 4 we have started running our test suite **without** any polyfills. | ||
@@ -93,9 +95,7 @@ Inferno is now part of [Saucelabs](https://saucelabs.com/) open source program and we use their service for executing the tests. | ||
const message = "Hello world"; | ||
const message = 'Hello world'; | ||
render( | ||
<MyComponent message={ message } />, | ||
document.getElementById("app") | ||
); | ||
render(<MyComponent message={message} />, document.getElementById('app')); | ||
``` | ||
Furthermore, Inferno also uses ES6 components like React: | ||
@@ -110,3 +110,3 @@ | ||
this.state = { | ||
counter: 0 | ||
counter: 0, | ||
}; | ||
@@ -118,3 +118,3 @@ } | ||
<h1>Header!</h1> | ||
<span>Counter is at: { this.state.counter }</span> | ||
<span>Counter is at: {this.state.counter}</span> | ||
</div> | ||
@@ -125,6 +125,3 @@ ); | ||
render( | ||
<MyComponent />, | ||
document.getElementById("app") | ||
); | ||
render(<MyComponent />, document.getElementById('app')); | ||
``` | ||
@@ -151,3 +148,3 @@ | ||
this.state = { | ||
counter: 0 | ||
counter: 0, | ||
}; | ||
@@ -157,8 +154,13 @@ } | ||
_getText() { | ||
return 'Hello!'; | ||
return 'Hello!'; | ||
} | ||
render() { | ||
const node = this.state.counter > 0 ? <div>0</div> : <span $HasTextChildren>{this._getText()}</span>; | ||
const node = | ||
this.state.counter > 0 ? ( | ||
<div>0</div> | ||
) : ( | ||
<span $HasTextChildren>{this._getText()}</span> | ||
); | ||
return ( | ||
@@ -173,6 +175,3 @@ <div> | ||
render( | ||
<MyComponent />, | ||
document.getElementById("app") | ||
); | ||
render(<MyComponent />, document.getElementById('app')); | ||
``` | ||
@@ -189,19 +188,11 @@ | ||
const rootElement = document.getElementById("app"); | ||
const rootElement = document.getElementById('app'); | ||
// Start the application | ||
render( | ||
<ExampleComponent/>, | ||
rootElement | ||
); | ||
render(<ExampleComponent />, rootElement); | ||
// Tear down | ||
render( | ||
null, | ||
rootElement | ||
); | ||
render(null, rootElement); | ||
``` | ||
### More Examples | ||
@@ -222,9 +213,10 @@ | ||
Alternatively, you can try any of the following: | ||
* the [Inferno Boilerplate](https://github.com/infernojs/inferno-boilerplate) for a very simple setup. | ||
* for a more advanced example demonstrating how Inferno might be used, we recommend trying out [Inferno Starter Project](https://github.com/nightwolfz/inferno-starter) by [nightwolfz](https://github.com/nightwolfz/). | ||
* for using Inferno to build a mobile app, try [Inferno Mobile Starter Project](https://github.com/Rudy-Zidan/inferno-mobile) by [Rudy-Zidan](https://github.com/Rudy-Zidan). | ||
* for [TypeScript](https://www.typescriptlang.org/) support and bundling, check out [ts-plugin-inferno](https://github.com/infernojs/ts-plugin-inferno), or [inferno-typescript-example](https://github.com/infernojs/inferno-typescript-example). | ||
* for an example of how to use Inferno in [codesandbox](https://codesandbox.io/): https://codesandbox.io/s/znmyj24w4p | ||
* for using [parcel and typescript](https://github.com/jayy-lmao/inferno-parcel-ts) | ||
- the [Inferno Boilerplate](https://github.com/infernojs/inferno-boilerplate) for a very simple setup. | ||
- for a more advanced example demonstrating how Inferno might be used, we recommend trying out [Inferno Starter Project](https://github.com/nightwolfz/inferno-starter) by [nightwolfz](https://github.com/nightwolfz/). | ||
- for using Inferno to build a mobile app, try [Inferno Mobile Starter Project](https://github.com/Rudy-Zidan/inferno-mobile) by [Rudy-Zidan](https://github.com/Rudy-Zidan). | ||
- for [TypeScript](https://www.typescriptlang.org/) support and bundling, check out [ts-plugin-inferno](https://github.com/infernojs/ts-plugin-inferno), or [inferno-typescript-example](https://github.com/infernojs/inferno-typescript-example). | ||
- for an example of how to use Inferno in [codesandbox](https://codesandbox.io/): https://codesandbox.io/s/znmyj24w4p | ||
- for using [parcel and typescript](https://github.com/jayy-lmao/inferno-parcel-ts) | ||
Core package: | ||
@@ -262,2 +254,3 @@ | ||
#### JSX: | ||
```sh | ||
@@ -268,2 +261,3 @@ npm install --save-dev babel-plugin-inferno | ||
#### Hyperscript: | ||
```sh | ||
@@ -274,2 +268,3 @@ npm install --save inferno-hyperscript | ||
#### createElement: | ||
```sh | ||
@@ -280,2 +275,3 @@ npm install --save inferno-create-element | ||
### Compatibility with existing React apps | ||
```sh | ||
@@ -309,3 +305,3 @@ npm install --save-dev inferno-compat | ||
- Inferno has a partial synthetic event system, resulting in better performance via delegation of certain events. | ||
- Inferno is *much* faster than Preact in rendering, updating and removing elements from the DOM. Inferno diffs against virtual DOM, rather than the real DOM (except when loading from server-side rendered content), which means it can make drastic improvements. Unfortunately, diffing against the real DOM has a 30-40% overhead cost in operations. | ||
- Inferno is _much_ faster than Preact in rendering, updating and removing elements from the DOM. Inferno diffs against virtual DOM, rather than the real DOM (except when loading from server-side rendered content), which means it can make drastic improvements. Unfortunately, diffing against the real DOM has a 30-40% overhead cost in operations. | ||
- Inferno fully supports controlled components for `input`/`select`/`textarea` elements. This prevents lots of edgecases where the virtual DOM is not the source of truth (it should always be). Preact pushes the source of truth to the DOM itself. | ||
@@ -323,2 +319,3 @@ - Inferno provides lifecycle events on functional components. This is a major win for people who prefer lightweight components rather than ES2015 classes. | ||
Available synthetic events are: | ||
- `onClick` | ||
@@ -356,3 +353,2 @@ - `onDblClick` | ||
```jsx | ||
@@ -374,3 +370,2 @@ import { linkEvent, Component } from 'inferno'; | ||
## Controlled Components | ||
@@ -392,3 +387,3 @@ | ||
render(<div />, document.getElementById("app")); | ||
render(<div />, document.getElementById('app')); | ||
``` | ||
@@ -411,5 +406,4 @@ | ||
// NOTE: vNodes$ represents a stream of virtual DOM node updates | ||
scan(renderer, document.getElementById("app"), vNodes$); | ||
scan(renderer, document.getElementById('app'), vNodes$); | ||
``` | ||
@@ -429,9 +423,16 @@ | ||
render() { | ||
return createElement('div', { | ||
className: 'basic' | ||
return createElement( | ||
'div', | ||
{ | ||
className: 'basic', | ||
}, | ||
createElement('span', { | ||
className: this.props.name | ||
}, 'The title is ', this.props.title) | ||
) | ||
createElement( | ||
'span', | ||
{ | ||
className: this.props.name, | ||
}, | ||
'The title is ', | ||
this.props.title, | ||
), | ||
); | ||
} | ||
@@ -442,3 +443,3 @@ } | ||
createElement(BasicComponent, { title: 'abc' }), | ||
document.getElementById("app") | ||
document.getElementById('app'), | ||
); | ||
@@ -456,3 +457,3 @@ ``` | ||
render() { | ||
return <div>My Component</div> | ||
return <div>My Component</div>; | ||
} | ||
@@ -468,3 +469,5 @@ } | ||
const MyComponent = ({ name, age }) => ( | ||
<span>My name is: { name } and my age is: {age}</span> | ||
<span> | ||
My name is: {name} and my age is: {age} | ||
</span> | ||
); | ||
@@ -474,11 +477,12 @@ ``` | ||
Another way of using defaultHooks. | ||
```javascript | ||
export function Static() { | ||
return <div>1</div>; | ||
return <div>1</div>; | ||
} | ||
Static.defaultHooks = { | ||
onComponentShouldUpdate() { | ||
return false; | ||
} | ||
onComponentShouldUpdate() { | ||
return false; | ||
}, | ||
}; | ||
@@ -488,11 +492,11 @@ ``` | ||
Default props | ||
```jsx | ||
export function MyFunctionalComponent({value}) { | ||
return <div>{value}</div>; | ||
export function MyFunctionalComponent({ value }) { | ||
return <div>{value}</div>; | ||
} | ||
MyFunctionalComponent.defaultProps = { | ||
value: 10 | ||
value: 10, | ||
}; | ||
``` | ||
@@ -503,2 +507,3 @@ | ||
### `createVNode` (package: `inferno`) | ||
```js | ||
@@ -515,4 +520,4 @@ import { createVNode } from 'inferno'; | ||
[key], | ||
[ref] | ||
) | ||
[ref], | ||
); | ||
``` | ||
@@ -527,3 +532,9 @@ | ||
const vNode = createVNode(VNodeFlags.HtmlElement, 'div', 'example', createTextVNode('Hello world!'), ChildFlags.HasVNodeChildren); | ||
const vNode = createVNode( | ||
VNodeFlags.HtmlElement, | ||
'div', | ||
'example', | ||
createTextVNode('Hello world!'), | ||
ChildFlags.HasVNodeChildren, | ||
); | ||
@@ -553,14 +564,8 @@ // <div class="example">Hello world!</div> | ||
### `createComponentVNode` (package: 'inferno') | ||
### `createComponentVNode` (package: 'inferno') | ||
```js | ||
import { createComponentVNode } from 'inferno'; | ||
createComponentVNode( | ||
flags, | ||
type, | ||
[props], | ||
[key], | ||
[ref] | ||
) | ||
createComponentVNode(flags, type, [props], [key], [ref]); | ||
``` | ||
@@ -571,17 +576,35 @@ | ||
Example: | ||
```javascript | ||
import { VNodeFlags, ChildFlags } from 'inferno-vnode-flags'; | ||
import { createVNode, createTextVNode, createComponentVNode, render } from 'inferno'; | ||
import { | ||
createVNode, | ||
createTextVNode, | ||
createComponentVNode, | ||
render, | ||
} from 'inferno'; | ||
function MyComponent(props, context) { | ||
return createVNode(VNodeFlags.HtmlElement, 'div', 'example', createTextVNode(props.greeting), ChildFlags.HasVNodeChildren); | ||
return createVNode( | ||
VNodeFlags.HtmlElement, | ||
'div', | ||
'example', | ||
createTextVNode(props.greeting), | ||
ChildFlags.HasVNodeChildren, | ||
); | ||
} | ||
const vNode = createComponentVNode(VNodeFlags.ComponentFunction, MyComponent, { | ||
greeting: 'Hello Community!' | ||
}, null, { | ||
onComponentDidMount() { | ||
console.log("example of did mount hook!") | ||
} | ||
}) | ||
const vNode = createComponentVNode( | ||
VNodeFlags.ComponentFunction, | ||
MyComponent, | ||
{ | ||
greeting: 'Hello Community!', | ||
}, | ||
null, | ||
{ | ||
onComponentDidMount() { | ||
console.log('example of did mount hook!'); | ||
}, | ||
}, | ||
); | ||
@@ -593,3 +616,2 @@ // <div class="example">Hello Community!</div> | ||
`createComponentVNode` arguments explained: | ||
@@ -607,4 +629,2 @@ | ||
### `createTextVNode` (package: 'inferno') | ||
@@ -621,9 +641,5 @@ | ||
createTextVNode( | ||
text, | ||
key | ||
) | ||
createTextVNode(text, key); | ||
``` | ||
### `cloneVNode` (package: `inferno-clone-vnode`) | ||
@@ -636,7 +652,3 @@ | ||
cloneVNode( | ||
vNode, | ||
[props], | ||
[...children] | ||
) | ||
cloneVNode(vNode, [props], [...children]); | ||
``` | ||
@@ -647,4 +659,7 @@ | ||
`cloneVNode()` is almost equivalent to: | ||
```jsx | ||
<VNode.type {...VNode.props} {...props}>{children}</VNode.type> | ||
<VNode.type {...VNode.props} {...props}> | ||
{children} | ||
</VNode.type> | ||
``` | ||
@@ -659,3 +674,8 @@ | ||
const vNode = createVNode(VNodeFlags.HtmlElement, 'div', 'example', 'Hello world!'); | ||
const vNode = createVNode( | ||
VNodeFlags.HtmlElement, | ||
'div', | ||
'example', | ||
'Hello world!', | ||
); | ||
const newVNode = cloneVNode(vNode, { id: 'new' }); // we are adding an id prop to the VNode | ||
@@ -681,2 +701,3 @@ | ||
HTML: | ||
```html | ||
@@ -688,2 +709,3 @@ <div id="root"></div> | ||
Javascript: | ||
```jsx | ||
@@ -715,10 +737,12 @@ const { render, Component, version, createPortal } from 'inferno'; | ||
Results into: | ||
```html | ||
<div id="root"> | ||
<div>Main view ...</div> | ||
<div>Main view ...</div> | ||
</div> | ||
<div id="outside"> | ||
<div>Hello Inferno!</div> | ||
<div>Hello Inferno!</div> | ||
</div> | ||
``` | ||
Cool, huh? Updates (props/context) will flow into "Outsider" component from the App component the same way as any other Component. | ||
@@ -756,3 +780,2 @@ For inspiration on how to use it click [here](https://hackernoon.com/using-a-react-16-portal-to-do-something-cool-2a2d627b0202)! | ||
### `createFragment` (package: `inferno`) | ||
@@ -770,3 +793,2 @@ | ||
Alternative ways to create fragment vNode are: | ||
@@ -778,4 +800,4 @@ | ||
In the below example both fragments are identical except they have different key | ||
In the below example both fragments are identical except they have different key | ||
```jsx | ||
@@ -785,16 +807,16 @@ import { Fragment, render, createFragment } from 'inferno'; | ||
function Foobar() { | ||
return ( | ||
<div $HasKeyedChildren> | ||
{createFragment( | ||
[<div>Ok</div>, <span>1</span>], | ||
ChildFlags.HasNonKeyedChildren, | ||
'key1' | ||
)} | ||
<Fragment key="key2"> | ||
<div>Ok</div> | ||
<span>1</span> | ||
</Fragment> | ||
</div> | ||
); | ||
function Foobar() { | ||
return ( | ||
<div $HasKeyedChildren> | ||
{createFragment( | ||
[<div>Ok</div>, <span>1</span>], | ||
ChildFlags.HasNonKeyedChildren, | ||
'key1', | ||
)} | ||
<Fragment key="key2"> | ||
<div>Ok</div> | ||
<span>1</span> | ||
</Fragment> | ||
</div> | ||
); | ||
} | ||
@@ -805,3 +827,2 @@ | ||
### `forwardRef` (package: `inferno`) | ||
@@ -825,3 +846,3 @@ | ||
<FancyButton | ||
ref={btn => { | ||
ref={(btn) => { | ||
if (btn) { | ||
@@ -846,3 +867,3 @@ // btn variable is the button rendered from FancyButton | ||
hydrate(<div />, document.getElementById("app")); | ||
hydrate(<div />, document.getElementById('app')); | ||
``` | ||
@@ -853,2 +874,3 @@ | ||
### `findDOMNode` (package: `inferno-extras`) | ||
This feature has been moved from inferno to inferno-compat in v6. No options are needed anymore. | ||
@@ -865,2 +887,3 @@ | ||
**VNodeFlags:** | ||
- `VNodeFlags.HtmlElement` | ||
@@ -884,2 +907,3 @@ - `VNodeFlags.ComponentUnknown` | ||
**VNodeFlags Masks:** | ||
- `VNodeFlags.ForwardRefComponent` Functional component wrapped in forward ref | ||
@@ -893,4 +917,4 @@ - `VNodeFlags.FormElement` - Is form element | ||
**ChildFlags** | ||
**ChildFlags** | ||
- `ChildFlags.UnknownChildren` needs Normalization | ||
@@ -904,5 +928,5 @@ - `ChildFlags.HasInvalidChildren` is invalid (null, undefined, false, true) | ||
**ChildFlags Masks** | ||
- `ChildFlags.MultipleChildren` Is Array | ||
### `renderToString` (package: `inferno-server`) | ||
@@ -920,12 +944,12 @@ | ||
| Name | Triggered when | Arguments to callback | | ||
| ----------- | -------------- | ----------------------- | | ||
| `onComponentWillMount` | a functional component is about to mount | | | ||
| `onComponentDidMount` | a functional component has mounted successfully | `domNode` | | ||
| `onComponentShouldUpdate` | a functional component has been triggered to update | `lastProps, nextProps` | | ||
| `onComponentWillUpdate` | a functional component is about to perform an update | `lastProps, nextProps` | | ||
| `onComponentDidUpdate` | a functional component has performed an update | `lastProps, nextProps` | | ||
| `onComponentWillUnmount` | a functional component is about to be unmounted | `domNode` | | ||
| `onComponentDidAppear` | a functional component has mounted and is ready for animations | `domNode, props` | | ||
| `onComponentWillDisappear` | a functional component is unmounted before DOM node is removed | `domNode, props, callback` | | ||
| Name | Triggered when | Arguments to callback | | ||
| -------------------------- | -------------------------------------------------------------- | -------------------------- | | ||
| `onComponentWillMount` | a functional component is about to mount | | | ||
| `onComponentDidMount` | a functional component has mounted successfully | `domNode` | | ||
| `onComponentShouldUpdate` | a functional component has been triggered to update | `lastProps, nextProps` | | ||
| `onComponentWillUpdate` | a functional component is about to perform an update | `lastProps, nextProps` | | ||
| `onComponentDidUpdate` | a functional component has performed an update | `lastProps, nextProps` | | ||
| `onComponentWillUnmount` | a functional component is about to be unmounted | `domNode` | | ||
| `onComponentDidAppear` | a functional component has mounted and is ready for animations | `domNode, props` | | ||
| `onComponentWillDisappear` | a functional component is unmounted before DOM node is removed | `domNode, props, callback` | | ||
@@ -938,16 +962,16 @@ onComponentWillDisappear has special type of argument "callback" which needs to be called when component is ready to be removed from the DOM. fe. after animations are finished. | ||
| Name | Triggered when | Arguments to callback | | ||
| ----------- | -------------- | ----------------------- | | ||
| `componentDidMount` | component has been mounted successfully | | | ||
| `componentWillMount` | component is about to mount | | | ||
| `componentWillReceiveProps` | before render when component updates | `nextProps, context` | | ||
| `shouldComponentUpdate` | component has been triggered to update | `nextProps, nextState` | | ||
| `componentWillUpdate` | component is about to perform an update | `nextProps, nextState, context` | | ||
| `componentDidUpdate` | component has performed an update | `lastProps, lastState, snapshot`| | ||
| `componentWillUnmount` | component is about to be unmounted | | | ||
| `getChildContext` | before render method, return value object is combined to sub tree context | | | ||
| `getSnapshotBeforeUpdate` | before component updates, return value is sent to componentDidUpdate as 3rd parameter | `lastProps, lastState` | | ||
| `static getDerivedStateFromProps` | before render method | `nextProps, state` | | ||
| `componentDidAppear` | component has mounted and is ready for animations | `domNode` | | ||
| `componentWillDisappear` | component is unmounted before DOM node is removed | `domNode, callback` | | ||
| Name | Triggered when | Arguments to callback | | ||
| --------------------------------- | ------------------------------------------------------------------------------------- | -------------------------------- | | ||
| `componentDidMount` | component has been mounted successfully | | | ||
| `componentWillMount` | component is about to mount | | | ||
| `componentWillReceiveProps` | before render when component updates | `nextProps, context` | | ||
| `shouldComponentUpdate` | component has been triggered to update | `nextProps, nextState` | | ||
| `componentWillUpdate` | component is about to perform an update | `nextProps, nextState, context` | | ||
| `componentDidUpdate` | component has performed an update | `lastProps, lastState, snapshot` | | ||
| `componentWillUnmount` | component is about to be unmounted | | | ||
| `getChildContext` | before render method, return value object is combined to sub tree context | | | ||
| `getSnapshotBeforeUpdate` | before component updates, return value is sent to componentDidUpdate as 3rd parameter | `lastProps, lastState` | | ||
| `static getDerivedStateFromProps` | before render method | `nextProps, state` | | ||
| `componentDidAppear` | component has mounted and is ready for animations | `domNode` | | ||
| `componentWillDisappear` | component is unmounted before DOM node is removed | `domNode, callback` | | ||
@@ -972,4 +996,4 @@ componentWillDisappear has special type of argument "callback" which needs to be called when component is ready to be removed from the DOM. fe. after animations are finished. | ||
render( | ||
<FunctionalComponent onComponentDidMount={ mounted } />, | ||
document.getElementById("app") | ||
<FunctionalComponent onComponentDidMount={mounted} />, | ||
document.getElementById('app'), | ||
); | ||
@@ -1106,2 +1130,3 @@ ``` | ||
## Development | ||
If you want to contribute code, fork this project and submit a PR from your fork. To run browser tests you need to build the repos. A complete rebuild of the repos can take >5 mins. | ||
@@ -1129,3 +1154,2 @@ | ||
### Contributors | ||
@@ -1136,3 +1160,2 @@ | ||
### Backers | ||
@@ -1144,3 +1167,2 @@ | ||
### Sponsors | ||
@@ -1160,2 +1182,1 @@ | ||
<a href="https://opencollective.com/inferno/sponsor/9/website" target="_blank"><img src="https://opencollective.com/inferno/sponsor/9/avatar.svg"></a> | ||
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
1121
1.91%585016
-0.1%12121
-0.11%+ Added
- Removed