diff --git a/static/gancio-events.es.js b/static/gancio-events.es.js
index 4096fee2..95bfea0a 100644
--- a/static/gancio-events.es.js
+++ b/static/gancio-events.es.js
@@ -101,20 +101,20 @@ function schedule_update() {
function add_render_callback(fn) {
render_callbacks.push(fn);
}
-let flushing = false;
const seen_callbacks = new Set();
+let flushidx = 0;
function flush() {
- if (flushing)
- return;
- flushing = true;
+ const saved_component = current_component;
do {
- for (let i = 0; i < dirty_components.length; i += 1) {
- const component = dirty_components[i];
+ while (flushidx < dirty_components.length) {
+ const component = dirty_components[flushidx];
+ flushidx++;
set_current_component(component);
update(component.$$);
}
set_current_component(null);
dirty_components.length = 0;
+ flushidx = 0;
while (binding_callbacks.length)
binding_callbacks.pop()();
for (let i = 0; i < render_callbacks.length; i += 1) {
@@ -130,8 +130,8 @@ function flush() {
flush_callbacks.pop()();
}
update_scheduled = false;
- flushing = false;
seen_callbacks.clear();
+ set_current_component(saved_component);
}
function update($$) {
if ($$.fragment !== null) {
@@ -279,7 +279,7 @@ if (typeof HTMLElement === "function") {
}
function get_each_context(ctx, list, i) {
const child_ctx = ctx.slice();
- child_ctx[8] = list[i];
+ child_ctx[9] = list[i];
return child_ctx;
}
function create_if_block$1(ctx) {
@@ -293,7 +293,7 @@ function create_if_block$1(ctx) {
let img;
let img_src_value;
let t2;
- let each_value = ctx[2];
+ let each_value = ctx[3];
let each_blocks = [];
for (let i = 0; i < each_value.length; i += 1) {
each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
@@ -320,6 +320,7 @@ function create_if_block$1(ctx) {
attr(a, "href", ctx[0]);
attr(a, "target", "_blank");
attr(div1, "id", "gancioEvents");
+ attr(div1, "class", ctx[2]);
},
m(target, anchor) {
insert(target, div1, anchor);
@@ -343,8 +344,8 @@ function create_if_block$1(ctx) {
if (dirty & 1) {
attr(a, "href", ctx2[0]);
}
- if (dirty & 5) {
- each_value = ctx2[2];
+ if (dirty & 9) {
+ each_value = ctx2[3];
let i;
for (i = 0; i < each_value.length; i += 1) {
const child_ctx = get_each_context(ctx2, each_value, i);
@@ -361,6 +362,9 @@ function create_if_block$1(ctx) {
}
each_blocks.length = each_value.length;
}
+ if (dirty & 4) {
+ attr(div1, "class", ctx2[2]);
+ }
},
d(detaching) {
if (detaching)
@@ -373,19 +377,20 @@ function create_each_block(ctx) {
let a;
let div2;
let div0;
- let t0_value = when$1(ctx[8].start_datetime) + "";
+ let t0_value = when$1(ctx[9].start_datetime) + "";
let t0;
let t1;
let span;
let t2;
- let t3_value = ctx[8].place.name + "";
+ let t3_value = ctx[9].place.name + "";
let t3;
let t4;
let div1;
- let t5_value = ctx[8].title + "";
+ let t5_value = ctx[9].title + "";
let t5;
let t6;
let a_href_value;
+ let a_title_value;
return {
c() {
a = element("a");
@@ -404,7 +409,8 @@ function create_each_block(ctx) {
attr(div0, "class", "subtitle");
attr(div1, "class", "title");
attr(div2, "class", "content");
- attr(a, "href", a_href_value = "" + (ctx[0] + "/event/" + (ctx[8].slug || ctx[8].id)));
+ attr(a, "href", a_href_value = "" + (ctx[0] + "/event/" + (ctx[9].slug || ctx[9].id)));
+ attr(a, "title", a_title_value = ctx[9].title);
attr(a, "target", "_blank");
},
m(target, anchor) {
@@ -422,15 +428,18 @@ function create_each_block(ctx) {
append(a, t6);
},
p(ctx2, dirty) {
- if (dirty & 4 && t0_value !== (t0_value = when$1(ctx2[8].start_datetime) + ""))
+ if (dirty & 8 && t0_value !== (t0_value = when$1(ctx2[9].start_datetime) + ""))
set_data(t0, t0_value);
- if (dirty & 4 && t3_value !== (t3_value = ctx2[8].place.name + ""))
+ if (dirty & 8 && t3_value !== (t3_value = ctx2[9].place.name + ""))
set_data(t3, t3_value);
- if (dirty & 4 && t5_value !== (t5_value = ctx2[8].title + ""))
+ if (dirty & 8 && t5_value !== (t5_value = ctx2[9].title + ""))
set_data(t5, t5_value);
- if (dirty & 5 && a_href_value !== (a_href_value = "" + (ctx2[0] + "/event/" + (ctx2[8].slug || ctx2[8].id)))) {
+ if (dirty & 9 && a_href_value !== (a_href_value = "" + (ctx2[0] + "/event/" + (ctx2[9].slug || ctx2[9].id)))) {
attr(a, "href", a_href_value);
}
+ if (dirty & 8 && a_title_value !== (a_title_value = ctx2[9].title)) {
+ attr(a, "title", a_title_value);
+ }
},
d(detaching) {
if (detaching)
@@ -440,7 +449,7 @@ function create_each_block(ctx) {
}
function create_fragment$1(ctx) {
let if_block_anchor;
- let if_block = ctx[2].length && create_if_block$1(ctx);
+ let if_block = ctx[3].length && create_if_block$1(ctx);
return {
c() {
if (if_block)
@@ -454,7 +463,7 @@ function create_fragment$1(ctx) {
insert(target, if_block_anchor, anchor);
},
p(ctx2, [dirty]) {
- if (ctx2[2].length) {
+ if (ctx2[3].length) {
if (if_block) {
if_block.p(ctx2, dirty);
} else {
@@ -492,9 +501,10 @@ function instance$1($$self, $$props, $$invalidate) {
let { maxlength = false } = $$props;
let { tags = "" } = $$props;
let { places = "" } = $$props;
+ let { theme = "light" } = $$props;
let mounted = false;
let events = [];
- function update2(v) {
+ async function update2(v) {
if (!mounted)
return;
const params = [];
@@ -508,7 +518,9 @@ function instance$1($$self, $$props, $$invalidate) {
params.push(`places=${places}`);
}
fetch(`${baseurl}/api/events?${params.join("&")}`).then((res) => res.json()).then((e) => {
- $$invalidate(2, events = e);
+ $$invalidate(3, events = e);
+ }).catch((e) => {
+ console.error("Error loading Gancio API -> ", e);
});
}
onMount(() => {
@@ -521,23 +533,25 @@ function instance$1($$self, $$props, $$invalidate) {
if ("title" in $$props2)
$$invalidate(1, title = $$props2.title);
if ("maxlength" in $$props2)
- $$invalidate(3, maxlength = $$props2.maxlength);
+ $$invalidate(4, maxlength = $$props2.maxlength);
if ("tags" in $$props2)
- $$invalidate(4, tags = $$props2.tags);
+ $$invalidate(5, tags = $$props2.tags);
if ("places" in $$props2)
- $$invalidate(5, places = $$props2.places);
+ $$invalidate(6, places = $$props2.places);
+ if ("theme" in $$props2)
+ $$invalidate(2, theme = $$props2.theme);
};
$$self.$$.update = () => {
- if ($$self.$$.dirty & 58) {
+ if ($$self.$$.dirty & 118) {
update2();
}
};
- return [baseurl, title, events, maxlength, tags, places];
+ return [baseurl, title, theme, events, maxlength, tags, places];
}
class GancioEvents extends SvelteElement {
constructor(options) {
super();
- this.shadowRoot.innerHTML = ``;
+ this.shadowRoot.innerHTML = ``;
init(this, {
target: this.shadowRoot,
props: attribute_to_object(this.attributes),
@@ -545,9 +559,10 @@ class GancioEvents extends SvelteElement {
}, instance$1, create_fragment$1, safe_not_equal, {
baseurl: 0,
title: 1,
- maxlength: 3,
- tags: 4,
- places: 5
+ maxlength: 4,
+ tags: 5,
+ places: 6,
+ theme: 2
}, null);
if (options) {
if (options.target) {
@@ -560,7 +575,7 @@ class GancioEvents extends SvelteElement {
}
}
static get observedAttributes() {
- return ["baseurl", "title", "maxlength", "tags", "places"];
+ return ["baseurl", "title", "maxlength", "tags", "places", "theme"];
}
get baseurl() {
return this.$$.ctx[0];
@@ -577,26 +592,33 @@ class GancioEvents extends SvelteElement {
flush();
}
get maxlength() {
- return this.$$.ctx[3];
+ return this.$$.ctx[4];
}
set maxlength(maxlength) {
this.$$set({ maxlength });
flush();
}
get tags() {
- return this.$$.ctx[4];
+ return this.$$.ctx[5];
}
set tags(tags) {
this.$$set({ tags });
flush();
}
get places() {
- return this.$$.ctx[5];
+ return this.$$.ctx[6];
}
set places(places) {
this.$$set({ places });
flush();
}
+ get theme() {
+ return this.$$.ctx[2];
+ }
+ set theme(theme) {
+ this.$$set({ theme });
+ flush();
+ }
}
customElements.define("gancio-events", GancioEvents);
function create_if_block(ctx) {
diff --git a/webcomponents/index.html b/webcomponents/index.html
index 95a69b70..ed611ec8 100644
--- a/webcomponents/index.html
+++ b/webcomponents/index.html
@@ -7,9 +7,11 @@
Gancio Events Custom Element Demo
-
-
+
+
+
+
+