@total_onion/onion-library 3.2.0 → 3.2.2

package/components/component-block-settings-v3/block-settings-v3.twig

@@ -0,0 +1,34 @@
+{% set blockBorderRadius = '--block-border-radius:' ~ fields.block_border_radius|default(0) ~ ';' %}
+{% set blockAspectRatio = '--block-aspect-ratio:' ~ fields.block_aspect_ratio|default('unset') ~ ';' %}
+{% set blockAspectRatioPortrait = '--block-aspect-ratio-portrait:' ~ fields.block_aspect_ratio_portrait|default('unset') ~ ';' %}
+{% set blockAspectRatioMobile = '--block-aspect-ratio-mobile:' ~ fields.block_aspect_ratio_mobile|default('unset') ~ ';' %}
+{% set blockOverflow = '--block-overflow:' ~ fields.block_overflow|default('hidden')|ru ~ ';' %}
+{% set blockZIndex = '--block-z-index:' ~ fields.block_z_index|default(1) ~ ';' %}
+{% set blockBgColour = '--block-background-colour:' ~ (fields.block_background_colour|default('transparent')|ru) ~ ';' %}
+{% if fields.block_background_colour_type and fields.block_background_colour_type|ru != 'colour-picker' %}
+	{% set blockBgColour = '--block-background-colour:' ~ (fields.block_background_colour_type|ru) ~ ';' %}
+{% endif %}
+{% set blockPointerEvents = '--block-pointer-events: ' ~ (fields.block_pointer_events|default('all')|ru) ~ ';' %}
+{% set blockMinHeightMobile = '--block-min-height-mobile: ' ~ fields.block_min_height.mobile_min_height|default(0) ~ ';' %}
+{% set blockMinHeightPortrait = '--block-min-height-portrait: ' ~ fields.block_min_height.portrait_min_height|default(0) ~ ';' %}
+{% set blockMinHeightDesktop = '--block-min-height-desktop: ' ~ fields.block_min_height.desktop_min_height|default(0) ~ ';' %}
+{% set blockHeightMobile = '--block-height-mobile: ' ~ fields.block_height.mobile_height|ru|default('auto') ~ ';' %}
+{% set blockHeightPortrait = '--block-height-portrait: ' ~ fields.block_height.portrait_height|ru ~ ';' %}
+{% set blockHeightDesktop = '--block-height-desktop: ' ~ fields.block_height.desktop_height|ru ~ ';' %}
+{% set blockPositionType = '--block-position-type:' ~ fields.block_position_type|ru|default('relative') ~ ';' %}
+{% set blockPositionTypeTabletPortrait = '--block-position-type-tablet-portrait:' ~ fields.block_position_type_tablet_portrait|ru|default('relative') ~ ';' %}
+{% set blockPositionTypeMobile = '--block-position-type-mobile:' ~ fields.block_position_type_mobile|ru|default('relative') ~ ';' %}
+{% set blockPositionTop = '--block-position-top: ' ~ fields.block_position.top|default('unset') ~ ';' %}
+{% set blockPositionRight = '--block-position-right: ' ~ fields.block_position.right|default('unset') ~ ';' %}
+{% set blockPositionBottom = '--block-position-bottom: ' ~ fields.block_position.bottom|default('unset') ~ ';' %}
+{% set blockPositionLeft = '--block-position-left: ' ~ fields.block_position.left|default('unset') ~ ';' %}
+{% if fields.block_inset %}
+	{% set blockPositionTop = '--block-position-top: ' ~ fields.block_inset_value ~ ';' %}
+	{% set blockPositionRight = '--block-position-right: ' ~ fields.block_inset_value ~ ';' %}
+	{% set blockPositionBottom = '--block-position-bottom: ' ~ fields.block_inset_value ~ ';' %}
+	{% set blockPositionLeft = '--block-position-left: ' ~ fields.block_inset_value ~ ';' %}
+{% endif %}
+{% set blockSettingsString = blockBorderRadius ~ blockAspectRatio ~ blockAspectRatioPortrait ~ blockAspectRatioMobile ~ blockZIndex ~ blockOverflow ~ blockBgColour ~ blockPointerEvents ~ blockPosition ~ blockInset ~ blockPositionTop ~ blockPositionRight ~ blockPositionBottom ~ blockPositionLeft ~ blockPositionType ~ blockPositionTypeTabletPortrait ~ blockPositionTypeMobile ~ blockMinHeightMobile ~ blockMinHeightPortrait ~  blockMinHeightDesktop ~ blockHeightMobile ~ blockHeightPortrait ~ blockHeightDesktop %}
+
+
+{{blockSettingsString}}