nodality/dist/base.cjs.js

A lightweight library for declarative UI elements.

/*! For license information please see base.cjs.js.LICENSE.txt */
(()=>{"use strict";var e={d:(t,r)=>{for(var n in r)e.o(r,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:r[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function n(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,o(n.key),n)}}function o(e){var t=function(e){if("object"!=r(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==r(t)?t:t+""}e.r(t),e.d(t,{Base:()=>i});var i=function(){return e=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.oldLength=0},(t=[{key:"observe",value:function(e){return this.initialState=e,this.Proxima(e)}},{key:"Proxima",value:function(e){var t=this;return new Proxy(e,{set:function(e,r,n,o){return alert("Setting ".concat(n," to ").concat(o)),e[n]=o,this.initialState.data.push(n),"length"!==r&&t.refreshUI("Added"),!0},has:function(e,r,n,o){return"length"!==r&&t.refreshUI("Deleted"),Reflect.has(e,r)}})}},{key:"refreshUI",value:function(e){var t=this.initialState;this.adjustState(t)}},{key:"loadState",value:function(e,t){return this.loadEl=t,this.initialState=e,alert(this.initialState.data),this.observe(this.state.data)}},{key:"adjustState",value:function(e){document.querySelector(this.loadEl);var t=e[e.length-1],r=document.createElement("p"),n=document.createTextNode(t);r.appendChild(n),document.body.appendChild(r)}},{key:"toNode",value:function(e){var t=document.createElement("div");return t.innerHTML=e.trim(),t.firstChild}},{key:"reactState",value:function(){var e=document.querySelector("#res");alert(this.render());var t=this.toNode(this.toHTML());e.appendChild(t)}},{key:"mount",value:function(e){this.el=e,this.render(e).render(e)}},{key:"toCode",value:function(){return[""]}},{key:"toHTML",value:function(e){return this.render(e).render(e).innerHTML}}])&&n(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,t}();module.exports=t})();