@whitesev/pops 2.0.7 → 2.0.9

package/dist/index.iife.js

@@ -3,12 +3,6 @@ var pops = (function () {
 
     const SymbolEvents = Symbol("events_" + (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1));
 
-    const PopsCoreDefaultEnv = {
-        document: document,
-        window: window,
-        globalThis: globalThis,
-        self: self,
-    };
     const PopsCoreEnv = {
         document: document,
         window: window,
@@ -16,12 +10,6 @@ var pops = (function () {
         self: self,
     };
     const PopsCore = {
-        init(option) {
-            if (!option) {
-                option = Object.assign({}, PopsCoreDefaultEnv);
-            }
-            Object.assign(PopsCoreEnv, option);
-        },
         get document() {
             return PopsCoreEnv.document;
         },
@@ -41,21 +29,266 @@ var pops = (function () {
         },
     };
 
-    let t$1 = class t{constructor(){this.__map={};}beforeEach(t){this.__interceptor=t;}on(t,i){const s=Array.isArray(t)?t:[t];for(const t of s){this.__map[t]=this.__map[t]||[];const s=this.__map[t];s&&s.push(i);}return this}emit(t,i,s){void 0!==this.__interceptor?this.__interceptor(t,(()=>{this.__emit(t,i),s&&s();})):(this.__emit(t,i),s&&s());}__emit(t,i){const s=this.__map[t];if(Array.isArray(s)&&(null==s?void 0:s.length))for(const _ of s)_(i,t);this.event=i;}off(t,i){const s=this.__map[t];if(void 0!==s)if(void 0===i)delete this.__map[t];else {const t=s.findIndex((t=>t===i));s.splice(t,1);}}destroy(){this.__map={};}};
+    const createCache = (lastNumberWeakMap) => {
+        return (collection, nextNumber) => {
+            lastNumberWeakMap.set(collection, nextNumber);
+            return nextNumber;
+        };
+    };
+
+    /*
+     * The value of the constant Number.MAX_SAFE_INTEGER equals (2 ** 53 - 1) but it
+     * is fairly new.
+     */
+    const MAX_SAFE_INTEGER = Number.MAX_SAFE_INTEGER === undefined ? 9007199254740991 : Number.MAX_SAFE_INTEGER;
+    const TWO_TO_THE_POWER_OF_TWENTY_NINE = 536870912;
+    const TWO_TO_THE_POWER_OF_THIRTY = TWO_TO_THE_POWER_OF_TWENTY_NINE * 2;
+    const createGenerateUniqueNumber = (cache, lastNumberWeakMap) => {
+        return (collection) => {
+            const lastNumber = lastNumberWeakMap.get(collection);
+            /*
+             * Let's try the cheapest algorithm first. It might fail to produce a new
+             * number, but it is so cheap that it is okay to take the risk. Just
+             * increase the last number by one or reset it to 0 if we reached the upper
+             * bound of SMIs (which stands for small integers). When the last number is
+             * unknown it is assumed that the collection contains zero based consecutive
+             * numbers.
+             */
+            let nextNumber = lastNumber === undefined ? collection.size : lastNumber < TWO_TO_THE_POWER_OF_THIRTY ? lastNumber + 1 : 0;
+            if (!collection.has(nextNumber)) {
+                return cache(collection, nextNumber);
+            }
+            /*
+             * If there are less than half of 2 ** 30 numbers stored in the collection,
+             * the chance to generate a new random number in the range from 0 to 2 ** 30
+             * is at least 50%. It's benifitial to use only SMIs because they perform
+             * much better in any environment based on V8.
+             */
+            if (collection.size < TWO_TO_THE_POWER_OF_TWENTY_NINE) {
+                while (collection.has(nextNumber)) {
+                    nextNumber = Math.floor(Math.random() * TWO_TO_THE_POWER_OF_THIRTY);
+                }
+                return cache(collection, nextNumber);
+            }
+            // Quickly check if there is a theoretical chance to generate a new number.
+            if (collection.size > MAX_SAFE_INTEGER) {
+                throw new Error('Congratulations, you created a collection of unique numbers which uses all available integers!');
+            }
+            // Otherwise use the full scale of safely usable integers.
+            while (collection.has(nextNumber)) {
+                nextNumber = Math.floor(Math.random() * MAX_SAFE_INTEGER);
+            }
+            return cache(collection, nextNumber);
+        };
+    };
+
+    const LAST_NUMBER_WEAK_MAP = new WeakMap();
+    const cache = createCache(LAST_NUMBER_WEAK_MAP);
+    const generateUniqueNumber = createGenerateUniqueNumber(cache, LAST_NUMBER_WEAK_MAP);
 
-    const n$1="clientX",e$2="clientY",t=16,c$3="start",o$1="move",s$1="cancel",u$3="end",a$2="left",i$3="right",r$4="up",d$1="down",m$2={4:"start",5:"move",1:"end",3:"cancel"};function v$1(n){return m$2[n]}function b(n,e,t){const c={1:{0:{move:4},4:{move:5,end:1,cancel:3},5:{move:5,end:1,cancel:3}},0:{4:{move:2,end:1,cancel:3},5:{start:2,move:2,end:1,cancel:3}}}[Number(n)][e];return void 0!==c&&c[t]||0}function g$1(n){[1,3,2].includes(n.state)&&(n.state=0);}function h$3(n){return [5,1,3].includes(n)}function j(n){if(n.disabled)return n.state=0,!0}function O(n,e){return Object.assign(Object.assign(Object.assign({},n),e),{state:0,disabled:!1})}function p$3(n){return Math.round(100*n)/100}
+    const isMessagePort = (sender) => {
+        return typeof sender.start === 'function';
+    };
+
+    const PORT_MAP = new WeakMap();
 
-    function r$3(){let t,o,i,r,a=0;return function(u){if(t=o,void 0!==u){a=Number.MAX_SAFE_INTEGER>a?++a:1;const h=function(t,o){const{phase:i,points:r,changedPoints:a,nativeEvent:u}=t,h=r.length,p=c$3===i,g=u$3===i&&0===h||s$1===i,l=Date.now(),{x:d,y:m}=c$2(r)||c$2(a),{currentTarget:v}=u;return Object.assign(t,{id:o,x:d,y:m,timestamp:l,isStart:p,isEnd:g,pointLength:h,currentTarget:v,getOffset(t=v){const e=t.getBoundingClientRect();return {x:d-Math.round(e.left),y:m-Math.round(e.top)}}})}(u,a);o=h;const{isStart:p,pointLength:g}=h;return p&&(i=h,t=void 0,r=1<g?h:void 0),Object.assign(Object.assign({},h),{prevInput:t,startMultiInput:r,startInput:i})}}}function c$2(t){const{length:e}=t;if(0<e){if(1===e){const{clientX:e,clientY:n}=t[0];return {x:Math.round(e),y:Math.round(n)}}const n=t.reduce(((t,e)=>(t.x+=e[n$1],t.y+=e[e$2],t)),{x:0,y:0});return {x:Math.round(n.x/e),y:Math.round(n.y/e)}}}function a$1(t,e,n,s){const o={};for(const t in n)["target","currentTarget","type"].includes(t)||(o[t]=n[t]);let i;return document.createEvent?(i=document.createEvent("HTMLEvents"),i.initEvent(t,null==s?void 0:s.bubbles,null==s?void 0:s.cancelable)):i=new Event(t,s),Object.assign(i,o,{match:()=>n.targets&&0<n.targets.length&&n.targets.every((t=>i.currentTarget.contains(t)))}),e.dispatchEvent(i)}function u$2(t,e){const{preventDefault:n}=e;return s=n,"[object Function]"===Object.prototype.toString.call(s)?n(t):!!n;var s;}const h$2=["touchstart","touchmove","touchend","touchcancel","mousedown"],p$2=["mousemove","mouseup"];const g={domEvents:{bubbles:!0,cancelable:!0},preventDefault:t=>{if(t.target&&"tagName"in t.target){const{tagName:e}=t.target;return !/^(?:INPUT|TEXTAREA|BUTTON|SELECT)$/.test(e)}return !1}};let l$1 = class l extends t$1{constructor(t,e){super(),this.v="2.1.3",this.__computeFunctionList=[],this.__computeFunctionCreatorList=[],this.__pluginContexts=[],this.__isIgnoreMouse=!1,this.el=t,this.c={},this.__options=Object.assign(Object.assign({},g),e);const n=function(t){const e=r$3();return function(n){const s=[],o=[];Array.from(n.touches).forEach((({clientX:e,clientY:n,target:i})=>{(null==t?void 0:t.contains(i))&&(s.push(i),o.push({clientX:e,clientY:n,target:i}));}));const i=Array.from(n.changedTouches).map((({clientX:t,clientY:e,target:n})=>({clientX:t,clientY:e,target:n})));return e({phase:n.type.replace("touch",""),changedPoints:i,points:o,nativeEvent:n,target:n.target,targets:s})}}(this.el),s=function(){let t,e=!1,n=null;const s=r$3();return function(o){const{clientX:i,clientY:r,type:c,button:a,target:u}=o;let h,p=[{clientX:i,clientY:r,target:u}];if("mousedown"===c&&0===a)n=u,e=!0,h="start";else {if(!e)return;"mousemove"===c?h="move":"mouseup"===c&&(p=[],h="end",e=!1);}const g=t||[{clientX:i,clientY:r,target:u}];if(t=[{clientX:i,clientY:r,target:u}],void 0!==h)return s({phase:h,changedPoints:g,points:p,target:n,targets:[n],nativeEvent:o})}}();if(this.__inputCreatorMap={touchstart:n,touchmove:n,touchend:n,touchcancel:n,mousedown:s,mousemove:s,mouseup:s},this.on("at:after",(t=>{const{target:e,__type:n}=t,{domEvents:s}=this.__options;s&&void 0!==this.el&&e&&(a$1(n,e,t,s),a$1("at:after",e,t,s));})),void 0!==t){t.style.webkitTapHighlightColor="rgba(0,0,0,0)";let e=!1;try{const t={};Object.defineProperty(t,"passive",{get(){e=!0;}}),window.addEventListener("_",(()=>{}),t);}catch(t){}this.on("u",function(t,e,n){return h$2.forEach((s=>{t.addEventListener(s,e,n);})),p$2.forEach((t=>{window.addEventListener(t,e,n);})),()=>{h$2.forEach((n=>{t.removeEventListener(n,e);})),p$2.forEach((t=>{window.removeEventListener(t,e);}));}}(t,this.catchEvent.bind(this),!1===this.__options.preventDefault&&e?{passive:!0}:{passive:!1}));}}use(t,e){this.__pluginContexts.push(t(this,e));}catchEvent(t){const e=this.__inputCreatorMap[t.type](t);if(void 0!==e){const n=()=>t.stopPropagation(),s=()=>t.stopImmediatePropagation(),o=()=>t.preventDefault();if(u$2(t,this.__options))o();else if("touchstart"===t.type?this.__isIgnoreMouse=!0:"touchmove"===t.type&&(this.__isIgnoreMouse=!1),this.__isIgnoreMouse&&t.type.startsWith("mouse"))return void("mouseup"===t.type&&(this.__isIgnoreMouse=!1));this.emit("input",e),this.emit2(`at:${e.phase}`,e,{});const i={};this.__computeFunctionList.forEach((t=>{const n=t(e,i);if(void 0!==n)for(const t in n)i[t]=n[t];})),this.emit("computed",Object.assign(Object.assign(Object.assign({},e),i),{stopPropagation:n,stopImmediatePropagation:s,preventDefault:o}));}}compute(t,e){for(const e of t)this.__computeFunctionCreatorList.includes(e)||(this.__computeFunctionCreatorList.push(e),this.__computeFunctionList.push(e()));this.on("computed",e);}beforeEach(t){super.beforeEach(((e,n)=>{var s;(null===(s=this.c)||void 0===s?void 0:s.name)?t(e,n):n();}));}get(t){return this.__pluginContexts.find((e=>t===e.name))}set(t){this.__options=Object.assign(Object.assign({},this.__options),t);}emit2(t,e,n){this.c=n,this.emit(t,Object.assign(Object.assign({},e),{type:t}),(()=>{this.emit("at:after",Object.assign(Object.assign({},e),{name:t,__type:t}));}));}destroy(){this.emit("u"),super.destroy();}};
+    const extendBrokerImplementation = (partialBrokerImplementation) => ({
+        ...partialBrokerImplementation,
+        connect: ({ call }) => {
+            return async () => {
+                const { port1, port2 } = new MessageChannel();
+                const portId = await call('connect', { port: port1 }, [port1]);
+                PORT_MAP.set(port2, portId);
+                return port2;
+            };
+        },
+        disconnect: ({ call }) => {
+            return async (port) => {
+                const portId = PORT_MAP.get(port);
+                if (portId === undefined) {
+                    throw new Error('The given port is not connected.');
+                }
+                await call('disconnect', { portId });
+            };
+        },
+        isSupported: ({ call }) => {
+            return () => call('isSupported');
+        }
+    });
+
+    const ONGOING_REQUESTS = new WeakMap();
+    const createOrGetOngoingRequests = (sender) => {
+        if (ONGOING_REQUESTS.has(sender)) {
+            // @todo TypeScript needs to be convinced that has() works as expected.
+            return ONGOING_REQUESTS.get(sender);
+        }
+        const ongoingRequests = new Map();
+        ONGOING_REQUESTS.set(sender, ongoingRequests);
+        return ongoingRequests;
+    };
+    const createBroker = (brokerImplementation) => {
+        const fullBrokerImplementation = extendBrokerImplementation(brokerImplementation);
+        return (sender) => {
+            const ongoingRequests = createOrGetOngoingRequests(sender);
+            sender.addEventListener('message', (({ data: message }) => {
+                const { id } = message;
+                if (id !== null && ongoingRequests.has(id)) {
+                    const { reject, resolve } = ongoingRequests.get(id);
+                    ongoingRequests.delete(id);
+                    if (message.error === undefined) {
+                        resolve(message.result);
+                    }
+                    else {
+                        reject(new Error(message.error.message));
+                    }
+                }
+            }));
+            if (isMessagePort(sender)) {
+                sender.start();
+            }
+            const call = (method, params = null, transferables = []) => {
+                return new Promise((resolve, reject) => {
+                    const id = generateUniqueNumber(ongoingRequests);
+                    ongoingRequests.set(id, { reject, resolve });
+                    if (params === null) {
+                        sender.postMessage({ id, method }, transferables);
+                    }
+                    else {
+                        sender.postMessage({ id, method, params }, transferables);
+                    }
+                });
+            };
+            const notify = (method, params, transferables = []) => {
+                sender.postMessage({ id: null, method, params }, transferables);
+            };
+            let functions = {};
+            for (const [key, handler] of Object.entries(fullBrokerImplementation)) {
+                functions = { ...functions, [key]: handler({ call, notify }) };
+            }
+            return { ...functions };
+        };
+    };
+
+    // Prefilling the Maps with a function indexed by zero is necessary to be compliant with the specification.
+    const scheduledIntervalsState = new Map([[0, null]]); // tslint:disable-line no-empty
+    const scheduledTimeoutsState = new Map([[0, null]]); // tslint:disable-line no-empty
+    const wrap = createBroker({
+        clearInterval: ({ call }) => {
+            return (timerId) => {
+                if (typeof scheduledIntervalsState.get(timerId) === 'symbol') {
+                    scheduledIntervalsState.set(timerId, null);
+                    call('clear', { timerId, timerType: 'interval' }).then(() => {
+                        scheduledIntervalsState.delete(timerId);
+                    });
+                }
+            };
+        },
+        clearTimeout: ({ call }) => {
+            return (timerId) => {
+                if (typeof scheduledTimeoutsState.get(timerId) === 'symbol') {
+                    scheduledTimeoutsState.set(timerId, null);
+                    call('clear', { timerId, timerType: 'timeout' }).then(() => {
+                        scheduledTimeoutsState.delete(timerId);
+                    });
+                }
+            };
+        },
+        setInterval: ({ call }) => {
+            return (func, delay = 0, ...args) => {
+                const symbol = Symbol();
+                const timerId = generateUniqueNumber(scheduledIntervalsState);
+                scheduledIntervalsState.set(timerId, symbol);
+                const schedule = () => call('set', {
+                    delay,
+                    now: performance.timeOrigin + performance.now(),
+                    timerId,
+                    timerType: 'interval'
+                }).then(() => {
+                    const state = scheduledIntervalsState.get(timerId);
+                    if (state === undefined) {
+                        throw new Error('The timer is in an undefined state.');
+                    }
+                    if (state === symbol) {
+                        func(...args);
+                        // Doublecheck if the interval should still be rescheduled because it could have been cleared inside of func().
+                        if (scheduledIntervalsState.get(timerId) === symbol) {
+                            schedule();
+                        }
+                    }
+                });
+                schedule();
+                return timerId;
+            };
+        },
+        setTimeout: ({ call }) => {
+            return (func, delay = 0, ...args) => {
+                const symbol = Symbol();
+                const timerId = generateUniqueNumber(scheduledTimeoutsState);
+                scheduledTimeoutsState.set(timerId, symbol);
+                call('set', {
+                    delay,
+                    now: performance.timeOrigin + performance.now(),
+                    timerId,
+                    timerType: 'timeout'
+                }).then(() => {
+                    const state = scheduledTimeoutsState.get(timerId);
+                    if (state === undefined) {
+                        throw new Error('The timer is in an undefined state.');
+                    }
+                    if (state === symbol) {
+                        // A timeout can be savely deleted because it is only called once.
+                        scheduledTimeoutsState.delete(timerId);
+                        func(...args);
+                    }
+                });
+                return timerId;
+            };
+        }
+    });
+    const load = (url) => {
+        const worker = new Worker(url);
+        return wrap(worker);
+    };
+
+    const createLoadOrReturnBroker = (loadBroker, worker) => {
+        let broker = null;
+        return () => {
+            if (broker !== null) {
+                return broker;
+            }
+            const blob = new Blob([worker], { type: 'application/javascript; charset=utf-8' });
+            const url = URL.createObjectURL(blob);
+            broker = loadBroker(url);
+            // Bug #1: Edge up until v18 didn't like the URL to be revoked directly.
+            setTimeout(() => URL.revokeObjectURL(url));
+            return broker;
+        };
+    };
+
+    // This is the minified and stringified code of the worker-timers-worker package.
+    const worker = `(()=>{var e={455:function(e,t){!function(e){"use strict";var t=function(e){return function(t){var r=e(t);return t.add(r),r}},r=function(e){return function(t,r){return e.set(t,r),r}},n=void 0===Number.MAX_SAFE_INTEGER?9007199254740991:Number.MAX_SAFE_INTEGER,o=536870912,s=2*o,a=function(e,t){return function(r){var a=t.get(r),i=void 0===a?r.size:a<s?a+1:0;if(!r.has(i))return e(r,i);if(r.size<o){for(;r.has(i);)i=Math.floor(Math.random()*s);return e(r,i)}if(r.size>n)throw new Error("Congratulations, you created a collection of unique numbers which uses all available integers!");for(;r.has(i);)i=Math.floor(Math.random()*n);return e(r,i)}},i=new WeakMap,u=r(i),c=a(u,i),d=t(c);e.addUniqueNumber=d,e.generateUniqueNumber=c}(t)}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var s=t[n]={exports:{}};return e[n].call(s.exports,s,s.exports,r),s.exports}(()=>{"use strict";const e=-32603,t=-32602,n=-32601,o=(e,t)=>Object.assign(new Error(e),{status:t}),s=t=>o('The handler of the method called "'.concat(t,'" returned an unexpected result.'),e),a=(t,r)=>async({data:{id:a,method:i,params:u}})=>{const c=r[i];try{if(void 0===c)throw(e=>o('The requested method called "'.concat(e,'" is not supported.'),n))(i);const r=void 0===u?c():c(u);if(void 0===r)throw(t=>o('The handler of the method called "'.concat(t,'" returned no required result.'),e))(i);const d=r instanceof Promise?await r:r;if(null===a){if(void 0!==d.result)throw s(i)}else{if(void 0===d.result)throw s(i);const{result:e,transferables:r=[]}=d;t.postMessage({id:a,result:e},r)}}catch(e){const{message:r,status:n=-32603}=e;t.postMessage({error:{code:n,message:r},id:a})}};var i=r(455);const u=new Map,c=(e,r,n)=>({...r,connect:({port:t})=>{t.start();const n=e(t,r),o=(0,i.generateUniqueNumber)(u);return u.set(o,(()=>{n(),t.close(),u.delete(o)})),{result:o}},disconnect:({portId:e})=>{const r=u.get(e);if(void 0===r)throw(e=>o('The specified parameter called "portId" with the given value "'.concat(e,'" does not identify a port connected to this worker.'),t))(e);return r(),{result:null}},isSupported:async()=>{if(await new Promise((e=>{const t=new ArrayBuffer(0),{port1:r,port2:n}=new MessageChannel;r.onmessage=({data:t})=>e(null!==t),n.postMessage(t,[t])}))){const e=n();return{result:e instanceof Promise?await e:e}}return{result:!1}}}),d=(e,t,r=()=>!0)=>{const n=c(d,t,r),o=a(e,n);return e.addEventListener("message",o),()=>e.removeEventListener("message",o)},l=e=>t=>{const r=e.get(t);if(void 0===r)return Promise.resolve(!1);const[n,o]=r;return clearTimeout(n),e.delete(t),o(!1),Promise.resolve(!0)},f=(e,t,r)=>(n,o,s)=>{const{expected:a,remainingDelay:i}=e(n,o);return new Promise((e=>{t.set(s,[setTimeout(r,i,a,t,e,s),e])}))},m=(e,t)=>{const r=performance.now(),n=e+t-r-performance.timeOrigin;return{expected:r+n,remainingDelay:n}},p=(e,t,r,n)=>{const o=e-performance.now();o>0?t.set(n,[setTimeout(p,o,e,t,r,n),r]):(t.delete(n),r(!0))},h=new Map,v=l(h),w=new Map,g=l(w),M=f(m,h,p),y=f(m,w,p);d(self,{clear:async({timerId:e,timerType:t})=>({result:await("interval"===t?v(e):g(e))}),set:async({delay:e,now:t,timerId:r,timerType:n})=>({result:await("interval"===n?M:y)(e,t,r)})})})()})();`; // tslint:disable-line:max-line-length
+
+    const loadOrReturnBroker = createLoadOrReturnBroker(load, worker);
+    const clearInterval = (timerId) => loadOrReturnBroker().clearInterval(timerId);
+    const clearTimeout$1 = (timerId) => loadOrReturnBroker().clearTimeout(timerId);
+    const setInterval = (...args) => loadOrReturnBroker().setInterval(...args);
+    const setTimeout$1 = (...args) => loadOrReturnBroker().setTimeout(...args);
+
+    let t$1 = class t{constructor(){this.__map={};}beforeEach(t){this.__interceptor=t;}on(t,i){const s=Array.isArray(t)?t:[t];for(const t of s){this.__map[t]=this.__map[t]||[];const s=this.__map[t];s&&s.push(i);}return this}emit(t,i,s){ void 0!==this.__interceptor?this.__interceptor(t,(()=>{this.__emit(t,i),s&&s();})):(this.__emit(t,i),s&&s());}__emit(t,i){const s=this.__map[t];if(Array.isArray(s)&&(null==s?void 0:s.length))for(const _ of s)_(i,t);this.event=i;}off(t,i){const s=this.__map[t];if(void 0!==s)if(void 0===i)delete this.__map[t];else {const t=s.findIndex((t=>t===i));s.splice(t,1);}}destroy(){this.__map={};}};
+
+    const n$1="clientX",e$2="clientY",t=16,c$3="start",o$1="move",s$1="cancel",u$3="end",a$2="left",i$3="right",r$4="up",d$1="down",m$2={4:"start",5:"move",1:"end",3:"cancel"};function v$1(n){return m$2[n]}function b(n,e,t){const c={1:{0:{move:4},4:{move:5,end:1,cancel:3},5:{move:5,end:1,cancel:3}},0:{4:{move:2,end:1,cancel:3},5:{start:2,move:2,end:1,cancel:3}}}[Number(n)][e];return void 0!==c&&c[t]||0}function g$1(n){[1,3,2].includes(n.state)&&(n.state=0);}function h$3(n){return [5,1,3].includes(n)}function j(n){if(n.disabled)return n.state=0,true}function O(n,e){return Object.assign(Object.assign(Object.assign({},n),e),{state:0,disabled:false})}function p$3(n){return Math.round(100*n)/100}
+
+    function r$3(){let t,o,i,r,a=0;return function(u){if(t=o,void 0!==u){a=Number.MAX_SAFE_INTEGER>a?++a:1;const h=function(t,o){const{phase:i,points:r,changedPoints:a,nativeEvent:u}=t,h=r.length,p=c$3===i,g=u$3===i&&0===h||s$1===i,l=Date.now(),{x:d,y:m}=c$2(r)||c$2(a),{currentTarget:v}=u;return Object.assign(t,{id:o,x:d,y:m,timestamp:l,isStart:p,isEnd:g,pointLength:h,currentTarget:v,getOffset(t=v){const e=t.getBoundingClientRect();return {x:d-Math.round(e.left),y:m-Math.round(e.top)}}})}(u,a);o=h;const{isStart:p,pointLength:g}=h;return p&&(i=h,t=void 0,r=1<g?h:void 0),Object.assign(Object.assign({},h),{prevInput:t,startMultiInput:r,startInput:i})}}}function c$2(t){const{length:e}=t;if(0<e){if(1===e){const{clientX:e,clientY:n}=t[0];return {x:Math.round(e),y:Math.round(n)}}const n=t.reduce(((t,e)=>(t.x+=e[n$1],t.y+=e[e$2],t)),{x:0,y:0});return {x:Math.round(n.x/e),y:Math.round(n.y/e)}}}function a$1(t,e,n,s){const o={};for(const t in n)["target","currentTarget","type"].includes(t)||(o[t]=n[t]);let i;return document.createEvent?(i=document.createEvent("HTMLEvents"),i.initEvent(t,null==s?void 0:s.bubbles,null==s?void 0:s.cancelable)):i=new Event(t,s),Object.assign(i,o,{match:()=>n.targets&&0<n.targets.length&&n.targets.every((t=>i.currentTarget.contains(t)))}),e.dispatchEvent(i)}function u$2(t,e){const{preventDefault:n}=e;return s=n,"[object Function]"===Object.prototype.toString.call(s)?n(t):!!n;var s;}const h$2=["touchstart","touchmove","touchend","touchcancel","mousedown"],p$2=["mousemove","mouseup"];const g={domEvents:{bubbles:true,cancelable:true},preventDefault:t=>{if(t.target&&"tagName"in t.target){const{tagName:e}=t.target;return !/^(?:INPUT|TEXTAREA|BUTTON|SELECT)$/.test(e)}return  false}};let l$1 = class l extends t$1{constructor(t,e){super(),this.v="2.1.3",this.__computeFunctionList=[],this.__computeFunctionCreatorList=[],this.__pluginContexts=[],this.__isIgnoreMouse=false,this.el=t,this.c={},this.__options=Object.assign(Object.assign({},g),e);const n=function(t){const e=r$3();return function(n){const s=[],o=[];Array.from(n.touches).forEach((({clientX:e,clientY:n,target:i})=>{(null==t?void 0:t.contains(i))&&(s.push(i),o.push({clientX:e,clientY:n,target:i}));}));const i=Array.from(n.changedTouches).map((({clientX:t,clientY:e,target:n})=>({clientX:t,clientY:e,target:n})));return e({phase:n.type.replace("touch",""),changedPoints:i,points:o,nativeEvent:n,target:n.target,targets:s})}}(this.el),s=function(){let t,e=false,n=null;const s=r$3();return function(o){const{clientX:i,clientY:r,type:c,button:a,target:u}=o;let h,p=[{clientX:i,clientY:r,target:u}];if("mousedown"===c&&0===a)n=u,e=true,h="start";else {if(!e)return;"mousemove"===c?h="move":"mouseup"===c&&(p=[],h="end",e=false);}const g=t||[{clientX:i,clientY:r,target:u}];if(t=[{clientX:i,clientY:r,target:u}],void 0!==h)return s({phase:h,changedPoints:g,points:p,target:n,targets:[n],nativeEvent:o})}}();if(this.__inputCreatorMap={touchstart:n,touchmove:n,touchend:n,touchcancel:n,mousedown:s,mousemove:s,mouseup:s},this.on("at:after",(t=>{const{target:e,__type:n}=t,{domEvents:s}=this.__options;s&&void 0!==this.el&&e&&(a$1(n,e,t,s),a$1("at:after",e,t,s));})),void 0!==t){t.style.webkitTapHighlightColor="rgba(0,0,0,0)";let e=false;try{const t={};Object.defineProperty(t,"passive",{get(){e=!0;}}),window.addEventListener("_",(()=>{}),t);}catch(t){}this.on("u",function(t,e,n){return h$2.forEach((s=>{t.addEventListener(s,e,n);})),p$2.forEach((t=>{window.addEventListener(t,e,n);})),()=>{h$2.forEach((n=>{t.removeEventListener(n,e);})),p$2.forEach((t=>{window.removeEventListener(t,e);}));}}(t,this.catchEvent.bind(this),false===this.__options.preventDefault&&e?{passive:true}:{passive:false}));}}use(t,e){this.__pluginContexts.push(t(this,e));}catchEvent(t){const e=this.__inputCreatorMap[t.type](t);if(void 0!==e){const n=()=>t.stopPropagation(),s=()=>t.stopImmediatePropagation(),o=()=>t.preventDefault();if(u$2(t,this.__options))o();else if("touchstart"===t.type?this.__isIgnoreMouse=true:"touchmove"===t.type&&(this.__isIgnoreMouse=false),this.__isIgnoreMouse&&t.type.startsWith("mouse"))return void("mouseup"===t.type&&(this.__isIgnoreMouse=false));this.emit("input",e),this.emit2(`at:${e.phase}`,e,{});const i={};this.__computeFunctionList.forEach((t=>{const n=t(e,i);if(void 0!==n)for(const t in n)i[t]=n[t];})),this.emit("computed",Object.assign(Object.assign(Object.assign({},e),i),{stopPropagation:n,stopImmediatePropagation:s,preventDefault:o}));}}compute(t,e){for(const e of t)this.__computeFunctionCreatorList.includes(e)||(this.__computeFunctionCreatorList.push(e),this.__computeFunctionList.push(e()));this.on("computed",e);}beforeEach(t){super.beforeEach(((e,n)=>{var s;(null===(s=this.c)||void 0===s?void 0:s.name)?t(e,n):n();}));}get(t){return this.__pluginContexts.find((e=>t===e.name))}set(t){this.__options=Object.assign(Object.assign({},this.__options),t);}emit2(t,e,n){this.c=n,this.emit(t,Object.assign(Object.assign({},e),{type:t}),(()=>{this.emit("at:after",Object.assign(Object.assign({},e),{name:t,__type:t}));}));}destroy(){this.emit("u"),super.destroy();}};
 
     var x=r=>Math.sqrt(r.x*r.x+r.y*r.y),y=(r,a)=>r.x*a.x+r.y*a.y,e$1=(r,a)=>{var t=x(r)*x(a);if(0===t)return 0;var h=y(r,a)/t;return h>1&&(h=1),Math.acos(h)},n=(r,a)=>r.x*a.y-a.x*r.y,o=r=>r/Math.PI*180,s=(r,a)=>{var t=e$1(r,a);return n(r,a)>0&&(t*=-1),o(t)},u$1=(x,y)=>{if(0!==x||0!==y)return Math.abs(x)>=Math.abs(y)?0<x?i$3:a$2:0<y?d$1:r$4};
 
     function p$1(){let n=0,e=0;return function(o,r){const{prevVecotr:i,startVecotr:a,activeVecotr:c}=r;return c&&(e=Math.round(s(c,i)),n=Math.round(s(c,a))),{angle:n,deltaAngle:e}}}function d(){return function(t){const{prevInput:e}=t;let o$1=0,r=0,i=0;if(void 0!==e&&(o$1=t.x-e.x,r=t.y-e.y,0!==o$1||0!==r)){const t=Math.sqrt(Math.pow(o$1,2)+Math.pow(r,2));i=Math.round(o(Math.acos(Math.abs(o$1)/t)));}return {deltaX:o$1,deltaY:r,deltaXYAngle:i}}}function h$1(){let t,n=0,u=0,s=0,p=0,d=0;return function(h){const{phase:l,startInput:f}=h;return c$3===l?(n=0,u=0,s=0,p=0,d=0):o$1===l&&(n=Math.round(h.points[0][n$1]-f.points[0][n$1]),u=Math.round(h.points[0][e$2]-f.points[0][e$2]),s=Math.abs(n),p=Math.abs(u),d=Math.round(x({x:s,y:p})),t=u$1(n,u)),{displacementX:n,displacementY:u,distanceX:s,distanceY:p,distance:d,overallDirection:t}}}function l(){let t=1;return function(n,o){let r=1;const{prevVecotr:i,startVecotr:a,activeVecotr:c}=o;return c&&(r=p$3(x(c)/x(i)),t=p$3(x(c)/x(a))),{scale:t,deltaScale:r}}}function f(){let t$1,n,e=0,r=0,i=0,a=0;return function(c){if(void 0!==c){n=n||c.startInput;const u=c.timestamp-n.timestamp;if(t<u){const s=c.x-n.x,p=c.y-n.y;i=Math.round(s/u*100)/100,a=Math.round(p/u*100)/100,e=Math.abs(i),r=Math.abs(a),t$1=u$1(s,p),n=c;}}return {velocityX:e,velocityY:r,speedX:i,speedY:a,direction:t$1}}}function M(){let t=0;return function(n){const{phase:e}=n;return c$3===e&&(t=n.pointLength),{maxPointLength:t}}}function v(t){return {x:t.points[1][n$1]-t.points[0][n$1],y:t.points[1][e$2]-t.points[0][e$2]}}function m$1(){let t,n,e;return function(o){const{prevInput:r,startMultiInput:i}=o;return void 0!==i&&void 0!==r&&o.id!==i.id&&1<r.pointLength&&1<o.pointLength?(t=v(i),n=v(r),e=v(o)):e=void 0,{startVecotr:t,prevVecotr:n,activeVecotr:e}}}
 
-    const m={name:"tap",pointLength:1,tapTimes:1,waitNextTapTime:300,maxDistance:2,maxDistanceFromPrevTap:9,maxPressTime:250};function r$2(r,s){const c=O(m,s);let p,u,x$1,T=0;function f(){T=0,p=void 0,u=void 0;}return r.compute([h$1,M],(t=>{if(j(c))return;const{phase:i,x:o,y:m}=t;u$3===i&&(c.state=0,!function(){const{startInput:e,pointLength:n,timestamp:a}=t,i=a-e.timestamp,{distance:o,maxPointLength:m}=t;return m===c.pointLength&&0===n&&c.maxDistance>=o&&c.maxPressTime>i}()?(f(),c.state=2):(clearTimeout(x$1),function(t,e){if(void 0!==p){const n=x({x:t.x-p.x,y:t.y-p.y});return p=t,e.maxDistanceFromPrevTap>=n}return p=t,!0}({x:o,y:m},c)&&function(t){const e=performance.now();if(void 0===u)return u=e,!0;{const n=e-u;return u=e,n<t}}(c.waitNextTapTime)?T++:T=1,0==T%c.tapTimes?(c.state=1,r.emit2(c.name,t,c),f()):x$1=setTimeout((()=>{c.state=2,f();}),c.waitNextTapTime)));})),c}
+    const m={name:"tap",pointLength:1,tapTimes:1,waitNextTapTime:300,maxDistance:2,maxDistanceFromPrevTap:9,maxPressTime:250};function r$2(r,s){const c=O(m,s);let p,u,x$1,T=0;function f(){T=0,p=void 0,u=void 0;}return r.compute([h$1,M],(t=>{if(j(c))return;const{phase:i,x:o,y:m}=t;u$3===i&&(c.state=0,!function(){const{startInput:e,pointLength:n,timestamp:a}=t,i=a-e.timestamp,{distance:o,maxPointLength:m}=t;return m===c.pointLength&&0===n&&c.maxDistance>=o&&c.maxPressTime>i}()?(f(),c.state=2):(clearTimeout(x$1),function(t,e){if(void 0!==p){const n=x({x:t.x-p.x,y:t.y-p.y});return p=t,e.maxDistanceFromPrevTap>=n}return p=t,true}({x:o,y:m},c)&&function(t){const e=performance.now();if(void 0===u)return u=e,true;{const n=e-u;return u=e,n<t}}(c.waitNextTapTime)?T++:T=1,0==T%c.tapTimes?(c.state=1,r.emit2(c.name,t,c),f()):x$1=setTimeout((()=>{c.state=2,f();}),c.waitNextTapTime)));})),c}
 
     const p={name:"pan",threshold:10,pointLength:1};function u(u,d$1){const f$1=O(p,d$1);return u.compute([f,h$1,d],(t=>{if(g$1(f$1),j(f$1))return;const c=function(){const{pointLength:e,distance:n}=t;return f$1.pointLength===e&&f$1.threshold<=n}();if(f$1.state=b(c,f$1.state,t.phase),c||h$3(f$1.state)){const{name:e}=f$1;u.emit2(e,t,f$1),u.emit2(e+v$1(f$1.state),t,f$1),![u$3,s$1].includes(t.phase)&&t.direction&&u.emit2(e+t.direction,t,f$1);}})),f$1}
 
-    const c$1={name:"swipe",threshold:10,velocity:.3,pointLength:1};function a(a,r){const s=O(c$1,r);return a.compute([h$1,f,M],(t=>{if(s.state=0,!s.disabled&&function(){if(u$3!==t.phase)return !1;const{velocityX:o,velocityY:n,distance:i,maxPointLength:c}=t;return c===s.pointLength&&0===t.points.length&&s.threshold<i&&s.velocity<Math.max(o,n)}()){const{name:e}=s;s.state=1,a.emit2(e,t,s),a.emit2(e+t.direction,t,s);}})),s}
+    const c$1={name:"swipe",threshold:10,velocity:.3,pointLength:1};function a(a,r){const s=O(c$1,r);return a.compute([h$1,f,M],(t=>{if(s.state=0,!s.disabled&&function(){if(u$3!==t.phase)return  false;const{velocityX:o,velocityY:n,distance:i,maxPointLength:c}=t;return c===s.pointLength&&0===t.points.length&&s.threshold<i&&s.velocity<Math.max(o,n)}()){const{name:e}=s;s.state=1,a.emit2(e,t,s),a.emit2(e+t.direction,t,s);}})),s}
 
     const r$1={name:"press",pointLength:1,maxDistance:9,minPressTime:251};function c(c,u){const p=O(r$1,u);let f=0;return c.compute([h$1],(t=>{if(j(p))return;const{phase:o,startInput:r,pointLength:u}=t;if(c$3===o&&p.pointLength===u)g$1(p),clearTimeout(f),f=setTimeout((()=>{p.state=1,c.emit2(p.name,t,p);}),p.minPressTime);else if(u$3===o&&1===p.state)c.emit2(`${p.name}${r$4}`,t,p);else if(1!==p.state){const e=t.timestamp-r.timestamp;(!function(){const{distance:e}=t;return e&&p.maxDistance>e}()||p.minPressTime>e&&[u$3,s$1].includes(o))&&(clearTimeout(f),p.state=2);}})),p}
 
@@ -277,7 +510,7 @@ var pops = (function () {
         formatByteToSize(byteSize, addType = true) {
             byteSize = parseInt(byteSize.toString());
             if (isNaN(byteSize)) {
-                throw new Error("Utils.formatByteToSize 参数 byteSize 格式不正确");
+                throw new TypeError("Utils.formatByteToSize 参数 byteSize 格式不正确");
             }
             let result = 0;
             let resultType = "KB";
@@ -310,6 +543,58 @@ var pops = (function () {
         AnyTouch = () => {
             return i;
         };
+        /**
+         * 自动使用 Worker 执行 setTimeout
+         */
+        setTimeout(callback, timeout = 0) {
+            try {
+                return setTimeout$1(callback, timeout);
+            }
+            catch (error) {
+                return globalThis.setTimeout(callback, timeout);
+            }
+        }
+        /**
+         * 配合 .setTimeout 使用
+         */
+        clearTimeout(timeId) {
+            try {
+                if (timeId != null) {
+                    clearTimeout$1(timeId);
+                }
+            }
+            catch (error) {
+            }
+            finally {
+                globalThis.clearTimeout(timeId);
+            }
+        }
+        /**
+         * 自动使用 Worker 执行 setInterval
+         */
+        setInterval(callback, timeout = 0) {
+            try {
+                return setInterval(callback, timeout);
+            }
+            catch (error) {
+                return globalThis.setInterval(callback, timeout);
+            }
+        }
+        /**
+         * 配合 .setInterval 使用
+         */
+        clearInterval(timeId) {
+            try {
+                if (timeId != null) {
+                    clearInterval(timeId);
+                }
+            }
+            catch (error) {
+            }
+            finally {
+                globalThis.clearInterval(timeId);
+            }
+        }
     }
     const popsUtils = new PopsUtils();
 
@@ -683,7 +968,7 @@ var pops = (function () {
             }
             if (checkDOMReadyState()) {
                 /* 检查document状态 */
-                setTimeout(callback);
+                popsUtils.setTimeout(callback, 0);
             }
             else {
                 /* 添加监听 */
@@ -1910,7 +2195,7 @@ var pops = (function () {
                 let popsElement = animElement.querySelector(".pops[type-value]");
                 if (popsType === "drawer") {
                     let drawerConfig = config;
-                    setTimeout(() => {
+                    popsUtils.setTimeout(() => {
                         maskElement.style.setProperty("display", "none");
                         if (["top", "bottom"].includes(drawerConfig.direction)) {
                             popsElement.style.setProperty("height", "0");
@@ -1976,7 +2261,7 @@ var pops = (function () {
                 let popsElement = animElement.querySelector(".pops[type-value]");
                 if (popsType === "drawer") {
                     let drawerConfig = config;
-                    setTimeout(() => {
+                    popsUtils.setTimeout(() => {
                         popsDOMUtils.css(maskElement, "display", "");
                         let direction = drawerConfig.direction;
                         let size = drawerConfig.size.toString();
@@ -1990,7 +2275,7 @@ var pops = (function () {
                             console.error("未知direction：", direction);
                         }
                         resolve();
-                    }, drawerConfig.openDelay);
+                    }, drawerConfig.openDelay ?? 0);
                 }
                 else {
                     let findLayerIns = layerConfigList.find((layerConfigItem) => layerConfigItem.guid === guid);
@@ -2082,7 +2367,7 @@ var pops = (function () {
                     }
                 }
                 if (popsType === "drawer") {
-                    setTimeout(() => {
+                    popsUtils.setTimeout(() => {
                         transitionendEvent();
                     }, drawerConfig.closeDelay);
                 }
@@ -2299,10 +2584,10 @@ var pops = (function () {
          */
         sortElementListByProperty(getBeforeValueFun, getAfterValueFun, sortByDesc = true) {
             if (typeof sortByDesc !== "boolean") {
-                throw "参数 sortByDesc 必须为boolean类型";
+                throw new TypeError("参数 sortByDesc 必须为boolean类型");
             }
             if (getBeforeValueFun == null || getAfterValueFun == null) {
-                throw "获取前面的值或后面的值的方法不能为空";
+                throw new Error("获取前面的值或后面的值的方法不能为空");
             }
             return function (after_obj, before_obj) {
                 var beforeValue = getBeforeValueFun(before_obj); /*  前 */
@@ -3899,7 +4184,7 @@ var pops = (function () {
             config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
             config = popsUtils.assign(config, details);
             if (config.url == null) {
-                throw "config.url不能为空";
+                throw new Error("config.url不能为空");
             }
             config = PopsHandler.handleOnly(PopsType, config);
             const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
@@ -4357,8 +4642,8 @@ var pops = (function () {
                 config.beforeAppendToPageCallBack($shadowRoot, $shadowContainer);
             }
             popsDOMUtils.appendBody($shadowContainer);
-            setTimeout(() => {
-                setTimeout(() => {
+            popsUtils.setTimeout(() => {
+                popsUtils.setTimeout(() => {
                     $pops.style.setProperty("transform", "");
                 }, config.openDelay);
             }, 50);
@@ -5079,12 +5364,12 @@ var pops = (function () {
                                     let downloadIframeLinkElement = document.createElement("iframe");
                                     downloadIframeLinkElement.src = downloadInfo.url;
                                     downloadIframeLinkElement.onload = function () {
-                                        setTimeout(() => {
+                                        popsUtils.setTimeout(() => {
                                             downloadIframeLinkElement.remove();
                                         }, 1000);
                                     };
                                     $shadowRoot.appendChild(downloadIframeLinkElement);
-                                    setTimeout(() => {
+                                    popsUtils.setTimeout(() => {
                                         downloadIframeLinkElement.remove();
                                     }, 3 * 60 * 1000);
                                 }
@@ -6326,11 +6611,11 @@ var pops = (function () {
                         let isSuccess = false;
                         let oldTotalWidth = this.$data.totalWidth;
                         let timer = void 0;
-                        let interval = setInterval(() => {
+                        let interval = popsUtils.setInterval(() => {
                             if (isSuccess) {
                                 this.$interval.isCheck = false;
-                                clearTimeout(timer);
-                                clearInterval(interval);
+                                popsUtils.clearTimeout(timer);
+                                popsUtils.clearInterval(interval);
                             }
                             else {
                                 this.initTotalWidth();
@@ -6350,8 +6635,8 @@ var pops = (function () {
                             }
                         }, checkStepTime);
                         /* 最长检测时间是10s */
-                        timer = setTimeout(() => {
-                            clearInterval(interval);
+                        timer = popsUtils.setTimeout(() => {
+                            popsUtils.clearInterval(interval);
                         }, maxTime);
                     },
                     /**
@@ -6719,16 +7004,16 @@ var pops = (function () {
                             return;
                         }
                         this.$data.isCheckingStopDragMove = true;
-                        let interval = setInterval(() => {
+                        let interval = popsUtils.setInterval(() => {
                             if (!this.$data.isMove) {
                                 this.$data.isCheckingStopDragMove = false;
                                 this.closeToolTip();
-                                clearInterval(interval);
+                                popsUtils.clearInterval(interval);
                             }
                         }, 200);
-                        setTimeout(() => {
+                        popsUtils.setTimeout(() => {
                             this.$data.isCheckingStopDragMove = false;
-                            clearInterval(interval);
+                            popsUtils.clearInterval(interval);
                         }, 2000);
                     },
                     /**
@@ -8606,7 +8891,7 @@ var pops = (function () {
             config = popsUtils.assign(config, details);
             config = PopsHandler.handleOnly(PopsType, config);
             if (config.target == null) {
-                throw "config.target 不能为空";
+                throw new Error("config.target 不能为空");
             }
             if (details.data) {
                 // @ts-ignore
@@ -9092,7 +9377,7 @@ var pops = (function () {
             config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
             config = popsUtils.assign(config, details);
             if (config.target == null) {
-                throw new TypeError("config.target 不能为空");
+                throw new Error("config.target 不能为空");
             }
             /* 做下兼容处理 */
             if (config.inputTarget == null) {
@@ -9363,7 +9648,7 @@ var pops = (function () {
                         popsDOMUtils.on([config.inputTarget], ["focus", "click", "input"], void 0, SearchSuggestion.showEvent, option);
                     }
                     else {
-                        throw new TypeError("未知followPosition：" + config.followPosition);
+                        throw new Error("未知followPosition：" + config.followPosition);
                     }
                 },
                 /**
@@ -9631,6 +9916,7 @@ var pops = (function () {
             useShadowRoot: true,
             target: null,
             content: "默认文字",
+            isDiffContent: false,
             position: "top",
             className: "",
             isFixed: false,
@@ -9756,6 +10042,19 @@ var pops = (function () {
             if (text == null) {
                 text = this.getContent();
             }
+            if (this.$data.config.isDiffContent) {
+                let contentPropKey = "data-content";
+                // @ts-ignore
+                let originContentText = this.$el.$content[contentPropKey];
+                if (typeof originContentText === "string") {
+                    if (originContentText === text) {
+                        // 内容未改变，不修改避免渲染
+                        return;
+                    }
+                }
+                // @ts-ignore
+                this.$el.$content[contentPropKey] = text;
+            }
             PopsSafeUtils.setSafeHTML(this.$el.$content, text);
         }
         /**
@@ -9774,11 +10073,12 @@ var pops = (function () {
         }
         /**
          * 计算 提示框的位置
+         * @param event 触发的事件
          * @param targetElement 目标元素
          * @param arrowDistance 箭头和目标元素的距离
          * @param otherDistance 其它位置的偏移
          */
-        calcToolTipPosition(targetElement, arrowDistance, otherDistance) {
+        calcToolTipPosition(targetElement, arrowDistance, otherDistance, event) {
             let offsetInfo = popsDOMUtils.offset(targetElement, !this.$data.config.isFixed);
             // 目标 宽
             let targetElement_width = offsetInfo.width;
@@ -9796,6 +10096,31 @@ var pops = (function () {
             let targetElement_X_center_pos = targetElement_left + targetElement_width / 2 - toolTipElement_width / 2;
             /* 目标元素的Y轴的中间位置 */
             let targetElement_Y_center_pos = targetElement_top + targetElement_height / 2 - toolTipElement_height / 2;
+            let mouseX = 0;
+            let mouseY = 0;
+            if (event != null) {
+                if (event instanceof MouseEvent || event instanceof PointerEvent) {
+                    mouseX = event.pageX;
+                    mouseY = event.y;
+                }
+                else if (event instanceof TouchEvent) {
+                    let touchEvent = event.touches[0];
+                    mouseX = touchEvent.pageX;
+                    mouseY = touchEvent.pageY;
+                }
+                else {
+                    // @ts-ignore
+                    if (typeof event.clientX === "number") {
+                        // @ts-ignore
+                        mouseX = event.clientX;
+                    }
+                    // @ts-ignore
+                    if (typeof event.clientY === "number") {
+                        // @ts-ignore
+                        mouseY = event.clientY;
+                    }
+                }
+            }
             return {
                 TOP: {
                     left: targetElement_X_center_pos - otherDistance,
@@ -9821,13 +10146,19 @@ var pops = (function () {
                     arrow: "right",
                     motion: "fadeInLeft",
                 },
+                FOLLOW: {
+                    left: mouseX + otherDistance,
+                    top: mouseY + otherDistance,
+                    arrow: "follow",
+                    motion: "",
+                },
             };
         }
         /**
          * 动态修改tooltip的位置
          */
-        changePosition() {
-            let positionInfo = this.calcToolTipPosition(this.$data.config.target, this.$data.config.arrowDistance, this.$data.config.otherDistance);
+        changePosition(event) {
+            let positionInfo = this.calcToolTipPosition(this.$data.config.target, this.$data.config.arrowDistance, this.$data.config.otherDistance, event);
             let positionKey = this.$data.config.position.toUpperCase();
             let positionDetail = positionInfo[positionKey];
             if (positionDetail) {
@@ -9887,13 +10218,13 @@ var pops = (function () {
                 if (typeof timeId === "number") {
                     // 只清除一个
                     if (timeId == currentTimeId) {
-                        clearTimeout(timeId);
+                        popsUtils.clearTimeout(timeId);
                         timeIdList.splice(index, 1);
                         break;
                     }
                 }
                 else {
-                    clearTimeout(currentTimeId);
+                    popsUtils.clearTimeout(currentTimeId);
                     timeIdList.splice(index, 1);
                     index--;
                 }
@@ -9927,7 +10258,7 @@ var pops = (function () {
             // 更新内容
             this.changeContent();
             // 更新tip的位置
-            this.changePosition();
+            this.changePosition(event);
             if (typeof this.$data.config.showAfterCallBack === "function") {
                 this.$data.config.showAfterCallBack(this.$el.$toolTip);
             }
@@ -9972,16 +10303,24 @@ var pops = (function () {
                     this.$data.config.delayCloseTime <= 0)) {
                 this.$data.config.delayCloseTime = 100;
             }
-            let timeId = setTimeout(() => {
+            let timeId = popsUtils.setTimeout(() => {
                 // 设置属性触发关闭动画
                 this.clearCloseTimeoutId(eventType, timeId);
                 if (this.$el.$toolTip == null) {
                     // 已清除了
                     return;
                 }
-                this.$el.$toolTip.setAttribute("data-motion", this.$el.$toolTip
-                    .getAttribute("data-motion")
-                    .replace("fadeIn", "fadeOut"));
+                let motion = this.$el.$toolTip.getAttribute("data-motion");
+                if (motion == null || motion.trim() === "") {
+                    // 没有动画
+                    this.toolTipAnimationFinishEvent();
+                }
+                else {
+                    // 修改data-motion触发动画关闭
+                    this.$el.$toolTip.setAttribute("data-motion", this.$el.$toolTip
+                        .getAttribute("data-motion")
+                        .replace("fadeIn", "fadeOut"));
+                }
             }, this.$data.config.delayCloseTime);
             this.addCloseTimeoutId(eventType, timeId);
             if (typeof this.$data.config.closeAfterCallBack === "function") {
@@ -10095,7 +10434,7 @@ var pops = (function () {
             config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
             config = popsUtils.assign(config, details);
             if (!(config.target instanceof HTMLElement)) {
-                throw "config.target 必须是HTMLElement类型";
+                throw new TypeError("config.target 必须是HTMLElement类型");
             }
             config = PopsHandler.handleOnly(PopsType, config);
             const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
@@ -10128,7 +10467,7 @@ var pops = (function () {
         /** 配置 */
         config = {
             /** 版本号 */
-            version: "2025.5.25",
+            version: "2025.5.26",
             cssText: {
                 /** 主CSS */
                 index: indexCSS,
@@ -10237,7 +10576,7 @@ var pops = (function () {
                 popsDOMUtils.appendHead(animationStyle);
                 this.config.animation = null;
                 this.config.animation = PopsInstanceUtils.getKeyFrames(animationStyle.sheet);
-                setTimeout(() => {
+                popsUtils.setTimeout(() => {
                     animationStyle.remove();
                 }, 50);
             }