You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
1.1 KiB
40 lines
1.1 KiB
'use strict';
|
|
|
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
|
var core = require('@vueuse/core');
|
|
|
|
const resizeHandler = function(entries) {
|
|
for (const entry of entries) {
|
|
const listeners = entry.target.__resizeListeners__ || [];
|
|
if (listeners.length) {
|
|
listeners.forEach((fn) => {
|
|
fn();
|
|
});
|
|
}
|
|
}
|
|
};
|
|
const addResizeListener = function(element, fn) {
|
|
if (!core.isClient || !element)
|
|
return;
|
|
if (!element.__resizeListeners__) {
|
|
element.__resizeListeners__ = [];
|
|
element.__ro__ = new ResizeObserver(resizeHandler);
|
|
element.__ro__.observe(element);
|
|
}
|
|
element.__resizeListeners__.push(fn);
|
|
};
|
|
const removeResizeListener = function(element, fn) {
|
|
var _a;
|
|
if (!element || !element.__resizeListeners__)
|
|
return;
|
|
element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1);
|
|
if (!element.__resizeListeners__.length) {
|
|
(_a = element.__ro__) == null ? void 0 : _a.disconnect();
|
|
}
|
|
};
|
|
|
|
exports.addResizeListener = addResizeListener;
|
|
exports.removeResizeListener = removeResizeListener;
|
|
//# sourceMappingURL=resize-event.js.map
|