@total_onion/onion-library 2.0.79 → 2.0.82

package/components/block-spotify-embed-v3/spotify-embed-v3.js

@@ -0,0 +1,7 @@
+export default function spotifyembedv3Js ( options = {} ) {
+	try {
+		const { block } = options;
+	} catch ( error ) {
+		console.error( error );
+	}
+}

package/components/block-spotify-embed-v3/spotify-embed-v3.php

@@ -0,0 +1,14 @@
+<?php
+
+acf_register_block_type(
+	array(
+		'name'            => 'spotify-embed-v3',
+		'title'           => __( 'Spotify embed v3', 'Global-theme Admin' ),
+		'render_callback' => 'athena_block_render_post_object_v3',
+		'category'        => 'common',
+		'icon'            => get_svg_icon_content('brick.svg'),
+		'keywords'        => array('content', 'text' ),
+		'mode'            => 'preview',
+		'supports'        => array( 'align' => false, 'anchor' => true ),
+	)
+);

package/components/block-spotify-embed-v3/spotify-embed-v3.scss

@@ -0,0 +1,12 @@
+@use '../fields-core-mixins-v3/core-mixins-v3';
+@use '../../breakpoints';
+
+.spotify-embed-v3 {
+	height: var(--mobile-height, 350px);
+	@include core-mixins-v3.device(breakpoints.$tabPortrait) {
+		height: var(--tablet-height, 352px);
+	}
+	@include core-mixins-v3.device(breakpoints.$tabLandscape) {
+		height: var(--desktop-height, 352px);
+	}
+}

package/components/block-spotify-embed-v3/spotify-embed-v3.twig

@@ -0,0 +1,25 @@
+{% set blockClassName = "spotify-embed-v3" %}
+{% set classNameEntryPoint = include('entry-points/entry-point-classes.twig', { fields: fields, block: block }, with_context = false) %}
+{% set htmlEntryPoint = include('entry-points/entry-point-html-v3.twig', { fields: fields, block: block, blockClassName, blockClassName }, with_context = false) %}
+{% set dataAttributeEntryPoint = include('entry-points/entry-point-data-attribute.twig', { fields: fields, block: block }, with_context = false) %}
+{% set styleEntryPoint = include('entry-points/entry-point-style-v3.twig', { fields: fields, block: block, is_preview }, with_context = false) %}
+{% set previewEntryPoint = include('entry-points/entry-point-preview-info.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
+{% set desktopHeight = fields.desktop_height|default(352) %}
+{% set tabletHeight = fields.tablet_height|default(352) %}
+{% set mobileHeight = fields.mobile_height|default(350) %}
+
+{% set sectionStyles =  styleEntryPoint %}
+
+{{previewEntryPoint}}
+<style>
+	.{{blockClassName}}.{{block.id}}{
+		{{sectionStyles}}
+	}
+</style>
+<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{fields.section_class}} {{classNameEntryPoint}} {{block.id}} lazy-fade" {{dataAttributeEntryPoint}} data-blockid="{{block.id}}" data-assetkey="{{blockClassName}}">
+
+	<iframe style="border-radius:12px; --desktop-height: {{desktopHeight}}px;--tablet-height: {{tabletHeight}}px;--mobile-height: {{mobileHeight}}px" src="{{fields.embed_url}}" class="spotify-embed" width="100%" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
+
+
+	{{htmlEntryPoint}}
+</section>

package/components/component-animations-v3/animations-v3.scss

@@ -143,6 +143,7 @@
 				var(--animation-delay) var(--animation-easing)
 				var(--animation-repeat) var(--animation-fill-mode)
 				var(--animation-direction);
+			animation-timeline: var(--animation-timeline);
 		}
 	}
 }

package/components/component-animations-v3/animations-v3.twig

@@ -12,7 +12,8 @@
 		{% set animationEasing = '--animation-easing: ' ~ fields.animations.animation_easing_custom|ru ~ ';' %}
 	{% endif %}
 	{% set animationDirection = '--animation-direction: ' ~ fields.animations.animation_direction|ru ~ ';' %}
-	{% set animationsString = animationName ~ animationDuration ~ animationDelay ~ animationRepeat ~ animationEasing ~ animationFillMode ~ animationDirection %}
+	{% set animationTimeline = '--animation-timeline: ' ~ fields.animations.animation_timeline|ru ~ ';' %}
+	{% set animationsString = animationName ~ animationDuration ~ animationDelay ~ animationRepeat ~ animationEasing ~ animationFillMode ~ animationDirection ~ animationTimeline %}
+
 	{{animationsString}}
 {% endif %}
-

package/components/component-animations-v3/group_689f39c37980a.json

@@ -421,6 +421,26 @@
 					"step": "",
 					"prepend": "",
 					"append": ""
+				},
+				{
+					"key": "field_68f9e35d7db0b",
+					"label": "Animation Timeline",
+					"name": "animation_timeline",
+					"aria-label": "",
+					"type": "text",
+					"instructions": "Add your timeline function with the appropriate arguments or leave blank for no timeline.\r\nSee https://developer.mozilla.org/en-US/docs/Web/CSS/animation-timeline",
+					"required": 0,
+					"conditional_logic": 0,
+					"wrapper": {
+						"width": "",
+						"class": "",
+						"id": ""
+					},
+					"default_value": "",
+					"maxlength": "",
+					"placeholder": "",
+					"prepend": "",
+					"append": ""
 				}
 			]
 		}
@@ -444,10 +464,9 @@
 	"description": "",
 	"show_in_rest": 0,
 	"acfe_autosync": ["json"],
-	"acfml_field_group_mode": "localization",
 	"acfe_form": 0,
 	"acfe_display_title": "",
 	"acfe_meta": "",
 	"acfe_note": "",
-	"modified": 1761045273
+	"modified": 1761207280
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@total_onion/onion-library",
-	"version": "2.0.79",
+	"version": "2.0.82",
 	"description": "Component library",
 	"main": "index.js",
 	"scripts": {

package/public/block-sub-group-container-v3/sub-group-container-v3.css

@@ -97,8 +97,19 @@
     opacity: 1;
   }
 }
+@keyframes reveal-up {
+  from {
+    opacity: 1;
+    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
+  }
+  100% {
+    opacity: 1;
+    clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
+  }
+}
 .sub-group-container-v3 .cmpl-block-animations.loaded {
   animation: var(--animation-name) var(--animation-duration) var(--animation-delay) var(--animation-easing) var(--animation-repeat) var(--animation-fill-mode) var(--animation-direction);
+  animation-timeline: var(--animation-timeline);
 }
 .sub-group-container-v3__grid-container {
   grid-area: main;