svelte/test/js/samples/video-bindings/expected.js

/* generated by Svelte vX.Y.Z */
import {
	SvelteComponent,
	add_render_callback,
	add_resize_listener,
	detach,
	element,
	init,
	insert,
	listen,
	noop,
	raf,
	run_all,
	safe_not_equal
} from "svelte/internal";

function create_fragment(ctx) {
	let video;
	let video_updating = false;
	let video_animationframe;
	let video_resize_listener;
	let dispose;

	function video_timeupdate_handler() {
		cancelAnimationFrame(video_animationframe);

		if (!video.paused) {
			video_animationframe = raf(video_timeupdate_handler);
			video_updating = true;
		}

		/*video_timeupdate_handler*/ ctx[4].call(video);
	}

	return {
		c() {
			video = element("video");
			if (/*videoHeight*/ ctx[1] === void 0 || /*videoWidth*/ ctx[2] === void 0) add_render_callback(() => /*video_resize_handler*/ ctx[5].call(video));
			add_render_callback(() => /*video_elementresize_handler*/ ctx[6].call(video));
		},
		m(target, anchor) {
			insert(target, video, anchor);
			video_resize_listener = add_resize_listener(video, /*video_elementresize_handler*/ ctx[6].bind(video));

			dispose = [
				listen(video, "timeupdate", video_timeupdate_handler),
				listen(video, "resize", /*video_resize_handler*/ ctx[5])
			];
		},
		p(ctx, [dirty]) {
			if (!video_updating && dirty & /*currentTime*/ 1 && !isNaN(/*currentTime*/ ctx[0])) {
				video.currentTime = /*currentTime*/ ctx[0];
			}

			video_updating = false;
		},
		i: noop,
		o: noop,
		d(detaching) {
			if (detaching) detach(video);
			video_resize_listener.cancel();
			run_all(dispose);
		}
	};
}

function instance($$self, $$props, $$invalidate) {
	let { currentTime } = $$props;
	let { videoHeight } = $$props;
	let { videoWidth } = $$props;
	let { offsetWidth } = $$props;

	function video_timeupdate_handler() {
		currentTime = this.currentTime;
		$$invalidate(0, currentTime);
	}

	function video_resize_handler() {
		videoHeight = this.videoHeight;
		videoWidth = this.videoWidth;
		$$invalidate(1, videoHeight);
		$$invalidate(2, videoWidth);
	}

	function video_elementresize_handler() {
		offsetWidth = this.offsetWidth;
		$$invalidate(3, offsetWidth);
	}

	$$self.$set = $$props => {
		if ("currentTime" in $$props) $$invalidate(0, currentTime = $$props.currentTime);
		if ("videoHeight" in $$props) $$invalidate(1, videoHeight = $$props.videoHeight);
		if ("videoWidth" in $$props) $$invalidate(2, videoWidth = $$props.videoWidth);
		if ("offsetWidth" in $$props) $$invalidate(3, offsetWidth = $$props.offsetWidth);
	};

	return [
		currentTime,
		videoHeight,
		videoWidth,
		offsetWidth,
		video_timeupdate_handler,
		video_resize_handler,
		video_elementresize_handler
	];
}

class Component extends SvelteComponent {
	constructor(options) {
		super();

		init(this, options, instance, create_fragment, safe_not_equal, {
			currentTime: 0,
			videoHeight: 1,
			videoWidth: 2,
			offsetWidth: 3
		});
	}
}

export default Component;