Embedded SVGs that have filters have their id's automatically renamed in the client to make each filter id name unique.
If I want to apply filters dynamically to components, I'm unable to because I don't know what the filter's id will be renamed to, as binding to the filter's id does not update to its renamed value in the browser, it stays at the value it is in the designer.
e.g.
Designer:
Client (browser):
Binding to elements[0]['elements'][1]['id']
will return desaturate
in the browser, not s0_1-desaturate
as I would have expected.
Without knowing the id value in the browser, i'm unable to dynamically apply the filter.