WordPress.org
Get WordPress

Plugin Directory

Changeset 3409676


Ignore:
Timestamp:
12/03/2025 02:40:03 PM (4 months ago)
Author:
uicore
Message:

Release version 2.2.1

Location:
uicore-animate/trunk
Files:
9 added
9 edited

Legend:

Unmodified
Added
Removed

  • uicore-animate/trunk/assets/build/editor.asset.php

    r3222207 r3409676  
    1 <?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-components', 'wp-data', 'wp-element', 'wp-hooks', 'wp-i18n'), 'version' => '511306408a26879d0aad');
     1<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-components', 'wp-data', 'wp-element', 'wp-hooks', 'wp-i18n'), 'version' => '216f6be3b1e6f1f240b9');

  • uicore-animate/trunk/assets/build/editor.js

    r3222207 r3409676  
    1 (()=>{"use strict";const e=window.wp.blockEditor,t=window.wp.components,a=window.wp.data,i=window.wp.element,n=window.wp.hooks,o=window.wp.i18n,l=window.ReactJSXRuntime;(0,n.addFilter)("editor.BlockEdit","uicore-animate/add-animation-controls",(n=>r=>{if(!r?.attributes)return(0,l.jsx)(n,{...r});const{attributes:s,setAttributes:u,name:c,clientId:m}=r;if(-1!==c.indexOf("uicore/"))return(0,l.jsx)(n,{...r});const{uiAnimateName:d,uiAnimateDuration:y,uiAnimateDelay:g,uiAnimateTrigger:b,uiAnimateDelayEnd:A}=s;return(0,i.useEffect)((()=>{"scroll"===b?((e,t)=>{const i=`uicore-animate-style-${e}`,{uiAnimateDelay:n,uiAnimateDelayEnd:o}=t;((e,t)=>{if(!e||!t)return;const i=(0,a.select)("core/editor").getEditorSettings(),n=i.styles.findIndex((e=>e.id===t)),o=-1!==n?i.styles[n]:null,l=o&&(o.css!==e||!o.isGlobalStyles);if(-1===n||l){const o=-1!==n?i.styles.map(((t,a)=>a===n?{...t,css:e,isGlobalStyles:!0}:t)):[...i.styles,{css:e,isGlobalStyles:!0,id:t}];(0,a.dispatch)("core/editor").updateEditorSettings({...i,styles:o})}})(`\n        .wp-block[data-block="${e}"] {\n\t\t\tanimation: .5s linear uicoreFadeIn both;\n\t\t\tanimation-timeline: view(block);\n            animation-range: entry ${n||"10"}vh entry ${o||"50"}vh;\n        }\n    `,i)})(m,s):(e=>{const t=`uicore-animate-style-${e}`,i=(0,a.select)("core/editor").getEditorSettings(),n=[...i.styles].filter((e=>e.id!==t));n.length!==i.styles.length&&(0,a.dispatch)("core/editor").updateEditorSettings({...i,styles:n})})(m)}),[d,g,A]),(0,l.jsxs)(i.Fragment,{children:[(0,l.jsx)(n,{...r}),(0,l.jsx)(e.InspectorControls,{children:(0,l.jsxs)(t.PanelBody,{className:"components-panel__body-toggle uicore-animate-panel",title:(0,o.__)("Animations","uicore-animate"),initialOpen:!1,children:[(0,l.jsx)(t.SelectControl,{label:(0,o.__)("Animation","uicore-animate"),value:d,options:[{label:(0,o.__)("None","uicore-animate"),value:""},...window.uicore_animations_list],onChange:e=>u({uiAnimateName:e})}),(0,l.jsx)(t.SelectControl,{label:(0,o.__)("Trigger","uicore-animate"),value:b,options:[{label:(0,o.__)("Scroll","uicore-animate"),value:"scroll"},{label:(0,o.__)("Entrance","uicore-animate"),value:"entrance"}],onChange:e=>u({uiAnimateTrigger:e})}),"scroll"!==b&&(0,l.jsx)(t.SelectControl,{label:(0,o.__)("Duration","uicore-animate"),value:y,options:[{label:(0,o.__)("Fast","uicore-animate"),value:"fast"},{label:(0,o.__)("Normal","uicore-animate"),value:""},{label:(0,o.__)("Slow","uicore-animate"),value:"slow"}],onChange:e=>u({uiAnimateDuration:e})}),(0,l.jsx)(t.TextControl,{label:"scroll"===b?(0,o.__)("Start Offset (vh)","uicore-animate"):(0,o.__)("Delay (ms)","uicore-animate"),value:g,placeholder:"scroll"===b?"10":"100",type:"number",onChange:e=>u({uiAnimateDelay:e})}),"scroll"===b?(0,l.jsx)(t.TextControl,{label:(0,o.__)("End Offset (vh)","uicore-animate"),value:A,placeholder:"50",type:"number",onChange:e=>u({uiAnimateDelayEnd:e})}):(0,l.jsx)(t.Button,{className:"button button-secondary",onClick:e=>{e.target.disabled=!0;let t=document.querySelector(`.wp-block[data-block="${m}"]`);if(!t){const e=window.parent.document.querySelector('iframe[name="editor-canvas"]'),a=e.contentDocument||e.contentWindow.document;t=a.querySelector(`.wp-block[data-block="${m}"]`)}t.classList.add("uicore-animate-hide"),setTimeout((()=>{t.classList.add(d),t.classList.remove("uicore-animate-hide"),"fast"===y?t.classList.add("animated","animated-fast"):"slow"===y?t.classList.add("animated","animated-slow"):t.classList.add("animated")}),50),setTimeout((()=>{t.classList.remove(d),e.target.disabled=!1}),2e3)},children:(0,o.__)("Play Animation","uicore-animate")})]})})]})})),(0,n.addFilter)("editor.BlockListBlock","uicore-animate/add-animation-class-and-style",(e=>t=>{if(!t?.attributes)return(0,l.jsx)(e,{...t});const{attributes:a}=t;if(-1!==t.block.name.indexOf("uicore/"))return(0,l.jsx)(e,{...t});if(a.uiAnimateName){const i={className:`${t.className} ${"scroll"===a.uiAnimateTrigger?"uicore-animate-scroll "+a.uiAnimateName:""}`};return(0,l.jsx)(e,{...t,...i})}return(0,l.jsx)(e,{...t})})),(0,n.addFilter)("blocks.registerBlockType","uicore-animate/add-animation-attribute",((e,t)=>(-1!==t.indexOf("uicore/")||(e.attributes={...e.attributes,uiAnimateTrigger:{type:"string",default:"entrance"},uiAnimateName:{type:"string",default:""},uiAnimateDuration:{type:"string",default:""},uiAnimateDelay:{type:"string",default:""},uiAnimateDelayEnd:{type:"string",default:""}}),e))),(0,n.addFilter)("blocks.getSaveContent.extraProps","uicore-animate/add-animation-data-attributes",((e,t,a)=>{if(-1!==t?.name?.indexOf("uicore/"))return e;if(a.uiAnimateName){const t=a.uiAnimateDelay||"10",i=a.uiAnimateDelayEnd||"50";e={...e,...""!==a.uiAnimateName&&{"data-ui-animation":a.uiAnimateName},..."scroll"!==a.uiAnimateTrigger&&{"data-ui-trigger":a.uiAnimateTrigger,...a.uiAnimateDuration?{"data-ui-duration":a.uiAnimateDuration}:{},...a.uiAnimateDelay?{"data-ui-delay":a.uiAnimateDelay}:{}},className:`${e.className} ${"scroll"===a.uiAnimateTrigger?"uicore-animate-scroll":"uicore-animate-hide"}`,style:{...e.style,..."scroll"===a.uiAnimateTrigger&&{"animation-range":`entry ${t}vh entry ${i}vh`}}}}return e}))})();
     1(()=>{"use strict";const e=window.wp.blockEditor,t=window.wp.components,i=window.wp.data,a=window.wp.element,n=window.wp.hooks,o=window.wp.i18n,l=window.ReactJSXRuntime;(0,n.addFilter)("editor.BlockEdit","uicore-animate/add-animation-controls",(n=>r=>{if(!r?.attributes)return(0,l.jsx)(n,{...r});const{attributes:s,setAttributes:c,name:u,clientId:m}=r;if(-1!==u.indexOf("uicore/")||-1!==u.indexOf("woocommerce/")&&!window.uicore_blocks_editor_settings)return(0,l.jsx)(n,{...r});const{uiAnimateName:d,uiAnimateDuration:y,uiAnimateDelay:g,uiAnimateTrigger:b,uiAnimateDelayEnd:A}=s;return(0,a.useEffect)((()=>{"scroll"===b?((e,t)=>{const a=`uicore-animate-style-${e}`,{uiAnimateDelay:n,uiAnimateDelayEnd:o}=t;((e,t)=>{if(!e||!t)return;const a=(0,i.select)("core/editor").getEditorSettings(),n=a.styles.findIndex((e=>e.id===t)),o=-1!==n?a.styles[n]:null,l=o&&(o.css!==e||!o.isGlobalStyles);if(-1===n||l){const o=-1!==n?a.styles.map(((t,i)=>i===n?{...t,css:e,isGlobalStyles:!0}:t)):[...a.styles,{css:e,isGlobalStyles:!0,id:t}];(0,i.dispatch)("core/editor").updateEditorSettings({...a,styles:o})}})(`\n        .wp-block[data-block="${e}"] {\n\t\t\tanimation: .5s linear uicoreFadeIn both;\n\t\t\tanimation-timeline: view(block);\n            animation-range: entry ${n||"10"}vh entry ${o||"50"}vh;\n        }\n    `,a)})(m,s):(e=>{const t=`uicore-animate-style-${e}`,a=(0,i.select)("core/editor").getEditorSettings(),n=[...a.styles].filter((e=>e.id!==t));n.length!==a.styles.length&&(0,i.dispatch)("core/editor").updateEditorSettings({...a,styles:n})})(m)}),[d,g,A]),(0,l.jsxs)(a.Fragment,{children:[(0,l.jsx)(n,{...r}),(0,l.jsx)(e.InspectorControls,{children:(0,l.jsxs)(t.PanelBody,{className:"components-panel__body-toggle uicore-animate-panel",title:(0,o.__)("Animations","uicore-animate"),initialOpen:!1,children:[(0,l.jsx)(t.SelectControl,{label:(0,o.__)("Animation","uicore-animate"),value:d,options:[{label:(0,o.__)("None","uicore-animate"),value:""},...window.uicore_animations_list],onChange:e=>c({uiAnimateName:e})}),(0,l.jsx)(t.SelectControl,{label:(0,o.__)("Trigger","uicore-animate"),value:b,options:[{label:(0,o.__)("Scroll","uicore-animate"),value:"scroll"},{label:(0,o.__)("Entrance","uicore-animate"),value:"entrance"}],onChange:e=>c({uiAnimateTrigger:e})}),"scroll"!==b&&(0,l.jsx)(t.SelectControl,{label:(0,o.__)("Duration","uicore-animate"),value:y,options:[{label:(0,o.__)("Fast","uicore-animate"),value:"fast"},{label:(0,o.__)("Normal","uicore-animate"),value:""},{label:(0,o.__)("Slow","uicore-animate"),value:"slow"}],onChange:e=>c({uiAnimateDuration:e})}),(0,l.jsx)(t.TextControl,{label:"scroll"===b?(0,o.__)("Start Offset (vh)","uicore-animate"):(0,o.__)("Delay (ms)","uicore-animate"),value:g,placeholder:"scroll"===b?"10":"100",type:"number",onChange:e=>c({uiAnimateDelay:e})}),"scroll"===b?(0,l.jsx)(t.TextControl,{label:(0,o.__)("End Offset (vh)","uicore-animate"),value:A,placeholder:"50",type:"number",onChange:e=>c({uiAnimateDelayEnd:e})}):(0,l.jsx)(t.Button,{className:"button button-secondary",onClick:e=>{e.target.disabled=!0;let t=document.querySelector(`.wp-block[data-block="${m}"]`);if(!t){const e=window.parent.document.querySelector('iframe[name="editor-canvas"]'),i=e.contentDocument||e.contentWindow.document;t=i.querySelector(`.wp-block[data-block="${m}"]`)}t.classList.add("uicore-animate-hide"),setTimeout((()=>{t.classList.add(d),t.classList.remove("uicore-animate-hide"),"fast"===y?t.classList.add("animated","animated-fast"):"slow"===y?t.classList.add("animated","animated-slow"):t.classList.add("animated")}),50),setTimeout((()=>{t.classList.remove(d),e.target.disabled=!1}),2e3)},children:(0,o.__)("Play Animation","uicore-animate")})]})})]})})),(0,n.addFilter)("editor.BlockListBlock","uicore-animate/add-animation-class-and-style",(e=>t=>{if(!t?.attributes)return(0,l.jsx)(e,{...t});const{attributes:i}=t;if(-1!==t.block.name.indexOf("uicore/"))return(0,l.jsx)(e,{...t});if(i.uiAnimateName){const a={className:`${t.className} ${"scroll"===i.uiAnimateTrigger?"uicore-animate-scroll "+i.uiAnimateName:""}`};return(0,l.jsx)(e,{...t,...a})}return(0,l.jsx)(e,{...t})})),(0,n.addFilter)("blocks.registerBlockType","uicore-animate/add-animation-attribute",((e,t)=>(-1!==t.indexOf("uicore/")||(e.attributes={...e.attributes,uiAnimateTrigger:{type:"string",default:"entrance"},uiAnimateName:{type:"string",default:""},uiAnimateDuration:{type:"string",default:""},uiAnimateDelay:{type:"string",default:""},uiAnimateDelayEnd:{type:"string",default:""}}),e))),(0,n.addFilter)("blocks.getSaveContent.extraProps","uicore-animate/add-animation-data-attributes",((e,t,i)=>{if(-1!==t?.name?.indexOf("uicore/"))return e;if(i.uiAnimateName){const t=i.uiAnimateDelay||"10",a=i.uiAnimateDelayEnd||"50";e={...e,...""!==i.uiAnimateName&&{"data-ui-animation":i.uiAnimateName},..."scroll"!==i.uiAnimateTrigger&&{"data-ui-trigger":i.uiAnimateTrigger,...i.uiAnimateDuration?{"data-ui-duration":i.uiAnimateDuration}:{},...i.uiAnimateDelay?{"data-ui-delay":i.uiAnimateDelay}:{}},className:`${e.className} ${"scroll"===i.uiAnimateTrigger?"uicore-animate-scroll":"uicore-animate-hide"}`,style:{...e.style,..."scroll"===i.uiAnimateTrigger&&{"animation-range":`entry ${t}vh entry ${a}vh`}}}}return e}))})();

  • uicore-animate/trunk/assets/css/animated-background.css

    r3397830 r3409676  
    1 .ui-e-fluid-canvas{position:absolute;border-radius:inherit;top:0;left:0;height:100%!important;width:100%!important;--ui-fluid-1:#ecbec4;--ui-fluid-2:#eed5b6;--ui-fluid-3:#93d6eb;--ui-fluid-4:#a8e2c4}.ui-fluid-gradient{background:radial-gradient(circle at 80% 3%,var(--ui-fluid-1),rgba(255,255,255,0) 35%),radial-gradient(circle at 60% 60%,var(--ui-fluid-3),rgba(255,255,255,0) 45%),radial-gradient(circle at 36% 65%,var(--ui-fluid-1),rgba(255,255,255,0) 9%);background-size:200% 200%;opacity:0;transition:all .5s}.ui-fluid-gradient:after{content:"";position:absolute;border-radius:inherit;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 55%,var(--ui-fluid-1),rgba(255,255,255,0) 25%),radial-gradient(circle at 40% 15%,var(--ui-fluid-2),rgba(255,255,255,0) 26%),radial-gradient(circle at 80% 3%,#fff,rgba(255,255,255,0) 15%),radial-gradient(circle at 43% 82%,var(--ui-fluid-3),rgba(255,255,255,0) 19%);background-size:200% 200%}.has-ui-fluid-gradient .ui-fluid-gradient{opacity:1}.ui-fluid-gradient-wrapper:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 40% 50%,var(--ui-fluid-4),rgba(255,255,255,0) 30%),radial-gradient(circle at 74% 69%,var(--ui-fluid-3),rgba(255,255,255,0) 20%),radial-gradient(circle at 10% 33%,var(--ui-fluid-1),rgba(255,255,255,0) 25%),radial-gradient(ellipse 122% 172%,var(--ui-fluid-4) rgba(255,255,255,0) 50%);background-size:180% 190%}.ui-fluid-animation-1 .ui-fluid-gradient{animation:testalt4 15s linear infinite}.ui-fluid-animation-1 .ui-fluid-gradient:after{animation:testalt2 17s linear infinite}.ui-fluid-animation-1 .ui-fluid-gradient-wrapper:after{animation:test 12s linear infinite}.ui-fluid-animation-2 .ui-fluid-gradient{animation:testalt3 14s linear infinite}.ui-fluid-animation-2 .ui-fluid-gradient:after{animation:testalt2 20s linear infinite}.ui-fluid-animation-2 .ui-fluid-gradient-wrapper:after{animation:test 12s linear infinite}.ui-fluid-animation-3 .ui-fluid-gradient{animation:testalt2 15s linear infinite}.ui-fluid-animation-3 .ui-fluid-gradient:after{animation:test 25s linear infinite}.ui-fluid-animation-3 .ui-fluid-gradient-wrapper:after{animation:testalt3 18s linear infinite}.ui-fluid-animation-4 .ui-fluid-gradient{animation:testalt3 16s linear infinite}.ui-fluid-animation-4 .ui-fluid-gradient:after{animation:testalt2 15s linear infinite}.ui-fluid-animation-4 .ui-fluid-gradient-wrapper:after{animation:test 28s linear infinite}.ui-fluid-animation-5 .ui-fluid-gradient{animation:testalt3 7s linear infinite}.ui-fluid-animation-5 .ui-fluid-gradient:after{animation:testalt2 20s linear infinite}.ui-fluid-animation-5 .ui-fluid-gradient-wrapper:after{animation:test 12s linear infinite}@keyframes test{0%{background-position:10% 10%}20%{background-position:10% 40%}35%{background-position:50% 80%}55%{background-position:90% 90%}80%{background-position:60% 70%}100%{background-position:10% 10%}}@keyframes testalt2{0%{background-position:10% 28%;opacity:.8}16%{background-position:10% 40%;opacity:.3}25%{background-position:50% 50%;opacity:1}50%{background-position:55% 90%;opacity:.6}50%{background-position:42% 70%;opacity:1}100%{background-position:19% 50%;opacity:.5}}@keyframes testalt3{0%{background-position:50% 80%;opacity:1}10%{background-position:60% 70%;opacity:1}20%{background-position:10% 10%;opacity:.8}30%{background-position:10% 30%;opacity:1}40%{background-position:10% 40%;opacity:.6}50%{background-position:50% 80%;opacity:.1}60%{background-position:55% 50%;opacity:.4}70%{background-position:60% 25%;opacity:1}80%{background-position:40% 12%;opacity:0}90%{background-position:53% 45%;opacity:.7}100%{background-position:50% 80%;opacity:1}}@keyframes testalt4{0%{background-position:50% 80%;opacity:1}20%{background-position:60% 70%;opacity:1}40%{background-position:10% 10%;opacity:.8}60%{background-position:10% 10%;opacity:1}80%{background-position:10% 40%;opacity:.9}100%{background-position:50% 80%;opacity:1}}
     1.ui-e-fluid-canvas{position:absolute;border-radius:inherit;top:0;left:0;height:100%!important;width:100%!important;--ui-fluid-1:#ecbec4;--ui-fluid-2:#eed5b6;--ui-fluid-3:#93d6eb;--ui-fluid-4:#a8e2c4;background-color:var(--ui-fluid-bg)}.ui-fluid-gradient{background:radial-gradient(circle at 80% 3%,var(--ui-fluid-1),rgba(255,255,255,0) 35%),radial-gradient(circle at 60% 60%,var(--ui-fluid-3),rgba(255,255,255,0) 45%),radial-gradient(circle at 36% 65%,var(--ui-fluid-1),rgba(255,255,255,0) 9%);background-size:200% 200%;transition:all .5s;position:absolute;inset:0}.ui-fluid-gradient:after{content:"";position:absolute;border-radius:inherit;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 80% 55%,var(--ui-fluid-1),rgba(255,255,255,0) 25%),radial-gradient(circle at 40% 15%,var(--ui-fluid-2),rgba(255,255,255,0) 26%),radial-gradient(circle at 80% 3%,#fff,rgba(255,255,255,0) 15%),radial-gradient(circle at 43% 82%,var(--ui-fluid-3),rgba(255,255,255,0) 19%);background-size:200% 200%}.ui-fluid-gradient-wrapper:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 40% 50%,var(--ui-fluid-4),rgba(255,255,255,0) 30%),radial-gradient(circle at 74% 69%,var(--ui-fluid-3),rgba(255,255,255,0) 20%),radial-gradient(circle at 10% 33%,var(--ui-fluid-1),rgba(255,255,255,0) 25%),radial-gradient(ellipse 122% 172%,var(--ui-fluid-4) rgba(255,255,255,0) 50%);background-size:180% 190%}.ui-fluid-animation-1 .ui-fluid-gradient{animation:testalt4 15s linear infinite}.ui-fluid-animation-1 .ui-fluid-gradient:after{animation:testalt2 17s linear infinite}.ui-fluid-animation-1 .ui-fluid-gradient-wrapper:after{animation:test 12s linear infinite}.ui-fluid-animation-2 .ui-fluid-gradient{animation:testalt3 14s linear infinite}.ui-fluid-animation-2 .ui-fluid-gradient:after{animation:testalt2 20s linear infinite}.ui-fluid-animation-2 .ui-fluid-gradient-wrapper:after{animation:test 12s linear infinite}.ui-fluid-animation-3 .ui-fluid-gradient{animation:testalt2 15s linear infinite}.ui-fluid-animation-3 .ui-fluid-gradient:after{animation:test 25s linear infinite}.ui-fluid-animation-3 .ui-fluid-gradient-wrapper:after{animation:testalt3 18s linear infinite}.ui-fluid-animation-4 .ui-fluid-gradient{animation:testalt3 16s linear infinite}.ui-fluid-animation-4 .ui-fluid-gradient:after{animation:testalt2 15s linear infinite}.ui-fluid-animation-4 .ui-fluid-gradient-wrapper:after{animation:test 28s linear infinite}.ui-fluid-animation-5 .ui-fluid-gradient{animation:testalt3 7s linear infinite}.ui-fluid-animation-5 .ui-fluid-gradient:after{animation:testalt2 20s linear infinite}.ui-fluid-animation-5 .ui-fluid-gradient-wrapper:after{animation:test 12s linear infinite}@keyframes test{0%{background-position:10% 10%}20%{background-position:10% 40%}35%{background-position:50% 80%}55%{background-position:90% 90%}80%{background-position:60% 70%}100%{background-position:10% 10%}}@keyframes testalt2{0%{background-position:10% 28%;opacity:.8}16%{background-position:10% 40%;opacity:.3}25%{background-position:50% 50%;opacity:1}50%{background-position:55% 90%;opacity:.6}50%{background-position:42% 70%;opacity:1}100%{background-position:19% 50%;opacity:.5}}@keyframes testalt3{0%{background-position:50% 80%;opacity:1}10%{background-position:60% 70%;opacity:1}20%{background-position:10% 10%;opacity:.8}30%{background-position:10% 30%;opacity:1}40%{background-position:10% 40%;opacity:.6}50%{background-position:50% 80%;opacity:.1}60%{background-position:55% 50%;opacity:.4}70%{background-position:60% 25%;opacity:1}80%{background-position:40% 12%;opacity:0}90%{background-position:53% 45%;opacity:.7}100%{background-position:50% 80%;opacity:1}}@keyframes testalt4{0%{background-position:50% 80%;opacity:1}20%{background-position:60% 70%;opacity:1}40%{background-position:10% 10%;opacity:.8}60%{background-position:10% 10%;opacity:1}80%{background-position:10% 40%;opacity:.9}100%{background-position:50% 80%;opacity:1}}

  • uicore-animate/trunk/assets/js/animated-background.js

    r3397830 r3409676  
    179179      let canvas = this.$element[0].querySelector('.ui-e-fluid-canvas');
    180180
     181      //cleanup existing canvas
     182      if (canvas) {
     183        this.$element[0].removeChild(canvas);
     184        canvas = null;
     185      }
     186
    181187      // Check if we actually need the `canvas` tag
    182188      const useDiv = animation.startsWith('ui-fluid-animation-') && animation !== 'ui-fluid-animation-6';
    183       if (!canvas) {
    184         canvas = useDiv ? document.createElement('div') : document.createElement('canvas');
    185         canvas.className = useDiv ? 'ui-fluid-gradient-wrapper ui-e-fluid-canvas' : 'ui-e-fluid-canvas';
    186         this.$element[0].insertBefore(canvas, this.$element[0].firstChild);
    187         if (useDiv) {
    188           let canvasChild = document.createElement('div');
    189           canvasChild.className = 'ui-fluid-gradient';
    190           canvas.appendChild(canvasChild);
    191         }
     189      canvas = useDiv ? document.createElement('div') : document.createElement('canvas');
     190      canvas.className = useDiv ? 'ui-fluid-gradient-wrapper ui-e-fluid-canvas' : 'ui-e-fluid-canvas';
     191      this.$element[0].insertBefore(canvas, this.$element[0].firstChild);
     192      if (useDiv) {
     193        const canvasChild = document.createElement('div');
     194        canvasChild.className = 'ui-fluid-gradient';
     195        canvas.appendChild(canvasChild);
     196      } else {
     197        canvas.style.position = 'absolute';
     198        canvas.style.inset = '0';
     199        canvas.style.width = '100%';
     200        canvas.style.height = '100%';
     201        canvas.style.display = 'block';
    192202      }
    193203      this.canvas = canvas;

  • uicore-animate/trunk/assets/js/backgrounds/fluid-gradient.js

    r3397830 r3409676  
    328328      rotation: 0,
    329329      playing: true
    330     }, document.querySelectorAll("canvas").length < 1 ? console.log("DID NOT LOAD FLUID CANVAS") : (this.minigl = new MiniGl(this.el, null, null, !0),
     330    }, this.minigl = new MiniGl(this.el, null, null, !0),
    331331    //   requestAnimationFrame(() => {
    332332    //       this.el && (this.computedCanvasStyle = getComputedStyle(this.el), this.waitForCssVars())
    … …  
    336336    }), this.scrollObserver.onIntersect(() => {
    337337      window.addEventListener("scroll", this.handleScroll), window.addEventListener("mousedown", this.handleMouseDown), window.addEventListener("mouseup", this.handleMouseUp), window.addEventListener("keydown", this.handleKeyDown), this.isIntersecting = !0, this.addIsLoadedClass(), this.play();
    338     })
     338    });
    339339    //   */
    340     );
    341340  }
    342341  disconnect() {

  • uicore-animate/trunk/includes/elementor/animated-background.php

    r3397830 r3409676  
    476476        // Conditional Output
    477477        $animations = Helper::get_background_animations_list();
    478         $js_animations = array_diff_key($animations, ['css-animations' => true]);
     478        $css_animations = Helper::get_background_animations_list(true)['css-animations'];
     479        $js_animations = array_diff_key($animations, $css_animations);
    479480
    480481        switch ($control) {
    … …  
    567568        $assets = [];
    568569        if (!isset($animation) || empty($animation) || (strpos($animation, 'ui-fluid-animation-') === 0 && $animation !== 'ui-fluid-animation-6')) {
     570            $assets[] = 'animated-background';
    569571            return $assets;
    570572        }

  • uicore-animate/trunk/languages/uicore-animate.pot

    r3397830 r3409676  
    77"Content-Type: text/plain; charset=UTF-8\n"
    88"Content-Transfer-Encoding: 8bit\n"
    9 "POT-Creation-Date: 2025-11-18 08:02+0000\n"
     9"POT-Creation-Date: 2025-12-03 14:39+0000\n"
    1010"Project-Id-Version: undefined\n"
    1111"X-Poedit-Basepath: ..\n"

  • uicore-animate/trunk/plugin.php

    r3397830 r3409676  
    44Plugin URI: https://animate.uicore.co
    55Description: Animate your design in just a few clicks.
    6 Version: 2.2.0
     6Version: 2.2.1
    77Author: UiCore
    88Author URI: https://uicore.co
    … …  
    1111Domain Path: /languages
    1212 * Elementor requires at least: 3.8.0
    13  * Elementor tested up to: 3.33.1
     13 * Elementor tested up to: 3.33.2
    1414*/
    1515
    … …  
    3232     * @var string
    3333     */
    34     public $version = '2.2.0';
     34    public $version = '2.2.1';
    3535
    3636    /**
    … …  
    167167        require_once UICORE_ANIMATE_INCLUDES . '/class-assets.php';
    168168
     169        require_once UICORE_ANIMATE_INCLUDES . '/class-gutenberg.php';
     170
     171
    169172        if (\class_exists('Elementor\Plugin')) {
    170173            require_once UICORE_ANIMATE_INCLUDES . '/elementor/split-text.php';

  • uicore-animate/trunk/readme.txt

    r3397830 r3409676  
    44Requires at least: 4.6
    55Requires PHP: 7.4
    6 Tested up to: 6.8.3
    7 Stable tag: 2.2.0
     6Tested up to: 6.9.0
     7Stable tag: 2.2.1
    88License: GPLv2 or later
    99License URI: https://www.gnu.org/licenses/gpl-2.0.html
    … …  
    8181
    8282== Changelog ==
     83
     84= 2.2.1 =
     85* NEW - Added 20 new Animated Background in Gutenberg
     86* FIX - Animated Background Elementor bugs
     87
     88
    8389
    8490= 2.2.0 =
Note: See TracChangeset for help on using the changeset viewer.