52 lines
1.3 KiB
JavaScript
52 lines
1.3 KiB
JavaScript
function inserted(el, binding) {
|
|
const modifiers = binding.modifiers || {};
|
|
const value = binding.value;
|
|
const callback = typeof value === 'object' ? value.handler : value;
|
|
const {
|
|
once,
|
|
...modifierKeys
|
|
} = modifiers;
|
|
const hasModifiers = Object.keys(modifierKeys).length > 0; // Options take top priority
|
|
|
|
const options = typeof value === 'object' && value.options ? value.options : hasModifiers // If we have modifiers, use only those provided
|
|
? {
|
|
attributes: modifierKeys.attr,
|
|
childList: modifierKeys.child,
|
|
subtree: modifierKeys.sub,
|
|
characterData: modifierKeys.char // Defaults to everything on
|
|
|
|
} : {
|
|
attributes: true,
|
|
childList: true,
|
|
subtree: true,
|
|
characterData: true
|
|
};
|
|
const observer = new MutationObserver((mutationsList, observer) => {
|
|
/* istanbul ignore if */
|
|
if (!el._mutate) return; // Just in case, should never fire
|
|
|
|
callback(mutationsList, observer); // If has the once modifier, unbind
|
|
|
|
once && unbind(el);
|
|
});
|
|
observer.observe(el, options);
|
|
el._mutate = {
|
|
observer
|
|
};
|
|
}
|
|
|
|
function unbind(el) {
|
|
/* istanbul ignore if */
|
|
if (!el._mutate) return;
|
|
|
|
el._mutate.observer.disconnect();
|
|
|
|
delete el._mutate;
|
|
}
|
|
|
|
export const Mutate = {
|
|
inserted,
|
|
unbind
|
|
};
|
|
export default Mutate;
|
|
//# sourceMappingURL=index.js.map
|