nodality 1.0.0-beta.74 → 1.0.0-beta.76
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/animator.cjs.js +1 -1
- package/dist/animator.cjs.js.LICENSE.txt +1 -1
- package/dist/animator.esm.js +1 -1
- package/dist/animator.esm.js.LICENSE.txt +1 -1
- package/dist/appleanim.cjs.js.LICENSE.txt +1 -1
- package/dist/appleanim.esm.js.LICENSE.txt +1 -1
- package/dist/audionew.cjs.js +1 -1
- package/dist/audionew.cjs.js.LICENSE.txt +1 -1
- package/dist/audionew.esm.js +1 -1
- package/dist/audionew.esm.js.LICENSE.txt +1 -1
- package/dist/base.cjs.js.LICENSE.txt +1 -1
- package/dist/base.esm.js.LICENSE.txt +1 -1
- package/dist/betaDesktopBar.esm.js +1 -1
- package/dist/betaDesktopBar.esm.js.LICENSE.txt +1 -1
- package/dist/betaMobileBar.esm.js +1 -1
- package/dist/betaMobileBar.esm.js.LICENSE.txt +1 -1
- package/dist/bundle.umd.js +1 -1
- package/dist/bundle.umd.js.LICENSE.txt +1 -1
- package/dist/button.cjs.js +1 -1
- package/dist/button.cjs.js.LICENSE.txt +1 -1
- package/dist/button.esm.js +1 -1
- package/dist/button.esm.js.LICENSE.txt +1 -1
- package/dist/cardGetter.cjs.js.LICENSE.txt +1 -1
- package/dist/cardGetter.esm.js.LICENSE.txt +1 -1
- package/dist/center.cjs.js.LICENSE.txt +1 -1
- package/dist/center.esm.js.LICENSE.txt +1 -1
- package/dist/checkbox.cjs.js +1 -1
- package/dist/checkbox.cjs.js.LICENSE.txt +1 -1
- package/dist/checkbox.esm.js +1 -1
- package/dist/checkbox.esm.js.LICENSE.txt +1 -1
- package/dist/code.cjs.js +1 -1
- package/dist/code.cjs.js.LICENSE.txt +1 -1
- package/dist/code.esm.js +1 -1
- package/dist/code.esm.js.LICENSE.txt +1 -1
- package/dist/container.cjs.js +1 -1
- package/dist/container.cjs.js.LICENSE.txt +1 -1
- package/dist/container.esm.js +1 -1
- package/dist/container.esm.js.LICENSE.txt +1 -1
- package/dist/datalist.cjs.js.LICENSE.txt +1 -1
- package/dist/datalist.esm.js.LICENSE.txt +1 -1
- package/dist/designer.cjs.js +1 -1
- package/dist/designer.cjs.js.LICENSE.txt +1 -1
- package/dist/designer.esm.js +1 -1
- package/dist/designer.esm.js.LICENSE.txt +1 -1
- package/dist/dropdown.cjs.js +1 -1
- package/dist/dropdown.cjs.js.LICENSE.txt +1 -1
- package/dist/dropdown.esm.js +1 -1
- package/dist/dropdown.esm.js.LICENSE.txt +1 -1
- package/dist/elementMapper.cjs.js +1 -1
- package/dist/elementMapper.cjs.js.LICENSE.txt +1 -1
- package/dist/elementMapper.esm.js +1 -1
- package/dist/elementMapper.esm.js.LICENSE.txt +1 -1
- package/dist/finalresult.esm.js +1 -1
- package/dist/finalresult.esm.js.LICENSE.txt +1 -1
- package/dist/flexCard.cjs.js +1 -1
- package/dist/flexCard.cjs.js.LICENSE.txt +1 -1
- package/dist/flexCard.esm.js +1 -1
- package/dist/flexCard.esm.js.LICENSE.txt +1 -1
- package/dist/flexGrid.cjs.js +1 -1
- package/dist/flexGrid.cjs.js.LICENSE.txt +1 -1
- package/dist/flexGrid.esm.js +1 -1
- package/dist/flexGrid.esm.js.LICENSE.txt +1 -1
- package/dist/flexRow.cjs.js +1 -1
- package/dist/flexRow.cjs.js.LICENSE.txt +1 -1
- package/dist/flexRow.esm.js +1 -1
- package/dist/flexRow.esm.js.LICENSE.txt +1 -1
- package/dist/floatingInput.cjs.js +1 -1
- package/dist/floatingInput.cjs.js.LICENSE.txt +1 -1
- package/dist/floatingInput.esm.js +1 -1
- package/dist/floatingInput.esm.js.LICENSE.txt +1 -1
- package/dist/free.cjs.js +1 -1
- package/dist/free.cjs.js.LICENSE.txt +1 -1
- package/dist/free.esm.js +1 -1
- package/dist/free.esm.js.LICENSE.txt +1 -1
- package/dist/horizontalScroller.esm.js.LICENSE.txt +1 -1
- package/dist/image.cjs.js +1 -1
- package/dist/image.cjs.js.LICENSE.txt +1 -1
- package/dist/image.esm.js +1 -1
- package/dist/image.esm.js.LICENSE.txt +1 -1
- package/dist/imagePicker.cjs.js +1 -1
- package/dist/imagePicker.cjs.js.LICENSE.txt +1 -1
- package/dist/imagePicker.esm.js +1 -1
- package/dist/imagePicker.esm.js.LICENSE.txt +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.LICENSE.txt +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.LICENSE.txt +1 -1
- package/dist/link.cjs.js +1 -1
- package/dist/link.cjs.js.LICENSE.txt +1 -1
- package/dist/link.esm.js +1 -1
- package/dist/link.esm.js.LICENSE.txt +1 -1
- package/dist/linkGetter.cjs.js +1 -1
- package/dist/linkGetter.cjs.js.LICENSE.txt +1 -1
- package/dist/linkGetter.esm.js +1 -1
- package/dist/linkGetter.esm.js.LICENSE.txt +1 -1
- package/dist/metaAdder.cjs.js.LICENSE.txt +1 -1
- package/dist/metaAdder.esm.js.LICENSE.txt +1 -1
- package/dist/modal2025.cjs.js.LICENSE.txt +1 -1
- package/dist/modal2025.esm.js.LICENSE.txt +1 -1
- package/dist/multiswitchers.esm.js +1 -1
- package/dist/multiswitchers.esm.js.LICENSE.txt +1 -1
- package/dist/newNavBar.cjs.js +1 -1
- package/dist/newNavBar.cjs.js.LICENSE.txt +1 -1
- package/dist/newNavBar.esm.js +1 -1
- package/dist/newNavBar.esm.js.LICENSE.txt +1 -1
- package/dist/picker.cjs.js +1 -1
- package/dist/picker.cjs.js.LICENSE.txt +1 -1
- package/dist/picker.esm.js +1 -1
- package/dist/picker.esm.js.LICENSE.txt +1 -1
- package/dist/progress.cjs.js.LICENSE.txt +1 -1
- package/dist/progress.esm.js.LICENSE.txt +1 -1
- package/dist/radio.cjs.js.LICENSE.txt +1 -1
- package/dist/radio.esm.js.LICENSE.txt +1 -1
- package/dist/range.cjs.js.LICENSE.txt +1 -1
- package/dist/range.esm.js.LICENSE.txt +1 -1
- package/dist/scrollvideo.cjs.js.LICENSE.txt +1 -1
- package/dist/scrollvideo.esm.js.LICENSE.txt +1 -1
- package/dist/sideBar.cjs.js.LICENSE.txt +1 -1
- package/dist/sideBar.esm.js.LICENSE.txt +1 -1
- package/dist/sideNavBar.cjs.js +1 -1
- package/dist/sideNavBar.cjs.js.LICENSE.txt +1 -1
- package/dist/sideNavBar.esm.js +1 -1
- package/dist/sideNavBar.esm.js.LICENSE.txt +1 -1
- package/dist/simpleBar.cjs.js +1 -1
- package/dist/simpleBar.cjs.js.LICENSE.txt +1 -1
- package/dist/simpleBar.esm.js +1 -1
- package/dist/simpleBar.esm.js.LICENSE.txt +1 -1
- package/dist/stack.cjs.js.LICENSE.txt +1 -1
- package/dist/stack.esm.js.LICENSE.txt +1 -1
- package/dist/stacker.cjs.js.LICENSE.txt +1 -1
- package/dist/stacker.esm.js.LICENSE.txt +1 -1
- package/dist/table.cjs.js +1 -1
- package/dist/table.cjs.js.LICENSE.txt +1 -1
- package/dist/table.esm.js +1 -1
- package/dist/table.esm.js.LICENSE.txt +1 -1
- package/dist/text.cjs.js +1 -1
- package/dist/text.cjs.js.LICENSE.txt +1 -1
- package/dist/text.esm.js +1 -1
- package/dist/text.esm.js.LICENSE.txt +1 -1
- package/dist/textField.cjs.js +1 -1
- package/dist/textField.cjs.js.LICENSE.txt +1 -1
- package/dist/textField.esm.js +1 -1
- package/dist/textField.esm.js.LICENSE.txt +1 -1
- package/dist/transformanim.cjs.js +1 -1
- package/dist/transformanim.cjs.js.LICENSE.txt +1 -1
- package/dist/transformanim.esm.js +1 -1
- package/dist/transformanim.esm.js.LICENSE.txt +1 -1
- package/dist/wrap.cjs.js.LICENSE.txt +1 -1
- package/dist/wrap.esm.js.LICENSE.txt +1 -1
- package/dist/zoomCard.cjs.js +1 -1
- package/dist/zoomCard.cjs.js.LICENSE.txt +1 -1
- package/dist/zoomCard.esm.js +1 -1
- package/dist/zoomCard.esm.js.LICENSE.txt +1 -1
- package/layout/DEPRECATED-PARAGRAPH.js +1 -1
- package/layout/animator.js +59 -74
- package/layout/audio.js +1 -1
- package/layout/audionew.js +1 -1
- package/layout/base-2.js +1 -1
- package/layout/base.js +1 -1
- package/layout/betaDesktopBar.js +1 -1
- package/layout/betaMobileBar.js +1 -1
- package/layout/box.js +1 -1
- package/layout/button.js +1 -1
- package/layout/cards.js +1 -1
- package/layout/center.js +1 -1
- package/layout/checkbox.js +1 -1
- package/layout/cleanRow.js +1 -1
- package/layout/code.js +1 -1
- package/layout/container.js +78 -188
- package/layout/custom.js +1 -1
- package/layout/divImage.js +1 -1
- package/layout/dropdown.js +1 -1
- package/layout/dropdown2025.js +40 -2
- package/layout/emptyElement.js +1 -1
- package/layout/externalStylesheet.js +1 -1
- package/layout/flexCard.js +1 -1
- package/layout/flexGrid.js +4 -1
- package/layout/flexrow.js +1 -1
- package/layout/footer.js +1 -1
- package/layout/formComponents/custom.js +1 -1
- package/layout/formComponents/dataList.js +1 -1
- package/layout/formComponents/floatingInput.js +2 -1
- package/layout/formComponents/form-all.js +1 -1
- package/layout/formComponents/form.js +2 -1
- package/layout/formComponents/imagePicker.js +1 -1
- package/layout/formComponents/picker.js +1 -1
- package/layout/formComponents/radio.js +1 -1
- package/layout/formComponents/radiogroup.js +1 -1
- package/layout/formComponents/range.js +1 -1
- package/layout/free.js +4 -4
- package/layout/grid-new.js +1 -1
- package/layout/grid.js +1 -1
- package/layout/gridSwitcher.js +1 -1
- package/layout/group.js +1 -1
- package/layout/header.js +1 -1
- package/layout/horizontalScroller.js +1 -1
- package/layout/image-old.js +1 -1
- package/layout/image.js +1 -1
- package/layout/index.js +1 -1
- package/layout/label.js +1 -1
- package/layout/link.js +1 -1
- package/layout/list-OLD.js +1 -1
- package/layout/list.js +1 -1
- package/layout/metaAdder.js +1 -1
- package/layout/modal2025.js +1 -1
- package/layout/modernwrap.js +1 -1
- package/layout/multiswitcher.js +1 -1
- package/layout/multiswitcherBeta.js +1 -1
- package/layout/navBar-OLD.js +1 -1
- package/layout/navBar.js +1 -1
- package/layout/navFactor/customDiv.js +3 -1
- package/layout/newFlatAdder.js +1 -1
- package/layout/newNavBar copy 2.js +1 -1
- package/layout/newNavBar copy.js +1 -1
- package/layout/newNavBar.js +1 -1
- package/layout/offsetContainer.js +1 -1
- package/layout/progress.js +1 -1
- package/layout/row.js +1 -1
- package/layout/savedNewNavBar.js +1 -1
- package/layout/scrollvideo.js +8 -4
- package/layout/sideBar.js +1 -1
- package/layout/sideNavBar.js +1 -1
- package/layout/simpleBar.js +1 -1
- package/layout/slider2025.js +1 -1
- package/layout/spacer.js +1 -1
- package/layout/stack.js +1 -1
- package/layout/styler.js +1 -1
- package/layout/switcher.js +1 -1
- package/layout/table.js +1 -1
- package/layout/text.js +25 -5
- package/layout/textField.js +1 -1
- package/layout/ulist.js +1 -1
- package/layout/video.js +1 -1
- package/layout/withoutNew.js +1 -1
- package/layout/wrap.js +1 -1
- package/layout/zoomCard.js +1 -1
- package/lib/AppleAnim.js +2 -1
- package/lib/Stacker.js +3 -1
- package/lib/TransformAnim.js +5 -2
- package/lib/cardGetter.js +1 -1
- package/lib/designer.js +42 -3
- package/lib/elementMapper.js +169 -4
- package/lib/linkGetter.js +4 -1
- package/lib/scrollvideo.js +3 -1
- package/package.json +2 -2
package/dist/zoomCard.esm.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see zoomCard.esm.js.LICENSE.txt */
|
|
2
|
-
function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t(e)}function e(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,s,i,a,o=[],l=!0,c=!1;try{if(i=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=i.call(r)).done)&&(o.push(n.value),o.length!==e);l=!0);}catch(t){c=!0,s=t}finally{try{if(!l&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw s}}return o}}(t,e)||n(t,e)||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 r(t,e){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=n(t))||e&&t&&"number"==typeof t.length){r&&(t=r);var s=0,i=function(){};return{s:i,n:function(){return s>=t.length?{done:!0}:{done:!1,value:t[s++]}},e:function(t){throw t},f:i}}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 a,o=!0,l=!1;return{s:function(){r=r.call(t)},n:function(){var t=r.next();return o=t.done,t},e:function(t){l=!0,a=t},f:function(){try{o||null==r.return||r.return()}finally{if(l)throw a}}}}function n(t,e){if(t){if("string"==typeof t)return s(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?s(t,e):void 0}}function s(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function i(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,a(n.key),n)}}function a(e){var r=function(e){if("object"!=t(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!=t(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==t(r)?r:r+""}var o=function(){return t=function t(){var e,r,n,s=this;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),e=this,n=function(t){if(t.transform||t.op&&t.op.transform){var e=t.transform;t.transform||(e=t.op.transform),e.duration||(e.duration="3s-ease-in-out"),s.setDefault=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"0px";return 0===t.length?e+" ":t};var r=function(){var r="",n="",i="",a="",o="",l="",c="",u="",d="";if(0!==e.values.length){e.values.forEach((function(t){t.startsWith("tx:")&&(r=t.replace("tx:","")),t.startsWith("ty:")&&(n=t.replace("ty:","")),t.startsWith("tz:")?i=t.replace("tz:",""):t.startsWith("scale(")?a=t:t.startsWith("skew(")?o=t:t.startsWith("rotate(")?l=function(t){var e=t.match(/rotate\(([^)]+)\)/);if(!e)return t;var r=e[1].split(",").map((function(t){return t.trim()}));return 1===r.length?"rotate(".concat(r[0],")"):2===r.length?"rotateX(".concat(r[0],") rotateY(").concat(r[1],")"):3===r.length?"rotateX(".concat(r[0],") rotateY(").concat(r[1],") rotate(").concat(r[2],")"):t}(t):t.startsWith("perspective(")?c=t:t.startsWith("matrix(")?u=t:t.startsWith("opacity:")&&(d=t.replace("opacity:",""))})),r=s.setDefault(r),n=s.setDefault(n),i=s.setDefault(i);var f="";if("0px"!=n&&"0px"!=r&&"0px"!=i?f+="translate3d(".concat(r,", ").concat(n,", ").concat(i,")"):"0px"==n&&"0px"==r||(f+="translate(".concat(r,", ").concat(n,")")),a&&(f+=" ".concat(a)),l&&(f+=" ".concat(l)),o&&(f+=" ".concat(o)),c&&(f+=" ".concat(c)),u&&(f+=" ".concat(u)),f){if(t.op.transform.duration){var h=t.op.transform.duration.replace(/^(\d+)(s)-/,(function(t,e,r){return e/2+r+" "})),p="transform ".concat(h,", opacity ").concat(h);s.res.style.transition=p}else s.res.style.transition="transform 3s ease-in-out, opacity 3s ease-in-out";s.res.style.transform=f,s.res.style.opacity=d}}};e.on?s.res.addEventListener(e.on,(function(){e.delay?setTimeout((function(){r()}),e.delay):r()})):window.addEventListener("load",(function(){e.delay?setTimeout((function(){r()}),e.delay):r()}));var n=function(){var t="";e.values.forEach((function(e){e.startsWith("tx:")?t+="translateX(0) ":e.startsWith("ty:")?t+="translateY(0) ":e.startsWith("tz:")?t+="translateZ(0) ":e.startsWith("scale(")?t+="scale(1) ":e.startsWith("skew(")?t+="skew(0, 0) ":e.startsWith("rotate(")?t+="rotate(0) ":e.startsWith("perspective(")?t+="perspective(0) ":e.startsWith("matrix(")&&(t+="matrix(1, 0, 0, 1, 0, 0) "),s.res.style.opacity="1"})),t&&(s.res.style.transform=t.trim())};if(e.on)s.res.addEventListener("mouseout",(function(){e.keep||n()}));else{var i=1e3*parseFloat(e.duration),a=e.closeAfter?e.closeAfter:0;setTimeout((function(){e.keep||n()}),i/2+a)}}},(r=a(r="reactOnTransform"))in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,this.state={isExpanded:!1,isMovedUp:!1,isMovedDown:!1}},(n=[{key:"keySet",value:function(t){return this.temporaryVal=1,this.res.style[t.key]=t.value,this}},{key:"onScroll",value:function(t){var e=this;"opacity"===t.value?this.res.style.opacity=t.valMin:"scale"===t.value&&(this.res.style.transform="scale(".concat(t.valMax,")")),window.addEventListener("scroll",(function(){var r=e.smartRange(window.scrollY,{min:t.from,max:t.to},{min:t.valMin,max:t.valMax});"opacity"===t.value?e.res.style.opacity=r:"scale"===t.value&&(e.res.style.transform="scale(".concat(r,")"))}))}},{key:"setAny",value:function(t){this[Object.keys(t)[0]]=[Object.values(t)[0]]}},{key:"setID",value:function(t){this.id=t}},{key:"setPrevText",value:function(t){this.prevText=t}},{key:"getCSS",value:function(){return this.css}},{key:"getPX",value:function(t){return{xs:"0px",sm:"576px",md:"768px",lg:"992px",xl:"1200px",xxl:"1400px",mxxl:"1800px"}[t]||"Invalid breakpoint"}},{key:"respad",value:function(t){var e=this,r=function(){e.pad(t[0].values);for(var r=0;r<t.length;r++){var n=t[r].breakpoint;window.matchMedia("(min-width: ".concat(e.getPX(n))).matches&&e.pad(t[r].values)}};window.addEventListener("resize",r),r()}},{key:"resmar",value:function(t){var e=this,r=function(){e.mar(t[0].values);for(var r=0;r<t.length;r++){var n=t[r].breakpoint;window.matchMedia("(max-width: ".concat(e.getPX(n))).matches&&e.mar(t[r].values)}};window.addEventListener("resize",r),r()}},{key:"resprop",value:function(t){var e=this;this.prevBackground=this.res.style.background,this.prevWidth=this.res.style.width,this.prevHeight=this.res.style.height,this.prevBorder=this.res.style.border;var r=function(){e.res.style.background=e.prevBackground,e.res.style.width=e.prevWidth,e.res.style.height=e.prevHeight,e.res.style.border=e.prevBorder;for(var r=0;r<t.length;r++){var n=t[r].breakpoint;if(window.matchMedia("(max-width: ".concat(e.getPX(n))).matches){var s={};for(var i in t[r])"breakpoint"!==i&&(s[i]=t[r][i]);e.set(s)}}};window.addEventListener("resize",r),r()}},{key:"isNumber",value:function(t){return"number"==typeof t&&!isNaN(t)}},{key:"pad",value:function(t){for(var e=0;e<t.length;e++)for(var r=Object.keys(t[e]),n=0;n<r.length;n++)for(var s=r[n],i=t[e][s],a=0;a<s.length;a++)switch(s[a]){case"a":this.res.style.padding=this.isNumber(i)?"".concat(i,"px"):i;break;case"t":this.res.style.paddingTop=this.isNumber(i)?"".concat(i,"px"):i;break;case"l":this.res.style.paddingLeft=this.isNumber(i)?"".concat(i,"px"):i;break;case"r":this.res.style.paddingRight=this.isNumber(i)?"".concat(i,"px"):i;break;case"b":this.res.style.paddingBottom=this.isNumber(i)?"".concat(i,"px"):i}return this}},{key:"as",value:function(t){return this.res.style.alignSelf=t,this}},{key:"mar",value:function(t){for(var e=0;e<t.length;e++)for(var r=Object.keys(t[e]),n=0;n<r.length;n++)for(var s=r[n],i=t[e][s],a=0;a<s.length;a++){switch(s[a]){case"a":this.res.style.margin=this.isNumber(i)?"".concat(i,"px"):i;break;case"t":this.res.style.marginTop=this.isNumber(i)?"".concat(i,"px"):i;break;case"l":this.res.style.marginLeft=this.isNumber(i)?"".concat(i,"px"):i;break;case"r":this.res.style.marginRight=this.isNumber(i)?"".concat(i,"px"):i;break;case"b":this.res.style.marginBottom=this.isNumber(i)?"".concat(i,"px"):i}"auto"===s[a]&&(this.res.style.marginLeft="auto",this.res.style.marginRight="auto")}return this}},{key:"smartRange",value:function(t,e,r){t<e.min&&(t=e.min),t>e.max&&(t=e.max);var n=(t-e.min)/(e.max-e.min);e.min>e.max&&(n=(t-e.max)/(e.min-e.max));var s=(r.min-r.max)*n-r.min;if(s=Math.abs(s),r.min<r.max){var i=(r.max+Math.abs(r.min))*n;s=r.min+i}return s}},{key:"gpos",value:function(t){return this.res.style.gridColumn=t.col,this.res.style.gridRow=t.row,this}},{key:"fluidCopy",value:function(t){if(t instanceof Object){this.prevStylex=this.res.style,this.res=document.createElement("h1"),this.res.style.cssText=this.prevStylex.cssText;var e=document.createTextNode(this.text);return this.res.appendChild(e),this.res.style.fontSize=t.exact,this}if("S1"===t){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"===t){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"===t){this.prevStylex=this.res.style,this.res=document.createElement("h3"),this.res.style.cssText=this.prevStylex.cssText;var s=document.createTextNode(this.text);this.res.appendChild(s),this.res.style.fontSize="calc(1.375rem + 3.525vw)"}if("S4"===t){this.prevStylex=this.res.style,this.res=document.createElement("h4"),this.res.style.cssText=this.prevStylex.cssText;var i=document.createTextNode(this.text);this.res.appendChild(i),this.res.style.fontSize="calc(1.250rem + 2.75vw)"}if("S5"===t){this.prevStylex=this.res.style,this.res=document.createElement("h5"),this.res.style.cssText=this.prevStylex.cssText;var a=document.createTextNode(this.text);this.res.appendChild(a),this.res.style.fontSize="calc(1.125rem + 1.975vw)"}return"S6"===t&&(this.res.style.fontSize="calc(1rem + 0.5vw)"),this}},{key:"setIndex",value:function(t){this.index=t}},{key:"borderObj",value:function(t){var e,r=null!==(e=t.type)&&void 0!==e?e:"solid";return this.res.style.border="".concat(t.width," ").concat(r," ").concat(t.color),this.res.style.borderRadius=t.radius,this}},{key:"protoReact",value:function(t,n){var s=this;t.sort((function(t,e){return parseInt(t.range[0])-parseInt(e.range[0])}));var i=function(){var i=window.innerWidth,a="";s.storedQueries=t.map((function(t){return t.target})).filter((function(t){return null!=t}));var o,l=r(t);try{for(l.s();!(o=l.n()).done;){var c=o.value;s.counterIndex++;var u=e(c.range,2),d=u[0],f=u[1],h=parseInt(d),p=parseInt(f),y=!0;if(c.target){y=!1;for(var m=0;m<c.target.length;m++)c.target[m]===n&&(y=!0)}i>=h&&i<=p&&y&&("gradient"===c.log&&(a+="gradient"),"blast"===c.log&&(a+="blast"),"animation"===c.log&&(a+="animation"),"shadow"===c.log&&(a+="shadow"),"span"===c.log&&(a+="span"),"filter"===c.log&&(a+="filter"),"background"===c.log&&(a+="background"))}}catch(t){l.e(t)}finally{l.f()}s.res.style.margin="";var v,g=s.res.style.color;for(t.map((function(t){return t.log})).filter((function(t){return null!=t})).includes("gradient")&&(s.res.style.WebkitBackgroundClip="",s.res.style.background=""),s.res.style["-webkit-text-stroke"]="",s.res.style.filter="",s.res.style.textShadow="",s.res.style.border="";s.res.firstChild;)s.res.removeChild(s.res.firstChild);if(s.res.textContent=s.text,""===a&&(s.res.style["-webkit-text-fill-color"]="",s.res.style.color=g),"blast"===a){for(m=0;m<t.length;m++){var b=t[m].op.offsets;b&&void 0!==s.index&&(s.res.style.margin=b[Number(s.index)]+"px")}for(s.res.style["-webkit-text-fill-color"]="transparent",s.res.style["-webkit-text-stroke"]=s.globalBlast,m=0;m<t.length;m++){var x=t[m].op.offsets;x&&void 0!==s.index&&(s.res.style.margin=x[Number(s.index)]+"px")}}if("gradient"===a&&(s.res.style["-webkit-text-fill-color"]="transparent",s.res.style.background=s.globalGradient,s.res.style["-webkit-background-clip"]="text",s.res.style.border="1px solid orange"),"background"===a&&(s.res.style.background="orange"),"gradientblast"===a&&(s.res.style["-webkit-text-fill-color"]="transparent",s.res.style.background=s.globalGradient,s.res.style["-webkit-background-clip"]="text",s.res.style["-webkit-text-stroke"]=s.globalBlast),"gradientanimation"===a&&(s.res.style["-webkit-text-fill-color"]="transparent",s.res.style.background=s.globalGradient,s.res.style["-webkit-background-clip"]="text"),"gradientanimationshadow"===a&&(s.res.style["-webkit-text-fill-color"]="transparent",s.res.style.background=s.globalGradient,s.res.style["-webkit-background-clip"]="text",s.res.style.textShadow=s.globalShadow),"animationshadow"===a&&(s.res.style["-webkit-text-fill-color"]="",s.res.style.textShadow=s.globalShadow),"shadow"===a&&(s.res.style["-webkit-text-fill-color"]="",s.res.style.textShadow=s.globalShadow),"span"===a&&s.options.span)for(v=Array.isArray(s.options.span)?s.options.span.filter((function(t){return"span"===t.op.name}))[0]:s.options.span,s.res.textContent="",m=0;m<v.op.parts.length;m++){var k=v.op.parts[m].style,w=new Text(v.op.parts[m].text).setup({type:"span"}).set(k).render();s.res.appendChild(w)}if("filter"===a){var S=s.options.filtera.op.filter;s.res.style.filter=S,s.res.style.border="8px solid orange"}};window.addEventListener("resize",i),i()}},{key:"setPref",value:function(t){this.preffersId=t}},{key:"setClass",value:function(t){this.class=t}},{key:"betaReact",value:function(t,n){var s=this;this.ap=!1,this.cta=0,this.once=!1,t.sort((function(t,e){return parseInt(t.range[0])-parseInt(e.range[0])}));var i=function(){var i=window.innerWidth,a="";s.resCopy=s.res,s.storedQueries=t.map((function(t){return t.target})).filter((function(t){return null!=t}));var o,l=r(t);try{for(l.s();!(o=l.n()).done;){var c=o.value;s.counterIndex++;var u=e(c.range,2),d=u[0],f=u[1],h=parseInt(d),p=parseInt(f),y=!0;if(c.target){y=!1;for(var m=0;m<c.target.length;m++)c.target[m]===n&&(y=!0)}i>=h&&i<=p&&y&&("blast"===c.log&&(a+="blast"),"shadow"===c.log&&(a+="shadow"),"background"===c.log&&(a+="background"),"gradient"===c.log&&(a+="gradient"),"spana"===c.log&&(a+="spana"),"layout"===c.log&&(a+="layout"),"margin"===c.log&&(a+="margin"),c.op&&c.op.margin&&(s.useMargin=c.op.margin))}}catch(t){l.e(t)}finally{l.f()}if(s.res.style.background="",s.res.style.backgroundColor="",s.res.style.textShadow="",s.res.style.border="",s.res.style.margin="",s.res.style["-webkit-text-fill-color"]="",s.res.style["-webkit-text-stroke"]="",s.res.style["-webkit-text-stroke-width"]="","background"===a&&(s.res.style.backgroundColor="green"),"margin"===a)for(m=0;m<t.length;m++)if(t[m].op){var v=t[m].op.offsets;v&&void 0!==s.index&&(s.res.style.margin=v[Number(s.index)]+"px")}if("blastbackgroundmargin"===a){for(m=0;m<t.length;m++)if(t[m].op){var g=t[m].op.offsets;g&&void 0!==s.index&&(s.res.style.margin=g[Number(s.index)]+"px")}s.res.style.backgroundColor="green","FlexRowLayoutElement"===s.getType()?s.res.style.border="1px solid orange":(s.res.textContent=s.text,s.res.style["-webkit-text-fill-color"]="transparent",s.res.style["-webkit-text-stroke-color"]="orange",s.res.style["-webkit-text-stroke-width"]="1px"),s.res.style["-webkit-text-fill-color"]="transparent",s.res.style["-webkit-text-stroke-color"]="orange",s.res.style["-webkit-text-stroke-width"]="1px"}if("blastbackground"===a){for(m=0;m<t.length;m++)if(t[m].op){var b=t[m].op.offsets;b&&void 0!==s.index&&(s.res.style.margin=b[Number(s.index)]+"px")}s.res.style.backgroundColor="green",s.useMargin?s.res.style.margin="1rem":s.res.setAttribute("id","iofhwoiefhoih"),"FlexRowLayoutElement"===s.getType()?s.res.style.border="1px solid orange":(s.res.textContent=s.text,s.res.style["-webkit-text-fill-color"]="transparent",s.res.style["-webkit-text-stroke-color"]="orange",s.res.style["-webkit-text-stroke-width"]="1px"),s.res.style["-webkit-text-fill-color"]="transparent",s.res.style["-webkit-text-stroke-color"]="orange",s.res.style["-webkit-text-stroke-width"]="1px"}if("layout"===a&&(s.res.style.alignSelf="start",s.res.style.border="1px solid purple"),"blast"===a){for(m=0;m<t.length;m++)if(t[m].op){var x=t[m].op.offsets;x&&void 0!==s.index&&(s.res.style.margin=x[Number(s.index)]+"px")}"FlexRowLayoutElement"===s.getType()?s.res.style.border="1px solid orange":(s.res.textContent=s.text,s.res.style["-webkit-text-fill-color"]="transparent",s.res.style["-webkit-background-clip"]="text",s.res.style["-webkit-text-stroke-color"]="orange",s.res.style["-webkit-text-stroke-width"]="1px"),s.res.style["-webkit-text-fill-color"]="transparent",s.res.style["-webkit-text-stroke"]="orange",s.res.style["-webkit-text-stroke-width"]="1px"}"blastgradientbackground"===a&&(s.res.style.border="1px solid yellow",s.res.style["-webkit-text-stroke-color"]="orange",s.res.style["-webkit-text-stroke-width"]="1px"),"gradient"===a&&(s.res.style.background="linear-gradient(to left, #3498db, #1abc9c)","FlexRowLayoutElement"===s.getType()||(s.res.children[0]&&s.res.removeChild(s.res.children[0]),s.res.style["-webkit-text-fill-color"]="transparent",s.res.style["-webkit-background-clip"]="text",s.res.textContent=s.text)),"shadow"===a&&("FlexRowLayoutElement"===s.getType()||(s.res.children[0]&&s.res.removeChild(s.res.children[0]),s.res.style["-webkit-text-fill-color"]="",s.res.style["-webkit-text-fill-color"]="",s.res.style.textShadow="#1abc9cff -6px 6px , #1abc9c40 -12px 12px",s.res.textContent=s.text))};window.addEventListener("resize",i),i()}},{key:"cssGen",value:function(t,e,r,n){return this.css=[""],[""]}},{key:"chainReact",value:function(t,n,s){var i=this;this.cssGen(t,n,this.class,void 0!==this.class),this.ap=!1,this.cta=0,this.once=!1;var a,o=r(t);try{for(o.s();!(a=o.n()).done;){var l=a.value;l.range||(l.range=["0px","999999px"])}}catch(t){o.e(t)}finally{o.f()}t.sort((function(t,e){return parseInt(t.range[0])-parseInt(e.range[0])}));var c=function(){var a=window.visualViewport.width,o=[],l=[];i.resCopy=i.res,i.storedQueries=t.map((function(t){return t.target})).filter((function(t){return null!=t}));var c,u=r(t);try{for(u.s();!(c=u.n()).done;){var d=c.value;i.counterIndex++;var f=e(d.range,2),h=f[0],p=f[1],y=parseInt(h),m=parseInt(p),v=!0;if(d.target){v=!1;for(var g=0;g<d.target.length;g++)d.target[g]===n&&(v=!0)}a>=y&&a<=m&&v&&(o.push(d.log),l.push(d),d.op&&d.op.margin&&(i.useMargin=d.op.margin))}}catch(t){u.e(t)}finally{u.f()}if(s&&!s.includes("background")&&(i.res.style.background="",i.res.style.backgroundColor=""),i.res.style.textShadow="",s&&!s.includes("border")&&(i.res.style.border=""),s&&!s.includes("margin")&&(i.res.style.margin=""),i.res.style["-webkit-text-fill-color"]="",i.res.style["-webkit-text-stroke-color"]="",i.res.style["-webkit-text-stroke-width"]="",i.res.style.filter="",(o.includes("gradient")||o.includes("shadow"))&&(i.res.style.position="relative",i.res.style.zIndex=-1),o.includes("blast")){var b,x=l.filter((function(t){return"blast"===t.log}))[0].op.color,k=null!==(b=l.filter((function(t){return"blast"===t.log}))[0].op.width)&&void 0!==b?b:"1px";"FlexRowLayoutElement"===i.getType()?i.res.style.border="".concat(k,"px solid orange"):(i.res.textContent=i.text,i.res.style["-webkit-text-fill-color"]="transparent",i.res.style["-webkit-text-stroke-color"]=x,i.res.style["-webkit-text-stroke-width"]="".concat(k))}if(o.includes("filter")){var w=l.filter((function(t){return"filter"===t.log}))[0].op.filter;i.res.style.filter=w}if(o.includes("background")&&(i.res.style.backgroundColor="green"),o.includes("gradient")&&(i.res.style["-webkit-text-fill-color"]="transparent",i.res.style.background=i.globalGradient,i.res.style["background-clip"]="text"),o.includes("shadow"))if("FlexRowLayoutElement"===i.getType());else{var S="",E=0;for(g=0;g<i.options.shadow.op.steps;g++)S+="drop-shadow(".concat(E+=3,"px ").concat(E,"px ").concat(E,"px gray) ");i.res.style.filter=S}if(o.includes("margin"))for(g=0;g<t.length;g++)if(t[g].op){var C=t[g].op.offsets;C&&void 0!==i.index&&(i.res.style.margin=C[Number(i.index)]+"px")}if(o.includes("animation")){if(i.options.animation&&!i.hasAnimated&&!i.options.animation.op.fireAt){i.hasAnimated=!0;var T=i.options.animation.op;i.res.animate(T.keyframesClose,{duration:0,fill:"forwards"}),i.res.animate(T.keyframesOpen,T.openOptions)}if(i.options.animation&&i.options.animation.op.fireAt&&i.options.animation.op.fireAt.endsWith("px")){var O=i.options.animation.op;i.res.animate(O.keyframesClose,{duration:0,fill:"forwards"});var L=function(){window.scrollY>parseFloat(O.fireAt)&&(i.res.animate(O.keyframesOpen,O.openOptions),window.removeEventListener("scroll",L))};window.addEventListener("scroll",L)}if(i.options.animation&&i.options.animation.op.fireAt&&"inview"===i.options.animation.op.fireAt){var W=i.options.animation.op;i.res.animate(W.keyframesClose,{duration:0,fill:"forwards"}),new IntersectionObserver((function(t,e){t.forEach((function(t){t.isIntersecting&&(i.res.animate(W.keyframesOpen,W.openOptions),e.disconnect())}))})).observe(i.res)}}};window.addEventListener("resize",c),c()}},{key:"maxWidth",value:function(t){return this.res.style.maxWidth=t,this}},{key:"removeQuotesFromFirstWord",value:function(t){return t.replace(/"([^"]+)":/g,"$1:")}},{key:"arrayMargin",value:function(t,e){return t.includes("left")&&(this.res.style.marginLeft=e),t.includes("right")&&(this.res.style.marginRight=e),t.includes("top")&&(this.res.style.marginTop=e),t.includes("bottom")&&(this.res.style.marginBottom=e),t.includes("all")&&(this.res.style.margin=e),e||(this.res.style.marginBottom=t),this}},{key:"navBarExpand",value:function(){return this.res.style.backgroundColor="green",this.res.animate([{transform:"scaleY(3.0)"}],{duration:2e3,iterations:1,fill:"both"}),this}},{key:"scrollFade",value:function(t,e){return this.res.style.visibility="hidden",this.faden(t,e,"scroll"),this}},{key:"expand",value:function(t){var e=this;return!1===this.state.isExpanded?"click"===t.on?this.res.addEventListener("click",(function(){e.innerExpand(t)})):this.innerExpand(t):this.innerExpandBack(t),this.state.isExpanded=!this.state.isExpanded,this}},{key:"move",value:function(t){var e=this;return"click"===t.on?this.res.addEventListener("click",(function(){e.moveUpa(t)})):("up"===t.direction&&this.moveUpa(t),"down"===t.direction&&this.moveDowna(t),this.state.isMovedUp=!this.state.isMovedUp,"left"===t.direction&&this.moveLeft(t)),this}},{key:"moveLeft",value:function(t){return this.res.animate([{transform:"translateX(0px)"},{transform:"translateX(-".concat(t.distance,")")}],{duration:900,iterations:t.iterations,fill:"both"}).play(),this}},{key:"moveUpa",value:function(t){return!1===this.state.isMovedUp?this.res.animate([{transform:"translateX(0px)"},{transform:"translateY(-".concat(t.distance,")")}],{duration:900,iterations:t.iterations,fill:"both"}).play():this.res.animate([{transform:"translateX(0px)"},{transform:"translateY(".concat(t.distance,")")}],{duration:900,iterations:t.iterations,fill:"both"}).play(),this}},{key:"moveDowna",value:function(t){return!1===this.state.isMovedDown?this.res.animate([{transform:"translateX(0px)"},{transform:"translateY(".concat(t.distance,")")}],{duration:900,iterations:t.iterations,fill:"both"}).play():this.res.animate([{transform:"translateX(0px)"},{transform:"translateY(-".concat(t.distance,")")}],{duration:900,iterations:t.iterations,fill:"both"}).play(),this}},{key:"moveUpaBack",value:function(t){return this.res.animate([{transform:"translateX(0px)"}],{duration:900,iterations:t.iterations,fill:"both"}).play(),this}},{key:"innerExpandBack",value:function(t){this.res.animate([{width:this.prevWidth,height:this.prevHeight}],{duration:900,iterations:t.iterations,fill:"both"})}},{key:"innerExpand",value:function(t){var e,r;return this.prevWidth=this.res.style.width,this.prevHeight=this.res.style.height,this.res.animate([{width:this.prevWidth,height:this.prevHeight},{width:null!==(e=t.width)&&void 0!==e?e:this.prevWidth,height:null!==(r=t.height)&&void 0!==r?r:this.prevHeight}],{duration:900,iterations:t.iterations,fill:"both"}),this}},{key:"fade",value:function(t){return this.res.style.visibility="hidden",this.faden(t.duration,t.from,"load"),t.finalOpacity&&(this.finalOpacity=t.finalOpacity),this}},{key:"faden",value:function(t,e,r){var n=this;return this.res.style.visibility="hidden",this.scrolled=!1,window.addEventListener(r,(function(){n.res.style.visibility="visible";var s=window.innerHeight;(n.res.getBoundingClientRect().top-s<=0||"load"==r)&&0==n.scrolled&&("left"==e&&n.res.animate([{transform:"translateX(-30px)"},{transform:"translateX(0px)"}],{duration:t,iterations:1}),"right"==e&&n.res.animate([{transform:"translateX(30px)"},{transform:"translateX(0px)"}],{duration:t,iterations:1}),"top"==e&&n.res.animate([{transform:"translateY(-30px)"},{transform:"translateY(0px)"}],{duration:t,iterations:1}),"bottom"==e&&n.res.animate([{transform:"translateY(30px)"},{transform:"translateY(0px)"}],{duration:t,iterations:1}),n.res.animate([{opacity:"0.0"},{opacity:"1.0"}],{duration:t,iterations:1}),n.scrolled=!0)})),this}}])&&i(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,n}();function l(t){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},l(t)}function c(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,u(n.key),n)}}function u(t){var e=function(t){if("object"!=l(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=l(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==l(e)?e:e+""}function d(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(d=function(){return!!t})()}function f(t){return f=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},f(t)}function h(t,e){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},h(t,e)}var p=function(){function t(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),function(t,e,r){return e=f(e),function(t,e){if(e&&("object"==l(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,d()?Reflect.construct(e,r||[],f(t).constructor):e.apply(t,r))}(this,t)}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&h(t,e)}(t,o),e=t,(r=[{key:"set",value:function(t){return this.imageUrl=t.url,this.createCard(),t.useBrightness&&(this.useBrightness=!0),t.useBrightness&&"\n useBrightness: ".concat(this.useBrightness),t.pad&&this.pad(t.pad),t.mar&&this.mar(t.mar),t.arrayMargin&&this.arrayMargin(t.arrayMargin.sides,t.arrayMargin.value),t.arrayMargin&&"\n arrayMargin: {sides: [".concat(t.arrayMargin.sides.map((function(t){return'"'.concat(t,'", ')})),'], value: "').concat(t.arrayMargin.value,'"},'),t.inpad&&this.inpad(t.inpad),t.inpad&&"\n inpad: {".concat(t.inpad,"}"),t.font&&(this.res.style.fontFamily=t.font),t.inpad&&"\n font: ".concat(t.font),this.addListeners(),this}},{key:"inpad",value:function(t){return this.res.children[1].style.boxSizing="border-box",this.res.children[1].style.padding=t,this}},{key:"items",value:function(t){for(var e=0;e<t.length;e++)this.res.children[1].appendChild(t[e].render());return this}},{key:"createCard",value:function(){var t=document.createElement("div");t.style.display="grid",t.style.width="300px",t.style.height="400px",t.setAttribute("id","AAA");var e=document.createElement("div");e.style.gridArea="1/1",e.style.height="400px",e.style.borderRadius="15px",e.style.boxShadow="0 4px 8px 0 rgba(0,0,0,0.2)",e.style.overflow="hidden";var r=document.createElement("div");r.style.width="100%",r.style.height="100%",r.style.transition="0.9s",r.style.backgroundImage="url(".concat(this.imageUrl,")"),r.style.backgroundSize="cover",r.style.backgroundPostion="cover",r.style.backgroundRepeat="no-repeat",e.appendChild(r);var n=document.createElement("div");return n.style.gridArea="1/1",n.style.zIndex="1",t.appendChild(e),t.appendChild(n),this.res=t,this}},{key:"addListeners",value:function(){var t=this,e=this.res.children[0].children[0];return this.res.onmouseover=function(){e.style.transform="scale(1.3)",t.useBrightness&&(e.style.filter="brightness(31%)")},this.res.onmouseout=function(){e.style.transform="scale(1.0)",t.useBrightness&&(e.style.filter="brightness(100%)")},this}},{key:"render",value:function(t){if(!t)return this.res;this.options.id&&this.res.setAttribute("id",this.options.id),document.querySelector(t).appendChild(this.res)}}])&&c(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r}();export{p as ZoomCard};
|
|
2
|
+
function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},t(e)}function e(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var n,i,s,a,o=[],l=!0,c=!1;try{if(s=(r=r.call(t)).next,0===e){if(Object(r)!==r)return;l=!1}else for(;!(l=(n=s.call(r)).done)&&(o.push(n.value),o.length!==e);l=!0);}catch(t){c=!0,i=t}finally{try{if(!l&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(c)throw i}}return o}}(t,e)||n(t,e)||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 r(t,e){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!r){if(Array.isArray(t)||(r=n(t))||e&&t&&"number"==typeof t.length){r&&(t=r);var i=0,s=function(){};return{s,n:function(){return i>=t.length?{done:!0}:{done:!1,value:t[i++]}},e:function(t){throw t},f:s}}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 a,o=!0,l=!1;return{s:function(){r=r.call(t)},n:function(){var t=r.next();return o=t.done,t},e:function(t){l=!0,a=t},f:function(){try{o||null==r.return||r.return()}finally{if(l)throw a}}}}function n(t,e){if(t){if("string"==typeof t)return i(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?i(t,e):void 0}}function i(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function s(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,a(n.key),n)}}function a(e){var r=function(e){if("object"!=t(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!=t(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==t(r)?r:r+""}var o=function(){return t=function t(){var e,r,n,i=this;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),e=this,n=function(t){if(t.transform||t.op&&t.op.transform){var e=t.transform;t.transform||(e=t.op.transform),e.duration||(e.duration="3s-ease-in-out"),i.setDefault=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"0px";return 0===t.length?e+" ":t};var r=function(){var r="",n="",s="",a="",o="",l="",c="",u="",f="";if(0!==e.values.length){e.values.forEach((function(t){t.startsWith("tx:")&&(r=t.replace("tx:","")),t.startsWith("ty:")&&(n=t.replace("ty:","")),t.startsWith("tz:")?s=t.replace("tz:",""):t.startsWith("scale(")?a=t:t.startsWith("skew(")?o=t:t.startsWith("rotate(")?l=function(t){var e=t.match(/rotate\(([^)]+)\)/);if(!e)return t;var r=e[1].split(",").map((function(t){return t.trim()}));return 1===r.length?"rotate(".concat(r[0],")"):2===r.length?"rotateX(".concat(r[0],") rotateY(").concat(r[1],")"):3===r.length?"rotateX(".concat(r[0],") rotateY(").concat(r[1],") rotate(").concat(r[2],")"):t}(t):t.startsWith("perspective(")?c=t:t.startsWith("matrix(")?u=t:t.startsWith("opacity:")&&(f=t.replace("opacity:",""))})),r=i.setDefault(r),n=i.setDefault(n),s=i.setDefault(s);var h="";if("0px"!=n&&"0px"!=r&&"0px"!=s?h+="translate3d(".concat(r,", ").concat(n,", ").concat(s,")"):"0px"==n&&"0px"==r||(h+="translate(".concat(r,", ").concat(n,")")),a&&(h+=" ".concat(a)),l&&(h+=" ".concat(l)),o&&(h+=" ".concat(o)),c&&(h+=" ".concat(c)),u&&(h+=" ".concat(u)),h){if(t.op.transform.duration){var p=t.op.transform.duration.replace(/^(\d+)(s)-/,(function(t,e,r){return e/2+r+" "})),d="transform ".concat(p,", opacity ").concat(p);i.res.style.transition=d}else i.res.style.transition="transform 3s ease-in-out, opacity 3s ease-in-out";t.op.transform.static&&(i.res.style.transition=""),i.res.style.transform=h,i.res.style.opacity=f}}};e.on?i.res.addEventListener(e.on,(function(){e.delay?setTimeout((function(){r()}),e.delay):r()})):window.addEventListener("load",(function(){e.delay?setTimeout((function(){r()}),e.delay):r()}));var n=function(){var t="";e.values.forEach((function(e){e.startsWith("tx:")?t+="translateX(0) ":e.startsWith("ty:")?t+="translateY(0) ":e.startsWith("tz:")?t+="translateZ(0) ":e.startsWith("scale(")?t+="scale(1) ":e.startsWith("skew(")?t+="skew(0, 0) ":e.startsWith("rotate(")?t+="rotate(0) ":e.startsWith("perspective(")?t+="perspective(0) ":e.startsWith("matrix(")&&(t+="matrix(1, 0, 0, 1, 0, 0) "),i.res.style.opacity="1"})),t&&(i.res.style.transform=t.trim())};if(e.on)i.res.addEventListener("mouseout",(function(){e.keep||n()}));else{var s=1e3*parseFloat(e.duration),a=e.closeAfter?e.closeAfter:0;setTimeout((function(){e.keep||n()}),s/2+a)}e.hardCSS&&(i.res.style.transform=e.hardCSS)}},(r=a(r="reactOnTransform"))in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,this.state={isExpanded:!1,isMovedUp:!1,isMovedDown:!1}},n=[{key:"keySet",value:function(t){return this.temporaryVal=1,this.res.style[t.key]=t.value,this}},{key:"onScroll",value:function(t){var e=this;"opacity"===t.value?this.res.style.opacity=t.valMin:"scale"===t.value&&(this.res.style.transform="scale(".concat(t.valMax,")")),window.addEventListener("scroll",(function(){var r=e.smartRange(window.scrollY,{min:t.from,max:t.to},{min:t.valMin,max:t.valMax});"opacity"===t.value?e.res.style.opacity=r:"scale"===t.value&&(e.res.style.transform="scale(".concat(r,")"))}))}},{key:"setAny",value:function(t){this[Object.keys(t)[0]]=[Object.values(t)[0]]}},{key:"setID",value:function(t){this.id=t}},{key:"setPrevText",value:function(t){this.prevText=t}},{key:"getCSS",value:function(){return this.css}},{key:"getPX",value:function(t){return{xs:"0px",sm:"576px",md:"768px",lg:"992px",xl:"1200px",xxl:"1400px",mxxl:"1800px"}[t]||"Invalid breakpoint"}},{key:"respad",value:function(t){var e=this,r=function(){e.pad(t[0].values);for(var r=0;r<t.length;r++){var n=t[r].breakpoint;window.matchMedia("(min-width: ".concat(e.getPX(n))).matches&&e.pad(t[r].values)}};window.addEventListener("resize",r),r()}},{key:"resmar",value:function(t){var e=this,r=function(){e.mar(t[0].values);for(var r=0;r<t.length;r++){var n=t[r].breakpoint;window.matchMedia("(max-width: ".concat(e.getPX(n))).matches&&e.mar(t[r].values)}};window.addEventListener("resize",r),r()}},{key:"resprop",value:function(t){var e=this;this.prevBackground=this.res.style.background,this.prevWidth=this.res.style.width,this.prevHeight=this.res.style.height,this.prevBorder=this.res.style.border;var r=function(){e.res.style.background=e.prevBackground,e.res.style.width=e.prevWidth,e.res.style.height=e.prevHeight,e.res.style.border=e.prevBorder;for(var r=0;r<t.length;r++){var n=t[r].breakpoint;if(window.matchMedia("(max-width: ".concat(e.getPX(n))).matches){var i={};for(var s in t[r])"breakpoint"!==s&&(i[s]=t[r][s]);e.set(i)}}};window.addEventListener("resize",r),r()}},{key:"isNumber",value:function(t){return"number"==typeof t&&!isNaN(t)}},{key:"pad",value:function(t){for(var e=0;e<t.length;e++)for(var r=Object.keys(t[e]),n=0;n<r.length;n++)for(var i=r[n],s=t[e][i],a=0;a<i.length;a++)switch(i[a]){case"a":this.res.style.padding=this.isNumber(s)?"".concat(s,"px"):s;break;case"t":this.res.style.paddingTop=this.isNumber(s)?"".concat(s,"px"):s;break;case"l":this.res.style.paddingLeft=this.isNumber(s)?"".concat(s,"px"):s;break;case"r":this.res.style.paddingRight=this.isNumber(s)?"".concat(s,"px"):s;break;case"b":this.res.style.paddingBottom=this.isNumber(s)?"".concat(s,"px"):s}return this}},{key:"as",value:function(t){return this.res.style.alignSelf=t,this}},{key:"mar",value:function(t){for(var e=0;e<t.length;e++)for(var r=Object.keys(t[e]),n=0;n<r.length;n++)for(var i=r[n],s=t[e][i],a=0;a<i.length;a++){switch(i[a]){case"a":this.res.style.margin=this.isNumber(s)?"".concat(s,"px"):s;break;case"t":this.res.style.marginTop=this.isNumber(s)?"".concat(s,"px"):s;break;case"l":this.res.style.marginLeft=this.isNumber(s)?"".concat(s,"px"):s;break;case"r":this.res.style.marginRight=this.isNumber(s)?"".concat(s,"px"):s;break;case"b":this.res.style.marginBottom=this.isNumber(s)?"".concat(s,"px"):s}"auto"===i[a]&&(this.res.style.marginLeft="auto",this.res.style.marginRight="auto")}return this}},{key:"smartRange",value:function(t,e,r){t<e.min&&(t=e.min),t>e.max&&(t=e.max);var n=(t-e.min)/(e.max-e.min);e.min>e.max&&(n=(t-e.max)/(e.min-e.max));var i=(r.min-r.max)*n-r.min;if(i=Math.abs(i),r.min<r.max){var s=(r.max+Math.abs(r.min))*n;i=r.min+s}return i}},{key:"gpos",value:function(t){return this.res.style.gridColumn=t.col,this.res.style.gridRow=t.row,this}},{key:"fluidCopy",value:function(t){if(t instanceof Object){this.prevStylex=this.res.style,this.res=document.createElement("h1"),this.res.style.cssText=this.prevStylex.cssText;var e=document.createTextNode(this.text);return this.res.appendChild(e),this.res.style.fontSize=t.exact,this}if("S1"===t){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"===t){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"===t){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"===t){this.prevStylex=this.res.style,this.res=document.createElement("h4"),this.res.style.cssText=this.prevStylex.cssText;var s=document.createTextNode(this.text);this.res.appendChild(s),this.res.style.fontSize="calc(1.250rem + 2.75vw)"}if("S5"===t){this.prevStylex=this.res.style,this.res=document.createElement("h5"),this.res.style.cssText=this.prevStylex.cssText;var a=document.createTextNode(this.text);this.res.appendChild(a),this.res.style.fontSize="calc(1.125rem + 1.975vw)"}return"S6"===t&&(this.res.style.fontSize="calc(1rem + 0.5vw)"),this}},{key:"setIndex",value:function(t){this.index=t}},{key:"borderObj",value:function(t){var e,r=null!==(e=t.type)&&void 0!==e?e:"solid";return this.res.style.border="".concat(t.width," ").concat(r," ").concat(t.color),this.res.style.borderRadius=t.radius,this}},{key:"setPref",value:function(t){this.preffersId=t}},{key:"setClass",value:function(t){this.class=t}},{key:"chainReact",value:function(t,n,i){var s=this;console.log("0P"),this.ap=!1,this.cta=0,this.once=!1;var a,o=r(t);try{for(o.s();!(a=o.n()).done;){var l=a.value;l.range||(l.range=["0px","999999px"])}}catch(t){o.e(t)}finally{o.f()}t.sort((function(t,e){return parseInt(t.range[0])-parseInt(e.range[0])}));var c=function(a){var o=window.visualViewport.width,l=[],c=[];s.resCopy=s.res,s.storedQueries=t.map((function(t){return t.target})).filter((function(t){return null!=t}));var u,f=r(t);try{for(f.s();!(u=f.n()).done;){var h=u.value;s.counterIndex++;var p=e(h.range,2),d=p[0],y=p[1],m=parseInt(d),v=parseInt(y),b=!0;if(h.target){b=!1;for(var g=0;g<h.target.length;g++)h.target[g]===n&&(b=!0)}o>=m&&o<=v&&b&&(l.push(h.log),c.push(h),h.op&&h.op.margin&&(s.useMargin=h.op.margin))}}catch(t){f.e(t)}finally{f.f()}if(i&&!i.includes("background")&&(s.res.style.background="",s.res.style.backgroundColor=""),s.res.style.textShadow="",i&&!i.includes("border")&&(s.res.style.border=""),i&&!i.includes("margin")&&(s.res.style.margin=""),s.res.style["-webkit-text-fill-color"]="",s.res.style["-webkit-text-stroke-color"]="",s.res.style["-webkit-text-stroke-width"]="",s.res.style.filter="",(l.includes("gradient")||l.includes("shadow"))&&(s.res.style.position="relative",s.res.style.zIndex=-1),l.includes("blast")){var x,w=c.filter((function(t){return"blast"===t.log}))[0].op.color,k=null!==(x=c.filter((function(t){return"blast"===t.log}))[0].op.width)&&void 0!==x?x:"1px";"FlexRowLayoutElement"===s.getType()?s.res.style.border="".concat(k,"px solid orange"):(s.res.textContent=s.text,s.res.style["-webkit-text-fill-color"]="transparent",s.res.style["-webkit-text-stroke-color"]=w,s.res.style["-webkit-text-stroke-width"]="".concat(k))}if(l.includes("filter")){var S=c.filter((function(t){return"filter"===t.log}))[0].op.filter;s.res.style.filter=S}if(l.includes("background")&&(s.res.style.backgroundColor="green"),l.includes("gradient")&&(s.res.style["-webkit-text-fill-color"]="transparent",s.res.style.background=s.globalGradient,s.res.style["background-clip"]="text"),l.includes("shadow"))if("FlexRowLayoutElement"===s.getType());else{var T="",C=0;for(g=0;g<s.options.shadow.op.steps;g++)T+="drop-shadow(".concat(C+=3,"px ").concat(C,"px ").concat(C,"px gray) ");s.res.style.filter=T}if(l.includes("margin"))for(g=0;g<t.length;g++)if(t[g].op){var E=t[g].op.offsets;E&&void 0!==s.index&&(s.res.style.margin=E[Number(s.index)]+"px")}if(l.includes("spana")||l.includes("span")){if(s.res=s.resCopy,s.options.span){var O;for(O=Array.isArray(s.options.span)?s.options.span.filter((function(t){return"span"===t.op.name}))[0]:s.options.span,s.res.textContent="",g=0;g<O.op.parts.length;g++){var j=O.op.parts[g].style,A=new s.constructor(O.op.parts[g].text).setup({type:"span"}).set(j).render();s.res.appendChild(A)}}}else{if(!a)for(;s.res.firstChild;)s.res.removeChild(s.res.firstChild);var P=new s.constructor(s.prevText).set({}).render();s.res.appendChild(P)}if(l.includes("animation")){if(s.options.animation&&!s.hasAnimated&&!s.options.animation.op.fireAt){s.hasAnimated=!0;var W=s.options.animation.op;s.res.animate(W.keyframesClose,{duration:0,fill:"forwards"}),s.res.animate(W.keyframesOpen,W.openOptions)}if(s.options.animation&&s.options.animation.op.fireAt&&s.options.animation.op.fireAt.endsWith("px")){var M=s.options.animation.op;s.res.animate(M.keyframesClose,{duration:0,fill:"forwards"});var N=function(){window.scrollY>parseFloat(M.fireAt)&&(s.res.animate(M.keyframesOpen,M.openOptions),window.removeEventListener("scroll",N))};window.addEventListener("scroll",N)}if(s.options.animation&&s.options.animation.op.fireAt&&"inview"===s.options.animation.op.fireAt){var I=s.options.animation.op;s.res.animate(I.keyframesClose,{duration:0,fill:"forwards"}),new IntersectionObserver((function(t,e){t.forEach((function(t){t.isIntersecting&&(s.res.animate(I.keyframesOpen,I.openOptions),e.disconnect())}))})).observe(s.res)}}};this.options.animation||window.addEventListener("resize",(function(){return c()})),c()}},{key:"maxWidth",value:function(t){return this.res.style.maxWidth=t,this}},{key:"removeQuotesFromFirstWord",value:function(t){return t.replace(/"([^"]+)":/g,"$1:")}},{key:"arrayMargin",value:function(t,e){return t.includes("left")&&(this.res.style.marginLeft=e),t.includes("right")&&(this.res.style.marginRight=e),t.includes("top")&&(this.res.style.marginTop=e),t.includes("bottom")&&(this.res.style.marginBottom=e),t.includes("all")&&(this.res.style.margin=e),e||(this.res.style.marginBottom=t),this}}],n&&s(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,n}();function l(t){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},l(t)}function c(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,u(n.key),n)}}function u(t){var e=function(t){if("object"!=l(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var r=e.call(t,"string");if("object"!=l(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==l(e)?e:e+""}function f(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(t){}return(f=function(){return!!t})()}function h(t){return h=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},h(t)}function p(t,e){return p=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t},p(t,e)}var d=function(){function t(){return function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),function(t,e,r){return e=h(e),function(t,e){if(e&&("object"==l(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}(t,f()?Reflect.construct(e,r||[],h(t).constructor):e.apply(t,r))}(this,t)}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&p(t,e)}(t,o),e=t,(r=[{key:"set",value:function(t){return this.imageUrl=t.url,this.createCard(),t.useBrightness&&(this.useBrightness=!0),t.useBrightness&&"\n useBrightness: ".concat(this.useBrightness),t.pad&&this.pad(t.pad),t.mar&&this.mar(t.mar),t.arrayMargin&&this.arrayMargin(t.arrayMargin.sides,t.arrayMargin.value),t.arrayMargin&&"\n arrayMargin: {sides: [".concat(t.arrayMargin.sides.map((function(t){return'"'.concat(t,'", ')})),'], value: "').concat(t.arrayMargin.value,'"},'),t.inpad&&this.inpad(t.inpad),t.inpad&&"\n inpad: {".concat(t.inpad,"}"),t.font&&(this.res.style.fontFamily=t.font),t.inpad&&"\n font: ".concat(t.font),this.addListeners(),this}},{key:"inpad",value:function(t){return this.res.children[1].style.boxSizing="border-box",this.res.children[1].style.padding=t,this}},{key:"items",value:function(t){for(var e=0;e<t.length;e++)this.res.children[1].appendChild(t[e].render());return this}},{key:"createCard",value:function(){var t=document.createElement("div");t.style.display="grid",t.style.width="300px",t.style.height="400px",t.setAttribute("id","AAA");var e=document.createElement("div");e.style.gridArea="1/1",e.style.height="400px",e.style.borderRadius="15px",e.style.boxShadow="0 4px 8px 0 rgba(0,0,0,0.2)",e.style.overflow="hidden";var r=document.createElement("div");r.style.width="100%",r.style.height="100%",r.style.transition="0.9s",r.style.backgroundImage="url(".concat(this.imageUrl,")"),r.style.backgroundSize="cover",r.style.backgroundPostion="cover",r.style.backgroundRepeat="no-repeat",e.appendChild(r);var n=document.createElement("div");return n.style.gridArea="1/1",n.style.zIndex="1",t.appendChild(e),t.appendChild(n),this.res=t,this}},{key:"addListeners",value:function(){var t=this,e=this.res.children[0].children[0];return this.res.onmouseover=function(){e.style.transform="scale(1.3)",t.useBrightness&&(e.style.filter="brightness(31%)")},this.res.onmouseout=function(){e.style.transform="scale(1.0)",t.useBrightness&&(e.style.filter="brightness(100%)")},this}},{key:"render",value:function(t){if(!t)return this.res;this.options.id&&this.res.setAttribute("id",this.options.id),document.querySelector(t).appendChild(this.res)}}])&&c(e.prototype,r),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r}();export{d as ZoomCard};
|
package/layout/animator.js
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* nodality v1.0.0-beta.
|
|
2
|
+
* nodality v1.0.0-beta.76
|
|
3
3
|
* (c) 2025 Filip Vabrousek
|
|
4
4
|
* License: MIT
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
7
10
|
// 22/08/2020 - 16:30
|
|
8
11
|
class Animator {
|
|
9
12
|
|
|
@@ -92,8 +95,6 @@ class Animator {
|
|
|
92
95
|
for(let i = 0; i < arr.length; i++) {
|
|
93
96
|
let point = arr[i].breakpoint;
|
|
94
97
|
if (window.matchMedia(`(min-width: ${this.getPX(point)}`).matches){
|
|
95
|
-
// console.clear();
|
|
96
|
-
// console.log("MATCHING " + point);
|
|
97
98
|
this.pad(arr[i].values);
|
|
98
99
|
}
|
|
99
100
|
}
|
|
@@ -116,7 +117,6 @@ class Animator {
|
|
|
116
117
|
}
|
|
117
118
|
}
|
|
118
119
|
|
|
119
|
-
|
|
120
120
|
window.addEventListener("resize", react);
|
|
121
121
|
react();
|
|
122
122
|
}
|
|
@@ -380,7 +380,7 @@ class Animator {
|
|
|
380
380
|
return this;
|
|
381
381
|
}
|
|
382
382
|
|
|
383
|
-
|
|
383
|
+
/*
|
|
384
384
|
protoReact(queries, id) {
|
|
385
385
|
// Sort the queries based on the starting range value in ascending order
|
|
386
386
|
queries.sort((a, b) => parseInt(a.range[0]) - parseInt(b.range[0]));
|
|
@@ -475,38 +475,27 @@ class Animator {
|
|
|
475
475
|
|
|
476
476
|
this.res.textContent = this.text;
|
|
477
477
|
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
478
|
if (ops === "") {
|
|
482
479
|
this.res.style['-webkit-text-fill-color'] = '';
|
|
483
480
|
this.res.style.color = defaultColor; //"green";
|
|
484
|
-
//this.resCopy = this.res;
|
|
485
481
|
}
|
|
486
482
|
|
|
487
483
|
|
|
488
484
|
if (ops === "blast") { // Chekc id here ???
|
|
489
|
-
// alert("O")
|
|
490
485
|
for (var i = 0; i < queries.length; i++){
|
|
491
486
|
const off = queries[i].op.offsets;
|
|
492
|
-
|
|
487
|
+
|
|
493
488
|
if (off && this.index !== undefined){
|
|
494
|
-
// console.warn("READ INDEXO");
|
|
495
489
|
this.res.style.margin = off[Number(this.index)] + "px";
|
|
496
490
|
}
|
|
497
491
|
}
|
|
498
492
|
|
|
499
|
-
// alert(this.passedID.id);
|
|
500
|
-
// this.res.style.border = "1px solid yellow";
|
|
501
493
|
this.res.style['-webkit-text-fill-color'] = 'transparent';
|
|
502
494
|
this.res.style['-webkit-text-stroke'] = this.globalBlast; //this.globalBlast; //`3px orange`;
|
|
503
|
-
//this.resCopy = this.res;
|
|
504
495
|
|
|
505
496
|
for (var i = 0; i < queries.length; i++){
|
|
506
497
|
const off = queries[i].op.offsets;
|
|
507
|
-
// console.log(off);
|
|
508
498
|
if (off && this.index !== undefined){
|
|
509
|
-
// console.warn("READ INDEX");
|
|
510
499
|
this.res.style.margin = off[Number(this.index)] + "px";
|
|
511
500
|
}
|
|
512
501
|
}
|
|
@@ -518,20 +507,15 @@ class Animator {
|
|
|
518
507
|
this.res.style['-webkit-text-fill-color'] = 'transparent';
|
|
519
508
|
this.res.style.background = this.globalGradient;// "linear-gradient(to left, #3498db, #1abc9c)";
|
|
520
509
|
this.res.style['-webkit-background-clip'] = 'text';
|
|
521
|
-
|
|
522
|
-
this.res.style.border = "1px solid orange"; // Something on Wrapper prevents border works on text
|
|
523
|
-
|
|
510
|
+
this.res.style.border = "1px solid orange"; // Something on Wrapper prevents border works on text
|
|
524
511
|
}
|
|
525
512
|
|
|
526
513
|
|
|
527
514
|
if (ops === "background"){
|
|
528
|
-
|
|
529
515
|
this.res.style.background = "orange";
|
|
530
516
|
}
|
|
531
517
|
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
518
|
+
|
|
535
519
|
if (ops === "gradientblast") {
|
|
536
520
|
this.res.style['-webkit-text-fill-color'] = 'transparent';
|
|
537
521
|
this.res.style.background = this.globalGradient;//"linear-gradient(to left, #3498db, #1abc9c)";
|
|
@@ -539,16 +523,12 @@ class Animator {
|
|
|
539
523
|
this.res.style['-webkit-text-stroke'] = this.globalBlast; // `3px orange`;
|
|
540
524
|
}
|
|
541
525
|
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
526
|
if (ops === "gradientanimation") { // 12:33:14 Nice
|
|
546
527
|
this.res.style['-webkit-text-fill-color'] = 'transparent';
|
|
547
528
|
this.res.style.background = this.globalGradient; //"linear-gradient(to left, #3498db, #1abc9c)";
|
|
548
529
|
this.res.style['-webkit-background-clip'] = 'text';
|
|
549
530
|
}
|
|
550
531
|
|
|
551
|
-
// // // console.log("GL " + this.globalShadow);
|
|
552
532
|
if (ops === "gradientanimationshadow"){
|
|
553
533
|
this.res.style['-webkit-text-fill-color'] = 'transparent';
|
|
554
534
|
this.res.style.background = this.globalGradient; //"linear-gradient(to left, #3498db, #1abc9c)";
|
|
@@ -590,9 +570,7 @@ class Animator {
|
|
|
590
570
|
|
|
591
571
|
|
|
592
572
|
if (ops === "filter"){
|
|
593
|
-
|
|
594
573
|
let filterName = this.options.filtera.op.filter;
|
|
595
|
-
// alert(filterName);
|
|
596
574
|
this.res.style.filter = filterName;
|
|
597
575
|
this.res.style.border = "8px solid orange";
|
|
598
576
|
}
|
|
@@ -604,29 +582,24 @@ class Animator {
|
|
|
604
582
|
// Initial check
|
|
605
583
|
checkQueries();
|
|
606
584
|
}
|
|
607
|
-
|
|
585
|
+
*/
|
|
608
586
|
|
|
609
587
|
|
|
610
588
|
|
|
611
589
|
setPref(id){
|
|
612
590
|
this.preffersId = id;
|
|
613
|
-
//alert(id);
|
|
614
591
|
}
|
|
615
592
|
|
|
616
593
|
|
|
617
594
|
setClass(id){
|
|
618
595
|
this.class = id;
|
|
619
|
-
//alert(id);
|
|
620
596
|
}
|
|
621
597
|
|
|
622
598
|
|
|
623
599
|
|
|
624
|
-
|
|
600
|
+
/*
|
|
625
601
|
betaReact(queries, id) {
|
|
626
602
|
|
|
627
|
-
// // console.log("PPP");
|
|
628
|
-
// // console.log(queries);
|
|
629
|
-
|
|
630
603
|
this.ap = false;
|
|
631
604
|
this.cta = 0;
|
|
632
605
|
this.once = false;
|
|
@@ -868,22 +841,26 @@ setClass(id){
|
|
|
868
841
|
|
|
869
842
|
|
|
870
843
|
|
|
871
|
-
if (ops === "shadow"){
|
|
872
844
|
|
|
873
|
-
if (this.getType() === "FlexRowLayoutElement"){
|
|
874
|
-
} else {
|
|
875
845
|
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
this.res.style['-webkit-text-fill-color'] = '';
|
|
880
|
-
this.res.style.textShadow = "#1abc9cff -6px 6px , #1abc9c40 -12px 12px";
|
|
881
|
-
this.res.textContent = this.text; //"a"
|
|
882
|
-
//this.res.children[0] && this.res.removeChild(this.res.children[0]);
|
|
883
|
-
}
|
|
846
|
+
if (operations.includes("shadow")){
|
|
847
|
+
if (this.getType() === "FlexRowLayoutElement"){
|
|
848
|
+
} else {
|
|
884
849
|
|
|
885
|
-
|
|
886
|
-
|
|
850
|
+
let str = "";
|
|
851
|
+
let off = 0;
|
|
852
|
+
for (var i = 0; i < this.options.shadow.op.steps; i++){
|
|
853
|
+
off += 3;
|
|
854
|
+
|
|
855
|
+
let color = this.options.shadow.op.colors[i];
|
|
856
|
+
str += `drop-shadow(${off}px ${off}px ${off}px ${color}) `;
|
|
857
|
+
}
|
|
858
|
+
|
|
859
|
+
|
|
860
|
+
this.res.style.filter = str;
|
|
861
|
+
|
|
862
|
+
}
|
|
863
|
+
}
|
|
887
864
|
|
|
888
865
|
}
|
|
889
866
|
|
|
@@ -892,7 +869,7 @@ setClass(id){
|
|
|
892
869
|
|
|
893
870
|
// Initial check
|
|
894
871
|
checkQueries();
|
|
895
|
-
}
|
|
872
|
+
}*/
|
|
896
873
|
|
|
897
874
|
|
|
898
875
|
//--------- START OF INDEPENDENT
|
|
@@ -902,7 +879,7 @@ setClass(id){
|
|
|
902
879
|
// loop through queries
|
|
903
880
|
// to make all CSS immediatelly...
|
|
904
881
|
|
|
905
|
-
|
|
882
|
+
/* cssGen(queries, id, classa, preffersClass){
|
|
906
883
|
|
|
907
884
|
this.css = [""];
|
|
908
885
|
return [""];
|
|
@@ -1052,11 +1029,11 @@ checkQueries();
|
|
|
1052
1029
|
// console.log(this.css.map(r => r.rules));
|
|
1053
1030
|
// console.log("::::::::::::::::::::::");
|
|
1054
1031
|
|
|
1055
|
-
}
|
|
1032
|
+
}*/
|
|
1056
1033
|
|
|
1057
1034
|
chainReact(queries, id, keep) { // we use this
|
|
1058
|
-
|
|
1059
|
-
this.cssGen(queries, id, this.class, this.class !== undefined); // 02/04/2024 10:43:40 Nice!!!
|
|
1035
|
+
console.log("0P");
|
|
1036
|
+
//this.cssGen(queries, id, this.class, this.class !== undefined); // 02/04/2024 10:43:40 Nice!!!
|
|
1060
1037
|
|
|
1061
1038
|
this.ap = false;
|
|
1062
1039
|
this.cta = 0;
|
|
@@ -1076,7 +1053,7 @@ checkQueries();
|
|
|
1076
1053
|
queries.sort((a, b) => parseInt(a.range[0]) - parseInt(b.range[0]));
|
|
1077
1054
|
|
|
1078
1055
|
// Function to check and log queries based on screen size
|
|
1079
|
-
const checkQueries = () => {
|
|
1056
|
+
const checkQueries = (qban) => {
|
|
1080
1057
|
//alert("/P")
|
|
1081
1058
|
const screenSize = window.visualViewport.width; // window.innerWidth window.screen.width window.visualViewport.width
|
|
1082
1059
|
let ops = "";
|
|
@@ -1231,7 +1208,7 @@ checkQueries();
|
|
|
1231
1208
|
}
|
|
1232
1209
|
}
|
|
1233
1210
|
|
|
1234
|
-
|
|
1211
|
+
if (operations.includes("spana") || operations.includes("span")){
|
|
1235
1212
|
|
|
1236
1213
|
|
|
1237
1214
|
this.res = this.resCopy;
|
|
@@ -1246,10 +1223,11 @@ if (this.options.span){
|
|
|
1246
1223
|
}
|
|
1247
1224
|
|
|
1248
1225
|
this.res.textContent = ""; // creating new element not helping
|
|
1249
|
-
|
|
1226
|
+
//console.log("OPOOOOO");
|
|
1227
|
+
//console.log(new Text("A"));
|
|
1250
1228
|
for (var i = 0; i < noiseObject.op.parts.length; i++){
|
|
1251
1229
|
let opts = noiseObject.op.parts[i].style;
|
|
1252
|
-
let span = new
|
|
1230
|
+
let span = new this.constructor(noiseObject.op.parts[i].text).setup({type: "span"}).set(opts).render();
|
|
1253
1231
|
this.res.appendChild(span);
|
|
1254
1232
|
}
|
|
1255
1233
|
}
|
|
@@ -1258,22 +1236,18 @@ if (this.options.span){
|
|
|
1258
1236
|
|
|
1259
1237
|
} else {
|
|
1260
1238
|
|
|
1239
|
+
if (!qban){
|
|
1240
|
+
|
|
1261
1241
|
|
|
1262
1242
|
while (this.res.firstChild) {
|
|
1263
1243
|
this.res.removeChild(this.res.firstChild);
|
|
1264
1244
|
}
|
|
1265
|
-
|
|
1245
|
+
}
|
|
1246
|
+
let t = new this.constructor(this.prevText).set({}).render();
|
|
1266
1247
|
this.res.appendChild(t);
|
|
1267
|
-
}
|
|
1248
|
+
}
|
|
1268
1249
|
|
|
1269
1250
|
|
|
1270
|
-
|
|
1271
|
-
|
|
1272
|
-
|
|
1273
|
-
|
|
1274
|
-
if (id === "#home"){
|
|
1275
|
-
|
|
1276
|
-
}
|
|
1277
1251
|
|
|
1278
1252
|
if (operations.includes("animation")) {
|
|
1279
1253
|
|
|
@@ -1350,7 +1324,11 @@ let ass = this.options.animation.op;
|
|
|
1350
1324
|
}
|
|
1351
1325
|
|
|
1352
1326
|
// Add an event listener to check queries on window resize
|
|
1353
|
-
|
|
1327
|
+
|
|
1328
|
+
if (!this.options.animation){
|
|
1329
|
+
|
|
1330
|
+
window.addEventListener('resize', () => checkQueries());
|
|
1331
|
+
}
|
|
1354
1332
|
checkQueries();
|
|
1355
1333
|
}
|
|
1356
1334
|
|
|
@@ -1470,6 +1448,10 @@ let ass = this.options.animation.op;
|
|
|
1470
1448
|
this.res.style.transition = "transform 3s ease-in-out, opacity 3s ease-in-out"; // Reset transition
|
|
1471
1449
|
}
|
|
1472
1450
|
|
|
1451
|
+
if (obj.op.transform.static){
|
|
1452
|
+
this.res.style.transition = "";
|
|
1453
|
+
}
|
|
1454
|
+
|
|
1473
1455
|
// 17:37:15 a comma was missing
|
|
1474
1456
|
this.res.style.transform = transformValue;
|
|
1475
1457
|
this.res.style.opacity = opacity;
|
|
@@ -1559,7 +1541,10 @@ if (transform.on){
|
|
|
1559
1541
|
}, duration / 2 + resetAfter); // 15:16:26 Nice!!!
|
|
1560
1542
|
}
|
|
1561
1543
|
|
|
1562
|
-
|
|
1544
|
+
if (transform.hardCSS){
|
|
1545
|
+
// alert("PI")
|
|
1546
|
+
this.res.style.transform = transform.hardCSS;
|
|
1547
|
+
}
|
|
1563
1548
|
|
|
1564
1549
|
}
|
|
1565
1550
|
|
|
@@ -1607,7 +1592,7 @@ arrayMargin(arr, value) { // 224857 redefined earlier
|
|
|
1607
1592
|
|
|
1608
1593
|
return this;
|
|
1609
1594
|
}
|
|
1610
|
-
|
|
1595
|
+
/*
|
|
1611
1596
|
|
|
1612
1597
|
navBarExpand(){
|
|
1613
1598
|
this.res.style.backgroundColor = "green";
|
|
@@ -1667,9 +1652,9 @@ arrayMargin(arr, value) { // 224857 redefined earlier
|
|
|
1667
1652
|
|
|
1668
1653
|
// // // console.log("IS EXPANDED: " + this.state.isExpanded);
|
|
1669
1654
|
return this;
|
|
1670
|
-
}
|
|
1655
|
+
}*/
|
|
1671
1656
|
|
|
1672
|
-
|
|
1657
|
+
/*
|
|
1673
1658
|
move(obj){
|
|
1674
1659
|
|
|
1675
1660
|
if (obj.on === "click"){
|
|
@@ -1912,7 +1897,7 @@ this.finalOpacity = obj.finalOpacity;
|
|
|
1912
1897
|
}
|
|
1913
1898
|
});
|
|
1914
1899
|
return this;
|
|
1915
|
-
}
|
|
1900
|
+
}*/
|
|
1916
1901
|
} // 2600-1870
|
|
1917
1902
|
|
|
1918
1903
|
export { Animator };
|
package/layout/audio.js
CHANGED
package/layout/audionew.js
CHANGED
package/layout/base-2.js
CHANGED
package/layout/base.js
CHANGED
package/layout/betaDesktopBar.js
CHANGED
package/layout/betaMobileBar.js
CHANGED
package/layout/box.js
CHANGED
package/layout/button.js
CHANGED
package/layout/cards.js
CHANGED
package/layout/center.js
CHANGED
package/layout/checkbox.js
CHANGED
package/layout/cleanRow.js
CHANGED
package/layout/code.js
CHANGED