vue-filepond - npm Package Compare versions

Comparing version 5.1.2 to 5.1.3

CHANGELOG.md

 # Changelog
 
+## 5.1.3
+
+- Fix FilePond detach handling
+
+
 ## 5.1.2
@@ -4,0 +9,0 @@

dist/vue-filepond.esm.js

 /*!
- * vue-filepond v5.1.2
+ * vue-filepond v5.1.3
  * A handy FilePond adapter component for Vue
@@ -188,3 +188,4 @@ *
                 const removedNodes = (mutations[0] || {}).removedNodes || [];
-                if (!removedNodes[0] === this.$el) return;
+                const removedNode = removedNodes[0];
+                if (!removedNode || !removedNode.contains(this.$el)) return;
                 observer.disconnect();
@@ -196,3 +197,3 @@ detached.call(this);
             const observer = new MutationObserver(mutationHandler);
-            observer.observe(this.$parent.$el, { childList: true })
+            observer.observe(document.documentElement, { childList: true, subtree: true });
         },
@@ -199,0 +200,0 @@

dist/vue-filepond.js

 /*!
- * vue-filepond v5.1.2
+ * vue-filepond v5.1.3
  * A handy FilePond adapter component for Vue
@@ -196,3 +196,4 @@ *
                     var removedNodes = (mutations[0] || {}).removedNodes || [];
-                    if (!removedNodes[0] === _this2.$el) return;
+                    var removedNode = removedNodes[0];
+                    if (!removedNode || !removedNode.contains(_this2.$el)) return;
                     observer.disconnect();
@@ -204,3 +205,3 @@ detached.call(_this2);
                 var observer = new MutationObserver(mutationHandler);
-                observer.observe(this.$parent.$el, { childList: true });
+                observer.observe(document.documentElement, { childList: true, subtree: true });
             },
@@ -207,0 +208,0 @@

dist/vue-filepond.min.js

 /*!
- * vue-filepond v5.1.2
+ * vue-filepond v5.1.3
  * A handy FilePond adapter component for Vue
@@ -10,2 +10,2 @@ *
  */
