Disable selectable, hoverable and editable options when Mobile view is on.

Hi,

I want to disable to select, hover or edit the components of the editor when the Mobile view is on. I have tried using below code. But it removes all the components from the editor.

commands.add('set-device-mobile', {
        run: function (editor) {
           editor.setDevice('Mobile portrait');

            const updateAll = model => {
                model.set({editable: false,selectable:false,hoverable:false});
                model.get('components').each(model => updateAll(model));
            }

            var domComponents = editor.DomComponents;
            var wrapperChildren = domComponents.getComponents();            
            for (var i = 0; i < wrapperChildren.models.length; i++) {
                updateAll(wrapperChildren);
            }
            
        }
    });

Can you please help me out?

Thanks,