Sid Gifari File Manager

🏠 Root / home2 / iuywvcmy / public_html / wp-content / plugins / beaver-builder-lite-version / includes /

Editing: ui-field-object-fit.php

<#
const defaults = {
	fit:      '',
	position: '',
	width:    { length: '100', unit: '%' },
	height:   { length: '100', unit: '%' },
}
const value = { ...defaults, ...data.value }
const field = {
	show_height_width: false,
	...data.field,
}
const fit = wp.template( 'fl-builder-field-button-group' )( {
	name: data.name + '[][fit]',
	value: value.fit,
	field: {
		fill_space: true,
		options: {
			'':      '<?php _e( 'None', 'fl-builder' ); ?>',
			cover:   '<?php _e( 'Cover', 'fl-builder' ); ?>',
			contain: '<?php _e( 'Contain', 'fl-builder' ); ?>',
			none:    '<?php _e( 'Natural', 'fl-builder' ); ?>',
		},
	},
} );

'left bottom'  : {
		label: '<?php _e( 'Bottom Left', 'fl-builder' ); ?>',
		icon: `
			<svg width="20" height="20" viewBox="0 0 20 20" fill="none">
				<path d="M4.66797 7.46045C4.66797 6.88623 5.10547 6.44189 5.63867 6.44189C6.17188 6.44189 6.58203 6.88623 6.58203 7.44678V10.0581L6.48633 12.2319L7.55273 11.0356L13.6025 4.99268C13.8213 4.78076 14.0742 4.66455 14.334 4.66455C14.8604 4.66455 15.3389 5.1499 15.3389 5.66943C15.3389 5.9292 15.2227 6.18213 15.0107 6.40088L8.96777 12.4507L7.77148 13.5103L10.0205 13.4282H12.5566C13.1172 13.4282 13.5615 13.8384 13.5615 14.3647C13.5615 14.8979 13.1309 15.3354 12.5498 15.3354H5.7002C5.07812 15.3354 4.66113 14.9185 4.66113 14.3032L4.66797 7.46045Z" fill="currentColor"/>
			</svg>
		`,
	},
	'center bottom'  : {
		label: '<?php _e( 'Bottom Center', 'fl-builder' ); ?>',
		icon: `
			<svg width="20" height="20" viewBox="0 0 20 20" fill="none">
				<path d="M9.99658 3.45459C10.5913 3.45459 10.9878 3.86475 10.9878 4.47998V12.0679L10.9263 13.5513L12.3003 11.9653L13.8384 10.4341C14.0229 10.2495 14.2554 10.1265 14.5493 10.1265C15.0825 10.1265 15.4858 10.5229 15.4858 11.0835C15.4858 11.3433 15.3833 11.5825 15.1782 11.7944L10.728 16.2446C10.5435 16.436 10.27 16.5454 9.99658 16.5454C9.72998 16.5454 9.44971 16.436 9.26514 16.2446L4.82178 11.7944C4.6167 11.5825 4.51416 11.3433 4.51416 11.0835C4.51416 10.5229 4.91748 10.1265 5.45068 10.1265C5.75146 10.1265 5.98389 10.2495 6.16162 10.4341L7.69971 11.9653L9.07373 13.5513L9.00537 12.0679V4.47998C9.00537 3.86475 9.40869 3.45459 9.99658 3.45459Z" fill="currentColor"/>
			</svg>
		`,
	},
	'right bottom'  : {
		label: '<?php _e( 'Bottom Right', 'fl-builder' ); ?>',
		icon: `
			<svg width="20" height="20" viewBox="0 0 20 20" fill="none">
				<path d="M15.332 7.46045L15.3389 14.3032C15.3389 14.9185 14.9219 15.3354 14.2998 15.3354H7.4502C6.86914 15.3354 6.43848 14.8979 6.43848 14.3647C6.43848 13.8384 6.88281 13.4282 7.44336 13.4282H9.97949L12.2285 13.5103L11.0322 12.4507L4.99609 6.40088C4.78418 6.18213 4.66113 5.9292 4.66113 5.66943C4.66113 5.1499 5.13965 4.66455 5.66602 4.66455C5.92578 4.66455 6.17871 4.78076 6.39746 4.99268L12.4473 11.0356L13.5137 12.2319L13.418 10.0581V7.44678C13.418 6.88623 13.8281 6.44189 14.3613 6.44189C14.8945 6.44189 15.332 6.88623 15.332 7.46045Z" fill="currentColor"/>
			</svg>
		`,
	},
}

const unitFieldConfig = {
	field: {
		units: [ '%', 'px', 'em', 'rem', 'vw', 'ch' ],
		slider: { min: 0, max: 100, step: 1 },
	},
}
const height = wp.template( 'fl-builder-field-unit' )( {
	...unitFieldConfig,
	name: data.name + '[height][length]',
	value: value.height.length,
	unit_name: data.name + '[height][unit]',
	unit_value: value.height.unit,
} )
const width = wp.template( 'fl-builder-field-unit' )( {
	...unitFieldConfig,
	name: data.name + '[width][length]',
	value: value.width.length,
	unit_name: data.name + '[width][unit]',
	unit_value: value.width.unit,
} )
#>
<div class="fl-compound-field">
	<div class="fl-compound-field-section fl-compound-field-section-fit fl-compound-field-section-visible">
		<div class="fl-compound-field-row">
			{{{ fit }}}
		</div>
		<div class="fl-compound-field-row">
			<fieldset class="fl-switch-group fl-switch-origin-group">
			<# for( const key in positions ) {
				const item = positions[key]
				const checked = value.position === key ? 'checked' : ''
				const id = `${data.name}_${key.replace(' ', '_' )}`
			#>
				<div class="fl-switch-group-item" title="{{{item.label}}}">
					<input type="radio" name="{{{data.name}}}[position]" id="{{{id}}}" value="{{{key}}}" {{{checked}}} />
					<label for="{{{id}}}">{{{item.label}}}</label>
					{{{item.icon}}}
				</div>
			<# } #>
			</fieldset>
		</div>
	</div>
</div>

Argonautisbc.gr — Coming Soon

Coming Soon!

A New WordPress Site

How to Build a Website: A Practical Guide to WordPress on Bluehost
How to Migrate a Website to Bluehost?
Why choose Bluehost for your WordPress site?