|
import getCompositeRect from "./dom-utils/getCompositeRect.js"; |
|
import getLayoutRect from "./dom-utils/getLayoutRect.js"; |
|
import listScrollParents from "./dom-utils/listScrollParents.js"; |
|
import getOffsetParent from "./dom-utils/getOffsetParent.js"; |
|
import orderModifiers from "./utils/orderModifiers.js"; |
|
import debounce from "./utils/debounce.js"; |
|
import mergeByName from "./utils/mergeByName.js"; |
|
import detectOverflow from "./utils/detectOverflow.js"; |
|
import { isElement } from "./dom-utils/instanceOf.js"; |
|
var DEFAULT_OPTIONS = { |
|
placement: 'bottom', |
|
modifiers: [], |
|
strategy: 'absolute' |
|
}; |
|
|
|
function areValidElements() { |
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { |
|
args[_key] = arguments[_key]; |
|
} |
|
|
|
return !args.some(function (element) { |
|
return !(element && typeof element.getBoundingClientRect === 'function'); |
|
}); |
|
} |
|
|
|
export function popperGenerator(generatorOptions) { |
|
if (generatorOptions === void 0) { |
|
generatorOptions = {}; |
|
} |
|
|
|
var _generatorOptions = generatorOptions, |
|
_generatorOptions$def = _generatorOptions.defaultModifiers, |
|
defaultModifiers = _generatorOptions$def === void 0 ? [] : _generatorOptions$def, |
|
_generatorOptions$def2 = _generatorOptions.defaultOptions, |
|
defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2; |
|
return function createPopper(reference, popper, options) { |
|
if (options === void 0) { |
|
options = defaultOptions; |
|
} |
|
|
|
var state = { |
|
placement: 'bottom', |
|
orderedModifiers: [], |
|
options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions), |
|
modifiersData: {}, |
|
elements: { |
|
reference: reference, |
|
popper: popper |
|
}, |
|
attributes: {}, |
|
styles: {} |
|
}; |
|
var effectCleanupFns = []; |
|
var isDestroyed = false; |
|
var instance = { |
|
state: state, |
|
setOptions: function setOptions(setOptionsAction) { |
|
var options = typeof setOptionsAction === 'function' ? setOptionsAction(state.options) : setOptionsAction; |
|
cleanupModifierEffects(); |
|
state.options = Object.assign({}, defaultOptions, state.options, options); |
|
state.scrollParents = { |
|
reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [], |
|
popper: listScrollParents(popper) |
|
}; |
|
|
|
|
|
var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers, state.options.modifiers))); |
|
|
|
state.orderedModifiers = orderedModifiers.filter(function (m) { |
|
return m.enabled; |
|
}); |
|
runModifierEffects(); |
|
return instance.update(); |
|
}, |
|
|
|
|
|
|
|
|
|
|
|
forceUpdate: function forceUpdate() { |
|
if (isDestroyed) { |
|
return; |
|
} |
|
|
|
var _state$elements = state.elements, |
|
reference = _state$elements.reference, |
|
popper = _state$elements.popper; |
|
|
|
|
|
if (!areValidElements(reference, popper)) { |
|
return; |
|
} |
|
|
|
|
|
state.rects = { |
|
reference: getCompositeRect(reference, getOffsetParent(popper), state.options.strategy === 'fixed'), |
|
popper: getLayoutRect(popper) |
|
}; |
|
|
|
|
|
|
|
|
|
|
|
state.reset = false; |
|
state.placement = state.options.placement; |
|
|
|
|
|
|
|
|
|
state.orderedModifiers.forEach(function (modifier) { |
|
return state.modifiersData[modifier.name] = Object.assign({}, modifier.data); |
|
}); |
|
|
|
for (var index = 0; index < state.orderedModifiers.length; index++) { |
|
if (state.reset === true) { |
|
state.reset = false; |
|
index = -1; |
|
continue; |
|
} |
|
|
|
var _state$orderedModifie = state.orderedModifiers[index], |
|
fn = _state$orderedModifie.fn, |
|
_state$orderedModifie2 = _state$orderedModifie.options, |
|
_options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, |
|
name = _state$orderedModifie.name; |
|
|
|
if (typeof fn === 'function') { |
|
state = fn({ |
|
state: state, |
|
options: _options, |
|
name: name, |
|
instance: instance |
|
}) || state; |
|
} |
|
} |
|
}, |
|
|
|
|
|
update: debounce(function () { |
|
return new Promise(function (resolve) { |
|
instance.forceUpdate(); |
|
resolve(state); |
|
}); |
|
}), |
|
destroy: function destroy() { |
|
cleanupModifierEffects(); |
|
isDestroyed = true; |
|
} |
|
}; |
|
|
|
if (!areValidElements(reference, popper)) { |
|
return instance; |
|
} |
|
|
|
instance.setOptions(options).then(function (state) { |
|
if (!isDestroyed && options.onFirstUpdate) { |
|
options.onFirstUpdate(state); |
|
} |
|
}); |
|
|
|
|
|
|
|
|
|
|
|
function runModifierEffects() { |
|
state.orderedModifiers.forEach(function (_ref) { |
|
var name = _ref.name, |
|
_ref$options = _ref.options, |
|
options = _ref$options === void 0 ? {} : _ref$options, |
|
effect = _ref.effect; |
|
|
|
if (typeof effect === 'function') { |
|
var cleanupFn = effect({ |
|
state: state, |
|
name: name, |
|
instance: instance, |
|
options: options |
|
}); |
|
|
|
var noopFn = function noopFn() {}; |
|
|
|
effectCleanupFns.push(cleanupFn || noopFn); |
|
} |
|
}); |
|
} |
|
|
|
function cleanupModifierEffects() { |
|
effectCleanupFns.forEach(function (fn) { |
|
return fn(); |
|
}); |
|
effectCleanupFns = []; |
|
} |
|
|
|
return instance; |
|
}; |
|
} |
|
export var createPopper = popperGenerator(); |
|
|
|
export { detectOverflow }; |