pejava.js/index.js

Javascript ecosystem pejava.js

Object.defineProperty(exports,"__esModule",{value:!0});const react_dom_1=require("react-dom"),react_1=require("react");exports.AbstractComponent=void 0;class AbstractComponent extends react_1.PureComponent{constructor(t){super(t);this._cnt=0;this.app=t.app;this.target=t.target;this.target.target(this);this.handleEvent=this.handleEvent.bind(this)}className(){return this.target&&this.target._className||""}componentWillUnmount(){this.target.target(void 0)}componentDidMount(){this.target._mounted=!0;this.target._className+=" mnt";this.target._key&&document.getElementById(this.target._key.toString()).classList.add("mnt")}componentDidUpdate(){this.target.updated()}refresh(t){t&&this._cnt++;if(this.target&&this.target._mounted){this.timeoutId&&window.clearTimeout(this.timeoutId);this.timeoutId=window.setTimeout(()=>{this.forceUpdate();this.timeoutId=void 0},0)}}trigger(t){this.app.trigger(t)}handleEvent(t){this.target&&this.target.trigger(new Action(t,this.target,t.target))}events(){var t;return null===(t=this.target.events())||void 0===t?void 0:t.reduce((t,e)=>{t[e]=this.handleEvent;return t},{})}setKey(t){t._key||(t._key=this.app.genKey());return t._key.toString()}}exports.AbstractComponent=AbstractComponent;exports.BoxComponent=void 0;class BoxComponent extends AbstractComponent{popup(){if(this.target._popup)return react_1.createElement("div",{className:"popup-window"},react_1.createElement("div",{className:"popup-wrapper wrapper"},this.app.build(this.target.popup())))}html(){return react_1.createElement("div",{className:"wrapper blocks-wrapper"},this.target.children().map(t=>this.app.build(t)))}render(){return react_1.createElement("div",Object.assign({_cnt:this._cnt,className:this.className(),id:this.setKey(this.target)},this.events()),this.html(),this.popup())}}exports.BoxComponent=BoxComponent;exports.FieldComponent=void 0;class FieldComponent extends AbstractComponent{title(){if(this.target._title)return react_1.createElement("p",null,this.target.title())}error(){if(this.target._error)return react_1.createElement("p",{className:"error"},this.target.error())}comment(){if(this.target._comment)return react_1.createElement("p",{className:"comment"},this.target.comment())}value(){return this.target._value||""}wrapper(t){return react_1.createElement("div",{_cnt:this._cnt,className:"block-item block-"+this.target.constructor.__class__,id:this.setKey(this.target)},this.title(),react_1.createElement("div",{className:"input"},t),this.error(),this.comment())}element(){return react_1.createElement(react_1.Fragment,null)}render(){return this.wrapper(this.element())}}exports.FieldComponent=FieldComponent;exports.SelectComponent=void 0;class SelectComponent extends FieldComponent{constructor(t){super(t);this._ref=react_1.createRef();this._cnt=0}componentDidMount(){super.componentDidMount();this.target&&this._ref.current&&(this._ref.current.selectedIndex=this.target.index())}componentDidUpdate(){super.componentDidUpdate();this.target&&this._ref.current&&(this._ref.current.selectedIndex=this.target.index())}refresh(){this._cnt++;super.refresh()}element(){return react_1.createElement("div",{className:this.className()},react_1.createElement("select",Object.assign({},this.events(),{ref:this._ref,disabled:this.target.disabled()}),this.target.list().map((t,e)=>react_1.createElement("option",{key:this.setKey(t),value:t.value(),disabled:t.disabled()},t.title()))),react_1.createElement("span",null,""))}}exports.SelectComponent=SelectComponent;exports.ApplicationComponent=void 0;class ApplicationComponent extends BoxComponent{constructor(t){super(t);this.onload=t.onload;this._ref=react_1.createRef()}componentDidMount(){super.componentDidMount();this.onload(this.target)}ref(){return this._ref?this._ref.current:null}static createProperties(t,e){e||(e=new Application({}));return{onload:t,app:e,target:e}}html(){return react_1.createElement("div",{className:"wrapper"},this.target.children().map(t=>this.app.build(t)))}render(){return react_1.createElement("div",Object.assign({className:this.className(),id:this.setKey(this.target),ref:this._ref},this.events(),{_cnt:this._cnt}),this.html(),this.popup())}}exports.ApplicationComponent=ApplicationComponent;exports.Application&&(Application.component=ApplicationComponent);exports.BootComponent=void 0;class BootComponent extends Object{constructor(...t){super();this._init=!1;this._load=!1;let e="root";for(let i=0;i<t.length;i++)t[i]instanceof Function?this._cb=t[i]:"string"!=typeof t[i]||(e=t[i]);this.initReactDOM(e)}initReactDOM(t="root"){"complete"!==window.document.readyState?window.onload=(()=>this._initReactDOM(t)):this._initReactDOM(t)}_initReactDOM(t="root"){if(this._init)return;this.onLoad=this.onLoad.bind(this);let e=ApplicationComponent.createProperties(this.onLoad);react_dom_1.render(react_1.createElement(ApplicationComponent,Object.assign({},e)),document.getElementById(t));this._init=!0}onLoad(t){if(!this._load){this._load=!0;this.initRegister();this.initServices(t);this.eventReady(t)}}initRegister(){Application.register(Box);Application.register(Input);Application.register(Button);Application.register(Items);Application.register(Menu);Application.register(Container);Application.register(Select);Application.register(CheckBox);Application.register(Radio);Application.register(Textarea);Application.register(Img);Application.register(Picture);Application.register(PieChart);Application.register(Preloader);Application.register(Fields);Application.register(Action);Application.register(Item);Application.register(Listener);Application.register(Txt)}initServices(t){t.service("swiper",new ToucheListener);t.service("gridColumns",new GridColumns);t.service("req",new Req);t.service("dnd",new Dnd)}eventReady(t){const e=new CustomEvent("app",{detail:t});if("complete"!==window.document.readyState)document.addEventListener("DOMContentLoaded",()=>{this._cb&&this._cb.call(null,t);document.dispatchEvent(e)});else{this._cb&&this._cb.call(null,t);document.dispatchEvent(e)}}}exports.BootComponent=BootComponent;exports.ButtonComponent=void 0;class ButtonComponent extends AbstractComponent{render(){return react_1.createElement("button",Object.assign({_cnt:this._cnt,id:this.setKey(this.target)},this.events(),{className:this.className(),disabled:this.target.disabled()}),this.target.label())}}exports.ButtonComponent=ButtonComponent;exports.CheckBoxComponent=void 0;class CheckBoxComponent extends FieldComponent{constructor(t){super(t)}refresh(){super.refresh()}forId(){var t,e;return(null===(t=this.target)||void 0===t?void 0:t._key)?null===(e=this.target)||void 0===e?void 0:e._key.toString():""}element(){return react_1.createElement("div",{className:this.className()},react_1.createElement("input",Object.assign({id:this.forId()+"_1",_cnt:this._cnt,type:"checkbox",checked:this.target.checked(),disabled:this.target.disabled()},this.events())),react_1.createElement("label",{htmlFor:this.forId()+"_1"},this.target.placeholder()))}wrapper(t){return react_1.createElement("div",{className:"block-item block-"+this.target.constructor.__class__,id:this.forId()},this.title(),t,this.error())}}exports.CheckBoxComponent=CheckBoxComponent;exports.ContainerComponent=void 0;class ContainerComponent extends BoxComponent{html(){return react_1.createElement(react_1.Fragment,null,react_1.createElement("div",{className:"header"+(this.target.icon()?" icon icon-"+this.target.icon():"")},react_1.createElement("div",{className:"title"},react_1.createElement("h1",null,this.target.title()),react_1.createElement("h2",null,this.target.description())),this.target.buttons()&&this.app.build(this.target.buttons())),react_1.createElement("div",{className:"blocks"},react_1.createElement("div",{className:"blocks-wrapper wrapper"},this.target.children().map(t=>this.app.build(t)))),this.footer())}footer(){return this.target.footer()?react_1.createElement("div",{className:"footer-container"},this.app.build(this.target.footer())):react_1.createElement(react_1.Fragment,null)}}exports.ContainerComponent=ContainerComponent;exports.FieldsComponent=void 0;class FieldsComponent extends FieldComponent{wrapper(t){return react_1.createElement("div",Object.assign({_cnt:this._cnt},this.events(),{className:"block-item "+this.className(),id:this.setKey(this.target)}),this.title(),t,this.error())}element(){return react_1.createElement("div",{className:"input wrapper"},this.target.children().map(t=>this.app.build(t)))}}exports.FieldsComponent=FieldsComponent;exports.IframeComponent=void 0;class IframeComponent extends AbstractComponent{render(){return react_1.createElement("iframe",Object.assign({_cnt:this._cnt,id:this.setKey(this.target)},this.events(),{className:this.className(),src:this.target.url()}))}}exports.IframeComponent=IframeComponent;exports.ImgComponent=void 0;class ImgComponent extends AbstractComponent{render(){return react_1.createElement("img",Object.assign({_cnt:this._cnt},this.events(),{alt:"",id:this.setKey(this.target),className:this.className(),src:this.target.url()}))}}exports.ImgComponent=ImgComponent;exports.InputComponent=void 0;class InputComponent extends FieldComponent{constructor(t){super(t);this.state={value:this.target.value()||""}}element(){return react_1.createElement(react_1.Fragment,null,react_1.createElement("input",Object.assign({},this.events(),{className:this.className(),type:this.target.propType()||"text",value:this.state.value,disabled:this.target.disabled(),required:"required",placeholder:this.target.placeholder()})),react_1.createElement("span",null,this.target.placeholder()))}}exports.InputComponent=InputComponent;exports.ItemsComponent=void 0;class ItemsComponent extends AbstractComponent{render(){return react_1.createElement("div",Object.assign({_cnt:this._cnt,id:this.setKey(this.target),className:this.className()},this.events()),this.target.list().map(t=>react_1.createElement("div",{key:this.setKey(t)},react_1.createElement("span",{className:"title"},t.title()),react_1.createElement("span",{className:"comment"},t.comment()))))}}exports.ItemsComponent=ItemsComponent;exports.MenuComponent=void 0;class MenuComponent extends AbstractComponent{render(){return react_1.createElement("div",Object.assign({_cnt:this._cnt,id:this.setKey(this.target),className:this.className()},this.events()),this.target.list().map(t=>react_1.createElement("a",{key:this.setKey(t),className:t.className,_key:t._key.toString(),id:t._key.toString(),target:t.href()?"_blank":void 0,href:t.href()||void 0},t.label()&&react_1.createElement("span",{className:"link"},t.label()),t.url()&&react_1.createElement("span",{className:"img",style:{backgroundImage:`url(${t.url()})`}}),react_1.createElement("span",{className:"title",_key:t._key.toString()},t.title()),t.comment()&&react_1.createElement("span",{className:"comment",_key:t._key.toString()},t.comment()))))}}exports.MenuComponent=MenuComponent;exports.PictureComponent=void 0;class PictureComponent extends AbstractComponent{render(){return react_1.createElement("div",Object.assign({_cnt:this._cnt,id:this.setKey(this.target)},this.events(),{className:this.className(),style:{backgroundImage:`url(${this.target.url()})`}}),react_1.createElement("span",null))}}exports.PictureComponent=PictureComponent;exports.PieChartComponent=void 0;class PieChartComponent extends AbstractComponent{polarToCartesian(t){let e=(t-90)*Math.PI/180;return{y:500+450*Math.sin(e),x:500+450*Math.cos(e)}}indicator(t,e){e>=360&&(e=359.99999);let i=this.polarToCartesian(-e),s=this.polarToCartesian(t),n=e-t<=180?0:1;return["M",i.x,i.y,"A",450,450,0,n,1,s.x,s.y].join(" ")}render(){let t=0;return react_1.createElement("div",Object.assign({_cnt:this._cnt,id:this.setKey(this.target),className:this.className()},this.events()),react_1.createElement("svg",{viewBox:"0 0 1000 1000"},react_1.createElement("circle",{cx:"500",cy:"500",r:"300"}),this.target.list().map(e=>react_1.createElement("path",{className:e.color()||"color-ok",key:this.setKey(e),d:this.indicator(0,t+=e.num())})).reverse()),react_1.createElement("div",null,this.target.list().map(t=>react_1.createElement("span",{className:t.color()||"color-ok",key:"_"+this.setKey(t)},t.title()))))}}exports.PieChartComponent=PieChartComponent;exports.PreloaderComponent=void 0;class PreloaderComponent extends AbstractComponent{render(){return react_1.createElement("div",{_cnt:this._cnt,className:this.className(),id:this.setKey(this.target)},this.target.label()||"")}}exports.PreloaderComponent=PreloaderComponent;exports.RadioComponent=void 0;class RadioComponent extends SelectComponent{wrapper(t){return react_1.createElement("div",{_cnt:this._cnt,className:"block-item"+(" "+this.target.layout()||""),id:this.setKey(this.target)},this.title(),react_1.createElement("div",Object.assign({},this.events(),{className:"wrapper"}),t),this.error())}element(){return react_1.createElement(react_1.Fragment,null,this.target.list().map(t=>react_1.createElement("div",{className:this.className(),key:this.setKey(t)},react_1.createElement("input",{type:"radio",id:t._key.toString(),value:t.value(),defaultChecked:t.active()}),react_1.createElement("label",{htmlFor:t._key.toString()},t.title()))))}}exports.RadioComponent=RadioComponent;exports.TextareaComponent=void 0;class TextareaComponent extends FieldComponent{constructor(t){super(t);this.state={value:this.target.value()||""}}element(){return react_1.createElement("textarea",Object.assign({},this.events(),{className:this.className(),placeholder:this.target.placeholder(),value:this.state.value,disabled:this.target.disabled()}))}}exports.TextareaComponent=TextareaComponent;exports.TxtComponent=void 0;class TxtComponent extends AbstractComponent{render(){return this.target._isText?react_1.createElement("span",{className:this.className(),id:this.setKey(this.target)},this.target.text()):react_1.createElement("span",Object.assign({_cnt:this._cnt,className:this.className(),id:this.setKey(this.target)},this.events(),{dangerouslySetInnerHTML:{__html:this.target.text()||""}}))}}exports.TxtComponent=TxtComponent;exports.AbstractElement=void 0;class AbstractElement{constructor(t){if(t){this.__className=t.className||"";void 0!=t.data&&this.data(t.data)}}_addAfterEvent(t){t.after=!0;(this._afterEvents||(this._afterEvents=[]))&&this._afterEvents.push(t);this._target&&this._target.refresh(!0);return t}target(t){if(arguments.length&&this._target!==t){this._target=t;this.className(this.__className)}return this._target}data(t){arguments.length&&(this._data=t);return this._data}className(t,e){if(arguments.length){this.__className=t?" "+t:"";this._className=this.constructor.__class__+this.__className;this._mounted&&(this._className+=" mnt");!e&&this.refresh()}return this._className}refresh(){this._target&&this._mounted&&this._target.refresh()}updated(){if(this._afterEvents){for(let t=0;t<this._afterEvents.length;t++)this.trigger(this._afterEvents[t],!0);this._afterEvents=void 0}}listeners(){return this._listeners}events(){return this._events}_indexEvents(){var t,e;let i={};null===(t=this._listeners)||void 0===t||t.forEach(t=>{t.event&&t.event.toLowerCase()in window.document&&(i[t.event]=1)});this._events=Object.keys(i).sort();this._events.length||(this._events=void 0);null===(e=this._target)||void 0===e||e.refresh()}addListener(t){!this._listeners&&(this._listeners=[]);this._listeners.push(t);this._indexEvents()}removeListener(t){var e;if(this._listeners){this._listeners=null===(e=this._listeners)||void 0===e?void 0:e.filter(e=>e!==t);this._indexEvents()}}removeListeners(){this._listeners=void 0;this._events=void 0}trigger(t,e){if("string"==typeof t){t=new Action(t,this);e&&(t.after=!0)}if(!this._listeners||!this._listeners.length)return t;let i=0;for(let s=this._listeners.length-1;s>=0;s--)if(!e==!this._listeners[s].after){t.name===this._listeners[s].event&&this._listeners[s].trigger(t);if(t.stop)return t}else t.name===this._listeners[s].event&&i++;i&&!e&&this._addAfterEvent(t.clone(!0));return t}listen(...t){let e=new Listener;for(let i=0;i<arguments.length;i++)"string"==typeof t[i]?e.event=t[i]:t[i]instanceof Function?e.cb=t[i]:"boolean"==typeof t[i]&&(e.after=t[i]);this.addListener(e);return e}}exports.AbstractElement=AbstractElement;AbstractElement.__class__="Abstract";AbstractElement.component=AbstractComponent;exports.Action=void 0;class Action{constructor(t,e,i,s){this.target=e;if("string"==typeof t||t instanceof String)this.name=t.toString();else{this.event=t;this.name=t._reactName||"on"+t.type[0].toUpperCase()+t.type.substr(1)}this.listeners=0;this.after=s;Object.defineProperty(this,"target",{enumerable:!0,configurable:!1,writable:!1,value:e});Object.defineProperty(this,"event",{enumerable:!0,configurable:!1,writable:!1,value:t});if(i){this.ref=i;Object.defineProperty(this,"ref",{enumerable:!0,configurable:!1,writable:!1,value:i})}}clone(t){return new Action(this.event||this.name,this.target,this.ref,arguments.length?t:this.after)}}exports.Action=Action;Action.__class__="Action";exports.Box=void 0;class Box extends AbstractElement{constructor(t){super(t);this._children=t.children||[];t.layout&&(this._layout=t.layout)}children(t){if(t){this._children=t;this.refresh()}return this._children}length(t){if(void 0!==t&&t>=0)for(let e=this._children.length;e>t;e--)this.pop();return this._children.length}_checkInvalidItem(t){if(t===this){console.error("You tried to append element to himself",this._target);throw new Error("You tried to append element to himself")}return!1}push(t){this._checkInvalidItem(t);if(!this.trigger(new Action("onAdd",t)).stop){this._children.push(t);this.refresh();return t}}unshift(t){this._checkInvalidItem(t);if(!this.trigger(new Action("onAdd",t)).stop){this._children.unshift(t);this.refresh();return t}}shift(){if(!this._children.length)return;if(this.trigger(new Action("onRemove",this._children[0])).stop)return;let t=this._children.shift();this.refresh();return t}pop(){if(!this._children.length)return;if(this.trigger(new Action("onRemove",this._children[this._children.length-1])).stop)return;let t=this._children.pop();this.refresh();return t}remove(t){t instanceof AbstractElement&&(t=this._children.indexOf(t));if(t<0||t>=this._children.length)return;if(this.trigger(new Action("onRemove",this._children[t])).stop)return;let e=this._children.splice(t,1);this.refresh();return e[0]}get(t){if(!(t>=this._children.length||t<0))return this._children[t]}last(t){if(t){let e=this._children.indexOf(t);if(-1===e)return;for(let t=this._children.length-1;t>e;t--)this.pop()}if(this._children.length)return this._children[this._children.length-1]}popup(t,e){if(arguments.length){this._popup_listener&&this.removeListener(this._popup_listener);this._popup=t;this._closeble=e;t&&e&&(this._popup_listener=this.listen("onClick",this._popupListener.bind(this)));this.className(this.__className)}return this._popup}_popupListener(t){t.ref.classList.contains("popup-window")&&this.popup(void 0)}className(t,e){if(arguments.length){this.__className=t?" "+t:"";this._target?this._className=this.constructor.__class__+(this.__className?" "+this.__className:""):this._className=t;this._mounted&&(this._className+=" mnt");this._popup&&(this._className+=" popup");this._layout&&(this._className+=" "+this._layout);!e&&this.refresh()}return this._className}layout(t){if(arguments.length){this._layout=t;this.className(this.__className)}return this._layout}form(t=[],e){for(let i=0;i<this._children.length;i++)this._children[i].form&&this._children[i].form instanceof Function?this._children[i].form(t,e):this._children[i]instanceof Field&&this._children[i].name()&&(!this._children[i].disabled()||e)&&t.push([this._children[i].name(),this._children[i].value()]);return t}data(t={},e){for(let i=0;i<this._children.length;i++)this._children[i].form&&this._children[i].form instanceof Function?this._children[i].data(t,e):this._children[i]instanceof Field&&this._children[i].name()&&(!this._children[i].disabled()||e)&&(t[this._children[i].name()]=this._children[i].value());return t}valid(t=[],e){for(let i=0;i<this._children.length;i++)this._children[i]instanceof Box?this._children[i].valid(t,e):this._children[i]instanceof Field&&(!this._children[i].disabled()||e)&&(this._children[i].valid(t,e)||t.push(this._children[i]));return t}find(t,e=[]){for(let i=0;i<this._children.length;i++){if(this._children[i]._key==t){e.push(this._children[i]);return this._children[i]}if(this._children[i].find){this._children[i].find(t,e);if(e.length)return e[0]}}}move(t,e){console.log(t," to ",e);if(t!==e&&0<=t&&t<=this._children.length&&0<=e&&e<=this._children.length){let i,s=this._children[t];if(t<e)for(i=t;i<e;i++)this._children[i]=this._children[i+1];else for(i=t;i>e;i--)this._children[i]=this._children[i-1];this._children[e]=s;this.refresh();return!0}return!1}position(t){if(this._children.length)for(let e=0;e<this._children.length;e++)if(t===this._children[e])return e}destroy(){for(let t=0;t<this._children.length;t++)this._children[t]instanceof Box?this._children[t].destroy():super.removeListeners()}}exports.Box=Box;Box.__class__="Box";Box.component=BoxComponent;exports.Item=void 0;class Item{constructor(t){t.target&&(this.target=t.target);void 0!==t.title&&this.title(t.title,!0);void 0!==t.comment&&this.comment(t.comment,!0);void 0!==t.label&&this.label(t.label,!0);void 0!==t.num&&this.num(t.num,!0);void 0!==t.value&&this.value(t.value,!0);void 0!==t.href&&this.href(t.href,!0);void 0!==t.icon&&this.icon(t.icon,!0);t.color&&this.color(t.color,!0);void 0!==t.link&&this.link(t.link,t.link);void 0!==t.url&&this.url(t.url,!0);void 0!==t.active&&this.active(t.active,!0);void 0!==t.disabled&&this.disabled(t.disabled,!0);this._initClasses()}set target(t){this._target=t;this._target&&this._initClasses()}get target(){return this._target}value(t,e){if(arguments.length){this._value=t;!e&&this._initClasses(e)}return this._value}href(t,e){if(arguments.length){this._href=t;!e&&this._initClasses(e)}return this._href}num(t,e){arguments.length&&this.value(t.toString(),e);return this._value?parseFloat(this._value):0}title(t,e){if(arguments.length){this._title=t;!e&&this._initClasses(e)}return this._title}comment(t,e){if(arguments.length){this._comment=t;!e&&this._initClasses(e)}return this._comment}label(t,e){if(arguments.length){this._label=t;!e&&this._initClasses(e)}return this._label}icon(t,e){if(arguments.length){this._icon=t;!e&&this._initClasses(e)}return this._icon}url(t,e){if(arguments.length){this._url=t;!e&&this._initClasses(e)}return this._url}color(t,e){if(arguments.length){this._color=t;!e&&this._initClasses(e)}return this._color}link(t,e){if(arguments.length){this._link=t;!e&&this._initClasses(e)}return this._link}active(t,e,i){if(arguments.length){this._active=t;this._initClasses(!0);this.target&&!i&&this.target.active(this,e,!0)}return this._active}disabled(t,e,i){if(arguments.length){this._disabled=t;!e&&this._initClasses(e)}return this._disabled}_initClasses(t){this._className=((this._icon&&"icon icon-"+this._icon)+(this._color?" "+this._color:"")+(this._active?" active":"")+(this._value?" value":"")+(this._href?" href":"")+(this._url?" url":"")+(this._link?" link":"")).trim();this.target&&!t&&this.target.refresh()}get className(){return this._className||""}}exports.Item=Item;Item.__class__="Item";exports.Field=void 0;class Field extends AbstractElement{constructor(t){super(t);if(t){void 0!==t.title&&(this._title=t.title);void 0!==t.value&&(this._value=t.value);void 0!==t.name&&(this._name=t.name);t.status&&(this._status=t.status);void 0!==t.error&&(this._error=t.error);void 0!==t.comment&&(this._comment=t.comment);t.disabled&&(this._disabled=t.disabled);void 0!==t.placeholder&&(this._placeholder=t.placeholder);t.validator&&this.validator(t.validator)}}className(t,e){if(arguments.length){super.className(t,!0);this._status&&(this._className+=" "+this._status);this._disabled&&(this._className+=" disabled");!e&&this.refresh()}return this._className}status(t){if(arguments.length){this._status=t;this.className(this.__className)}return this._status}title(t){if(arguments.length){this._title=t;this.refresh()}return this._title}placeholder(t){if(arguments.length){this._placeholder=t;this.refresh()}return this._placeholder}name(t){arguments.length&&(this._name=t);return this._name}value(t){if(arguments.length){this._value=t;this.refresh()}return this._value}error(t){if(arguments.length){this._error=t;this.refresh()}return this._error}comment(t){if(arguments.length){this._comment=t;this.refresh()}return this._comment}disabled(t){if(arguments.length){this._disabled=t;this.className(this.__className)}return this._disabled}valid(){return!this._validator||this._validator.valid(this)}validator(t){if(arguments.length){this._validator=t;this.refresh()}return this._validator}}exports.Field=Field;Field.__class__="Field";Field.component=FieldComponent;exports.Fields=void 0;class Fields extends Field{constructor(t){super(t);this._children=t.children||[];if(t.dnd_remove){this.dnd(!0);this.dndRemove(!0)}else this.dnd(t.dnd)}target(t){super.target(t);this._initDnd();return this._target}className(t,e){if(arguments.length){super.className(t,!0);this._dnd&&(this._className+=" dnd");!e&&this.refresh()}return this._className}children(t){return this._children}dnd(t){if(arguments.length){this._dnd=!!t;this._initDnd();this.className(this.__className)}return this._dnd}dndRemove(t){arguments.length&&(this._dnd_remove=!!t);return this._dnd_remove}_initDnd(){if(!(!this._target||this._dndListener&&this._dnd))if(!this._dndListener||this._dnd)this._dnd&&(this._dndListener=this.listen("onMouseDown",t=>this._target.app.service("dnd").handlerMouseDown(t)));else{this.removeListener(this._dndListener);this._dndListener=void 0}}length(){return 0}push(t){}unshift(t){}shift(){}pop(){}remove(t){}last(t){}get(t){}popup(t,e){}form(t=[],e){return[]}data(t={},e){}find(t,e=[]){}valid(t,e){return!1}layout(t){}move(t,e){return!1}_checkInvalidItem(t){return!0}}exports.Fields=Fields;Fields.__class__="Fields";Fields.component=FieldsComponent;Fields.prototype.valid=Box.prototype.valid;Fields.prototype.children=Box.prototype.children;Fields.prototype.length=Box.prototype.length;Fields.prototype.push=Box.prototype.push;Fields.prototype.unshift=Box.prototype.unshift;Fields.prototype.shift=Box.prototype.shift;Fields.prototype.pop=Box.prototype.pop;Fields.prototype.remove=Box.prototype.remove;Fields.prototype.get=Box.prototype.get;Fields.prototype.last=Box.prototype.last;Fields.prototype.popup=Box.prototype.popup;Fields.prototype.form=Box.prototype.form;Fields.prototype.data=Box.prototype.data;Fields.prototype.find=Box.prototype.find;Fields.prototype.layout=Box.prototype.layout;Fields.prototype.move=Box.prototype.move;Fields.prototype._checkInvalidItem=Box.prototype._checkInvalidItem;exports.Menu=void 0;class Menu extends AbstractElement{constructor(t){super(t||{});if(t&&t.list){this.list(t.list);t.value&&this.value(t.value)}else this.list([]);if(t)if(t.dnd_remove){this.dnd(!0);this.dndRemove(!0)}else this.dnd(t.dnd);this.listen("onClick",this.onClick.bind(this))}onClick(t){if(!t.ref||!t.target||t.stop)return;let e=t.ref.getAttribute("_key");if(void 0===e||null===e){!this.trigger(new Action("onSelect",this)).stop&&this.index(void 0);return}let i=parseInt(e);for(let t=0;t<this._list.length;t++)if(this._list[t]._key===i){this._nextIndex=t;this.trigger(new Action("onSelect",this)).stop||this.index(t);this._nextIndex=void 0;return}this.index(void 0)}target(t){}className(t,e){}dnd(t){}dndRemove(t){}_initDnd(){}list(t){if(t){this.index(void 0);let e;t.forEach((t,i)=>{t.target=this;t.active()&&(e=i)});this._list=t;void 0!==e&&this.index(e);this.refresh()}return this._list}nextIndex(){return this._nextIndex}index(t,e,i){if(arguments.length){if(this._index===t)return;void 0!==this._index&&this._list[this._index]&&this._list[this._index].active(!1,e,!0);void 0!==t&&(t>=this._list.length||t<0?t=void 0:i||this._list[t].active(!0,e,!0));this._index=t;!e&&this.refresh()}return this._index}active(t,e,i){if(arguments.length){if(void 0!==this._index){if(t===this._list[this._index])return;this.index(void 0,e,!0)}void 0!==t&&this.index(this._list.indexOf(t),e,i)}else if(void 0!==this._index)return this._list[this._index]}value(t,e){if(arguments.length){void 0!==this._index&&this.index(void 0,e);for(let i=0;i<this._list.length;i++)if(this._list[i].value()===t){this.index(i,e);break}}else if(void 0!==this._index)return this._list[this._index].value()}push(...t){t.forEach(t=>t.target=this);let e=this._list.push(...t);this.refresh();return e}unshift(...t){t.forEach(t=>t.target=this);let e=this._list.unshift(...t);this.refresh();return e}shift(){let t=this._list.shift();t&&(t.target=void 0);this.refresh();return t}pop(){let t=this._list.pop();t&&(t.target=void 0);this.refresh();return t}remove(t){if(t instanceof Item){let e=this._list.length;this._list=this._list.filter(e=>e!==t);if(e===this._list.length)return;t.target=void 0;this.refresh();return t}let e=this._list.splice(t,1);if(e.length){this.refresh();return e[0]}}get(t){if(!(t>=this._list.length||t<0))return this._list[t]}find(t){for(let e=0;e<this._list.length;e++)if(this._list[e]._key==t)return this._list[e]}move(t,e){if(t!==e&&0<=t&&t<=this._list.length&&0<=e&&e<=this._list.length){let i,s=this._list[t];if(t<e)for(i=t;i<e;i++)this._list[i]=this._list[i+1];else for(i=t;i>e;i--)this._list[i]=this._list[i-1];this._list[e]=s;this.refresh();return!0}return!1}}exports.Menu=Menu;Menu.__class__="Menu";Menu.component=MenuComponent;Menu.prototype._initDnd=Fields.prototype._initDnd;Menu.prototype.dnd=Fields.prototype.dnd;Menu.prototype.dndRemove=Fields.prototype.dndRemove;Menu.prototype.className=Fields.prototype.className;Menu.prototype.target=Fields.prototype.target;exports.Select=void 0;class Select extends Field{constructor(t){super(t);this.listen("onChange",this.onChange.bind(this));if(t){this._list=t.list||[];this.list(this._list);t.value&&this.value(t.value)}else this._list=[]}trigger(t,e){let i=super.trigger(t,e);t.stop&&t.ref&&!e&&(void 0===this._index?t.ref.selectedIndex=-1:t.ref.selectedIndex=this._index);return i}onChange(t){if(t.ref&&t.target&&!t.stop){this.index(t.ref.selectedIndex,!0);this.refresh()}}list(t){return this._list}index(t,e){}value(t,e){}active(t){}nextIndex(){}push(...t){return 1}unshift(...t){return 1}shift(){}pop(){}remove(t){}get(t){}dnd(t){}dndRemove(t){}find(t){}move(t,e){return!1}}exports.Select=Select;Select.__class__="Select";Select.component=SelectComponent;Select.prototype.list=Menu.prototype.list;Select.prototype.index=Menu.prototype.index;Select.prototype.value=Menu.prototype.value;Select.prototype.active=Menu.prototype.active;Select.prototype.nextIndex=Menu.prototype.nextIndex;Select.prototype.push=Menu.prototype.push;Select.prototype.unshift=Menu.prototype.unshift;Select.prototype.shift=Menu.prototype.shift;Select.prototype.pop=Menu.prototype.pop;Select.prototype.remove=Menu.prototype.remove;Select.prototype.get=Menu.prototype.get;Select.prototype.move=Menu.prototype.move;exports.Img=void 0;class Img extends AbstractElement{constructor(t){if(t instanceof Object){super(t);t.url&&(this._url=t.url)}else if("string"==typeof t){super({});this._url=t}else super({})}url(t){if(arguments.length){this._url=t;this.refresh()}return this._url}}exports.Img=Img;Img.__class__="Img";Img.component=ImgComponent;exports.Application=void 0;class Application extends Box{constructor(){super(...arguments);this._services=[];this._increment_key=0}genKey(){return++this._increment_key}service(t,e){if(0===arguments.length)return this._services;if(1===arguments.length)return t&&this._services[t]?this._services[t]:void 0;if(!t||!e||"string"!=typeof t)throw new Error(`Wrong first argument for method service(String, ObjectInstance). Got: ${t}`);this._services[t]=e;Application._register[e.constructor.__class__]=e.constructor;e.mounted&&"function"==typeof e.mounted&&e.mounted(this)}static register(t){Application._register[t.__class__]=t}build(t){if(!t.key){Object.defineProperty(t,"_key",{enumerable:!0,configurable:!1,writable:!1,value:this.genKey()});Object.defineProperty(t,"key",{enumerable:!0,configurable:!1,writable:!1,value:this._key})}return t.constructor.component?react_1.createElement(t.constructor.component,{app:this,target:t,key:t._key}):react_1.createElement(AbstractComponent,{app:this,target:t,key:t._key})}export(t){Object.assign(t,Application._register)}}exports.Application=Application;Application.__class__="Application";Application._register={Item:Item,EnumIconColor:EnumIconColor,EnumColor:EnumColor,EnumStatus:EnumStatus,EnumLayout:EnumLayout,EnumContainer:EnumContainer};exports.ApplicationComponent&&(Application.component=ApplicationComponent);exports.Button=void 0;class Button extends AbstractElement{constructor(t){if("string"==typeof t){super({});this._label=t}else{t||(t={});super(t);this._label=t.label||"";t.disabled&&(this._disabled=t.disabled);t.onClick&&this.listen("onClick",e=>t.onClick(e))}}label(t){if(arguments.length){this._label=t||"";this.refresh()}return this._label}disabled(t){if(arguments.length){this._disabled=t;this.className(this.__className)}return this._disabled}}exports.Button=Button;Button.__class__="Button";Button.component=ButtonComponent;exports.CheckBox=void 0;class CheckBox extends Field{constructor(t){super(t);if(t){this._checked=t.checked||!1;this.default(t.default);this.listen("onChange",this.onChange.bind(this))}}value(t){if(arguments.length){this._value=t;this.refresh()}return this._checked?this._value:this._default}storedValue(){return this._value}default(t){if(arguments.length){this._default=t;this.refresh()}return this._default}onChange(t){if(t.ref&&t.target&&!t.stop){this._checked=t.ref.checked;this.refresh()}}checked(t){if(arguments.length){this._checked=!!t;this.refresh()}return this._checked}}exports.CheckBox=CheckBox;CheckBox.__class__="CheckBox";CheckBox.component=CheckBoxComponent;exports.Container=void 0;class Container extends Box{constructor(t){super(t);this._title=t.title||"";this._description=t.description||"";this._icon=t.icon;t.buttons&&this.buttons(new Fields({children:t.buttons}))}icon(t){if(arguments.length){this._icon=t||"";this.refresh()}return this._icon}buttons(t){if(arguments.length){this._buttons=t;this.refresh()}return this._buttons}title(t){if(arguments.length){this._title=t||"";this.refresh()}return this._title}description(t){if(arguments.length){this._description=t||"";this.refresh()}return this._description}footer(t){if(arguments.length){this._footer=t;this.className(this.__className)}return this._footer}className(t,e){if(arguments.length){super.className(t,!0);this._footer&&(this._className+=" footer");!e&&this.refresh()}return this._className}}exports.Container=Container;Container.__class__="Container";Container.component=ContainerComponent;exports.EnumLayout=exports.EnumIconColor=exports.EnumColor=exports.EnumStatus=exports.EnumContainer=exports.EnumPicture=void 0;var EnumPicture,EnumContainer,EnumStatus,EnumColor,EnumIconColor,EnumLayout;(function(t){t.ROUND="round"})(EnumPicture=exports.EnumPicture||(exports.EnumPicture={}));(function(t){t.PADDING="padding";t.MARGIN="margin";t.CENTER="center";t.LEFT="left";t.RIGHT="right"})(EnumContainer=exports.EnumContainer||(exports.EnumContainer={}));(function(t){t.OK="ok";t.ERROR="error";t.ACCENT="accent";t.WARN="warn"})(EnumStatus=exports.EnumStatus||(exports.EnumStatus={}));(function(t){t.OK="color-ok";t.ERROR="color-error";t.ACCENT="color-accent";t.WARN="color-warn"})(EnumColor=exports.EnumColor||(exports.EnumColor={}));(function(t){t.OK="icon-color-ok";t.ERROR="icon-color-error";t.ACCENT="icon-color-accent";t.WARN="icon-color-warn"})(EnumIconColor=exports.EnumIconColor||(exports.EnumIconColor={}));(function(t){t.ELEMENTS_SMALL="elements-small";t.ELEMENTS_MEDIUM="elements-medium";t.ELEMENTS_BIG="elements-big";t.ELEMENTS_HUGE="elements-huge";t.GRID_SMALL="grid-small";t.GRID_MEDIUM="grid-medium";t.GRID_BIG="grid-big";t.GRID_HUGE="grid-huge";t.GRID_COLUMN="grid-column";t.GRID_ROW="grid-row";t.WRAP="wrap";t.NOWRAP="nowrap";t.PICTURE_TEXT="picture-text"})(EnumLayout=exports.EnumLayout||(exports.EnumLayout={}));exports.Iframe=void 0;class Iframe extends Img{}exports.Iframe=Iframe;Iframe.__class__="Iframe";Iframe.component=IframeComponent;exports.Input=void 0;class Input extends Field{constructor(t){super(t);this.listen("onChange",this.onChange.bind(this));t&&t.type&&this.type(t.type)}value(t){if(arguments.length){this._value=t;this._target&&this._target.setState({value:this.value()})}return this._value}propType(){return this._prop_type}type(t){if(arguments.length){this._type=t;this._prop_type=t;this.refresh()}return this._type}valid(){return!this._validator||this._validator.valid(this)}validator(t){if(arguments.length){this.__listenerOnBlur&&this.removeListener(this.__listenerOnBlur);this.__listenerOnFocus&&this.removeListener(this.__listenerOnFocus);this.__listenerOnBlur=void 0;this.__listenerOnFocus=void 0;this.noError();if(t){t.onBlur()&&(this.__listenerOnBlur=this.listen("onBlur",()=>this.valid(),!0));t.onFocus()&&(this.__listenerOnFocus=this.listen("onFocus",()=>this.noError(),!0))}this._validator=t;this.refresh()}return this._validator}noError(){this.error(void 0);"error"===this.status()&&this.status(void 0)}onChange(t){if(t.ref&&t.target&&!t.stop){this._type&&Input.types[this._type]&&Input.types[this._type](t);if(!t.stop){this.value(t.ref.value);this._validator&&this._validator.onChange()&&this.valid()}}}}exports.Input=Input;Input.__class__="Input";Input.component=InputComponent;Input.regs={email:/^[\w.+-]*(@([\w.+-]*)?)?$/,email_validator:/^\w+([+-.]\w+)*@\w+([+-.]\w+)*$/,chars:/^\w*$/,number:/^\d+$/,float:/^\d+(\.(\d+)?)?$/};Input.types={chars:t=>{let e=t.ref.value;""!==e&&t&&(t.stop=!Input.regs.chars.test(e))},number:t=>{let e=t.ref.value;e.length?""!==e&&t&&(t.stop=!Input.regs.number.test(e)):t.stop=!0},float:t=>{let e=t.ref.value;""!==e&&t&&(t.stop=!Input.regs.float.test(e))},int:t=>{let e=t.ref.value;""!==e&&t&&(t.stop=e!==parseInt(e).toString())},email:t=>{let e=t.ref.value;""!==e&&t&&(t.stop=!Input.regs.email.test(e))}};exports.Items=void 0;class Items extends Menu{}exports.Items=Items;Items.__class__="Items";Items.component=ItemsComponent;exports.Listener=void 0;class Listener{constructor(t,e,i){t&&(this.event=t);e&&(this.cb=e);i&&(this.after=i)}destroy(){this.event=void 0;this.cb=void 0}names(t={}){this.event&&(t[this.event]=1);return t}trigger(t){if(this.event&&this.event===t.name&&this.cb&&!!t.after==!!this.after){this.cb.call(null,t);t.listeners++}}clone(){return new Listener(this.event,this.cb,this.after)}}exports.Listener=Listener;Listener.__class__="Listener";exports.Picture=void 0;class Picture extends Img{}exports.Picture=Picture;Picture.__class__="Picture";Picture.component=PictureComponent;exports.PieChart=void 0;class PieChart extends AbstractElement{constructor(t){super(t);if(t&&t.list){this._list=t.list;this.list(this._list)}else this._list=[]}list(t){return this._list}push(...t){return 1}unshift(...t){return 1}shift(){}pop(){}remove(t){}get(t){}}exports.PieChart=PieChart;PieChart.__class__="PieChart";PieChart.component=PieChartComponent;PieChart.prototype.list=Menu.prototype.list;PieChart.prototype.push=Menu.prototype.push;PieChart.prototype.unshift=Menu.prototype.unshift;PieChart.prototype.shift=Menu.prototype.shift;PieChart.prototype.pop=Menu.prototype.pop;PieChart.prototype.remove=Menu.prototype.remove;PieChart.prototype.get=Menu.prototype.get;exports.Preloader=void 0;class Preloader extends AbstractElement{constructor(t){if(t instanceof Object){super(t);t.label&&(this._label=t.label)}else if("string"==typeof t){super({});this._label=t}else super({})}label(t){if(arguments.length){this._label=t;this.refresh()}return this._label}}exports.Preloader=Preloader;Preloader.__class__="Preloader";Preloader.component=PreloaderComponent;exports.Radio=void 0;class Radio extends Select{constructor(t){super(t);t.layout&&(this._layout=t.layout)}className(t,e){if(arguments.length){super.className(t,!0);this._layout&&(this._className+=" "+this._layout);!e&&this.refresh()}return this._className}layout(t){if(arguments.length){this._layout=t;this.className(this.__className)}return this._layout}trigger(t,e){super.trigger(t,e);let i=this._index;if(t.stop){t.ref.checked=!1;this.index(i);document.getElementById(this.active()._key.toString()).checked=!0;this.refresh()}t.stop&&t.ref&&this.refresh();return t}onChange(t){if(!t.ref||!t.target||t.stop)return;let e=parseInt(t.ref.id);this.index(void 0,!0);for(let t=0;t<this._list.length;t++)if(this._list[t]._key===e){this.index(t,!0);break}this.refresh()}dnd(t){}dndRemove(t){}list(t){return this._list}index(t,e){}active(t,e){}value(t){}push(...t){return 1}unshift(...t){return 1}shift(){}pop(){}remove(t){}get(t){}nextIndex(){}refresh(){if(this._target){this._target.refresh();for(let t=0;t<this._list.length&&this._list[t]._key;t++)document.getElementById(this._list[t]._key.toString()).checked=t===this._index}}}exports.Radio=Radio;Radio.__class__="Radio";Radio.component=RadioComponent;Radio.prototype.list=Menu.prototype.list;Radio.prototype.index=Menu.prototype.index;Radio.prototype.value=Menu.prototype.value;Radio.prototype.active=Menu.prototype.active;Radio.prototype.nextIndex=Menu.prototype.nextIndex;Radio.prototype.push=Menu.prototype.push;Radio.prototype.unshift=Menu.prototype.unshift;Radio.prototype.shift=Menu.prototype.shift;Radio.prototype.pop=Menu.prototype.pop;Radio.prototype.remove=Menu.prototype.remove;Radio.prototype.get=Menu.prototype.get;exports.Textarea=void 0;class Textarea extends Input{}exports.Textarea=Textarea;Textarea.__class__="Textarea";Textarea.component=TextareaComponent;exports.Txt=void 0;class Txt extends AbstractElement{constructor(t){if(t instanceof Object){super(t);if(t.text){this._isText=!0;this.text(t.text,t.placeholder)}if(t.html){this._isText=!1;this.html(t.html,t.placeholder)}}else if("string"==typeof t){super({});this._text=t}else super({})}text(t,e){if(arguments.length){this._isText=!0;t&&e&&(t=Txt.value(t,e));this._text=t;this.refresh()}return this._text}html(t,e){if(arguments.length){this._isText=!1;t&&e&&(t=Txt.value(t,e));this._text=t;this.refresh()}return this._text}static value(t,e){for(let i=0;i<e.length;i++)t=t.replace(new RegExp("\\{"+i+"\\}","g"),e[i]);return t}}exports.Txt=Txt;Txt.__class__="Txt";Txt.component=TxtComponent;exports.Validator=void 0;class Validator{constructor(t){this._message=t.message;this._cb=t.cb;void 0!==t.onBlur&&this.onBlur(t.onBlur);void 0!==t.onChange&&this.onChange(t.onChange);void 0!==t.onFocus&&this.onFocus(t.onFocus);void 0!==t.require&&this.require(t.require)}valid(t){let e=this._cb(t);if(!this._require&&(void 0===t.value()||""===t.value())){t.status(void 0);t.error(void 0);return!0}if(!e||this._require&&(void 0===t.value()||""===t.value())){t.status(EnumStatus.ERROR);t.error(this.message());return!1}if(t.status()===EnumStatus.ERROR){t.status(void 0);t.error(void 0)}return e}cb(t){arguments.length&&(this._cb=t);return this._cb}message(t){arguments.length&&(this._message=t);return this._message}require(t){arguments.length&&(this._require=t);return this._require}onBlur(t){arguments.length&&(this._onBlur=t);return this._onBlur}onChange(t){arguments.length&&(this._onChange=t);return this._onChange}onFocus(t){arguments.length&&(this._onFocus=t);return this._onFocus}}exports.Validator=Validator;Validator.__class__="validator";Validator.library={};exports.Dnd=void 0;class Dnd{constructor(){this.handlerMouseMove=this.handlerMouseMove.bind(this);this.handlerMouseUp=this.handlerMouseUp.bind(this);this.handlerMouseOver=this.handlerMouseOver.bind(this);this.handlerMouseLeave=this.handlerMouseLeave.bind(this)}mounted(t){this._app=t;this._dom=t.target().ref()}handlerMouseDown(t){if(t.ref&&t.ref.id&&t.ref.parentElement&&t.ref.parentElement.parentElement&&t.target&&t.target._key&&(t.ref.parentElement.id||t.ref.parentElement.parentElement.id)&&(!t.ref.parentElement.id||t.ref.parentElement.id===t.target._key.toString())&&(!t.ref.parentElement.parentElement.id||t.ref.parentElement.parentElement.id===t.target._key.toString())){this._dom_element=window.document.getElementById(t.ref.id);t.ref.parentElement.id?this._dom_container=window.document.getElementById(t.ref.parentElement.id):this._dom_container=window.document.getElementById(t.ref.parentElement.parentElement.id);this._container=t.target;this._element=this._container.find(parseInt(this._dom_element.id));this._current_dom_element=void 0;this._out=!1;this._dom_container.classList.add("dnd-target");this._dom_element.classList.add("dnd-target");window.document.body.classList.add("noselect");window.addEventListener("mouseup",this.handlerMouseUp);this._dom_container.addEventListener("mousemove",this.handlerMouseMove);this._dom_container.addEventListener("mouseover",this.handlerMouseOver);this._dom_container.addEventListener("mouseleave",this.handlerMouseLeave)}}handlerMouseMove(t){if(!this._current_dom_element)return;let e=this._current_dom_element.getBoundingClientRect();if(t.pageY<e.top+this._current_dom_element.offsetHeight/2){if(!1===this._flag)return;this._flag=!1;this.unset(this._current_dom_element.nextSibling);this.setUp(this._current_dom_element);this.setDown(this._current_dom_element.previousSibling)}else if(!0!==this._flag){this._flag=!0;this.unset(this._current_dom_element.previousSibling);this.setDown(this._current_dom_element);this.setUp(this._current_dom_element.nextSibling)}}handlerMouseOver(t){this._out=!1;let e=t.target;if(!e||e===this._dom_container||e===this._dom_element)return;let i=e;for(;e.parentElement&&e.parentElement!==this._dom_container;)(e=e.parentElement).id&&(i=e);if(!i||i!=this._current_dom_element){this.clean();this._current_dom_element=i}}handlerMouseLeave(t){this._out=!0;this.clean()}clean(){this._flag=void 0;this.unset(this._current_dom_element);this._current_dom_element=void 0}unset(t){if(t){t.classList.remove("dnd-up");t.classList.remove("dnd-down");if(t.nextSibling){t.nextSibling.classList.remove("dnd-up");t.nextSibling.classList.remove("dnd-down")}if(t.previousSibling){t.previousSibling.classList.remove("dnd-up");t.previousSibling.classList.remove("dnd-down")}}}setUp(t){if(t){t.classList.add("dnd-up");t.classList.remove("dnd-down")}}setDown(t){if(t){t.classList.remove("dnd-up");t.classList.add("dnd-down")}}handlerMouseUp(t){var e;if(this._current_dom_element){if(this._current_dom_element!==this._dom_element)if(this._flag&&this._current_dom_element.nextSibling&&this._current_dom_element.nextSibling===this._dom_element);else if(!this._flag&&this._current_dom_element.previousSibling&&this._current_dom_element.previousSibling===this._dom_element);else{let t=Array.prototype.indexOf.call(this._dom_element.parentElement.children,this._dom_element),i=Array.prototype.indexOf.call(this._current_dom_element.parentElement.children,this._current_dom_element);this._flag&&i++;t<i&&i--;null===(e=this._container)||void 0===e||e.move(t,i);let s=[this._container,this._element];window.setTimeout(()=>s[0].trigger(new Action("onDndMove",s[1])),1)}}else{let t=[this._container,this._element];this._out?this._container._dnd_remove&&window.setTimeout(()=>{t[0].trigger(new Action("onDndRemove",t[1])).stop||t[0].remove(t[1])},1):window.setTimeout(()=>t[0].trigger(new Action("onDndSelect",t[1])),1)}this._dom_container.classList.remove("dnd-target");this._dom_element.classList.remove("dnd-target");window.document.body.classList.remove("noselect");window.removeEventListener("mouseup",this.handlerMouseUp);this._dom_container.removeEventListener("mousemove",this.handlerMouseMove);this._dom_container.removeEventListener("mouseover",this.handlerMouseOver);this._dom_container.removeEventListener("mouseleave",this.handlerMouseLeave);this.clean();this._dom_element=this._dom_container=this._container=this._element=void 0}}exports.Dnd=Dnd;Dnd.__class__="Dnd";exports.GridColumns=void 0;class GridColumns{constructor(){this.handler=this.handler.bind(this)}mounted(t){this._app=t;this._dom=t.target().ref();window.addEventListener("resize",this.handler);t.listen("onAdd",this.handler,!0);t.listen("onRemove",this.handler,!0);t.listen("onDesktop",this.handler);t.listen("onMobile",this.handler)}handler(){let t=this._dom.firstElementChild;if(this._app&&this._dom)for(let e=0;e<t.children.length;e++){let i=t.children[e].getBoundingClientRect();t.children[e].setAttribute(GridColumns.attr,Math.floor(i.width/GridColumns.grid).toString())}}}exports.GridColumns=GridColumns;GridColumns.__class__="GridColumns";GridColumns.grid=50;GridColumns.attr="cols";exports.Req=void 0;class Req{constructor(){this._isMock=!1;this._prefix=""}mime(){return Req.mime}mock(t){if(t){this._isMock=!0;Req.mock=t}return Req.mock}prefix(t){arguments.length&&(this._prefix=t||"");return this._prefix}isMock(t){arguments.length&&(this._isMock=t);return this._isMock}mounted(t){}get(t,e,i="json"){e&&(t=t+"?"+Object.keys(e).map(function(t){return t+"="+encodeURIComponent(e[t])}).join("&"));return this.request(this._prefix+t,"GET",void 0,i,!!i&&"json"===i)}delete(t,e,i="json"){e&&(t=t+"?"+Object.keys(e).map(function(t){return t+"="+encodeURIComponent(e[t])}).join("&"));return this.request(this._prefix+t,"DELETE",void 0,i,!!i&&"json"===i)}_data(t,e){if(e){if("json"===t)e=JSON.stringify(e);else if("form"===t)e=Object.keys(e).map(function(t){return t+"="+encodeURIComponent(e[t])}).join("&");else if("multipart"===t){let t=new FormData;Object.keys(e).forEach(i=>t.append(i,e[i]));e=t}return e}}post(t,e,i="json"){e&&(e=this._data(i,e));return this.request(this._prefix+t,"POST",e,i,!!i&&"json"===i)}put(t,e,i="json"){e&&(e=this._data(i,e));return this.request(this._prefix+t,"PUT",e,i,!!i&&"json"===i)}request(t,e,i,s="json",n=!1){if(this._isMock)return this.mRequest(t);return new Promise(function(r,o){const h=new XMLHttpRequest;s=Req.mime[s]||s;h.open(e,t,!0);h.setRequestHeader("Content-Type",Req.mime[s]||s);h.send(i);h.onreadystatechange=(()=>{4===h.readyState&&(200===h.status?r(n?JSON.parse(h.responseText):h.responseText):o(h.status))})})}mRequest(t){return new Promise(function(e,i){window.