nodality/dist/bundle.umd.js

A lightweight library for declarative UI elements.

/*! For license information please see bundle.umd.js.LICENSE.txt */
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.Bundle=t():e.Bundle=t()}(this,(()=>(()=>{"use strict";var __webpack_modules__={7:(e,t,r)=>{function n(e){return n="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},n(e)}function i(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"!=n(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=n(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==n(t)?t:t+""}r.d(t,{B:()=>s});var s=function(){return e=function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.code=[],this.setup();for(var r=0;r<t.length;r++)this.res.appendChild(t[r].render().render())},(t=[{key:"setup",value:function(){var e=document.createElement("div");e.style.padding=0,e.style.margin=0,this.res=e}},{key:"width",value:function(e,t){return this.res.style.width=e,t&&(this.res.style.marginLeft="auto",this.res.style.marginRight="auto"),this}},{key:"padding",value:function(e){return this.res.style.padding="".concat(e,"px"),this}},{key:"size",value:function(e,t){return this.w=e,this.h=t,this.w?this.res.style.width=this.w:this.res.style.width=window.innerWidth,this.h?this.res.style.height=this.h:this.res.style.height=window.innerHeight,this}},{key:"border",value:function(e,t){return this.res.style.border="".concat(t,"px solid ").concat(e),this}},{key:"render",value:function(e){if(!e)return this.res;document.querySelector(e).appendChild(this.res)}}])&&i(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,t}()},11:(e,t,r)=>{function n(e){return n="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},n(e)}function i(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"!=n(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=n(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==n(t)?t:t+""}r.d(t,{B:()=>s});var s=function(){return e=function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.res=null,this.st=t},t=[{key:"setup",value:function(){var e=document.createElement("div");return e.style.display="grid",this.res=e,this.st&&this.sticky(),this}},{key:"set",value:function(e){return this.setup(),e.height&&(this.res.style.height=e.height),e.sticky&&this.sticky(),this}},{key:"sticky",value:function(){return this.res.style.position="sticky",this.res.style.top=0,this}},{key:"add",value:function(e){this.children=e;for(var t=0;t<e.length;t++){var r=e[t].render();r.style.gridColumn=1,r.style.gridRow=1,this.res.appendChild(r)}return this}},{key:"toCode",value:function(){var e="new Stack().set({})";if(this.children.length>0){var t=this.children.map((function(e){return e.toCode()})).join(",\n");e+=".add([\n \n ".concat(t," \n \n])")}return[e]}},{key:"render",value:function(e){if(!e)return this.res;document.querySelector("body").style.margin=0,document.querySelector("body").style.padding=0,document.querySelector(e).appendChild(this.res)}}],t&&i(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,t}()},16:(e,t,r)=>{function n(e){return n="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},n(e)}function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,i,o,s,a=[],l=!0,c=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=o.call(r)).done)&&(a.push(n.value),a.length!==t);l=!0);}catch(e){c=!0,i=e}finally{try{if(!l&&null!=r.return&&(s=r.return(),Object(s)!==s))return}finally{if(c)throw i}}return a}}(e,t)||o(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){if(e){if("string"==typeof e)return s(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?s(e,t):void 0}}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function a(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,l(n.key),n)}}function l(e){var t=function(e){if("object"!=n(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,"string");if("object"!=n(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==n(t)?t:t+""}function c(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(c=function(){return!!e})()}function u(e,t,r,n){var i=d(h(1&n?e.prototype:e),t,r);return 2&n&&"function"==typeof i?function(e){return i.apply(r,e)}:i}function d(){return d="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var n=function(e,t){for(;!{}.hasOwnProperty.call(e,t)&&null!==(e=h(e)););return e}(e,t);if(n){var i=Object.getOwnPropertyDescriptor(n,t);return i.get?i.get.call(arguments.length<3?e:r):i.value}},d.apply(null,arguments)}function h(e){return h=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},h(e)}function p(e,t){return p=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},p(e,t)}r.d(t,{E:()=>f});var f=function(e){function t(e,r){var i;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(i=function(e,t,r){return t=h(t),function(e,t){if(t&&("object"==n(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,c()?Reflect.construct(t,r||[],h(e).constructor):t.apply(e,r))}(this,t)).text=e,i.res=null,i.setup(r),i.code=[],i.elCSS=[],i.html=[],i.react=[],i.code.push('new Text("'.concat(i.text,'")')),console.log("AAAAA"),i}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&p(e,t)}(t,e),r=t,s=[{key:"flexOne",value:function(){return this.res.style.flex="1",this}},{key:"setGridWithoutCode",value:function(){return this.res.style.border="1px solid white",this}},{key:"setArea",value:function(e){return this.res.style.gridArea=e,this}},{key:"toCodea",value:function(){return this.excludeFromCodeTrue&&(this.code=[""]),this.code}},{key:"toCode",value:function(){if(this.excludeFromCodeTrue)return[""];var e=Object.fromEntries(Object.entries(this.options).filter((function(e){var t=i(e,2);return t[0],null!==t[1]}))),t=JSON.stringify(e,null,4).replace(/"([^"]+)":/g,"$1:");return['new Text("'.concat(this.text,'").set(').concat(t,")")]}},{key:"toCSS",value:function(){return this.css}},{key:"toHTMLA",value:function(){return this.html}},{key:"toElCSS",value:function(){return this.elCSS=this.elCSS.map((function(e){return"    "+e})),this.preffersId?this.elCSS.unshift(this.res.id+" { \n"):this.elCSS.unshift("."+this.class+" { \n"),this.elCSS.push(" } \n \n"),this.elCSS}},{key:"getType",value:function(){return"S1"===this.options.fluidc?"HTMLHeaderElement":"HTMLParagraphElement"}},{key:"gradientOptions",value:function(e){var t=this;if(0===e.length)return this;var r=e.filter((function(e){return"gradient"===e.op.name}))[0];if(void 0===r)return this;var n=r.op;if(r.point){var i=function(){window.matchMedia("(min-width: ".concat(r.range[0],") and (max-width: ").concat(r.range[1],")")).matches&&(t.prevBackground=t.res.style.color.toString(),t.res.style.background=n.gradient,t.res.style.WebkitBackgroundClip="text")};i(),window.addEventListener("resize",i)}}},{key:"strokeOptions",value:function(e){var t=this;if(0===e.length)return this;var r=e.filter((function(e){return"blast"===e.op.name}))[0];if(void 0===r)return this;console.log("DEL");var n=r.op;if(r.point){var i=function(){window.matchMedia("(min-width: ".concat(r.range[0],") and (max-width: ").concat(r.range[1],")")).matches&&(n.color?t.res.style["-webkit-text-stroke"]="".concat(n.width?n.width:"1px"," ").concat(n.color):t.res.style["-webkit-text-stroke"]="1px orange",t.res.style["-webkit-text-fill-color"]="transparent")};i(),window.addEventListener("resize",i)}else n.color&&(this.res.style["-webkit-text-stroke"]="".concat(n.width?n.width:"1px"," ").concat(n.color)),this.res.style["-webkit-text-fill-color"]="transparent"}},{key:"stroke",value:function(){return this.res.style["-webkit-text-stroke"]="3px orange",this}},{key:"fill",value:function(){return this.res.style["-webkit-text-fill-color"]="transparent",this}},{key:"rowCol",value:function(e,t){return this.res.style.gridRow=e,this.res.style.gridColumn=t,this}},{key:"setGridRow",value:function(e){return this.res.style.gridRow=e,this}},{key:"setGridCol",value:function(e){return this.res.style.gridColumn=e,this}},{key:"toHTML",value:function(){return this.res}},{key:"onTap",value:function(e){return this.res.addEventListener("click",e),this}},{key:"setClass",value:function(e){return this.res.setAttribute("class",e),this}},{key:"setRandom",value:function(){for(var e="LAYOUT-",t=90;t>0;--t)e+="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"[Math.floor(62*Math.random())];return e+=(new Date).getTime(),this.res.setAttribute("class",e),this}},{key:"styled",value:function(e){return this.set(e),this}},{key:"removeQuotesFromFirstWord",value:function(e){return e.replace(/"([^"]+)":/g,"$1:")}},{key:"set",value:function(e){return this.resCopy=this.res,this.options=e,u(t,"setPrevText",this,3)([this.text]),e.top&&(this.res.style.top=e.top),e.left&&(this.res.style.left=e.left),e.flex&&(this.res.style.display="flex"),(e.left||e.top)&&(this.res.style.position="absolute"),e.maxWidth&&(this.res.style.maxWidth=e.maxWidth),e.cursor&&(this.res.style.cursor="hand"),e.gpos&&this.gpos(e.gpos),e.vtn&&(this.res.style.viewTransitionName=e.vtn),e.index&&u(t,"setIndex",this,3)([e.index]),e.index&&(this.index=e.index),e.preffersId&&(this.preffersId=e.preffersId),u(t,"setPref",this,3)([e.preffersId]),e.removeDecoration&&(this.res.style.textDecoration="none"),e.block&&(this.res.style.display="block"),e.area&&this.setArea(e.area),e.icon&&this.addIcon(e.icon),e.color&&this.color(e.color),e.color&&this.elCSS.push("color: ".concat(e.color,"; \n")),e.class&&this.setClass(e.class),e.size&&this.fluidCopy(e.size),e.fluidc&&this.fluidCopy(e.fluidc),e.initLetter&&this.initLetter(e.initLetter),e.onTap&&this.onTap(e.onTap),"S6"===e.fluidc?e.fluidc&&this.elCSS.push("font-size: calc(1.1rem + 2.075vw); \n"):e.fluidc&&this.elCSS.push("font-size: calc(1.625rem + 5.075vw); \n"),this.options.id&&this.res.setAttribute("id",this.options.id),u(t,"setID",this,3)([this.options.id]),this.options.class&&this.res.setAttribute("class",this.options.class),u(t,"setClass",this,3)([this.options.class]),e.clampc&&this.clampCopy(e.clampc),e.arrpad&&this.arrayPadding(e.arrpad.sides,e.arrpad.value),e.pad&&this.pad(e.pad),e.respad&&this.respad(e.respad),e.resmar&&this.resmar(e.resmar),e.mar&&this.mar(e.mar),e.exact&&(this.res.style.fontSize=e.exact),e.zIndex&&(this.res.style.zIndex=e.zIndex),e.absolute&&(this.res.style.position="absolute"),e.arrayMargin&&this.arrayMargin(e.arrayMargin.sides,e.arrayMargin.value),e.em&&this.em(e.em),e.fluid&&this.fluid(e.fluid),e.font&&this.font(e.font),e.fluidc&&this.elCSS.push("font-family: ".concat(e.font,"; \n")),e.align&&(this.res.style.textAlign=e.align),e.weight&&(this.res.style.fontWeight=e.weight),e.padding&&this.padding(e.padding),e.breakWord&&(this.res.style.wordWrap="break-word"),e.center&&(this.res.style.marginRight="auto"),e.center&&(this.res.style.marginLeft="auto"),e.width&&(this.res.style.width=e.width),e.height&&(this.res.style.height=e.height),e.background&&(this.res.style.backgroundColor=e.background),e.radius&&(this.res.style.borderRadius=e.radius),e.resprop&&this.resprop(e.resprop),e.italic&&this.italic(),e.responsive&&this.responsive(),e.border&&(this.res.style.border="".concat(e.border)),e.onScroll&&this.onScroll(e.onScroll),e.keySet&&this.keySet(e.keySet),e.maxHeight&&(this.res.style.maxHeight=e.maxHeight),e.transform&&(console.warn("ARE DIFFERENT OBJS HERE?"),console.warn(e.transform)),e.transform&&this.reactOnTransform(e.transform),console.log("OGA"),console.log(e),this.callReact(e),this}},{key:"callReact",value:function(e){var r=[];if(e.stroke||e.gradient||e.span||e.backgroundOp||e.layout||e.shadow||e.animation||e.filtera||e.transform){e.gradient&&(this.globalGradient=e.gradient.op.gradient,"radial"===e.gradient.op.direction&&(this.globalGradient="radial-gradient(circle at center, orange, green)")),e.stroke&&u(t,"setAny",this,3)([{globalBlast:"".concat(e.stroke.op.width," ").concat(e.stroke.op.color)}]),e.span&&(e.span.prevText=this.text);var n=[e.stroke,e.gradient,e.animation,e.span,e.backgroundOp,e.layout,e.marginOp,e.shadow,e.animation,e.filtera,e.transform];n=n.filter((function(e){return null!=e}));for(var i=0;i<n.length;i++)r.push({range:n[i].range,log:n[i].op.name,target:n[i].target,op:n[i].op});var o=[];e.borderObj&&o.push("border"),e.background&&o.push("background"),e.mar&&o.push("margin"),e.animation&&o.push("animation"),e.span&&o.push("span"),console.log("ARA IS "),console.log(r),this.chainReact(r,this.options.id,o)}}},{key:"excludeFromCode",value:function(){return this.excludeFromCodeTrue=!0,this}},{key:"addIcon",value:function(e){var t=document.createElement("img");return t.style.width="20px",t.style.marginLeft="10px",t.style.height="auto",t.setAttribute("src",e.url),this.res.appendChild(t),this}},{key:"checkForAnimation",value:function(e){e.sort((function(e,t){return parseInt(e.range[0])-parseInt(t.range[0])}));var t,r=window.innerWidth,n=function(e){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=o(e))){t&&(e=t);var r=0,n=function(){};return{s:n,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:n}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,s=!0,a=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return s=e.done,e},e:function(e){a=!0,i=e},f:function(){try{s||null==t.return||t.return()}finally{if(a)throw i}}}}(e);try{for(n.s();!(t=n.n()).done;){var s=t.value,a=i(s.range,2),l=a[0],c=a[1],u=parseInt(l),d=parseInt(c);r>=u&&r<=d&&"animation"===s.log&&this.res.animate([{opacity:0,transform:"translateY(100px)"},{opacity:1,transform:"translateY(0)"}],{duration:1e3,easing:"ease"})}}catch(e){n.e(e)}finally{n.f()}}},{key:"resetSmall",value:function(){this.res.style["-webkit-text-stroke"]="",this.res.style["-webkit-text-fill-color"]=""}},{key:"resetGradient",value:function(){return this.res.style.WebkitBackgroundClip="text",this.res.style.background="transparent",this}},{key:"resetStroke",value:function(){this.res.style["-webkit-text-stroke"]="",this.res.style["-webkit-text-fill-color"]=""}},{key:"innerStroke",value:function(e){e.color?this.res.style["-webkit-text-stroke"]="".concat(e.width?e.width:"1px"," ").concat(e.color):this.res.style["-webkit-text-stroke"]="1px orange",this.res.style["-webkit-text-fill-color"]="transparent"}},{key:"innerGradient",value:function(e){this.res.style.background="linear-gradient(45deg, #ff0000, #00ff00)",this.res.style["-webkit-background-clip"]="text"}},{key:"arrayMargin",value:function(e,t){return t||(this.res.style.marginLeft="".concat(e[0],"px"),this.res.style.marginTop="".concat(e[1],"px"),this.res.style.marginRight="".concat(e[2],"px"),this.res.style.marginBottom="".concat(e[3],"px")),e.includes("left")&&(this.res.style.marginLeft=t),e.includes("right")&&(this.res.style.marginRight=t),e.includes("top")&&(this.res.style.marginTop=t),e.includes("bottom")&&(this.res.style.marginBottom=t),t||(this.res.style.marginBottom=e),this}},{key:"clampExperiment",value:function(){return this.res.style.fontSize="clamp(1rem, calc(1rem * 10rem), 3rem)",this}},{key:"between",value:function(e){return"S1"===e&&(this.res.style.fontSize="clamp(2rem, 8vw, 2.5rem)"),"S2"===e&&(this.res.style.fontSize="clamp(4rem, 8vw, 5rem)"),"S3"===e&&(this.res.style.fontSize="clamp(2rem, 5vw, 2.5rem)"),"S4"===e&&(this.res.style.fontSize="clamp(1.5rem, 2vw, 1.6rem)"),"S5"===e&&(this.res.style.fontSize="clamp(1.2rem, 2vw, 1.3rem)"),"S6"===e&&(this.res.style.fontSize="clamp(1rem, 2vw, 1.3rem)"),this}},{key:"betweenCopy",value:function(e){return"S1"===e&&(this.res.style.fontSize="clamp(2rem, 8vw, 2.5rem)"),"S2"===e&&(this.res.style.fontSize="clamp(4rem, 8vw, 5rem)"),"S3"===e&&(this.res.style.fontSize="clamp(2rem, 5vw, 2.5rem)"),"S4"===e&&(this.res.style.fontSize="clamp(1.5rem, 2vw, 1.6rem)"),"S5"===e&&(this.res.style.fontSize="clamp(1.2rem, 2vw, 1.3rem)"),"S6"===e&&(this.res.style.fontSize="clamp(1rem, 2vw, 1.3rem)"),this}},{key:"stringGen",value:function(e){for(var t="",r=0;r<e;r++)t+="abcdefghijklmnopqrstuvwxyz".charAt(Math.floor(26*Math.random()));return t}},{key:"initLetter",value:function(e){var t=document.createElement("style");document.body.appendChild(t),Math.random();var r=this.stringGen(1e3);return this.res.setAttribute("id",r),document.styleSheets[0].insertRule("#".concat(r,"::first-letter { color: green; font-size: 3em; padding: 0.1em }"),0),this}},{key:"constant",value:function(e){return"S1"===e&&this.jumbotron(),"S2"===e&&this.large(),"S3"===e&&this.medium(),this}},{key:"minusMargin",value:function(){return this.res.style.marginRight="-3.1em",this}},{key:"fluid",value:function(e){if("S1"===e){this.res=document.createElement("h1");var t=document.createTextNode(this.text);this.res.appendChild(t),this.res.style.fontSize="calc(1.625rem + 4.3vw)"}if("S2"===e){this.res=document.createElement("h2");var r=document.createTextNode(this.text);this.res.appendChild(r),this.res.style.fontSize="calc(1.525rem + 3.525vw)"}if("S3"===e){this.res=document.createElement("h3");var n=document.createTextNode(this.text);this.res.appendChild(n),this.res.style.fontSize="calc(1.375rem + 2.75vw)"}if("S4"===e){this.res=document.createElement("h4");var i=document.createTextNode(this.text);this.res.appendChild(i),this.res.style.fontSize="calc(1.275rem + 1.975vw)"}return"S5"===e&&(this.res.style.fontSize="calc(1.1rem + 1.2vw)"),this}},{key:"getClampValue",value:function(e){return"S7"===e?"clamp(1.45rem, 2vw + 1.5rem, 1.69rem)":"S6"===e?"clamp(2.25rem, 2vw+1.5rem, 3.25rem)":"S5"===e?"clamp(2.75rem, 2vw + 1.5rem, 3.25rem)":"S4"===e?"clamp(3.5rem, 2vw + 1.5rem, 3.25rem)":"S3"===e?"clamp(4.25rem, 2vw + 1.5rem, 3.25rem)":"S2"===e?"clamp(5rem, 2vw + 1.5rem, 3.25rem)":"S1"===e?"clamp(6rem, 2vw + 1.5rem, 3.25rem)":void 0}},{key:"clampCopy",value:function(e){return this.res.style.fontSize=this.getClampValue(e),this}},{key:"fluidCopy",value:function(e){if(e instanceof Object){this.prevStylex=this.res.style,this.res=document.createElement("h1"),this.res.style.cssText=this.prevStylex.cssText;var t=document.createTextNode(this.text);return this.res.appendChild(t),this.res.style.fontSize=e.exact,this}if("S1"===e){this.prevStylex=this.res.style,this.res=document.createElement("h1"),this.res.style.cssText=this.prevStylex.cssText;var r=document.createTextNode(this.text);this.res.appendChild(r),this.res.style.fontSize="calc(1.625rem + 5.075vw)"}if("S2"===e){this.prevStylex=this.res.style,this.res=document.createElement("h2"),this.res.style.cssText=this.prevStylex.cssText;var n=document.createTextNode(this.text);this.res.appendChild(n),this.res.style.fontSize="calc(1.500rem + 4.3vw)"}if("S3"===e){this.prevStylex=this.res.style,this.res=document.createElement("h3"),this.res.style.cssText=this.prevStylex.cssText;var i=document.createTextNode(this.text);this.res.appendChild(i),this.res.style.fontSize="calc(1.375rem + 3.525vw)"}if("S4"===e){this.prevStylex=this.res.style,this.res=document.createElement("h4"),this.res.style.cssText=this.prevStylex.cssText;var o=document.createTextNode(this.text);this.res.appendChild(o),this.res.style.fontSize="calc(1.250rem + 2.75vw)"}if("S5"===e){this.prevStylex=this.res.style,this.res=document.createElement("h5"),this.res.style.cssText=this.prevStylex.cssText;var s=document.createTextNode(this.text);this.res.appendChild(s),this.res.style.fontSize="calc(1.125rem + 1.975vw)"}return"S6"===e&&(this.options&&!1===this.options.preffersId?this.html.push('<p class="'.concat(this.options.class,'">').concat(this.text,"</p> \n \n")):this.options&&this.options.id&&this.html.push('<p id="'.concat(this.options.id.substr(1),'">').concat(this.text,"</p> \n \n")),this.res.style.fontSize="calc(1rem + 0.5vw)"),this}},{key:"toReactComponent",value:function(){return this.react.push("function Godzilla() { \n"),this.react.push('return <h1 class="'.concat(this.options.class,'">').concat(this.text,"</h1> \n")),this.react.push("} \n \n"),this.react}},{key:"myself",value:function(e){var t=this,r=function(){window.matchMedia("(max-device-width: 415px)").matches?t.res.style.fontSize=e.desktop:t.res.style.fontSize=e.phone};return r(),window.addEventListener("resize",r),this}},{key:"jumbotron",value:function(){var e=this,t=function(){window.matchMedia("(max-device-width: 415px)").matches?e.res.style.fontSize="8rem":e.res.style.fontSize="6rem"};return t(),window.addEventListener("resize",t),this}},{key:"large",value:function(){var e=this,t=function(){window.matchMedia("(max-device-width: 415px)").matches?e.res.style.fontSize="7rem":e.res.style.fontSize="5rem"};return t(),window.addEventListener("resize",t),this}},{key:"frame",value:function(e){return this.res.style.width=e.width,this.res.style.height=e.height,this}},{key:"vw",value:function(e,t,r){}},{key:"responsive",value:function(e){var t=this;this.set=!1,this.setB=!1;var r=function(){window.innerWidth<e.minw?(t.setB=!1,t.set||(t.res.style.color="#3498db",t.res.style.fontSize="".concat(e.baseVW/100*window.innerWidth,"px"),t.set=!0)):window.innerWidth>e.maxw?(t.set=!1,t.setB||(t.res.style.color="orange",t.res.style.fontSize="".concat(e.baseVW/100*e.maxw,"px"),t.setB=!0)):(t.set=!1,t.setB=!1,t.res.style.color="black",t.res.style.fontSize="".concat(e.baseVW,"vw"))};return r(),window.addEventListener("resize",r),this}},{key:"xlarge",value:function(){var e=this,t=function(){window.matchMedia("(max-device-width: 415px)").matches?e.res.style.fontSize="6.5rem":e.res.style.fontSize="8.5rem"};return t(),window.addEventListener("resize",t),this}},{key:"medium",value:function(){var e=this,t=function(){window.matchMedia("(max-device-width: 415px)").matches?e.res.style.fontSize="2.25rem":e.res.style.fontSize="1.5em"};return t(),window.addEventListener("resize",t),this}},{key:"auto",value:function(){var e=this,t=function(){window.matchMedia("(max-device-width: 415px)").matches?e.res.style.fontSize="2rem":e.res.style.fontSize="1rem"};return t(),window.addEventListener("resize",t),this}},{key:"small",value:function(){var e=this,t=function(){window.matchMedia("(max-device-width: 415px)").matches?e.res.style.fontSize="1.5em":e.res.style.fontSize="1em"};return t(),window.addEventListener("resize",t),this}},{key:"sizes",value:function(e){var t=this;this.res.style.fontSize="".concat(e[0].size,"rem");var r=function(){for(var r=0;r<e.length;r++)e[r].width&&window.matchMedia("(min-width: ".concat(e[r].width,"px)")).matches&&(t.res.style.fontSize="".concat(e[r].size));window.matchMedia("(max-device-width: 415px)").matches&&(t.res.style.fontSize="".concat(e[e.length-1].mobile))};return r(),window.addEventListener("resize",r),this}},{key:"setup",value:function(e){var t;e?((t=document.createElement(e.type)).setAttribute("id",e.id),e.type):t=document.createElement("p");var r=document.createTextNode(this.text);return t.appendChild(r),this.res=t,this.res.style.padding=0,this.res.style.margin=0,this}},{key:"hide",value:function(){return this.res.style.visibility="hidden",this}},{key:"font",value:function(e){return this.res.style.fontFamily=e,this}},{key:"center",value:function(){return this.res.style.textAlign="center",this}},{key:"size",value:function(e){return this.res.style.fontSize=e,this}},{key:"em",value:function(e){return this.res.style.fontSize="".concat(e,"em"),this}},{key:"color",value:function(e){return this.res.style.color=e,this}},{key:"align",value:function(e){return this.res.style.textAlign="".concat(e),this}},{key:"weight",value:function(e){return this.res.style.fontWeight=e,this}},{key:"bold",value:function(){return this.res.style.fontWeight="bold",this}},{key:"italic",value:function(){return this.res.style.fontStyle="italic",this}},{key:"width",value:function(e,t){return this.res.style.width=e,t&&(this.res.style.marginLeft="auto",this.res.style.marginRight="auto"),this}},{key:"offset",value:function(e){return this.res.style.gridRow=2,this.res.style.gridColumn=2,this.res.style.marginLeft="-60px",this}},{key:"border",value:function(e,t){return this.res.style.border="".concat(t,"px solid ").concat(e),this}},{key:"padding",value:function(e,t,r,n){return(e||t||r||n)&&(this.res.style.paddingLeft=e,this.res.style.paddingTop=t,this.res.style.paddingRight=r,this.res.style.paddingBottom=n),t||r||n||(this.res.style.padding=e),this}},{key:"arrayPadding",value:function(e,t){return e.includes("left")&&(this.res.style.paddingLeft=t),e.includes("right")&&(this.res.style.paddingRight=t),e.includes("top")&&(this.res.style.paddingTop=t),e.includes("bottom")&&(this.res.style.paddingBottom=t),t||(this.res.style.paddingBottom=e),this}},{key:"margin",value:function(e,t){return"top"==e?this.res.style.marginTop=t:"bottom"==e?this.res.style.marginBottom=t:"left"==e?this.res.style.marginLeft=t:"right"==e&&(this.res.style.marginRight=t),this}},{key:"headline",value:function(){return this.em(4),this.font("Arial"),this.bold(),this}},{key:"caption",value:function(){return this.bold(),this.res.style.fontFamily="Arial",this.color("gray"),this.padding("top",20),this.res.style.fontSize="1em",window.matchMedia("(max-device-width: 415px)").matches?this.res.style.fontSize="2em":this.res.style.fontSize="1em",this}},{key:"updating",value:function(e,t){var r=this.res,n=this.text;return Object.defineProperty(e,t,{set:function(e){var t=document.createTextNode(n.replace("$",e));r.replaceChild(t,r.childNodes[0])}}),this}},{key:"style",value:function(e){return this.res.style.color=e.styles.color,this.res.style.fontWeight=e.styles.fontWeight,this.res.style.paddingLeft=e.styles.padding[0],this.res.style.paddingTop=e.styles.padding[1],this.res.style.paddingRight=e.styles.padding[2],this.res.style.paddingBottom=e.styles.padding[3],this.res.style.marginLeft=e.styles.margin[0],this.res.style.paddingTop=e.styles.margin[1],this.res.style.paddingRight=e.styles.margin[2],this.res.style.paddingBottom=e.styles.margin[3],this.res.style.opacity=e.styles.opacity,this}},{key:"applyStyle",value:function(e,t){return window.matchMedia("(max-width: ".concat(e,"px)")).matches&&Object.assign(this.res.style,t.styles),this}},{key:"nextApply",value:function(e){for(var t=this,r=[],n=(this.res.style,function(n){r[0].matches?Object.assign(t.res.style,e[0].styles):r[1].matches?Object.assign(t.res.style,e[1].styles):Object.assign(t.res.style,e[e.length-1].styles)}),i=0;i<e.length;i++){var o=e[i],s=window.matchMedia("(min-width: ".concat(o.min,"px) and (max-width: ").concat(o.max,"px)"));r.push(s),r[i].addListener(n)}return n(),this}},{key:"apply",value:function(e){var t=this,r=this.res.styles,n=function(){for(var n=0;n<e.length;n++){var i=e[n];i.min&&i.max?window.matchMedia("(min-width: ".concat(i.min,"px) and (max-width: ").concat(i.max,"px)")).matches?Object.assign(t.res.style,i.styles):(alert("YES min max, but does not match"),Object.assign(t.res.style,r)):window.matchMedia("(max-width: ".concat(i.max,"px)")).matches?Object.assign(t.res.style,i.styles):(alert("NO min max, and does not match"),Object.assign(t.res.style,r))}};return n(),window.addEventListener("resize",n),this}},{key:"render",value:function(e){if(!e)return this.options&&!this.options.span&&(this.res.textContent=this.text),this.res;this.options&&this.options.id&&this.res.setAttribute("id",this.options.id),this.options&&!this.options.span&&(this.res.textContent=this.text),document.querySelector(e).appendChild(this.res)}}],s&&a(r.prototype,s),Object.defineProperty(r,"prototype",{writable:!1}),r;var r,s}(r(762).y)},19:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{H:()=>Des});var _lib_elementMapper_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(769),_layout_animator_js__WEBPACK_IMPORTED_MODULE_43__=__webpack_require__(762),_layout_text_js__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(16),_layout_image_js__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(130),_layout_link_js__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(219),_layout_flexRow_js__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(946),_layout_newNavBar_js__WEBPACK_IMPORTED_MODULE_11__=__webpack_require__(155),_layout_free_js__WEBPACK_IMPORTED_MODULE_12__=__webpack_require__(317),_layout_audionew_js__WEBPACK_IMPORTED_MODULE_13__=__webpack_require__(959),_layout_progress_js__WEBPACK_IMPORTED_MODULE_14__=__webpack_require__(580),_layout_center_js__WEBPACK_IMPORTED_MODULE_15__=__webpack_require__(934),_layout_code_js__WEBPACK_IMPORTED_MODULE_16__=__webpack_require__(26),_layout_stack_js__WEBPACK_IMPORTED_MODULE_17__=__webpack_require__(11),_layout_container_js__WEBPACK_IMPORTED_MODULE_18__=__webpack_require__(304),_layout_metaAdder_js__WEBPACK_IMPORTED_MODULE_19__=__webpack_require__(68),_layout_table_js__WEBPACK_IMPORTED_MODULE_20__=__webpack_require__(588),_layout_dropdown2025_js__WEBPACK_IMPORTED_MODULE_21__=__webpack_require__(69),_layout_modal2025_js__WEBPACK_IMPORTED_MODULE_22__=__webpack_require__(977),_layout_textField_js__WEBPACK_IMPORTED_MODULE_23__=__webpack_require__(758),_layout_flexCard_js__WEBPACK_IMPORTED_MODULE_24__=__webpack_require__(110),_layout_wrap_js__WEBPACK_IMPORTED_MODULE_25__=__webpack_require__(7),_layout_flexGrid_js__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__(468),_layout_zoomCard_js__WEBPACK_IMPORTED_MODULE_27__=__webpack_require__(418),_layout_multiswitcher_js__WEBPACK_IMPORTED_MODULE_28__=__webpack_require__(897),_layout_betaMobileBar_js__WEBPACK_IMPORTED_MODULE_29__=__webpack_require__(734),_layout_betaDesktopBar_js__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__(828),_layout_sideNavBar_js__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__(790),_layout_spacer_js__WEBPACK_IMPORTED_MODULE_32__=__webpack_require__(463),_layout_ulist_js__WEBPACK_IMPORTED_MODULE_36__=__webpack_require__(344),_layout_formComponents_floatingInput_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(148),_layout_formComponents_range_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(751),_layout_formComponents_radio_js__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(385),_layout_formComponents_picker_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(898),_layout_formComponents_imagePicker_js__WEBPACK_IMPORTED_MODULE_37__=__webpack_require__(877),_layout_formComponents_dataList_js__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(216),_layout_base_js__WEBPACK_IMPORTED_MODULE_38__=__webpack_require__(874),_layout_formComponents_form_js__WEBPACK_IMPORTED_MODULE_39__=__webpack_require__(522),_layout_button_js__WEBPACK_IMPORTED_MODULE_40__=__webpack_require__(207),_layout_slider2025_js__WEBPACK_IMPORTED_MODULE_41__=__webpack_require__(733),_layout_video_js__WEBPACK_IMPORTED_MODULE_42__=__webpack_require__(836),_layout_checkbox_js__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(342),_lib_linkGetter_js__WEBPACK_IMPORTED_MODULE_44__=__webpack_require__(985),_lib_cardGetter_js__WEBPACK_IMPORTED_MODULE_45__=__webpack_require__(683),_layout_gridSwitcher_js__WEBPACK_IMPORTED_MODULE_46__=__webpack_require__(748),_layout_horizontalScroller_js__WEBPACK_IMPORTED_MODULE_33__=__webpack_require__(209),_layout_polygon_js__WEBPACK_IMPORTED_MODULE_34__=__webpack_require__(157),_layout_circle_js__WEBPACK_IMPORTED_MODULE_35__=__webpack_require__(327);function _construct(e,t,r){if(_isNativeReflectConstruct())return Reflect.construct.apply(null,arguments);var n=[null];n.push.apply(n,t);var i=new(e.bind.apply(e,n));return r&&_setPrototypeOf(i,r.prototype),i}function _setPrototypeOf(e,t){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},_setPrototypeOf(e,t)}function _isNativeReflectConstruct(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(_isNativeReflectConstruct=function(){return!!e})()}function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach((function(t){_defineProperty(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function _defineProperty(e,t,r){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _typeof(e){return _typeof="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},_typeof(e)}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}}function _iterableToArray(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(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,_toPropertyKey(n.key),n)}}function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function _toPropertyKey(e){var t=_toPrimitive(e,"string");return"symbol"==_typeof(t)?t:t+""}function _toPrimitive(e,t){if("object"!=_typeof(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=_typeof(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var Des=function(){function Des(){_classCallCheck(this,Des),this.items=[],this.options=[],this.code=[],this.ready2Render=[],this.stor={text:{miami:{code:'new Text("Hello").set({fluidc: "S3", color: "orange"})'},base:{code:'new Text("Hello").set({fluidc: "S3", color: "orange"})'},nepal:{code:'new Text("Hello").set({fluidc: "S3", color: "#2ECC71", font: "Helvetica Neue"})'},patagonia:{code:'new Text("Hello").set({fluidc: "S3", color: "#3498DB", font: "DIN Alternate"})'}},complexa:{code:"new Wrapper()\n                  .set({...}) // Rest of the code omitted for brevity"},complex:{code:'new Wrapper() \n\t.set({\n\t\t\n\t\tresponsive: {\n\t\t\tranges: ["700px", "1200px", "1400px"],\n\t\t\tsequence: "col-row-col"\n\t\t}\n\t})\n\t.add([\n\t\tnew Image("img/wix.jpeg").set({\n\t\t\twidth: "100%",\n\t\t\theight: "200px",\n             objectFit: "cover"\n\t\t}),\n\n        new Wrapper().set({\n        responsive: {\n\t\t\tranges: ["700px", "1200px", "1400px"],\n\t\t\tsequence: "col-col-row"\n\t\t}\n        }).add([\n            new Text("Running in the desert").set({\n                size: "S3",\n                font: "Arial",\n                color: "orange"\n            }),\n\n              new Text("This is example content").set({\n                exact: "1rem",\n                font: "Arial"\n            }),\n\n\n            new Image("img/wix.jpeg").set({\n                width: "100%",\n                height: "300px",\n                objectFit: "cover"\n            })\n        ])\n\t])'},ops:{miami:{blast:{code:'stroke: {range:["0px","3000px"], op:{name:"blast",color:"orange",width:"3px"}}'},blastFun:function(e){return'stroke: {range:["0px","3000px"], op:{name:"blast",color:"orange",width:"'.concat(e,'px"}}')}},nepal:{blast:{code:'stroke: {range:["0px","3000px"], op:{name:"blast",color:"#2ECC71",width:"3px"}}'},blastFun:function(e){return'stroke: {range:["0px","3000px"], op:{name:"blast",color:"#2ECC71",width:"'.concat(e,'px"}}')}},patagonia:{blast:{code:'stroke: {range:["0px","3000px"], op:{name:"blast",color:"#1abc9c",width:"3px"}}'},blastFun:function(e){return'stroke: {range:["0px","3000px"], op:{name:"blast",color:"#1abc9c",width:"'.concat(e,'px"}}')}}},link:{miami:{code:'new Link("Link").set({text: "Hello", url: "#a", background: "", color: "orange", hover: {color: "white", background: "orange", animation: 0.6}, borderObj: {color: "orange", width: "3px", radius: "0.7rem"}, pad: { sides: ["all"], value: "0.6rem" }, mar: { "t": 0.8rem }, radius: "0.4rem"})'},base:{code:'new Link("Link").set({text: "Hello", url: "#ai", background: "#3498db", pad: [{lr: "0.5rem", tb: "1rem"}], radius: "0.4rem", color: "white"})'},nepal:{code:'new Link("Link").set({text: "Hello", url: "#a", background: "#2ECC71", pad: { sides: ["all"], value: "0.6rem" }, mar: { sides: ["top", "bottom"], value: "0.8rem" }, hover: {color: "#2ECC71", background: "white", border: true, animation: 0.3}, color: "white"})'},patagonia:{code:'new Link("Link", "#a").set({text: "Hello", url: "#a", background: "#1ABC9C", pad: { sides: ["all"], value: "0.6rem" }, mar: { sides: ["top", "bottom"], value: "0.8rem" }, hover: {color: "#2ECC71", background: "white", border: true, animation: 0.3}, color: "white"})'}},grid:{code:' new AreaSwitcher()\n    .set({\n        gap: "1rem"\n    })\n    .react([{\n            at: "0px",\n            template: [\n                "eeeeee",\n                "eeeeee",\n                "abbbbb",\n                "abbbbb",\n                "abbbbb",\n                "cccccc",\n                "cccccc",\n                "dddddd"\n            ]\n        },\n\n        {\n            at: "900px",\n            color: "orange",\n            template: [\n                "aaaccc",\n                "aaaccc",\n                "bbbbbb",\n                "dddddd",\n                "eeeeee"\n            ]\n        },\n\n        {\n            at: "1200px",\n            color: "purple",\n            template: [\n                "cccaaa",\n                "cccaaa",\n                "bbbbbb",\n                "dddddd",\n                "eeeeee"\n            ]\n        },\n    ])\n    .add([\n        new Wrapper().set({\n            pad: [{\n                a: 20\n            }],\n            background: "#ecf0f1",\n            radius: "1.7rem"\n        }).add([\n            new Text("NEW PRODUCT").set({\n                exact: "1rem",\n                font: "Oswald",\n                width: "100%"\n            }),\n            new Text("Feel").set({\n                fluidc: "S2",\n                font: "Oswald",\n                width: "100%",\n                color: "black"\n            }),\n            new Text("Speed").set({\n                exact: "7rem",\n                font: "Oswald",\n                width: "100%",\n                color: "#3498db"\n            }),\n        ]),\n\n        new Wrapper().set({\n            pad: [{\n                a: 20\n            }],\n            background: "#ecf0f1",\n            radius: "1.7rem"\n        }).add([\n            new Text("TOP QUALITY").set({\n                exact: "1rem",\n                font: "Oswald",\n                width: "100%"\n            }),\n            new Text("Amazing animals").set({\n                fluidc: "S2",\n                font: "Oswald",\n                width: "100%",\n                color: "black"\n            }),\n\n            new Text("Seals are intelligent, agile marine mammals found in oceans around the world, known for their streamlined bodies, flippers, and ability to thrive both in water and on land. Belonging to the pinniped family, they are divided into true seals, which lack external ears, and eared seals like sea lions, which are more mobile on land. Seals feed primarily on fish and squid, using their sensitive whiskers to detect prey underwater, and can dive to great depths while holding their breath for extended periods. Adapted to cold environments with thick blubber for insulation, seals play a crucial role in marine ecosystems but face threats from climate change, pollution, and human activity, making conservation efforts increasingly important.")\n            .set({\n                font: "Arial",\n                exact: "1.3rem"\n            })\n\n        ]),\n\n        new Wrapper().set({\n            radius: "1.7rem",\n            overflow: "hidden"\n\n        }).add([\n\n            new Image("https://cdn.pixabay.com/photo/2017/02/09/18/40/seal-2053165_640.jpg", "exact").set({\n                width: "100%",\n                height: "420px",\n                minHeight: "100px",\n                objectFit: "cover"\n\n            })\n        ]),\n\n        new Wrapper().set({\n            pad: [{\n                a: 20\n            }],\n            background: "#ecf0f1",\n            radius: "1.7rem",\n        }).add([\n            new Text("Welcome seals").set({\n                fluidc: "S3",\n                font: "Oswald",\n                color: "black"\n            }),\n           \n        ]),\n        new Wrapper().set({\n            mc: true,\n            pad: [{\n                a: 20\n            }],\n            background: "#ecf0f1",\n            radius: "1.7rem",\n\n        }).add([new Text("Top line").set({\n            font: "Arial",\n            exact: "1.3rem"\n        }), ]),\n    ])'},flexRow:function(e){return{image:{code:'new FlexRow().set({border: ["all", "3px"], colat: "600px"}).items([new Image(...), new Image(...), new Image(...)])'},text:{code:'new FlexRow().set({}).items([\n\nnew Text("This").set({\n    size: "S3"\n}), \n\nnew Text("is").set({\n    size: "S3",\n    text: "Hello"\n}), \n\nnew Text("row.").set({\n    size: "S3",\n    text: "Hello"\n})\n    \n])'}}},tabSpace:function(e){return"    ".repeat(e)}}}return _createClass(Des,[{key:"at",value:function(e){return this.options.push(e),this}},{key:"nodes",value:function(e){return this.options=e,this.protoOptions=_toConsumableArray(e),console.log(this.options),console.log(this.protoOptions),this}},{key:"getElType",value:function(e){return"S".concat(e.substr(1))}},{key:"filtero",value:function(e,t,r){return r.filter((function(t){return t.op.name===e})).filter((function(e){return!e.target||e.target.includes(t)}))[0]}},{key:"add",value:function add(arr){var _this=this;this.css=[],this.elCSS=[],this.elHTML=[];var customOptions=this.options;console.log("COO"),console.log(customOptions),customOptions.forEach((function(e){console.log("mid"),console.log(e),console.log("checking:",e.direction),"radial"===e.direction&&(e.gradient="radial-gradient(orange, green)")}));for(var _loop=function _loop(){var el=arr[i],ela=null,ops=["blast","gradient","shadow","filter","animation","transform","span"],replacementObjects=[{op:{name:"blast",color:"green",width:"1px"}},{op:{name:"gradient",gradient:"linear-gradient(orange, green)"}},{op:{name:"shadow",color:"#1abc9c",steps:3,colors:["orange","green","yellow"]}},{op:{name:"filter",filter:"grayscale(0.7)"}},{op:{name:"animation",color:"green",width:"1px",fireAt:"inview",keyframesOpen:[{transform:"translate(100%, 0%)",opacity:0},{transform:"translate(0%)",opacity:1}],keyframesClose:[{transform:"translate(0%)",opacity:1},{transform:"translate(100%, 0%)",opacity:0}],openOptions:{duration:300,fill:"forwards",delay:1e3},closeOptions:{duration:1,fill:"forwards",delay:1e3}}},{op:{name:"transform",values:["ty:-20px","scale(3)","rotate(3deg)","skew(3deg, 0deg)","perspective(100px)","matrix(1, 0, 0, 1, 50, 50)"]}},{op:{name:"span",parts:[{text:"The first time",style:{italic:!0,arrpad:{sides:["left"],value:"3rem"},stroke:{range:["950px","1000px"],op:{name:"blast",background:["header","button"],color:"yellow",width:"1px"}}}},{text:"We went to the Moon",style:{}}]}}];for(q=0;q<ops.length;q++){var blastIDs=customOptions.map((function(e){return e.op})).map((function(e,t){return e===ops[q]?t:""})).filter(String);if(blastIDs.length>0)for(d=0;d<blastIDs.length;d++){var index=blastIDs[d],target=customOptions[index].target,range=customOptions[index].range,filter=customOptions[index].filter,gradient=customOptions[index].gradient,as=replacementObjects[q];as.target=target,null!=range&&(as.range=range),null!=filter&&(as.op.filter=filter),null!=gradient&&(as.op.gradient=gradient),customOptions[index]=as}}for(console.warn(customOptions),q=0;q<customOptions.length;q++){var option=customOptions[q].op.name,cool=_this.protoOptions[q].style||"default",duration=_this.protoOptions[q].duration||"default";if("transform"===option){var opts=[],_customOptions$q,_customOptions$q2,_customOptions$q3;opts="SOLARIUM"===cool?["scale(3)"]:"WAVE"===cool?["skew(15deg, 0deg)","tx:50px","rotate(10deg)","scale(1.1)"]:"CUBE-SPIN"===cool?["perspective(700px)","scale(0.9)"]:"TORNADO-SWITCH"===cool?["rotate(720deg)","scale(0.8)","tx:30px","ty:-50px","tz:-80px"]:"LASER-SWEEP"===cool?["tx:100px","opacity:0.2","scale(1.2, 1.0)"]:"TORNADO-TWIST"===cool?["rotate(720deg)","scale(0.8)","tx:30px","ty:-50px","skew(10deg, 0deg)"]:"JELLY-WOBBLE"===cool?["scale(1.2, 0.8)","rotate(5deg)","ty:-10px","skew(5deg, 0deg)"]:"DRUNKEN-SWAY"===cool?["rotate(15deg)","tx:20px","ty:-10px","skew(10deg, 5deg)"]:"FLAME-FLICKER"===cool?["scale(1.1, 0.9)","rotate(-5deg)","ty:5px","opacity:0.7"]:"PHANTOM-SHIFT"===cool?["tx:15px","ty:-5px","opacity:0.5","skew(5deg, 5deg)"]:"RUBBER-BOUNCE"===cool?["scale(1.3, 0.8)","skew(10deg, 0deg)","ty:-20px"]:"ASTEROID-CRASH"===cool?["tx:-80px","ty:100px","rotate(45deg)","scale(0.7)","opacity:0.5"]:"CYBER-GLITCH"===cool?["tx:5px","ty:-5px","rotate(3deg)","opacity:0.6","scale(1.05)"]:"BUBBLE-POP"===cool?["scale(1.5)","opacity:0.3","ty:-20px"]:"SUPERNOVA-BURST"===cool?["scale(2)","opacity:0","tx:50px","ty:-50px"]:"GRAVITY-DROP"===cool?["ty:100px","scale(0.8)","rotate(10deg)","skew(0deg, 10deg)"]:"LASER-SWEEP"===cool?["tx:100px","opacity:0.2","scale(1.2, 1.0)"]:"VORTEX-SINK"===cool?["rotate(-360deg)","scale(0.5)","ty:50px"]:"SHOCKWAVE"===cool?["scale(1.7)","opacity:0.4","skew(5deg, 5deg)"]:["ty:20px","tx:30px","rotate(3deg)","skew(40deg, 0deg)"],console.log("DURA"),console.log(duration),customOptions[q].op.transform={values:opts,duration};var key="style",dur="duration";if(null!==(_customOptions$q=customOptions[q])&&void 0!==_customOptions$q&&_customOptions$q.op&&key in customOptions[q].op&&delete customOptions[q].op[key],null!==(_customOptions$q2=customOptions[q])&&void 0!==_customOptions$q2&&_customOptions$q2.op&&dur in customOptions[q].op&&delete customOptions[q].op[dur],console.log("COQ"),console.log(customOptions[q].op.values),null!==(_customOptions$q3=customOptions[q])&&void 0!==_customOptions$q3&&_customOptions$q3.op.values){var _customOptions$q4,values="values";null!==(_customOptions$q4=customOptions[q])&&void 0!==_customOptions$q4&&_customOptions$q4.op.values&&delete customOptions[q].op[values]}}}function replaceMedium(e){for(var t=0,r=Object.keys(e);t<r.length;t++){var n=r[t];if("object"===_typeof(e[n])&&null!==e[n])replaceMedium(e[n]);else if("string"==typeof e[n])switch(e[n].toLowerCase()){case"medium":e[n]="6s-ease-in-out";break;case"fast":e[n]="3s-ease-in-out";break;case"slow":e[n]="9s-ease-in-out";break;case"default":delete e[n]}}}console.log("----------------------------LLL ".