Brunobkr/llama.cpp_AlgMor24_github

1/** @import { FlipParams, AnimationConfig } from './public.js' */2import { cubicOut } from '../easing/index.js';3 4/**5 * The flip function calculates the start and end position of an element and animates between them, translating the x and y values.6 * `flip` stands for [First, Last, Invert, Play](https://aerotwist.com/blog/flip-your-animations/).7 *8 * @param {Element} node9 * @param {{ from: DOMRect; to: DOMRect }} fromTo10 * @param {FlipParams} params11 * @returns {AnimationConfig}12 */13export function flip(node, { from, to }, params = {}) {14	var { delay = 0, duration = (d) => Math.sqrt(d) * 120, easing = cubicOut } = params;15 16	var style = getComputedStyle(node);17 18	// find the transform origin, expressed as a pair of values between 0 and 119	var transform = style.transform === 'none' ? '' : style.transform;20	var [ox, oy] = style.transformOrigin.split(' ').map(parseFloat);21	ox /= node.clientWidth;22	oy /= node.clientHeight;23 24	// calculate effect of parent transforms and zoom25	var zoom = get_zoom(node); // https://drafts.csswg.org/css-viewport/#effective-zoom26	var sx = node.clientWidth / to.width / zoom;27	var sy = node.clientHeight / to.height / zoom;28 29	// find the starting position of the transform origin30	var fx = from.left + from.width * ox;31	var fy = from.top + from.height * oy;32 33	// find the ending position of the transform origin34	var tx = to.left + to.width * ox;35	var ty = to.top + to.height * oy;36 37	// find the translation at the start of the transform38	var dx = (fx - tx) * sx;39	var dy = (fy - ty) * sy;40 41	// find the relative scale at the start of the transform42	var dsx = from.width / to.width;43	var dsy = from.height / to.height;44 45	return {46		delay,47		duration: typeof duration === 'function' ? duration(Math.sqrt(dx * dx + dy * dy)) : duration,48		easing,49		css: (t, u) => {50			var x = u * dx;51			var y = u * dy;52			var sx = t + u * dsx;53			var sy = t + u * dsy;54 55			return `transform: ${transform} translate(${x}px, ${y}px) scale(${sx}, ${sy});`;56		}57	};58}59 60/**61 * @param {Element} element62 */63function get_zoom(element) {64	if ('currentCSSZoom' in element) {65		return /** @type {number} */ (element.currentCSSZoom);66	}67 68	/** @type {Element | null} */69	var current = element;70	var zoom = 1;71 72	while (current !== null) {73		zoom *= +getComputedStyle(current).zoom;74		current = /** @type {Element | null} */ (current.parentElement);75	}76 77	return zoom;78}79