element,
+ // Preact thinks it’s the Uppy root element in there when doing a diff,
+ // and destroys it. So we are creating a fragment (could be empty div)
+
+ const uppyRootElement = document.createDocumentFragment(); // API for plugins that require a synchronous rerender.
+
+ _classPrivateFieldLooseBase$5(this, _updateUI)[_updateUI] = debounce(state => {
+ // plugin could be removed, but this.rerender is debounced below,
+ // so it could still be called even after uppy.removePlugin or uppy.close
+ // hence the check
+ if (!this.uppy.getPlugin(this.id)) return;
+ render(this.render(state), uppyRootElement);
+ this.afterUpdate();
+ });
+ this.uppy.log(`Installing ${callerPluginName} to a DOM element '${target}'`);
+
+ if (this.opts.replaceTargetContent) {
+ // Doing render(h(null), targetElement), which should have been
+ // a better way, since because the component might need to do additional cleanup when it is removed,
+ // stopped working — Preact just adds null into target, not replacing
+ targetElement.innerHTML = '';
+ }
+
+ render(this.render(this.uppy.getState()), uppyRootElement);
+ this.el = uppyRootElement.firstElementChild;
+ targetElement.appendChild(uppyRootElement);
+ this.onMount();
+ return this.el;
+ }
+
+ let targetPlugin;
+
+ if (typeof target === 'object' && target instanceof UIPlugin) {
+ // Targeting a plugin *instance*
+ targetPlugin = target;
+ } else if (typeof target === 'function') {
+ // Targeting a plugin type
+ const Target = target; // Find the target plugin instance.
+
+ this.uppy.iteratePlugins(p => {
+ if (p instanceof Target) {
+ targetPlugin = p;
+ return false;
+ }
+ });
+ }
+
+ if (targetPlugin) {
+ this.uppy.log(`Installing ${callerPluginName} to ${targetPlugin.id}`);
+ this.parent = targetPlugin;
+ this.el = targetPlugin.addTarget(plugin);
+ this.onMount();
+ return this.el;
+ }
+
+ this.uppy.log(`Not installing ${callerPluginName}`);
+ let message = `Invalid target option given to ${callerPluginName}.`;
+
+ if (typeof target === 'function') {
+ message += ' The given target is not a Plugin class. ' + 'Please check that you\'re not specifying a React Component instead of a plugin. ' + 'If you are using @uppy/* packages directly, make sure you have only 1 version of @uppy/core installed: ' + 'run `npm ls @uppy/core` on the command line and verify that all the versions match and are deduped correctly.';
+ } else {
+ message += 'If you meant to target an HTML element, please make sure that the element exists. ' + 'Check that the
+
+
+ {% block head %}{% endblock %}
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {% block main %}{% endblock %}
+
+
+