@total_onion/onion-library 3.2.0 → 3.2.2

package/components/block-site-logo-container-v3/site-logo-container-v3.twig

@@ -0,0 +1,40 @@
+{% set blockClassName = "site-logo-container-v3" %}
+{% set classNameEntryPoint = include('entry-points/entry-point-classes.twig', { fields, block }, with_context = false) %}
+{% set htmlEntryPoint = include('entry-points/entry-point-html-v3.twig', { fields, block, blockClassName, options, environment, is_preview, nav_menus }, with_context = false) %}
+{% set dataAttributeEntryPoint = include('entry-points/entry-point-data-attribute.twig', { fields, block }, with_context = false) %}
+{% set styleEntryPoint = include('entry-points/entry-point-style-v3.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
+{% set previewEntryPoint = include('entry-points/entry-point-preview-info.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
+{% set logoMaxWidthDesktop = '--site-logo-max-width-desktop: ' ~ fields.site_logo_max_width_desktop ~ ';'%}
+{% set logoMaxWidthPortrait = '--site-logo-max-width-portrait: ' ~ fields.site_logo_max_width_portrait ~ ';' %}
+{% set logoMaxWidthMobile = '--site-logo-max-width-mobile: ' ~ fields.site_logo_max_width_mobile ~ ';' %}
+{% set sectionStyles =  styleEntryPoint ~ logoMaxWidthDesktop ~ logoMaxWidthPortrait ~ logoMaxWidthMobile %}
+
+<style>
+	.{{blockClassName}}.{{block.id}}{
+		{{sectionStyles}}
+	}
+</style>
+
+<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{fields.section_class}} {{loop ? block.className.index ~ '-' ~ loop.index : ''}} {{classNameEntryPoint}} {{block.id}} lazy-fade" data-jsload="false" {{dataAttributeEntryPoint}} data-blockid="{{block.id}}" data-assetkey="{{blockClassName}}" data-pattern-site-logo-container="{{fields.logo_type|ru}}">
+	<a class="{{blockClassName}}__site-logo-link" href="/{{ market_slug ? market_slug ~ '/' : '' }}" aria-label="site-logo-link">
+		<!-- site-logo-container -->
+		{% if fields.logo_type|ru == 'site-logo' %}
+			{% set siteLogo = options.site_logos.site_logo %}
+		{% endif %}
+		{% if fields.logo_type|ru == 'site-logo-alt' %}
+			{% set siteLogo = options.site_logos.site_logo_alt %}
+		{% endif %}
+		{% if fields.logo_type|ru == 'site-logo-footer' %}
+			{% set siteLogo = options.site_logos.site_logo_footer %}
+		{% endif %}
+		{# {% set isSVG = siteLogo.post_mime_type == 'image/svg+xml' %} #}
+		{# {% set siteLogo = isSVG ? siteLogo.src : gt_image_mainsrc(siteLogo) %} #}
+		{% if isSVG and false %}
+			{{get_raw_svg(siteLogo.id, 'site-logo-container__site-logo')}}
+		{% else %}
+			<img src="{{siteLogo.src}}" srcset="{{siteLogo.srcset}}" width="{{siteLogo.width}}" height="{{siteLogo.height}}" alt="{{siteLogo.alt|default('site-logo')}}" class="{{blockClassName}}__site-logo style-svg"/>
+		{% endif %}
+		<!-- end-site-logo-container -->
+	</a>
+	{{htmlEntryPoint}}
+</section>

package/components/block-site-title-and-tagline-v3/site-title-and-tagline-v3.js

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

package/components/block-site-title-and-tagline-v3/site-title-and-tagline-v3.scss

@@ -0,0 +1,16 @@
+@use '../fields-core-mixins-v3/core-mixins-v3';
+@use '../fields-core-functions-v3/core-functions-v3';
+@use '../../breakpoints';
+
+.site-title-and-tagline-v3 {
+	display: grid;
+	grid-template: 'main' /1fr;
+	place-items: center;
+	text-align: center;
+	&__title {
+		font-weight: bold;
+	}
+	&__tagline {
+		font-weight: bold;
+	}
+}

package/components/block-site-title-and-tagline-v3/site-title-and-tagline-v3.twig

@@ -0,0 +1,24 @@
+{% set blockClassName = "site-title-and-tagline-v3" %}
+{% set classNameEntryPoint = include('entry-points/entry-point-classes.twig', { fields, block }, with_context = false) %}
+{% set htmlEntryPoint = include('entry-points/entry-point-html-v3.twig', { fields, block, blockClassName, options, environment, is_preview, nav_menus }, with_context = false) %}
+{% set dataAttributeEntryPoint = include('entry-points/entry-point-data-attribute.twig', { fields, block }, with_context = false) %}
+{% set styleEntryPoint = include('entry-points/entry-point-style-v3.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
+{% set previewEntryPoint = include('entry-points/entry-point-preview-info.twig', { fields, block, displaytype, is_preview }, with_context = false) %}
+
+{% set sectionStyles =  styleEntryPoint ~ titleFontFamily ~ titleFontSizeDesktop ~ titleFontSizePortrait ~ titleFontSizeMobile ~ taglineFontFamily ~ taglineFontSizeDesktop ~ taglineFontSizePortrait ~ taglineFontSizeMobile %}
+<style>
+	.{{blockClassName}}.{{block.id}}{
+		{{sectionStyles}}
+	}
+</style>
+<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{block.className}} {{classNameEntryPoint}} {{block.id}} lazy-fade" {{dataAttributeEntryPoint}} data-blockid="{{block.id}}" data-assetkey="{{blockClassName}}">
+	<div class="{{blockClassName}}__inner-container">
+		{% if fields.enable_site_title %}
+			<div class="{{blockClassName}}__title cmpl-cta-style-{{fields.title_cta_style}}">{{site.title}}</div>
+		{% endif %}
+		{% if fields.enable_site_tagline  %}
+			<div class="{{blockClassName}}__tagline cmpl-cta-style-{{fields.tagline_cta_style}}">{{site.description}}</div>
+		{% endif %}
+	</div>
+	{{htmlEntryPoint}}
+</section>

package/components/block-smash-balloon-social-media-v3/smash-balloon-social-media-v3.js

@@ -0,0 +1,8 @@
+export default function smashballoonsocialmediav3Js(options = {}) {
+	try {
+		const {block} = options;
+		if (!block) return;
+	} catch (error) {
+		console.error(error);
+	}
+}

package/components/block-smash-balloon-social-media-v3/smash-balloon-social-media-v3.scss

@@ -0,0 +1,31 @@
+@use '../fields-core-mixins-v3/core-mixins-v3';
+@use '../fields-core-functions-v3/core-functions-v3';
+@use '../../breakpoints';
+.smash-balloon-social-media-v3 {
+	position: relative;
+	max-width: 100vw;
+	&__instagram {
+		width: 100%;
+		position: relative;
+		pointer-events: all;
+		.sbi-owl-stage,
+		.sbi-owl-item {
+			min-width: core-functions-v3.fluidSize(190, 'static');
+		}
+	}
+	&[data-marquee] {
+		.sbi-owl-stage {
+			transition: none !important;
+			animation: sbiScroll 30s linear infinite;
+		}
+	}
+
+	@keyframes sbiScroll {
+		0% {
+			transform: translate3d(0, 0, 0);
+		}
+		100% {
+			transform: translate3d(-50%, 0, 0);
+		}
+	}
+}

package/components/block-smash-balloon-social-media-v3/smash-balloon-social-media-v3.twig

@@ -0,0 +1,18 @@
+{% set blockClassName = "smash-balloon-social-media-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 sectionStyles =  styleEntryPoint %}
+
+{{previewEntryPoint}}
+<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{block.className}} {{classNameEntryPoint}}" {{dataAttributeEntryPoint}} data-blockid="{{block.id}}" style="{{sectionStyles}}" data-assetkey="{{blockClassName}}" {% if fields.marquee %} data-marquee="true" {% endif %}>
+	{% if fields.social_media_type == 'instagram' %}
+		<div class="{{blockClassName}}__instagram">
+			{{ function('do_shortcode', '[instagram-feed feed=' ~ fields.feed_id ~ ']') }}
+		</div>
+	{% endif %}
+	{{htmlEntryPoint}}
+</section>

package/components/block-social-networks-v3/group_6891d4d7db414.json

@@ -0,0 +1,146 @@
+{
+	"key": "group_6891d4d7db414",
+	"title": "Block: Social Networks V3",
+	"fields": [
+		{
+			"key": "field_6892127d4031c",
+			"label": "Content",
+			"name": "",
+			"aria-label": "",
+			"type": "tab",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"wpml_cf_preferences": 3,
+			"placement": "top",
+			"endpoint": 0,
+			"no_preference": 0,
+			"selected": 0
+		},
+		{
+			"key": "field_689380ea15836",
+			"label": "Wysiwyg editor fields",
+			"name": "wysiwyg_editor_fields",
+			"aria-label": "",
+			"type": "clone",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"wpml_cf_preferences": 3,
+			"clone": ["group_6867e153af466"],
+			"display": "seamless",
+			"layout": "block",
+			"prefix_label": 0,
+			"prefix_name": 0,
+			"acfe_seamless_style": 0,
+			"acfe_clone_modal": 0,
+			"acfe_clone_modal_close": 0,
+			"acfe_clone_modal_button": "",
+			"acfe_clone_modal_size": "large"
+		},
+		{
+			"key": "field_6891d4da7c7e2",
+			"label": "Social networks fields",
+			"name": "social_networks_fields",
+			"aria-label": "",
+			"type": "clone",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"wpml_cf_preferences": 3,
+			"clone": ["group_668c110442111"],
+			"display": "seamless",
+			"layout": "block",
+			"prefix_label": 0,
+			"prefix_name": 0,
+			"acfe_seamless_style": 0,
+			"acfe_clone_modal": 0,
+			"acfe_clone_modal_close": 0,
+			"acfe_clone_modal_button": "",
+			"acfe_clone_modal_size": "large"
+		},
+		{
+			"key": "field_6900fa979ef39",
+			"label": "Block Padding",
+			"name": "",
+			"aria-label": "",
+			"type": "tab",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"placement": "top",
+			"endpoint": 0,
+			"no_preference": 0,
+			"selected": 0
+		},
+		{
+			"key": "field_6900faa09ef3a",
+			"label": "block padding fields",
+			"name": "block_padding_fields",
+			"aria-label": "",
+			"type": "clone",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"clone": ["group_689f66f3e26df"],
+			"display": "seamless",
+			"layout": "block",
+			"prefix_label": 0,
+			"prefix_name": 0,
+			"acfe_seamless_style": 0,
+			"acfe_clone_modal": 0,
+			"acfe_clone_modal_close": 0,
+			"acfe_clone_modal_button": "",
+			"acfe_clone_modal_size": "large"
+		}
+	],
+	"location": [
+		[
+			{
+				"param": "block",
+				"operator": "==",
+				"value": "all"
+			}
+		]
+	],
+	"menu_order": 0,
+	"position": "normal",
+	"style": "default",
+	"label_placement": "left",
+	"instruction_placement": "label",
+	"hide_on_screen": "",
+	"active": false,
+	"description": "",
+	"show_in_rest": 0,
+	"display_title": "",
+	"acfe_autosync": ["json"],
+	"acfe_form": 0,
+	"acfe_meta": "",
+	"acfe_note": "",
+	"modified": 1774258318
+}

package/components/block-social-networks-v3/social-networks-v3.js

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

package/components/block-social-networks-v3/social-networks-v3.scss

@@ -0,0 +1,7 @@
+@use '../component-social-networks-v3/social-networks-v3';
+
+.social-networks-v3 {
+	display: flex;
+	gap: 10px;
+	@include social-networks-v3.socialNetworksV3();
+}

package/components/block-social-networks-v3/social-networks-v3.twig

@@ -0,0 +1,24 @@
+{% set blockClassName = "social-networks-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 sectionStyles =  styleEntryPoint %}
+
+{{previewEntryPoint}}
+<style>
+	.{{blockClassName}}.{{block.id}}{
+		{{sectionStyles}}
+	}
+</style>
+<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{classNameEntryPoint}} {{block.id}} lazy-fade" {{dataAttributeEntryPoint}} data-blockid="{{block.id}}" data-assetkey="{{blockClassName}}">
+
+	{% if fields.wysiwyg_editor is not empty %}
+		{{ include('components/wysiwyg-editor-v3.twig', { fields, block, blockClassName}, with_context = false, ignore_missing = true) }}
+	{% endif %}
+
+	{{ include('components/social-networks-v3.twig', {fields, block, blockClassName, is_preview,  options}, with_context = false, ignore_missing = true) }}
+	{{htmlEntryPoint}}
+</section>

package/components/block-spacer-v3/group_686b8cb48c708.json

@@ -0,0 +1,131 @@
+{
+	"key": "group_686b8cb48c708",
+	"title": "Block: Spacer v3",
+	"fields": [
+		{
+			"key": "field_686b8cb496313",
+			"label": "Size",
+			"name": "spacer_size",
+			"aria-label": "",
+			"type": "range",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"wpml_cf_preferences": 3,
+			"user_roles": ["administrator"],
+			"default_value": "0.5",
+			"min": 0,
+			"max": 8,
+			"step": "0.125",
+			"prepend": "",
+			"append": ""
+		},
+		{
+			"key": "field_686b8cb49675a",
+			"label": "Size portrait",
+			"name": "size_portrait",
+			"aria-label": "",
+			"type": "range",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"wpml_cf_preferences": 3,
+			"user_roles": ["administrator"],
+			"default_value": "0.5",
+			"min": 0,
+			"max": 8,
+			"step": "0.125",
+			"prepend": "",
+			"append": ""
+		},
+		{
+			"key": "field_686b8cb496b28",
+			"label": "Size mobile",
+			"name": "size_mobile",
+			"aria-label": "",
+			"type": "range",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"wpml_cf_preferences": 3,
+			"user_roles": ["all", "administrator"],
+			"default_value": 1,
+			"min": 0,
+			"max": 8,
+			"step": "0.125",
+			"prepend": "",
+			"append": ""
+		},
+		{
+			"key": "field_686b8cb496f3b",
+			"label": "Background Colour",
+			"name": "spacer_background",
+			"aria-label": "",
+			"type": "color_picker",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"wpml_cf_preferences": 3,
+			"user_roles": ["all"],
+			"default_value": "",
+			"enable_opacity": 1,
+			"return_format": "string",
+			"display": "default",
+			"button_label": "Select Color",
+			"color_picker": true,
+			"absolute": false,
+			"input": true,
+			"allow_null": true,
+			"theme_colors": false,
+			"colors": [],
+			"acfe_advanced": true,
+			"custom_palette_source": "",
+			"palette_colors": "",
+			"show_color_wheel": true
+		}
+	],
+	"location": [
+		[
+			{
+				"param": "block",
+				"operator": "==",
+				"value": "all"
+			}
+		]
+	],
+	"menu_order": 0,
+	"position": "normal",
+	"style": "default",
+	"label_placement": "top",
+	"instruction_placement": "label",
+	"hide_on_screen": "",
+	"active": false,
+	"description": "Library version - Do not modify in this project as any changes will be overwritten by future updates.",
+	"show_in_rest": 0,
+	"display_title": "",
+	"acfe_autosync": ["json"],
+	"acfe_form": 0,
+	"acfe_meta": "",
+	"acfe_note": "",
+	"modified": 1774258313
+}

package/components/block-spacer-v3/spacer-v3.js

@@ -0,0 +1,8 @@
+// LIBRARY FILE - Do not modify/override here as your changes will be lost when the package is updated.
+export default function spacerv3Js(options = {}) {
+	// try {
+	// 	const {block} = options;
+	// } catch (error) {
+	// 	console.error(error);
+	// }
+}

package/components/block-spacer-v3/spacer-v3.scss

@@ -0,0 +1,19 @@
+@use '../fields-core-mixins-v3/core-mixins-v3';
+@use '../../breakpoints';
+
+.spacer-v3 {
+	width: 100%;
+	position: relative;
+	background-color: var(--spacer-bg-colour);
+	height: calc(var(--global-inline-spacing) * var(--spacer-size-mult-mobile));
+
+	@include core-mixins-v3.device(breakpoints.$tabPortrait) {
+		height: calc(
+			var(--global-inline-spacing) * var(--spacer-size-mult-portrait)
+		);
+	}
+
+	@include core-mixins-v3.device(breakpoints.$tabLandscape) {
+		height: calc(var(--global-inline-spacing) * var(--spacer-size-mult));
+	}
+}

package/components/block-spacer-v3/spacer-v3.twig

@@ -0,0 +1,13 @@
+{# Do not edit this file outside of the component library as your changes will be lost with future updates. #}
+{% set blockClassName = "spacer-v3" %}
+{% set background = '--spacer-bg-colour: ' ~ fields.spacer_background|ru|default('') ~ ';'  %}
+{% set sizeMultiplier = '--spacer-size-mult: ' ~ fields.spacer_size|ru|default('') ~ ';' %}
+{% set sizeMultiplierPortrait = '--spacer-size-mult-portrait: ' ~ fields.size_portrait|ru|default('') ~ ';' %}
+{% set sizeMultiplierMobile = '--spacer-size-mult-mobile: ' ~ fields.size_mobile|ru|default('') ~ ';' %}
+{% set sectionStyles = background ~ sizeMultiplier ~ sizeMultiplierPortrait ~ sizeMultiplierMobile %}
+<style>
+	.{{blockClassName}}.{{block.id}}{
+		{{sectionStyles}}
+	}
+</style>
+<section {{block.anchor ? "id=" ~ block.anchor : ''}} class="{{blockClassName}} {{block.id}}" data-assetkey="spacer-v3"></section>

package/components/block-spotify-embed-v3/group_67d04c4c4cf78.json

@@ -0,0 +1,120 @@
+{
+	"key": "group_67d04c4c4cf78",
+	"title": "Block: Spotify Embed v3",
+	"fields": [
+		{
+			"key": "field_67d04c4d9f1b1",
+			"label": "Embed URL",
+			"name": "embed_url",
+			"aria-label": "",
+			"type": "text",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"wpml_cf_preferences": 2,
+			"default_value": "",
+			"maxlength": "",
+			"placeholder": "",
+			"prepend": "",
+			"append": ""
+		},
+		{
+			"key": "field_67d16c7c377a5",
+			"label": "Desktop Height",
+			"name": "desktop_height",
+			"aria-label": "",
+			"type": "number",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"wpml_cf_preferences": 3,
+			"default_value": 352,
+			"min": 0,
+			"max": 500,
+			"placeholder": "",
+			"step": "",
+			"prepend": "",
+			"append": ""
+		},
+		{
+			"key": "field_67d16ccf377a6",
+			"label": "Tablet Height",
+			"name": "tablet_height",
+			"aria-label": "",
+			"type": "number",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"wpml_cf_preferences": 3,
+			"default_value": 352,
+			"min": 0,
+			"max": 500,
+			"placeholder": "",
+			"step": "",
+			"prepend": "",
+			"append": ""
+		},
+		{
+			"key": "field_67d16cdd377a8",
+			"label": "Mobile Height",
+			"name": "mobile_height",
+			"aria-label": "",
+			"type": "number",
+			"instructions": "",
+			"required": 0,
+			"conditional_logic": 0,
+			"wrapper": {
+				"width": "",
+				"class": "",
+				"id": ""
+			},
+			"wpml_cf_preferences": 3,
+			"default_value": 350,
+			"min": 0,
+			"max": 500,
+			"placeholder": "",
+			"step": "",
+			"prepend": "",
+			"append": ""
+		}
+	],
+	"location": [
+		[
+			{
+				"param": "block",
+				"operator": "==",
+				"value": "all"
+			}
+		]
+	],
+	"menu_order": 0,
+	"position": "normal",
+	"style": "default",
+	"label_placement": "left",
+	"instruction_placement": "label",
+	"hide_on_screen": "",
+	"active": false,
+	"description": "",
+	"show_in_rest": 0,
+	"display_title": "",
+	"acfe_autosync": ["json"],
+	"acfe_form": 0,
+	"acfe_meta": "",
+	"acfe_note": "",
+	"modified": 1774258307
+}

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.scss

@@ -0,0 +1,11 @@
+@use '../fields-core-mixins-v3/core-mixins-v3';
+@use '../../breakpoints';
+@use '../fields-core-functions-v3/core-functions-v3';
+
+.spotify-embed-v3 {
+	max-width: core-functions-v3.fluidSize(1086);
+	margin: auto;
+	iframe {
+		pointer-events: all;
+	}
+}