-!function(global,factory){if("function"==typeof define&&define.amd)define("vueFilePond",["exports","vue","filepond"],factory);else if("undefined"!=typeof exports)factory(exports,require("vue"),require("filepond"));else{var mod_exports={};factory(mod_exports,global.Vue,global.FilePond),global.vueFilePond=mod_exports}}(this,function(exports,_vue,_filepond){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.setOptions=void 0;var obj,_vue2=(obj=_vue)&&obj.__esModule?obj:{default:obj};var filteredComponentMethods=["setOptions","on","off","onOnce","appendTo","insertAfter","insertBefore","isAttachedTo","replaceElement","restoreElement","destroy"],isSupported=(0,_filepond.supported)(),props={},events=[],watch={},instances=[],globalOptions={};exports.setOptions=function(options){globalOptions=Object.assign(globalOptions,options),instances.forEach(function(instance){instance.setOptions(globalOptions)})};exports.default=function(){_filepond.registerPlugin.apply(void 0,arguments),events.length=0;var _loop=function(prop){if(/^on/.test(prop))return events.push(prop),"continue";var type;props[prop]=[String,(type=_filepond.OptionTypes[prop],{string:String,boolean:Boolean,array:Array,function:Function,int:Number,serverapi:Object,object:Object}[type])],watch[prop]=function(value){this._pond[prop]=value}};for(var prop in _filepond.OptionTypes)_loop(prop);return _vue2.default.component("FilePond",{name:"FilePond",props:props,watch:watch,render:function(h){return h("div",{class:{"filepond--wrapper":!0}},[h("input",{attrs:{id:this.id,name:this.name,type:"file",class:this.className,required:this.required,multiple:this.allowMultiple,accept:this.acceptedFileTypes,capture:this.captureMethod}})])},mounted:function(){var _this=this;if(isSupported){this._element=this.$el.querySelector("input");var options=events.reduce(function(obj,value){return obj[value]=function(){for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];_this.$emit("input",_this._pond?_this._pond.getFiles():[]),_this.$emit.apply(_this,[value.substr(2)].concat(args))},obj},{}),attrs=Object.assign({},this.$attrs);this._pond=(0,_filepond.create)(this._element,Object.assign({},globalOptions,options,attrs,this.$options.propsData)),Object.keys(this._pond).filter(function(key){return!filteredComponentMethods.includes(key)}).forEach(function(key){_this[key]=_this._pond[key]}),instances.push(this._pond)}},destroyed:function(){var _this2=this,detached=this.$options.detached;if(this.$el.offsetParent){new MutationObserver(function(mutations,observer){!((mutations[0]||{}).removedNodes||[])[0]!==_this2.$el&&(observer.disconnect(),detached.call(_this2))}).observe(this.$parent.$el,{childList:!0})}else detached.call(this)},detached:function(){if(this._pond){this._pond.destroy();var index=instances.indexOf(this._pond);0<=index&&instances.splice(index,1),this._pond=null}}})}});
+!function(global,factory){if("function"==typeof define&&define.amd)define("vueFilePond",["exports","vue","filepond"],factory);else if("undefined"!=typeof exports)factory(exports,require("vue"),require("filepond"));else{var mod_exports={};factory(mod_exports,global.Vue,global.FilePond),global.vueFilePond=mod_exports}}(this,function(exports,_vue,_filepond){"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.setOptions=void 0;var obj,_vue2=(obj=_vue)&&obj.__esModule?obj:{default:obj};var filteredComponentMethods=["setOptions","on","off","onOnce","appendTo","insertAfter","insertBefore","isAttachedTo","replaceElement","restoreElement","destroy"],isSupported=(0,_filepond.supported)(),props={},events=[],watch={},instances=[],globalOptions={};exports.setOptions=function(options){globalOptions=Object.assign(globalOptions,options),instances.forEach(function(instance){instance.setOptions(globalOptions)})};exports.default=function(){_filepond.registerPlugin.apply(void 0,arguments),events.length=0;var _loop=function(prop){if(/^on/.test(prop))return events.push(prop),"continue";var type;props[prop]=[String,(type=_filepond.OptionTypes[prop],{string:String,boolean:Boolean,array:Array,function:Function,int:Number,serverapi:Object,object:Object}[type])],watch[prop]=function(value){this._pond[prop]=value}};for(var prop in _filepond.OptionTypes)_loop(prop);return _vue2.default.component("FilePond",{name:"FilePond",props:props,watch:watch,render:function(h){return h("div",{class:{"filepond--wrapper":!0}},[h("input",{attrs:{id:this.id,name:this.name,type:"file",class:this.className,required:this.required,multiple:this.allowMultiple,accept:this.acceptedFileTypes,capture:this.captureMethod}})])},mounted:function(){var _this=this;if(isSupported){this._element=this.$el.querySelector("input");var options=events.reduce(function(obj,value){return obj[value]=function(){for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];_this.$emit("input",_this._pond?_this._pond.getFiles():[]),_this.$emit.apply(_this,[value.substr(2)].concat(args))},obj},{}),attrs=Object.assign({},this.$attrs);this._pond=(0,_filepond.create)(this._element,Object.assign({},globalOptions,options,attrs,this.$options.propsData)),Object.keys(this._pond).filter(function(key){return!filteredComponentMethods.includes(key)}).forEach(function(key){_this[key]=_this._pond[key]}),instances.push(this._pond)}},destroyed:function(){var _this2=this,detached=this.$options.detached;if(this.$el.offsetParent){new MutationObserver(function(mutations,observer){var removedNode=((mutations[0]||{}).removedNodes||[])[0];removedNode&&removedNode.contains(_this2.$el)&&(observer.disconnect(),detached.call(_this2))}).observe(document.documentElement,{childList:!0,subtree:!0})}else detached.call(this)},detached:function(){if(this._pond){this._pond.destroy();var index=instances.indexOf(this._pond);0<=index&&instances.splice(index,1),this._pond=null}}})}});

lib/index.js

@@ -178,3 +178,4 @@ import Vue from 'vue';
                 const removedNodes = (mutations[0] || {}).removedNodes || [];
-                if (!removedNodes[0] === this.$el) return;
+                const removedNode = removedNodes[0];
+                if (!removedNode || !removedNode.contains(this.$el)) return;
                 observer.disconnect();
@@ -186,3 +187,3 @@ detached.call(this);
             const observer = new MutationObserver(mutationHandler);
-            observer.observe(this.$parent.$el, { childList: true })
+            observer.observe(document.documentElement, { childList: true, subtree: true });
         },
@@ -189,0 +190,0 @@

package.json

 {
     "name": "vue-filepond",
-    "version": "5.1.2",
+    "version": "5.1.3",
     "description": "A handy FilePond adapter component for Vue",
@@ -5,0 +5,0 @@ "homepage": "https://pqina.nl/filepond",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

177228

increased by0.22%

Lines of code

565

increased by0.53%

No dependency changes