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.
90 lines
1.6 KiB
90 lines
1.6 KiB
/* generated by Svelte vX.Y.Z */
|
|
import { SvelteComponent as SvelteComponent_1, createElement, detachNode, flush, init, insert, run, safe_not_equal, setStyle } from "svelte/internal";
|
|
|
|
function create_fragment(component, ctx) {
|
|
var div, current;
|
|
|
|
return {
|
|
c() {
|
|
div = createElement("div");
|
|
setStyle(div, "color", ctx.color);
|
|
setStyle(div, "transform", "translate(" + ctx.x + "px," + ctx.y + "px)");
|
|
},
|
|
|
|
m(target, anchor) {
|
|
insert(target, div, anchor);
|
|
current = true;
|
|
},
|
|
|
|
p(changed, ctx) {
|
|
if (changed.color) {
|
|
setStyle(div, "color", ctx.color);
|
|
}
|
|
|
|
if (changed.x || changed.y) {
|
|
setStyle(div, "transform", "translate(" + ctx.x + "px," + ctx.y + "px)");
|
|
}
|
|
},
|
|
|
|
i(target, anchor) {
|
|
if (current) return;
|
|
this.m(target, anchor);
|
|
},
|
|
|
|
o: run,
|
|
|
|
d(detach) {
|
|
if (detach) {
|
|
detachNode(div);
|
|
}
|
|
}
|
|
};
|
|
}
|
|
|
|
function instance($$self, $$props) {
|
|
let { color, x, y } = $$props;
|
|
|
|
$$self.$$.set = $$props => {
|
|
if ('color' in $$props) color = $$props.color;
|
|
if ('x' in $$props) x = $$props.x;
|
|
if ('y' in $$props) y = $$props.y;
|
|
};
|
|
|
|
return { color, x, y };
|
|
}
|
|
|
|
class SvelteComponent extends SvelteComponent_1 {
|
|
constructor(options) {
|
|
super();
|
|
init(this, options, instance, create_fragment, safe_not_equal);
|
|
}
|
|
|
|
get color() {
|
|
return this.$$.ctx.color;
|
|
}
|
|
|
|
set color(color) {
|
|
this.$set({ color });
|
|
flush();
|
|
}
|
|
|
|
get x() {
|
|
return this.$$.ctx.x;
|
|
}
|
|
|
|
set x(x) {
|
|
this.$set({ x });
|
|
flush();
|
|
}
|
|
|
|
get y() {
|
|
return this.$$.ctx.y;
|
|
}
|
|
|
|
set y(y) {
|
|
this.$set({ y });
|
|
flush();
|
|
}
|
|
}
|
|
|
|
export default SvelteComponent; |