| Dir : /home2/medicu/.trash/cartflows.2/modules/gutenberg/src/components/typography/ |
| Server: Linux tista.bd.svlogins.com 5.14.0-611.49.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Apr 21 16:39:08 EDT 2026 x86_64 IP: 103.159.37.114 |
| Dir : /home2/medicu/.trash/cartflows.2/modules/gutenberg/src/components/typography/range-typography.js |
/**
* WordPress dependencies
*/
import Range from '@Components/range/Range.js';
// Extend component
import { useSelect } from '@wordpress/data';
/**
* Build the Measure controls
*
* @param {Object[]} props
* @return {Object} Measure settings.
*/
export default function RangeTypographyControl( props ) {
const deviceType = useSelect( ( select ) => {
return select( 'core/edit-post' )?.__experimentalGetPreviewDeviceType();
}, [] );
const output = {};
output.Desktop = (
<>
<Range
{ ...props }
label={ props.sizeText }
value={ props.size.value || '' }
min={ 0 }
max={ 200 }
unit={ props.type }
responsive={ true }
setAttributes={props.setAttributes}
data={ {
value: props.size.value,
label: props.sizeLabel,
} }
step={ props?.step }
/>
</>
);
output.Tablet = (
<>
<Range
{ ...props }
label={ props.sizeTabletText }
value={ props.sizeTablet.value }
min={ 0 }
max={ 200 }
unit={ props.type }
responsive={ true }
setAttributes={props.setAttributes}
data={ {
value: props.sizeTablet.value,
label: props.sizeTabletLabel,
} }
step={ props?.step }
/>
</>
);
output.Mobile = (
<>
<Range
{ ...props }
label={ props.sizeMobileText }
value={ props.sizeMobile.value }
min={ 0 }
max={ 200 }
unit={ props.type }
responsive={ true }
setAttributes={props.setAttributes}
data={ {
value: props.sizeMobile.value,
label: props.sizeMobileLabel,
} }
step={ props?.step }
/>
</>
);
return (
<div className="uagb-size-type-field-tabs">
<div className="uagb-responsive-control-inner">
{ output[ deviceType ]
? output[ deviceType ]
: output.Desktop }
</div>
</div>
);
}