Brunobkr/llama.cpp_AlgMor24_github

1import { effect, teardown } from '../../../reactivity/effects.js';2import { untrack } from '../../../runtime.js';3 4/**5 * We create one listener for all elements6 * @see {@link https://groups.google.com/a/chromium.org/g/blink-dev/c/z6ienONUb5A/m/F5-VcUZtBAAJ Explanation}7 */8class ResizeObserverSingleton {9	/** */10	#listeners = new WeakMap();11 12	/** @type {ResizeObserver | undefined} */13	#observer;14 15	/** @type {ResizeObserverOptions} */16	#options;17 18	/** @static */19	static entries = new WeakMap();20 21	/** @param {ResizeObserverOptions} options */22	constructor(options) {23		this.#options = options;24	}25 26	/**27	 * @param {Element} element28	 * @param {(entry: ResizeObserverEntry) => any} listener29	 */30	observe(element, listener) {31		var listeners = this.#listeners.get(element) || new Set();32		listeners.add(listener);33 34		this.#listeners.set(element, listeners);35		this.#getObserver().observe(element, this.#options);36 37		return () => {38			var listeners = this.#listeners.get(element);39			listeners.delete(listener);40 41			if (listeners.size === 0) {42				this.#listeners.delete(element);43				/** @type {ResizeObserver} */ (this.#observer).unobserve(element);44			}45		};46	}47 48	#getObserver() {49		return (50			this.#observer ??51			(this.#observer = new ResizeObserver(52				/** @param {any} entries */ (entries) => {53					for (var entry of entries) {54						ResizeObserverSingleton.entries.set(entry.target, entry);55						for (var listener of this.#listeners.get(entry.target) || []) {56							listener(entry);57						}58					}59				}60			))61		);62	}63}64 65var resize_observer_content_box = /* @__PURE__ */ new ResizeObserverSingleton({66	box: 'content-box'67});68 69var resize_observer_border_box = /* @__PURE__ */ new ResizeObserverSingleton({70	box: 'border-box'71});72 73var resize_observer_device_pixel_content_box = /* @__PURE__ */ new ResizeObserverSingleton({74	box: 'device-pixel-content-box'75});76 77/**78 * @param {Element} element79 * @param {'contentRect' | 'contentBoxSize' | 'borderBoxSize' | 'devicePixelContentBoxSize'} type80 * @param {(entry: keyof ResizeObserverEntry) => void} set81 */82export function bind_resize_observer(element, type, set) {83	var observer =84		type === 'contentRect' || type === 'contentBoxSize'85			? resize_observer_content_box86			: type === 'borderBoxSize'87				? resize_observer_border_box88				: resize_observer_device_pixel_content_box;89 90	var unsub = observer.observe(element, /** @param {any} entry */ (entry) => set(entry[type]));91	teardown(unsub);92}93 94/**95 * @param {HTMLElement} element96 * @param {'clientWidth' | 'clientHeight' | 'offsetWidth' | 'offsetHeight'} type97 * @param {(size: number) => void} set98 */99export function bind_element_size(element, type, set) {100	var unsub = resize_observer_border_box.observe(element, () => set(element[type]));101 102	effect(() => {103		// The update could contain reads which should be ignored104		untrack(() => set(element[type]));105		return unsub;106	});107}108