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.
70 lines
1.7 KiB
70 lines
1.7 KiB
/* generated by Svelte vX.Y.Z */
|
|
import { appendNode, assign, createElement, createText, detachNode, init, insertNode, proto } from "svelte/shared.js";
|
|
|
|
function create_main_fragment(component, state) {
|
|
var window_updating = false, clear_window_updating = function() { window_updating = false; }, window_updating_timeout, p, text, text_1;
|
|
|
|
function onwindowscroll(event) {
|
|
if (window_updating) return;
|
|
window_updating = true;
|
|
|
|
component.set({
|
|
y: this.pageYOffset
|
|
});
|
|
window_updating = false;
|
|
}
|
|
window.addEventListener("scroll", onwindowscroll);
|
|
|
|
component.on("state", ({ changed, current }) => {
|
|
if (changed["y"]) {
|
|
window_updating = true;
|
|
clearTimeout(window_updating_timeout);
|
|
window.scrollTo(window.pageXOffset, current["y"]);
|
|
window_updating_timeout = setTimeout(clear_window_updating, 100);
|
|
}
|
|
});
|
|
|
|
return {
|
|
c: function create() {
|
|
p = createElement("p");
|
|
text = createText("scrolled to ");
|
|
text_1 = createText(state.y);
|
|
},
|
|
|
|
m: function mount(target, anchor) {
|
|
insertNode(p, target, anchor);
|
|
appendNode(text, p);
|
|
appendNode(text_1, p);
|
|
},
|
|
|
|
p: function update(changed, state) {
|
|
if (changed.y) {
|
|
text_1.data = state.y;
|
|
}
|
|
},
|
|
|
|
u: function unmount() {
|
|
detachNode(p);
|
|
},
|
|
|
|
d: function destroy() {
|
|
window.removeEventListener("scroll", onwindowscroll);
|
|
}
|
|
};
|
|
}
|
|
|
|
function SvelteComponent(options) {
|
|
init(this, options);
|
|
this._state = assign({}, options.data);
|
|
this._state.y = window.pageYOffset;
|
|
|
|
this._fragment = create_main_fragment(this, this._state);
|
|
|
|
if (options.target) {
|
|
this._fragment.c();
|
|
this._mount(options.target, options.anchor);
|
|
}
|
|
}
|
|
|
|
assign(SvelteComponent.prototype, proto);
|
|
export default SvelteComponent; |