mirror of https://github.com/sveltejs/svelte
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.
82 lines
1.5 KiB
82 lines
1.5 KiB
/* generated by Svelte vX.Y.Z */
|
|
import { SvelteComponent as SvelteComponent_1, addResizeListener, add_render_callback, createElement, detachNode, flush, init, insert, noop, run, safe_not_equal } from "svelte/internal";
|
|
|
|
function create_fragment($$, ctx) {
|
|
var div, div_resize_listener, current;
|
|
|
|
return {
|
|
c() {
|
|
div = createElement("div");
|
|
div.textContent = "some content";
|
|
add_render_callback(() => ctx.div_resize_handler.call(div));
|
|
},
|
|
|
|
m(target, anchor) {
|
|
insert(target, div, anchor);
|
|
div_resize_listener = addResizeListener(div, ctx.div_resize_handler.bind(div));
|
|
current = true;
|
|
},
|
|
|
|
p: noop,
|
|
|
|
i(target, anchor) {
|
|
if (current) return;
|
|
this.m(target, anchor);
|
|
},
|
|
|
|
o: run,
|
|
|
|
d(detach) {
|
|
if (detach) {
|
|
detachNode(div);
|
|
}
|
|
|
|
div_resize_listener.cancel();
|
|
}
|
|
};
|
|
}
|
|
|
|
function instance($$self, $$props, $$invalidate) {
|
|
let { w, h } = $$props;
|
|
|
|
function div_resize_handler() {
|
|
w = this.offsetWidth;
|
|
h = this.offsetHeight;
|
|
$$invalidate('w', w);
|
|
$$invalidate('h', h);
|
|
}
|
|
|
|
$$self.$set = $$props => {
|
|
if ('w' in $$props) $$invalidate('w', w = $$props.w);
|
|
if ('h' in $$props) $$invalidate('h', h = $$props.h);
|
|
};
|
|
|
|
return { w, h, div_resize_handler };
|
|
}
|
|
|
|
class SvelteComponent extends SvelteComponent_1 {
|
|
constructor(options) {
|
|
super();
|
|
init(this, options, instance, create_fragment, safe_not_equal);
|
|
}
|
|
|
|
get w() {
|
|
return this.$$.ctx.w;
|
|
}
|
|
|
|
set w(w) {
|
|
this.$set({ w });
|
|
flush();
|
|
}
|
|
|
|
get h() {
|
|
return this.$$.ctx.h;
|
|
}
|
|
|
|
set h(h) {
|
|
this.$set({ h });
|
|
flush();
|
|
}
|
|
}
|
|
|
|
export default SvelteComponent; |