Merge pull request #168 from RRZE-Webteam/dev

v1.0.11

.editorconfig

@@ -0,0 +1,18 @@
+# This file is for unifying the coding style for different editors and IDEs
+# editorconfig.org
+
+# WordPress Coding Standards
+# https://make.wordpress.org/core/handbook/coding-standards/
+
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+indent_style = tab
+
+[*.{yml,yaml}]
+indent_style = space
+indent_size = 2

assets/js/timeline/rrze-timeline.js

@@ -0,0 +1,57 @@
+try {
+  gsap.registerPlugin(ScrollTrigger);
+
+  const prefersReducedMotion = window.matchMedia(
+    "(prefers-reduced-motion: reduce)"
+  ).matches;
+
+  const timelineItems = document.querySelectorAll(
+    ".wp-block-rrze-elements-timeline-item"
+  );
+
+  if (!prefersReducedMotion) {
+    timelineItems.forEach((item) => {
+      const tooltip = item.querySelector(".tooltip");
+
+      gsap.set(item, { opacity: 0 });
+      gsap.set(tooltip, { opacity: 0, y: 50 });
+
+      const tl = gsap.timeline({
+        scrollTrigger: {
+          trigger: item,
+          start: "top 80%",
+          toggleActions: "play none none none",
+        },
+      });
+
+      // Animate the li element: fade in over 0.3 seconds
+      tl.to(item, {
+        opacity: 1,
+        duration: 0.3,
+        ease: "power1.inOut",
+      });
+
+      // Animate the tooltip: opacity and y over 0.7 seconds
+      tl.to(
+        tooltip,
+        {
+          opacity: 1,
+          y: 0,
+          duration: 0.7,
+          ease: "power1.in",
+        },
+        0 // Starts at the same time as the li animation
+      );
+    });
+  } else {
+    // If the user prefers reduced motion, ensure items are visible without animation
+    timelineItems.forEach((item) => {
+      item.style.opacity = 1;
+      const tooltip = item.querySelector(".tooltip");
+      tooltip.style.opacity = 1;
+      tooltip.style.transform = "translateY(0)";
+    });
+  }
+} catch (error) {
+  console.error("Animation initialization failed:", error);
+}

build/accordion/block.json

@@ -2,7 +2,7 @@
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
   "name": "rrze-elements/accordion",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "title": "Accordion item",
   "category": "rrze_elements",
   "description": "Creates an inner accordion item",

build/accordions/block.json

@@ -2,7 +2,7 @@
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
   "name": "rrze-elements/accordions",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "title": "Inner Accordion",
   "category": "rrze_elements",
   "parent": [

build/alert/block.json

@@ -2,7 +2,7 @@
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
   "name": "rrze-elements/alert",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "title": "Alert",
   "category": "rrze_elements",
   "description": "Used to highlight important information and warnings.",

build/block-blueprint/block.json

@@ -2,7 +2,7 @@
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
   "name": "rrze-elements/block-blueprint",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "title": "Blueprint",
   "category": "rrze_elements",
   "description": "Creates a blueprint block.",

build/collapse/block.json

@@ -2,7 +2,7 @@
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
   "name": "rrze-elements/collapse",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "title": "Accordion-item",
   "category": "design",
   "description": "Creates an accordion block",

build/collapse/index.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-a11y', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '63c0a4c8c9a2454e494f');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-a11y', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '33e2c3a51f10621f5d2f');

build/collapsibles/block.json

@@ -2,7 +2,7 @@
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
   "name": "rrze-elements/collapsibles",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "title": "Accordion",
   "category": "rrze_elements",
   "description": "Creates an accordion block",