Add a withMountOnInteraction decorator

[titouanmathis]

Or maybe a withKeepUnmounted() decorator to be able to use components and mount them programatically when needed.

[antoine4livre]

@titouanmathis Maybe can we just use a config param who is enabled by default ?

[titouanmathis]

Do you have an API in mind for surch a configuration?

[antoine4livre]

import { Base } from '@studiometa/js-toolkit';

export class UnmountedBase extends Base {
  static config = {
    name: 'UnmountedBase',
    inert: true,
  }
}

[titouanmathis]

I actually prefer decorators for such specific needs which might not benefit most use cases for 2 reasons:

• to keep the size of the Base class as small as possible
• to avoid adding too much complexity to the Base class internals and keep them maintenable

I think it would be more easily implemented in a decorator as well as we could simply override the $mount method to add a parameter which would allow the component to be mounted.

[antoine4livre]

Thank you @titouanmathis, so what's the final spec for this decorator ?
We need to block the first mount only or all until we authorize it ?

Would you like something like this:

$mount(force) {
  if(!force) {
    return;
  }
  super.$mount();
}

Or maybe like this:

mountIsEnabled = false;

$mount() {
  if(!mountIsEnabled) {
    this.mountIsEnabled = true;
    return;
  }
  super.$mount();
}

Have you an example of a programmed mounting ?

[antoine4livre]

I'm going to add the decorator withKeepUnmounted that will have a boolean option named enabled that will be watched. Ok for you @titouanmathis ?