From e8ed2ec4b031ef273a0316538d487601b7ad86aa Mon Sep 17 00:00:00 2001 From: lesion Date: Mon, 5 Sep 2022 12:32:27 +0200 Subject: [PATCH] webcomponent datetime format helpers --- docs/assets/js/gancio-events.es.js | 1628 ++++++++----------------- server/helpers.js | 32 +- static/gancio-events.es.js | 1628 ++++++++----------------- webcomponents/src/GancioEvent.svelte | 144 +-- webcomponents/src/GancioEvents.svelte | 26 +- webcomponents/src/helpers.js | 24 + wp-plugin/js/gancio-events.es.js | 1628 ++++++++----------------- 7 files changed, 1685 insertions(+), 3425 deletions(-) create mode 100644 webcomponents/src/helpers.js diff --git a/docs/assets/js/gancio-events.es.js b/docs/assets/js/gancio-events.es.js index c1fe9753..35d91346 100644 --- a/docs/assets/js/gancio-events.es.js +++ b/docs/assets/js/gancio-events.es.js @@ -1,943 +1,504 @@ -function noop() { +function L() { } -function run(fn) { - return fn(); +function W(t) { + return t(); } -function blank_object() { +function ee() { return /* @__PURE__ */ Object.create(null); } -function run_all(fns) { - fns.forEach(run); +function O(t) { + t.forEach(W); } -function is_function(thing) { - return typeof thing === "function"; +function _e(t) { + return typeof t == "function"; } -function safe_not_equal(a, b) { - return a != a ? b == b : a !== b || (a && typeof a === "object" || typeof a === "function"); +function be(t, e) { + return t != t ? e == e : t !== e || t && typeof t == "object" || typeof t == "function"; } -let src_url_equal_anchor; -function src_url_equal(element_src, url) { - if (!src_url_equal_anchor) { - src_url_equal_anchor = document.createElement("a"); - } - src_url_equal_anchor.href = url; - return element_src === src_url_equal_anchor.href; +let B; +function G(t, e) { + return B || (B = document.createElement("a")), B.href = e, t === B.href; } -function is_empty(obj) { - return Object.keys(obj).length === 0; +function xe(t) { + return Object.keys(t).length === 0; } -function append(target, node) { - target.appendChild(node); +function u(t, e) { + t.appendChild(e); } -function insert(target, node, anchor) { - target.insertBefore(node, anchor || null); +function v(t, e, i) { + t.insertBefore(e, i || null); } -function detach(node) { - node.parentNode.removeChild(node); +function x(t) { + t.parentNode.removeChild(t); } -function destroy_each(iterations, detaching) { - for (let i = 0; i < iterations.length; i += 1) { - if (iterations[i]) - iterations[i].d(detaching); - } +function pe(t, e) { + for (let i = 0; i < t.length; i += 1) + t[i] && t[i].d(e); } -function element(name) { - return document.createElement(name); +function g(t) { + return document.createElement(t); } -function text(data) { - return document.createTextNode(data); +function j(t) { + return document.createTextNode(t); } -function space() { - return text(" "); +function z() { + return j(" "); } -function empty() { - return text(""); +function ve() { + return j(""); } -function attr(node, attribute, value) { - if (value == null) - node.removeAttribute(attribute); - else if (node.getAttribute(attribute) !== value) - node.setAttribute(attribute, value); +function a(t, e, i) { + i == null ? t.removeAttribute(e) : t.getAttribute(e) !== i && t.setAttribute(e, i); } -function children(element2) { - return Array.from(element2.childNodes); +function $e(t) { + return Array.from(t.childNodes); } -function set_data(text2, data) { - data = "" + data; - if (text2.wholeText !== data) - text2.data = data; +function N(t, e) { + e = "" + e, t.wholeText !== e && (t.data = e); } -function toggle_class(element2, name, toggle) { - element2.classList[toggle ? "add" : "remove"](name); +function T(t, e, i) { + t.classList[i ? "add" : "remove"](e); } -function attribute_to_object(attributes) { - const result = {}; - for (const attribute of attributes) { - result[attribute.name] = attribute.value; - } - return result; +function ke(t) { + const e = {}; + for (const i of t) + e[i.name] = i.value; + return e; } -let current_component; -function set_current_component(component) { - current_component = component; +let I; +function R(t) { + I = t; } -function get_current_component() { - if (!current_component) +function Ee() { + if (!I) throw new Error("Function called outside component initialization"); - return current_component; + return I; } -function onMount(fn) { - get_current_component().$$.on_mount.push(fn); +function we(t) { + Ee().$$.on_mount.push(t); } -const dirty_components = []; -const binding_callbacks = []; -const render_callbacks = []; -const flush_callbacks = []; -const resolved_promise = Promise.resolve(); -let update_scheduled = false; -function schedule_update() { - if (!update_scheduled) { - update_scheduled = true; - resolved_promise.then(flush); - } +const H = [], te = [], P = [], ie = [], je = Promise.resolve(); +let K = !1; +function Se() { + K || (K = !0, je.then(y)); } -function add_render_callback(fn) { - render_callbacks.push(fn); +function Q(t) { + P.push(t); } -const seen_callbacks = /* @__PURE__ */ new Set(); -let flushidx = 0; -function flush() { - const saved_component = current_component; +const J = /* @__PURE__ */ new Set(); +let D = 0; +function y() { + const t = I; do { - while (flushidx < dirty_components.length) { - const component = dirty_components[flushidx]; - flushidx++; - set_current_component(component); - update(component.$$); + for (; D < H.length; ) { + const e = H[D]; + D++, R(e), ze(e.$$); } - 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) { - const callback = render_callbacks[i]; - if (!seen_callbacks.has(callback)) { - seen_callbacks.add(callback); - callback(); - } + for (R(null), H.length = 0, D = 0; te.length; ) + te.pop()(); + for (let e = 0; e < P.length; e += 1) { + const i = P[e]; + J.has(i) || (J.add(i), i()); } - render_callbacks.length = 0; - } while (dirty_components.length); - while (flush_callbacks.length) { - flush_callbacks.pop()(); - } - update_scheduled = false; - seen_callbacks.clear(); - set_current_component(saved_component); + P.length = 0; + } while (H.length); + for (; ie.length; ) + ie.pop()(); + K = !1, J.clear(), R(t); } -function update($$) { - if ($$.fragment !== null) { - $$.update(); - run_all($$.before_update); - const dirty = $$.dirty; - $$.dirty = [-1]; - $$.fragment && $$.fragment.p($$.ctx, dirty); - $$.after_update.forEach(add_render_callback); +function ze(t) { + if (t.fragment !== null) { + t.update(), O(t.before_update); + const e = t.dirty; + t.dirty = [-1], t.fragment && t.fragment.p(t.ctx, e), t.after_update.forEach(Q); } } -const outroing = /* @__PURE__ */ new Set(); -function transition_in(block, local) { - if (block && block.i) { - outroing.delete(block); - block.i(local); - } +const Ce = /* @__PURE__ */ new Set(); +function Ae(t, e) { + t && t.i && (Ce.delete(t), t.i(e)); } -function mount_component(component, target, anchor, customElement) { - const { fragment, on_mount, on_destroy, after_update } = component.$$; - fragment && fragment.m(target, anchor); - if (!customElement) { - add_render_callback(() => { - const new_on_destroy = on_mount.map(run).filter(is_function); - if (on_destroy) { - on_destroy.push(...new_on_destroy); - } else { - run_all(new_on_destroy); - } - component.$$.on_mount = []; - }); - } - after_update.forEach(add_render_callback); +function Me(t, e, i, n) { + const { fragment: l, on_mount: o, on_destroy: r, after_update: f } = t.$$; + l && l.m(e, i), n || Q(() => { + const c = o.map(W).filter(_e); + r ? r.push(...c) : O(c), t.$$.on_mount = []; + }), f.forEach(Q); } -function destroy_component(component, detaching) { - const $$ = component.$$; - if ($$.fragment !== null) { - run_all($$.on_destroy); - $$.fragment && $$.fragment.d(detaching); - $$.on_destroy = $$.fragment = null; - $$.ctx = []; - } +function Ne(t, e) { + const i = t.$$; + i.fragment !== null && (O(i.on_destroy), i.fragment && i.fragment.d(e), i.on_destroy = i.fragment = null, i.ctx = []); } -function make_dirty(component, i) { - if (component.$$.dirty[0] === -1) { - dirty_components.push(component); - schedule_update(); - component.$$.dirty.fill(0); - } - component.$$.dirty[i / 31 | 0] |= 1 << i % 31; +function Te(t, e) { + t.$$.dirty[0] === -1 && (H.push(t), Se(), t.$$.dirty.fill(0)), t.$$.dirty[e / 31 | 0] |= 1 << e % 31; } -function init(component, options, instance2, create_fragment2, not_equal, props, append_styles, dirty = [-1]) { - const parent_component = current_component; - set_current_component(component); - const $$ = component.$$ = { +function ye(t, e, i, n, l, o, r, f = [-1]) { + const c = I; + R(t); + const s = t.$$ = { fragment: null, ctx: null, - props, - update: noop, - not_equal, - bound: blank_object(), + props: o, + update: L, + not_equal: l, + bound: ee(), on_mount: [], on_destroy: [], on_disconnect: [], before_update: [], after_update: [], - context: new Map(options.context || (parent_component ? parent_component.$$.context : [])), - callbacks: blank_object(), - dirty, - skip_bound: false, - root: options.target || parent_component.$$.root + context: new Map(e.context || (c ? c.$$.context : [])), + callbacks: ee(), + dirty: f, + skip_bound: !1, + root: e.target || c.$$.root }; - append_styles && append_styles($$.root); - let ready = false; - $$.ctx = instance2 ? instance2(component, options.props || {}, (i, ret, ...rest) => { - const value = rest.length ? rest[0] : ret; - if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) { - if (!$$.skip_bound && $$.bound[i]) - $$.bound[i](value); - if (ready) - make_dirty(component, i); - } - return ret; - }) : []; - $$.update(); - ready = true; - run_all($$.before_update); - $$.fragment = create_fragment2 ? create_fragment2($$.ctx) : false; - if (options.target) { - if (options.hydrate) { - const nodes = children(options.target); - $$.fragment && $$.fragment.l(nodes); - nodes.forEach(detach); - } else { - $$.fragment && $$.fragment.c(); - } - if (options.intro) - transition_in(component.$$.fragment); - mount_component(component, options.target, options.anchor, options.customElement); - flush(); + r && r(s.root); + let k = !1; + if (s.ctx = i ? i(t, e.props || {}, (m, _, ...C) => { + const w = C.length ? C[0] : _; + return s.ctx && l(s.ctx[m], s.ctx[m] = w) && (!s.skip_bound && s.bound[m] && s.bound[m](w), k && Te(t, m)), _; + }) : [], s.update(), k = !0, O(s.before_update), s.fragment = n ? n(s.ctx) : !1, e.target) { + if (e.hydrate) { + const m = $e(e.target); + s.fragment && s.fragment.l(m), m.forEach(x); + } else + s.fragment && s.fragment.c(); + e.intro && Ae(t.$$.fragment), Me(t, e.target, e.anchor, e.customElement), y(); } - set_current_component(parent_component); + R(c); } -let SvelteElement; -if (typeof HTMLElement === "function") { - SvelteElement = class extends HTMLElement { - constructor() { - super(); - this.attachShadow({ mode: "open" }); - } - connectedCallback() { - const { on_mount } = this.$$; - this.$$.on_disconnect = on_mount.map(run).filter(is_function); - for (const key in this.$$.slotted) { - this.appendChild(this.$$.slotted[key]); - } - } - attributeChangedCallback(attr2, _oldValue, newValue) { - this[attr2] = newValue; - } - disconnectedCallback() { - run_all(this.$$.on_disconnect); - } - $destroy() { - destroy_component(this, 1); - this.$destroy = noop; - } - $on(type, callback) { - const callbacks = this.$$.callbacks[type] || (this.$$.callbacks[type] = []); - callbacks.push(callback); - return () => { - const index = callbacks.indexOf(callback); - if (index !== -1) - callbacks.splice(index, 1); - }; - } - $set($$props) { - if (this.$$set && !is_empty($$props)) { - this.$$.skip_bound = true; - this.$$set($$props); - this.$$.skip_bound = false; - } - } - }; -} -function get_each_context(ctx, list, i) { - const child_ctx = ctx.slice(); - child_ctx[12] = list[i]; - return child_ctx; -} -function get_each_context_1(ctx, list, i) { - const child_ctx = ctx.slice(); - child_ctx[15] = list[i]; - return child_ctx; -} -function create_if_block_5(ctx) { - let link; - return { - c() { - link = element("link"); - attr(link, "rel", "stylesheet"); - attr(link, "href", ctx[4]); - }, - m(target, anchor) { - insert(target, link, anchor); - }, - p(ctx2, dirty) { - if (dirty & 16) { - attr(link, "href", ctx2[4]); - } - }, - d(detaching) { - if (detaching) - detach(link); - } - }; -} -function create_if_block$1(ctx) { - let div; - let t; - let if_block = ctx[1] && ctx[3] === "true" && create_if_block_4(ctx); - let each_value = ctx[5]; - 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)); +let X; +typeof HTMLElement == "function" && (X = class extends HTMLElement { + constructor() { + super(), this.attachShadow({ mode: "open" }); } - return { - c() { - div = element("div"); - if (if_block) - if_block.c(); - t = space(); - for (let i = 0; i < each_blocks.length; i += 1) { - each_blocks[i].c(); - } - attr(div, "id", "gancioEvents"); - toggle_class(div, "dark", ctx[2] === "dark"); - toggle_class(div, "light", ctx[2] === "light"); - toggle_class(div, "sidebar", ctx[3] === "true"); - toggle_class(div, "nosidebar", ctx[3] !== "true"); - }, - m(target, anchor) { - insert(target, div, anchor); - if (if_block) - if_block.m(div, null); - append(div, t); - for (let i = 0; i < each_blocks.length; i += 1) { - each_blocks[i].m(div, null); - } - }, - p(ctx2, dirty) { - if (ctx2[1] && ctx2[3] === "true") { - if (if_block) { - if_block.p(ctx2, dirty); - } else { - if_block = create_if_block_4(ctx2); - if_block.c(); - if_block.m(div, t); - } - } else if (if_block) { - if_block.d(1); - if_block = null; - } - if (dirty & 41) { - each_value = ctx2[5]; - let i; - for (i = 0; i < each_value.length; i += 1) { - const child_ctx = get_each_context(ctx2, each_value, i); - if (each_blocks[i]) { - each_blocks[i].p(child_ctx, dirty); - } else { - each_blocks[i] = create_each_block(child_ctx); - each_blocks[i].c(); - each_blocks[i].m(div, null); - } - } - for (; i < each_blocks.length; i += 1) { - each_blocks[i].d(1); - } - each_blocks.length = each_value.length; - } - if (dirty & 4) { - toggle_class(div, "dark", ctx2[2] === "dark"); - } - if (dirty & 4) { - toggle_class(div, "light", ctx2[2] === "light"); - } - if (dirty & 8) { - toggle_class(div, "sidebar", ctx2[3] === "true"); - } - if (dirty & 8) { - toggle_class(div, "nosidebar", ctx2[3] !== "true"); - } - }, - d(detaching) { - if (detaching) - detach(div); - if (if_block) - if_block.d(); - destroy_each(each_blocks, detaching); - } - }; -} -function create_if_block_4(ctx) { - let a; - let div1; - let div0; - let t0; - let t1; - let img; - let img_src_value; - return { - c() { - a = element("a"); - div1 = element("div"); - div0 = element("div"); - t0 = text(ctx[1]); - t1 = space(); - img = element("img"); - attr(div0, "class", "title"); - attr(img, "id", "logo"); - attr(img, "alt", "logo"); - if (!src_url_equal(img.src, img_src_value = ctx[0] + "/logo.png")) - attr(img, "src", img_src_value); - attr(div1, "class", "content"); - attr(a, "href", ctx[0]); - attr(a, "target", "_blank"); - attr(a, "id", "header"); - }, - m(target, anchor) { - insert(target, a, anchor); - append(a, div1); - append(div1, div0); - append(div0, t0); - append(div1, t1); - append(div1, img); - }, - p(ctx2, dirty) { - if (dirty & 2) - set_data(t0, ctx2[1]); - if (dirty & 1 && !src_url_equal(img.src, img_src_value = ctx2[0] + "/logo.png")) { - attr(img, "src", img_src_value); - } - if (dirty & 1) { - attr(a, "href", ctx2[0]); - } - }, - d(detaching) { - if (detaching) - detach(a); - } - }; -} -function create_if_block_2(ctx) { - let div; - function select_block_type(ctx2, dirty) { - if (ctx2[12].media.length) - return create_if_block_3; - return create_else_block; + connectedCallback() { + const { on_mount: t } = this.$$; + this.$$.on_disconnect = t.map(W).filter(_e); + for (const e in this.$$.slotted) + this.appendChild(this.$$.slotted[e]); } - let current_block_type = select_block_type(ctx); - let if_block = current_block_type(ctx); - return { - c() { - div = element("div"); - if_block.c(); - attr(div, "class", "img"); - }, - m(target, anchor) { - insert(target, div, anchor); - if_block.m(div, null); - }, - p(ctx2, dirty) { - if (current_block_type === (current_block_type = select_block_type(ctx2)) && if_block) { - if_block.p(ctx2, dirty); - } else { - if_block.d(1); - if_block = current_block_type(ctx2); - if (if_block) { - if_block.c(); - if_block.m(div, null); - } - } - }, - d(detaching) { - if (detaching) - detach(div); - if_block.d(); - } - }; -} -function create_else_block(ctx) { - let img; - let img_alt_value; - let img_src_value; - return { - c() { - img = element("img"); - attr(img, "style", "aspect-ratio=1.7778;"); - attr(img, "alt", img_alt_value = ctx[12].title); - if (!src_url_equal(img.src, img_src_value = ctx[0] + "/noimg.svg")) - attr(img, "src", img_src_value); - attr(img, "loading", "lazy"); - }, - m(target, anchor) { - insert(target, img, anchor); - }, - p(ctx2, dirty) { - if (dirty & 32 && img_alt_value !== (img_alt_value = ctx2[12].title)) { - attr(img, "alt", img_alt_value); - } - if (dirty & 1 && !src_url_equal(img.src, img_src_value = ctx2[0] + "/noimg.svg")) { - attr(img, "src", img_src_value); - } - }, - d(detaching) { - if (detaching) - detach(img); - } - }; -} -function create_if_block_3(ctx) { - let img; - let img_style_value; - let img_alt_value; - let img_src_value; - return { - c() { - img = element("img"); - attr(img, "style", img_style_value = "object-position: " + position$1(ctx[12]) + "; aspect-ratio=1.7778;"); - attr(img, "alt", img_alt_value = ctx[12].media[0].name); - if (!src_url_equal(img.src, img_src_value = ctx[0] + "/media/thumb/" + ctx[12].media[0].url)) - attr(img, "src", img_src_value); - attr(img, "loading", "lazy"); - }, - m(target, anchor) { - insert(target, img, anchor); - }, - p(ctx2, dirty) { - if (dirty & 32 && img_style_value !== (img_style_value = "object-position: " + position$1(ctx2[12]) + "; aspect-ratio=1.7778;")) { - attr(img, "style", img_style_value); - } - if (dirty & 32 && img_alt_value !== (img_alt_value = ctx2[12].media[0].name)) { - attr(img, "alt", img_alt_value); - } - if (dirty & 33 && !src_url_equal(img.src, img_src_value = ctx2[0] + "/media/thumb/" + ctx2[12].media[0].url)) { - attr(img, "src", img_src_value); - } - }, - d(detaching) { - if (detaching) - detach(img); - } - }; -} -function create_if_block_1$1(ctx) { - let div; - let each_value_1 = ctx[12].tags; - let each_blocks = []; - for (let i = 0; i < each_value_1.length; i += 1) { - each_blocks[i] = create_each_block_1(get_each_context_1(ctx, each_value_1, i)); + attributeChangedCallback(t, e, i) { + this[t] = i; } - return { - c() { - div = element("div"); - for (let i = 0; i < each_blocks.length; i += 1) { - each_blocks[i].c(); - } - attr(div, "class", "tags"); - }, - m(target, anchor) { - insert(target, div, anchor); - for (let i = 0; i < each_blocks.length; i += 1) { - each_blocks[i].m(div, null); - } - }, - p(ctx2, dirty) { - if (dirty & 32) { - each_value_1 = ctx2[12].tags; - let i; - for (i = 0; i < each_value_1.length; i += 1) { - const child_ctx = get_each_context_1(ctx2, each_value_1, i); - if (each_blocks[i]) { - each_blocks[i].p(child_ctx, dirty); - } else { - each_blocks[i] = create_each_block_1(child_ctx); - each_blocks[i].c(); - each_blocks[i].m(div, null); - } - } - for (; i < each_blocks.length; i += 1) { - each_blocks[i].d(1); - } - each_blocks.length = each_value_1.length; - } - }, - d(detaching) { - if (detaching) - detach(div); - destroy_each(each_blocks, detaching); - } - }; -} -function create_each_block_1(ctx) { - let span; - let t0; - let t1_value = ctx[15] + ""; - let t1; - return { - c() { - span = element("span"); - t0 = text("#"); - t1 = text(t1_value); - attr(span, "class", "tag"); - }, - m(target, anchor) { - insert(target, span, anchor); - append(span, t0); - append(span, t1); - }, - p(ctx2, dirty) { - if (dirty & 32 && t1_value !== (t1_value = ctx2[15] + "")) - set_data(t1, t1_value); - }, - d(detaching) { - if (detaching) - detach(span); - } - }; -} -function create_each_block(ctx) { - let a; - let t0; - let div2; - let div0; - let t1_value = when$1(ctx[12].start_datetime) + ""; - let t1; - let t2; - let div1; - let t3_value = ctx[12].title + ""; - let t3; - let t4; - let span1; - let t5; - let t6_value = ctx[12].place.name + ""; - let t6; - let t7; - let span0; - let t8_value = ctx[12].place.address + ""; - let t8; - let t9; - let t10; - let a_href_value; - let a_title_value; - let if_block0 = ctx[3] !== "true" && create_if_block_2(ctx); - let if_block1 = ctx[12].tags.length && create_if_block_1$1(ctx); - return { - c() { - a = element("a"); - if (if_block0) - if_block0.c(); - t0 = space(); - div2 = element("div"); - div0 = element("div"); - t1 = text(t1_value); - t2 = space(); - div1 = element("div"); - t3 = text(t3_value); - t4 = space(); - span1 = element("span"); - t5 = text("@"); - t6 = text(t6_value); - t7 = space(); - span0 = element("span"); - t8 = text(t8_value); - t9 = space(); - if (if_block1) - if_block1.c(); - t10 = space(); - attr(div0, "class", "subtitle"); - attr(div1, "class", "title"); - attr(span0, "class", "subtitle"); - attr(span1, "class", "place"); - attr(div2, "class", "content"); - attr(a, "href", a_href_value = ctx[0] + "/event/" + (ctx[12].slug || ctx[12].id)); - attr(a, "class", "event"); - attr(a, "title", a_title_value = ctx[12].title); - attr(a, "target", "_blank"); - }, - m(target, anchor) { - insert(target, a, anchor); - if (if_block0) - if_block0.m(a, null); - append(a, t0); - append(a, div2); - append(div2, div0); - append(div0, t1); - append(div2, t2); - append(div2, div1); - append(div1, t3); - append(div2, t4); - append(div2, span1); - append(span1, t5); - append(span1, t6); - append(span1, t7); - append(span1, span0); - append(span0, t8); - append(div2, t9); - if (if_block1) - if_block1.m(div2, null); - append(a, t10); - }, - p(ctx2, dirty) { - if (ctx2[3] !== "true") { - if (if_block0) { - if_block0.p(ctx2, dirty); - } else { - if_block0 = create_if_block_2(ctx2); - if_block0.c(); - if_block0.m(a, t0); - } - } else if (if_block0) { - if_block0.d(1); - if_block0 = null; - } - if (dirty & 32 && t1_value !== (t1_value = when$1(ctx2[12].start_datetime) + "")) - set_data(t1, t1_value); - if (dirty & 32 && t3_value !== (t3_value = ctx2[12].title + "")) - set_data(t3, t3_value); - if (dirty & 32 && t6_value !== (t6_value = ctx2[12].place.name + "")) - set_data(t6, t6_value); - if (dirty & 32 && t8_value !== (t8_value = ctx2[12].place.address + "")) - set_data(t8, t8_value); - if (ctx2[12].tags.length) { - if (if_block1) { - if_block1.p(ctx2, dirty); - } else { - if_block1 = create_if_block_1$1(ctx2); - if_block1.c(); - if_block1.m(div2, null); - } - } else if (if_block1) { - if_block1.d(1); - if_block1 = null; - } - if (dirty & 33 && a_href_value !== (a_href_value = ctx2[0] + "/event/" + (ctx2[12].slug || ctx2[12].id))) { - attr(a, "href", a_href_value); - } - if (dirty & 32 && a_title_value !== (a_title_value = ctx2[12].title)) { - attr(a, "title", a_title_value); - } - }, - d(detaching) { - if (detaching) - detach(a); - if (if_block0) - if_block0.d(); - if (if_block1) - if_block1.d(); - } - }; -} -function create_fragment$1(ctx) { - let t; - let if_block1_anchor; - let if_block0 = ctx[4] && create_if_block_5(ctx); - let if_block1 = ctx[5].length && create_if_block$1(ctx); - return { - c() { - if (if_block0) - if_block0.c(); - t = space(); - if (if_block1) - if_block1.c(); - if_block1_anchor = empty(); - this.c = noop; - }, - m(target, anchor) { - if (if_block0) - if_block0.m(target, anchor); - insert(target, t, anchor); - if (if_block1) - if_block1.m(target, anchor); - insert(target, if_block1_anchor, anchor); - }, - p(ctx2, [dirty]) { - if (ctx2[4]) { - if (if_block0) { - if_block0.p(ctx2, dirty); - } else { - if_block0 = create_if_block_5(ctx2); - if_block0.c(); - if_block0.m(t.parentNode, t); - } - } else if (if_block0) { - if_block0.d(1); - if_block0 = null; - } - if (ctx2[5].length) { - if (if_block1) { - if_block1.p(ctx2, dirty); - } else { - if_block1 = create_if_block$1(ctx2); - if_block1.c(); - if_block1.m(if_block1_anchor.parentNode, if_block1_anchor); - } - } else if (if_block1) { - if_block1.d(1); - if_block1 = null; - } - }, - i: noop, - o: noop, - d(detaching) { - if (if_block0) - if_block0.d(detaching); - if (detaching) - detach(t); - if (if_block1) - if_block1.d(detaching); - if (detaching) - detach(if_block1_anchor); - } - }; -} -function position$1(event) { - if (event.media[0].focalpoint) { - const focalpoint = event.media[0].focalpoint; - return `${(focalpoint[0] + 1) * 50}% ${(focalpoint[1] + 1) * 50}%`; + disconnectedCallback() { + O(this.$$.on_disconnect); } - return "center center"; -} -function when$1(timestamp) { - return new Date(timestamp * 1e3).toLocaleDateString(void 0, { + $destroy() { + Ne(this, 1), this.$destroy = L; + } + $on(t, e) { + const i = this.$$.callbacks[t] || (this.$$.callbacks[t] = []); + return i.push(e), () => { + const n = i.indexOf(e); + n !== -1 && i.splice(n, 1); + }; + } + $set(t) { + this.$$set && !xe(t) && (this.$$.skip_bound = !0, this.$$set(t), this.$$.skip_bound = !1); + } +}); +function F(t, e = "long") { + const i = e === "long" ? { weekday: "long", month: "long", day: "numeric", hour: "2-digit", minute: "2-digit" - }); + } : { hour: "2-digit", minute: "2-digit" }; + return new Date(t * 1e3).toLocaleString(void 0, i); } -function instance$1($$self, $$props, $$invalidate) { - let { baseurl = "" } = $$props; - let { title = "" } = $$props; - let { maxlength = false } = $$props; - let { tags = "" } = $$props; - let { places = "" } = $$props; - let { theme = "light" } = $$props; - let { show_recurrent = false } = $$props; - let { sidebar = "true" } = $$props; - let { external_style = "" } = $$props; - let mounted = false; - let events = []; - function update2(v) { - if (!mounted) +function V(t) { + return t.multidate ? F(t.start_datetime) + " - " + F(t.end_datetime) : F(t.start_datetime) + (t.end_datetime ? "-" + F(t.end_datetime, "short") : ""); +} +function ne(t, e, i) { + const n = t.slice(); + return n[12] = e[i], n; +} +function le(t, e, i) { + const n = t.slice(); + return n[15] = e[i], n; +} +function re(t) { + let e; + return { + c() { + e = g("link"), a(e, "rel", "stylesheet"), a(e, "href", t[4]); + }, + m(i, n) { + v(i, e, n); + }, + p(i, n) { + n & 16 && a(e, "href", i[4]); + }, + d(i) { + i && x(e); + } + }; +} +function oe(t) { + let e, i, n = t[1] && t[3] === "true" && ae(t), l = t[5], o = []; + for (let r = 0; r < l.length; r += 1) + o[r] = ue(ne(t, l, r)); + return { + c() { + e = g("div"), n && n.c(), i = z(); + for (let r = 0; r < o.length; r += 1) + o[r].c(); + a(e, "id", "gancioEvents"), T(e, "dark", t[2] === "dark"), T(e, "light", t[2] === "light"), T(e, "sidebar", t[3] === "true"), T(e, "nosidebar", t[3] !== "true"); + }, + m(r, f) { + v(r, e, f), n && n.m(e, null), u(e, i); + for (let c = 0; c < o.length; c += 1) + o[c].m(e, null); + }, + p(r, f) { + if (r[1] && r[3] === "true" ? n ? n.p(r, f) : (n = ae(r), n.c(), n.m(e, i)) : n && (n.d(1), n = null), f & 41) { + l = r[5]; + let c; + for (c = 0; c < l.length; c += 1) { + const s = ne(r, l, c); + o[c] ? o[c].p(s, f) : (o[c] = ue(s), o[c].c(), o[c].m(e, null)); + } + for (; c < o.length; c += 1) + o[c].d(1); + o.length = l.length; + } + f & 4 && T(e, "dark", r[2] === "dark"), f & 4 && T(e, "light", r[2] === "light"), f & 8 && T(e, "sidebar", r[3] === "true"), f & 8 && T(e, "nosidebar", r[3] !== "true"); + }, + d(r) { + r && x(e), n && n.d(), pe(o, r); + } + }; +} +function ae(t) { + let e, i, n, l, o, r, f; + return { + c() { + e = g("a"), i = g("div"), n = g("div"), l = j(t[1]), o = z(), r = g("img"), a(n, "class", "title"), a(r, "id", "logo"), a(r, "alt", "logo"), G(r.src, f = t[0] + "/logo.png") || a(r, "src", f), a(i, "class", "content"), a(e, "href", t[0]), a(e, "target", "_blank"), a(e, "id", "header"); + }, + m(c, s) { + v(c, e, s), u(e, i), u(i, n), u(n, l), u(i, o), u(i, r); + }, + p(c, s) { + s & 2 && N(l, c[1]), s & 1 && !G(r.src, f = c[0] + "/logo.png") && a(r, "src", f), s & 1 && a(e, "href", c[0]); + }, + d(c) { + c && x(e); + } + }; +} +function se(t) { + let e; + function i(o, r) { + return o[12].media.length ? Ge : Le; + } + let n = i(t), l = n(t); + return { + c() { + e = g("div"), l.c(), a(e, "class", "img"); + }, + m(o, r) { + v(o, e, r), l.m(e, null); + }, + p(o, r) { + n === (n = i(o)) && l ? l.p(o, r) : (l.d(1), l = n(o), l && (l.c(), l.m(e, null))); + }, + d(o) { + o && x(e), l.d(); + } + }; +} +function Le(t) { + let e, i, n; + return { + c() { + e = g("img"), a(e, "style", "aspect-ratio=1.7778;"), a(e, "alt", i = t[12].title), G(e.src, n = t[0] + "/noimg.svg") || a(e, "src", n), a(e, "loading", "lazy"); + }, + m(l, o) { + v(l, e, o); + }, + p(l, o) { + o & 32 && i !== (i = l[12].title) && a(e, "alt", i), o & 1 && !G(e.src, n = l[0] + "/noimg.svg") && a(e, "src", n); + }, + d(l) { + l && x(e); + } + }; +} +function Ge(t) { + let e, i, n, l; + return { + c() { + e = g("img"), a(e, "style", i = "object-position: " + de(t[12]) + "; aspect-ratio=1.7778;"), a(e, "alt", n = t[12].media[0].name), G(e.src, l = t[0] + "/media/thumb/" + t[12].media[0].url) || a(e, "src", l), a(e, "loading", "lazy"); + }, + m(o, r) { + v(o, e, r); + }, + p(o, r) { + r & 32 && i !== (i = "object-position: " + de(o[12]) + "; aspect-ratio=1.7778;") && a(e, "style", i), r & 32 && n !== (n = o[12].media[0].name) && a(e, "alt", n), r & 33 && !G(e.src, l = o[0] + "/media/thumb/" + o[12].media[0].url) && a(e, "src", l); + }, + d(o) { + o && x(e); + } + }; +} +function ce(t) { + let e, i = t[12].tags, n = []; + for (let l = 0; l < i.length; l += 1) + n[l] = fe(le(t, i, l)); + return { + c() { + e = g("div"); + for (let l = 0; l < n.length; l += 1) + n[l].c(); + a(e, "class", "tags"); + }, + m(l, o) { + v(l, e, o); + for (let r = 0; r < n.length; r += 1) + n[r].m(e, null); + }, + p(l, o) { + if (o & 32) { + i = l[12].tags; + let r; + for (r = 0; r < i.length; r += 1) { + const f = le(l, i, r); + n[r] ? n[r].p(f, o) : (n[r] = fe(f), n[r].c(), n[r].m(e, null)); + } + for (; r < n.length; r += 1) + n[r].d(1); + n.length = i.length; + } + }, + d(l) { + l && x(e), pe(n, l); + } + }; +} +function fe(t) { + let e, i, n = t[15] + "", l; + return { + c() { + e = g("span"), i = j("#"), l = j(n), a(e, "class", "tag"); + }, + m(o, r) { + v(o, e, r), u(e, i), u(e, l); + }, + p(o, r) { + r & 32 && n !== (n = o[15] + "") && N(l, n); + }, + d(o) { + o && x(e); + } + }; +} +function ue(t) { + let e, i, n, l, o = V(t[12]) + "", r, f, c, s = t[12].title + "", k, m, _, C, w = t[12].place.name + "", d, S, h, b = t[12].place.address + "", A, Y, Z, U, q, $ = t[3] !== "true" && se(t), E = t[12].tags.length && ce(t); + return { + c() { + e = g("a"), $ && $.c(), i = z(), n = g("div"), l = g("div"), r = j(o), f = z(), c = g("div"), k = j(s), m = z(), _ = g("span"), C = j("@"), d = j(w), S = z(), h = g("span"), A = j(b), Y = z(), E && E.c(), Z = z(), a(l, "class", "subtitle"), a(c, "class", "title"), a(h, "class", "subtitle"), a(_, "class", "place"), a(n, "class", "content"), a(e, "href", U = t[0] + "/event/" + (t[12].slug || t[12].id)), a(e, "class", "event"), a(e, "title", q = t[12].title), a(e, "target", "_blank"); + }, + m(p, M) { + v(p, e, M), $ && $.m(e, null), u(e, i), u(e, n), u(n, l), u(l, r), u(n, f), u(n, c), u(c, k), u(n, m), u(n, _), u(_, C), u(_, d), u(_, S), u(_, h), u(h, A), u(n, Y), E && E.m(n, null), u(e, Z); + }, + p(p, M) { + p[3] !== "true" ? $ ? $.p(p, M) : ($ = se(p), $.c(), $.m(e, i)) : $ && ($.d(1), $ = null), M & 32 && o !== (o = V(p[12]) + "") && N(r, o), M & 32 && s !== (s = p[12].title + "") && N(k, s), M & 32 && w !== (w = p[12].place.name + "") && N(d, w), M & 32 && b !== (b = p[12].place.address + "") && N(A, b), p[12].tags.length ? E ? E.p(p, M) : (E = ce(p), E.c(), E.m(n, null)) : E && (E.d(1), E = null), M & 33 && U !== (U = p[0] + "/event/" + (p[12].slug || p[12].id)) && a(e, "href", U), M & 32 && q !== (q = p[12].title) && a(e, "title", q); + }, + d(p) { + p && x(e), $ && $.d(), E && E.d(); + } + }; +} +function He(t) { + let e, i, n = t[4] && re(t), l = t[5].length && oe(t); + return { + c() { + n && n.c(), e = z(), l && l.c(), i = ve(), this.c = L; + }, + m(o, r) { + n && n.m(o, r), v(o, e, r), l && l.m(o, r), v(o, i, r); + }, + p(o, [r]) { + o[4] ? n ? n.p(o, r) : (n = re(o), n.c(), n.m(e.parentNode, e)) : n && (n.d(1), n = null), o[5].length ? l ? l.p(o, r) : (l = oe(o), l.c(), l.m(i.parentNode, i)) : l && (l.d(1), l = null); + }, + i: L, + o: L, + d(o) { + n && n.d(o), o && x(e), l && l.d(o), o && x(i); + } + }; +} +function de(t) { + if (t.media && t.media[0].focalpoint) { + const e = t.media[0].focalpoint; + return `${(e[0] + 1) * 50}% ${(e[1] + 1) * 50}%`; + } + return "center center"; +} +function Re(t, e, i) { + let { baseurl: n = "" } = e, { title: l = "" } = e, { maxlength: o = !1 } = e, { tags: r = "" } = e, { places: f = "" } = e, { theme: c = "light" } = e, { show_recurrent: s = !1 } = e, { sidebar: k = "true" } = e, { external_style: m = "" } = e, _ = !1, C = []; + function w(d) { + if (!_) return; - const params = []; - if (maxlength) { - params.push(`max=${maxlength}`); - } - if (tags) { - params.push(`tags=${tags}`); - } - if (places) { - params.push(`places=${places}`); - } - params.push(`show_recurrent=${show_recurrent ? "true" : "false"}`); - fetch(`${baseurl}/api/events?${params.join("&")}`).then((res) => res.json()).then((e) => { - $$invalidate(5, events = e); - }).catch((e) => { - console.error("Error loading Gancio API -> ", e); + const S = []; + o && S.push(`max=${o}`), r && S.push(`tags=${r}`), f && S.push(`places=${f}`), S.push(`show_recurrent=${s ? "true" : "false"}`), fetch(`${n}/api/events?${S.join("&")}`).then((h) => h.json()).then((h) => { + i(5, C = h); + }).catch((h) => { + console.error("Error loading Gancio API -> ", h); }); } - onMount(() => { - mounted = true; - update2(); - }); - $$self.$$set = ($$props2) => { - if ("baseurl" in $$props2) - $$invalidate(0, baseurl = $$props2.baseurl); - if ("title" in $$props2) - $$invalidate(1, title = $$props2.title); - if ("maxlength" in $$props2) - $$invalidate(6, maxlength = $$props2.maxlength); - if ("tags" in $$props2) - $$invalidate(7, tags = $$props2.tags); - if ("places" in $$props2) - $$invalidate(8, places = $$props2.places); - if ("theme" in $$props2) - $$invalidate(2, theme = $$props2.theme); - if ("show_recurrent" in $$props2) - $$invalidate(9, show_recurrent = $$props2.show_recurrent); - if ("sidebar" in $$props2) - $$invalidate(3, sidebar = $$props2.sidebar); - if ("external_style" in $$props2) - $$invalidate(4, external_style = $$props2.external_style); - }; - $$self.$$.update = () => { - if ($$self.$$.dirty & 974) { - update2(); - } - }; - return [ - baseurl, - title, - theme, - sidebar, - external_style, - events, - maxlength, - tags, - places, - show_recurrent + return we(() => { + _ = !0, w(); + }), t.$$set = (d) => { + "baseurl" in d && i(0, n = d.baseurl), "title" in d && i(1, l = d.title), "maxlength" in d && i(6, o = d.maxlength), "tags" in d && i(7, r = d.tags), "places" in d && i(8, f = d.places), "theme" in d && i(2, c = d.theme), "show_recurrent" in d && i(9, s = d.show_recurrent), "sidebar" in d && i(3, k = d.sidebar), "external_style" in d && i(4, m = d.external_style); + }, t.$$.update = () => { + t.$$.dirty & 974 && w(); + }, [ + n, + l, + c, + k, + m, + C, + o, + r, + f, + s ]; } -class GancioEvents extends SvelteElement { - constructor(options) { - super(); - this.shadowRoot.innerHTML = ``; - init(this, { - target: this.shadowRoot, - props: attribute_to_object(this.attributes), - customElement: true - }, instance$1, create_fragment$1, safe_not_equal, { - baseurl: 0, - title: 1, - maxlength: 6, - tags: 7, - places: 8, - theme: 2, - show_recurrent: 9, - sidebar: 3, - external_style: 4 - }, null); - if (options) { - if (options.target) { - insert(options.target, this, options.anchor); - } - if (options.props) { - this.$set(options.props); - flush(); - } - } +class Ie extends X { + constructor(e) { + super(), this.shadowRoot.innerHTML = ``, ye( + this, + { + target: this.shadowRoot, + props: ke(this.attributes), + customElement: !0 + }, + Re, + He, + be, + { + baseurl: 0, + title: 1, + maxlength: 6, + tags: 7, + places: 8, + theme: 2, + show_recurrent: 9, + sidebar: 3, + external_style: 4 + }, + null + ), e && (e.target && v(e.target, this, e.anchor), e.props && (this.$set(e.props), y())); } static get observedAttributes() { return [ @@ -955,291 +516,152 @@ class GancioEvents extends SvelteElement { get baseurl() { return this.$$.ctx[0]; } - set baseurl(baseurl) { - this.$$set({ baseurl }); - flush(); + set baseurl(e) { + this.$$set({ baseurl: e }), y(); } get title() { return this.$$.ctx[1]; } - set title(title) { - this.$$set({ title }); - flush(); + set title(e) { + this.$$set({ title: e }), y(); } get maxlength() { return this.$$.ctx[6]; } - set maxlength(maxlength) { - this.$$set({ maxlength }); - flush(); + set maxlength(e) { + this.$$set({ maxlength: e }), y(); } get tags() { return this.$$.ctx[7]; } - set tags(tags) { - this.$$set({ tags }); - flush(); + set tags(e) { + this.$$set({ tags: e }), y(); } get places() { return this.$$.ctx[8]; } - set places(places) { - this.$$set({ places }); - flush(); + set places(e) { + this.$$set({ places: e }), y(); } get theme() { return this.$$.ctx[2]; } - set theme(theme) { - this.$$set({ theme }); - flush(); + set theme(e) { + this.$$set({ theme: e }), y(); } get show_recurrent() { return this.$$.ctx[9]; } - set show_recurrent(show_recurrent) { - this.$$set({ show_recurrent }); - flush(); + set show_recurrent(e) { + this.$$set({ show_recurrent: e }), y(); } get sidebar() { return this.$$.ctx[3]; } - set sidebar(sidebar) { - this.$$set({ sidebar }); - flush(); + set sidebar(e) { + this.$$set({ sidebar: e }), y(); } get external_style() { return this.$$.ctx[4]; } - set external_style(external_style) { - this.$$set({ external_style }); - flush(); + set external_style(e) { + this.$$set({ external_style: e }), y(); } } -customElements.define("gancio-events", GancioEvents); -function create_if_block(ctx) { - let a; - let t0; - let div2; - let strong; - let t1_value = ctx[1].title + ""; - let t1; - let t2; - let div0; - let t3_value = when(ctx[1]) + ""; - let t3; - let t4; - let div1; - let t5; - let t6_value = ctx[1].place.name + ""; - let t6; - let a_href_value; - let if_block = ctx[1].media.length && create_if_block_1(ctx); +customElements.define("gancio-events", Ie); +function he(t) { + let e, i, n, l, o = t[1].title + "", r, f, c, s = V(t[1]) + "", k, m, _, C, w = t[1].place.name + "", d, S, h = t[1].media.length && ge(t); return { c() { - a = element("a"); - if (if_block) - if_block.c(); - t0 = space(); - div2 = element("div"); - strong = element("strong"); - t1 = text(t1_value); - t2 = space(); - div0 = element("div"); - t3 = text(t3_value); - t4 = space(); - div1 = element("div"); - t5 = text("@"); - t6 = text(t6_value); - attr(div1, "class", "place"); - attr(div2, "class", "container"); - attr(a, "href", a_href_value = ctx[0] + "/event/" + (ctx[1].slug || ctx[1].id)); - attr(a, "class", "card"); - attr(a, "target", "_blank"); + e = g("a"), h && h.c(), i = z(), n = g("div"), l = g("strong"), r = j(o), f = z(), c = g("div"), k = j(s), m = z(), _ = g("div"), C = j("@"), d = j(w), a(_, "class", "place"), a(n, "class", "container"), a(e, "href", S = t[0] + "/event/" + (t[1].slug || t[1].id)), a(e, "class", "card"), a(e, "target", "_blank"); }, - m(target, anchor) { - insert(target, a, anchor); - if (if_block) - if_block.m(a, null); - append(a, t0); - append(a, div2); - append(div2, strong); - append(strong, t1); - append(div2, t2); - append(div2, div0); - append(div0, t3); - append(div2, t4); - append(div2, div1); - append(div1, t5); - append(div1, t6); + m(b, A) { + v(b, e, A), h && h.m(e, null), u(e, i), u(e, n), u(n, l), u(l, r), u(n, f), u(n, c), u(c, k), u(n, m), u(n, _), u(_, C), u(_, d); }, - p(ctx2, dirty) { - if (ctx2[1].media.length) { - if (if_block) { - if_block.p(ctx2, dirty); - } else { - if_block = create_if_block_1(ctx2); - if_block.c(); - if_block.m(a, t0); - } - } else if (if_block) { - if_block.d(1); - if_block = null; - } - if (dirty & 2 && t1_value !== (t1_value = ctx2[1].title + "")) - set_data(t1, t1_value); - if (dirty & 2 && t3_value !== (t3_value = when(ctx2[1]) + "")) - set_data(t3, t3_value); - if (dirty & 2 && t6_value !== (t6_value = ctx2[1].place.name + "")) - set_data(t6, t6_value); - if (dirty & 3 && a_href_value !== (a_href_value = ctx2[0] + "/event/" + (ctx2[1].slug || ctx2[1].id))) { - attr(a, "href", a_href_value); - } + p(b, A) { + b[1].media.length ? h ? h.p(b, A) : (h = ge(b), h.c(), h.m(e, i)) : h && (h.d(1), h = null), A & 2 && o !== (o = b[1].title + "") && N(r, o), A & 2 && s !== (s = V(b[1]) + "") && N(k, s), A & 2 && w !== (w = b[1].place.name + "") && N(d, w), A & 3 && S !== (S = b[0] + "/event/" + (b[1].slug || b[1].id)) && a(e, "href", S); }, - d(detaching) { - if (detaching) - detach(a); - if (if_block) - if_block.d(); + d(b) { + b && x(e), h && h.d(); } }; } -function create_if_block_1(ctx) { - let img; - let img_src_value; - let img_alt_value; - let img_style_value; +function ge(t) { + let e, i, n, l; return { c() { - img = element("img"); - if (!src_url_equal(img.src, img_src_value = ctx[2](ctx[1]))) - attr(img, "src", img_src_value); - attr(img, "alt", img_alt_value = ctx[1].media[0].name); - attr(img, "style", img_style_value = "object-position: " + position(ctx[1]) + "; aspect-ratio=1.7778;"); + e = g("img"), G(e.src, i = t[2](t[1])) || a(e, "src", i), a(e, "alt", n = t[1].media[0].name), a(e, "style", l = "object-position: " + me(t[1]) + "; aspect-ratio=1.7778;"); }, - m(target, anchor) { - insert(target, img, anchor); + m(o, r) { + v(o, e, r); }, - p(ctx2, dirty) { - if (dirty & 2 && !src_url_equal(img.src, img_src_value = ctx2[2](ctx2[1]))) { - attr(img, "src", img_src_value); - } - if (dirty & 2 && img_alt_value !== (img_alt_value = ctx2[1].media[0].name)) { - attr(img, "alt", img_alt_value); - } - if (dirty & 2 && img_style_value !== (img_style_value = "object-position: " + position(ctx2[1]) + "; aspect-ratio=1.7778;")) { - attr(img, "style", img_style_value); - } + p(o, r) { + r & 2 && !G(e.src, i = o[2](o[1])) && a(e, "src", i), r & 2 && n !== (n = o[1].media[0].name) && a(e, "alt", n), r & 2 && l !== (l = "object-position: " + me(o[1]) + "; aspect-ratio=1.7778;") && a(e, "style", l); }, - d(detaching) { - if (detaching) - detach(img); + d(o) { + o && x(e); } }; } -function create_fragment(ctx) { - let if_block_anchor; - let if_block = ctx[1] && create_if_block(ctx); +function Oe(t) { + let e, i = t[1] && he(t); return { c() { - if (if_block) - if_block.c(); - if_block_anchor = empty(); - this.c = noop; + i && i.c(), e = ve(), this.c = L; }, - m(target, anchor) { - if (if_block) - if_block.m(target, anchor); - insert(target, if_block_anchor, anchor); + m(n, l) { + i && i.m(n, l), v(n, e, l); }, - p(ctx2, [dirty]) { - if (ctx2[1]) { - if (if_block) { - if_block.p(ctx2, dirty); - } else { - if_block = create_if_block(ctx2); - if_block.c(); - if_block.m(if_block_anchor.parentNode, if_block_anchor); - } - } else if (if_block) { - if_block.d(1); - if_block = null; - } + p(n, [l]) { + n[1] ? i ? i.p(n, l) : (i = he(n), i.c(), i.m(e.parentNode, e)) : i && (i.d(1), i = null); }, - i: noop, - o: noop, - d(detaching) { - if (if_block) - if_block.d(detaching); - if (detaching) - detach(if_block_anchor); + i: L, + o: L, + d(n) { + i && i.d(n), n && x(e); } }; } -function when(event) { - return new Date(event.start_datetime * 1e3).toLocaleDateString(void 0, { - weekday: "long", - month: "short", - day: "numeric", - hour: "2-digit", - minute: "2-digit" - }); -} -function position(event) { - if (event.media[0].focalpoint) { - const focalpoint = event.media[0].focalpoint; - return `${(focalpoint[0] + 1) * 50}% ${(focalpoint[1] + 1) * 50}%`; +function me(t) { + if (t.media[0].focalpoint) { + const e = t.media[0].focalpoint; + return `${(e[0] + 1) * 50}% ${(e[1] + 1) * 50}%`; } return "center center"; } -function instance($$self, $$props, $$invalidate) { - let { baseurl = "https://demo.gancio.org" } = $$props; - let { id } = $$props; - let mounted = false; - let event; - function update2(id2, baseurl2) { - if (mounted) { - fetch(`${baseurl2}/api/event/${id2}`).then((res) => res.json()).then((e) => $$invalidate(1, event = e)); - } +function Ue(t, e, i) { + let { baseurl: n = "https://demo.gancio.org" } = e, { id: l } = e, o = !1, r; + function f(s, k) { + o && fetch(`${k}/api/event/${s}`).then((m) => m.json()).then((m) => i(1, r = m)); } - onMount(() => { - mounted = true; - update2(id, baseurl); + we(() => { + o = !0, f(l, n); }); - function thumbnail(event2) { - return `${baseurl}/media/thumb/${event2.media[0].url}`; + function c(s) { + return `${n}/media/thumb/${s.media[0].url}`; } - $$self.$$set = ($$props2) => { - if ("baseurl" in $$props2) - $$invalidate(0, baseurl = $$props2.baseurl); - if ("id" in $$props2) - $$invalidate(3, id = $$props2.id); - }; - $$self.$$.update = () => { - if ($$self.$$.dirty & 9) { - update2(id, baseurl); - } - }; - return [baseurl, event, thumbnail, id]; + return t.$$set = (s) => { + "baseurl" in s && i(0, n = s.baseurl), "id" in s && i(3, l = s.id); + }, t.$$.update = () => { + t.$$.dirty & 9 && f(l, n); + }, [n, r, c, l]; } -class GancioEvent extends SvelteElement { - constructor(options) { - super(); - this.shadowRoot.innerHTML = ``; - init(this, { - target: this.shadowRoot, - props: attribute_to_object(this.attributes), - customElement: true - }, instance, create_fragment, safe_not_equal, { baseurl: 0, id: 3 }, null); - if (options) { - if (options.target) { - insert(options.target, this, options.anchor); - } - if (options.props) { - this.$set(options.props); - flush(); - } - } +class qe extends X { + constructor(e) { + super(), this.shadowRoot.innerHTML = ``, ye( + this, + { + target: this.shadowRoot, + props: ke(this.attributes), + customElement: !0 + }, + Ue, + Oe, + be, + { baseurl: 0, id: 3 }, + null + ), e && (e.target && v(e.target, this, e.anchor), e.props && (this.$set(e.props), y())); } static get observedAttributes() { return ["baseurl", "id"]; @@ -1247,16 +669,14 @@ class GancioEvent extends SvelteElement { get baseurl() { return this.$$.ctx[0]; } - set baseurl(baseurl) { - this.$$set({ baseurl }); - flush(); + set baseurl(e) { + this.$$set({ baseurl: e }), y(); } get id() { return this.$$.ctx[3]; } - set id(id) { - this.$$set({ id }); - flush(); + set id(e) { + this.$$set({ id: e }), y(); } } -customElements.define("gancio-event", GancioEvent); +customElements.define("gancio-event", qe); diff --git a/server/helpers.js b/server/helpers.js index 86e42adb..1af57593 100644 --- a/server/helpers.js +++ b/server/helpers.js @@ -48,14 +48,14 @@ domPurify.addHook('beforeSanitizeElements', node => { module.exports = { - randomString (length = 12) { + randomString(length = 12) { const wishlist = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz' return Array.from(crypto.randomFillSync(new Uint32Array(length))) .map(x => wishlist[x % wishlist.length]) .join('') }, - sanitizeHTML (html) { + sanitizeHTML(html) { return domPurify.sanitize(html, { ALLOWED_TAGS: ['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'br', 'i', 'span', 'h6', 'b', 'a', 'li', 'ul', 'ol', 'code', 'blockquote', 'u', 's', 'strong'], @@ -63,7 +63,7 @@ module.exports = { }) }, - async setUserLocale (req, res, next) { + async setUserLocale(req, res, next) { // select locale based on cookie? and accept-language header acceptLanguage.languages(Object.keys(locales)) res.locals.acceptedLocale = acceptLanguage.get(req.headers['accept-language']) @@ -71,7 +71,7 @@ module.exports = { next() }, - async initSettings (_req, res, next) { + async initSettings(_req, res, next) { // initialize settings res.locals.settings = cloneDeep(settingsController.settings) delete res.locals.settings.smtp @@ -87,12 +87,12 @@ module.exports = { next() }, - serveStatic () { + serveStatic() { const router = express.Router() // serve images/thumb - router.use('/media/', express.static(config.upload_path, { immutable: true, maxAge: '1y' } ), (_req, res) => res.sendStatus(404)) + router.use('/media/', express.static(config.upload_path, { immutable: true, maxAge: '1y' }), (_req, res) => res.sendStatus(404)) router.use('/noimg.svg', express.static('./static/noimg.svg')) - + router.use('/logo.png', (req, res, next) => { const logoPath = res.locals.settings.logo || './static/gancio' return express.static(logoPath + '.png')(req, res, next) @@ -106,12 +106,12 @@ module.exports = { return router }, - logRequest (req, _res, next) { + logRequest(req, _res, next) { log.debug(`${req.method} ${req.path}`) next() }, - col (field) { + col(field) { if (config.db.dialect === 'postgres') { return '"' + field.split('.').join('"."') + '"' } else if (config.db.dialect === 'mariadb') { @@ -121,14 +121,14 @@ module.exports = { } }, - async getImageFromURL (url) { + async getImageFromURL(url) { log.debug(`getImageFromURL ${url}`) const filename = crypto.randomBytes(16).toString('hex') const sharpStream = sharp({ failOnError: true }) const promises = [ sharpStream.clone().resize(500, null, { withoutEnlargement: true }).jpeg({ effort: 6, mozjpeg: true }).toFile(path.resolve(config.upload_path, 'thumb', filename + '.jpg')), - sharpStream.clone().resize(1200, null, { withoutEnlargement: true } ).jpeg({ quality: 95, effort: 6, mozjpeg: true}).toFile(path.resolve(config.upload_path, filename + '.jpg')), + sharpStream.clone().resize(1200, null, { withoutEnlargement: true }).jpeg({ quality: 95, effort: 6, mozjpeg: true }).toFile(path.resolve(config.upload_path, filename + '.jpg')), ] const response = await axios({ method: 'GET', url: encodeURI(url), responseType: 'stream' }) @@ -157,7 +157,7 @@ module.exports = { * Import events from url * It does supports ICS and H-EVENT */ - async importURL (req, res) { + async importURL(req, res) { const URL = req.query.URL try { const response = await axios.get(URL) @@ -210,7 +210,7 @@ module.exports = { } }, - getWeekdayN (date, n, weekday) { + getWeekdayN(date, n, weekday) { let cursor if (n === -1) { cursor = date.endOf('month') @@ -227,8 +227,8 @@ module.exports = { log.debug(cursor) return cursor }, - - async APRedirect (req, res, next) { + + async APRedirect(req, res, next) { const acceptJson = req.accepts('html', 'application/activity+json') === 'application/activity+json' if (acceptJson) { const eventController = require('../server/api/controller/event') @@ -240,7 +240,7 @@ module.exports = { next() }, - async feedRedirect (req, res, next) { + async feedRedirect(req, res, next) { const accepted = req.accepts('html', 'application/rss+xml', 'text/calendar') if (['application/rss+xml', 'text/calendar'].includes(accepted) && /^\/(tag|place|collection)\/.*/.test(req.path)) { return res.redirect((accepted === 'application/rss+xml' ? '/feed/rss' : '/feed/ics') + req.path) diff --git a/static/gancio-events.es.js b/static/gancio-events.es.js index c1fe9753..35d91346 100644 --- a/static/gancio-events.es.js +++ b/static/gancio-events.es.js @@ -1,943 +1,504 @@ -function noop() { +function L() { } -function run(fn) { - return fn(); +function W(t) { + return t(); } -function blank_object() { +function ee() { return /* @__PURE__ */ Object.create(null); } -function run_all(fns) { - fns.forEach(run); +function O(t) { + t.forEach(W); } -function is_function(thing) { - return typeof thing === "function"; +function _e(t) { + return typeof t == "function"; } -function safe_not_equal(a, b) { - return a != a ? b == b : a !== b || (a && typeof a === "object" || typeof a === "function"); +function be(t, e) { + return t != t ? e == e : t !== e || t && typeof t == "object" || typeof t == "function"; } -let src_url_equal_anchor; -function src_url_equal(element_src, url) { - if (!src_url_equal_anchor) { - src_url_equal_anchor = document.createElement("a"); - } - src_url_equal_anchor.href = url; - return element_src === src_url_equal_anchor.href; +let B; +function G(t, e) { + return B || (B = document.createElement("a")), B.href = e, t === B.href; } -function is_empty(obj) { - return Object.keys(obj).length === 0; +function xe(t) { + return Object.keys(t).length === 0; } -function append(target, node) { - target.appendChild(node); +function u(t, e) { + t.appendChild(e); } -function insert(target, node, anchor) { - target.insertBefore(node, anchor || null); +function v(t, e, i) { + t.insertBefore(e, i || null); } -function detach(node) { - node.parentNode.removeChild(node); +function x(t) { + t.parentNode.removeChild(t); } -function destroy_each(iterations, detaching) { - for (let i = 0; i < iterations.length; i += 1) { - if (iterations[i]) - iterations[i].d(detaching); - } +function pe(t, e) { + for (let i = 0; i < t.length; i += 1) + t[i] && t[i].d(e); } -function element(name) { - return document.createElement(name); +function g(t) { + return document.createElement(t); } -function text(data) { - return document.createTextNode(data); +function j(t) { + return document.createTextNode(t); } -function space() { - return text(" "); +function z() { + return j(" "); } -function empty() { - return text(""); +function ve() { + return j(""); } -function attr(node, attribute, value) { - if (value == null) - node.removeAttribute(attribute); - else if (node.getAttribute(attribute) !== value) - node.setAttribute(attribute, value); +function a(t, e, i) { + i == null ? t.removeAttribute(e) : t.getAttribute(e) !== i && t.setAttribute(e, i); } -function children(element2) { - return Array.from(element2.childNodes); +function $e(t) { + return Array.from(t.childNodes); } -function set_data(text2, data) { - data = "" + data; - if (text2.wholeText !== data) - text2.data = data; +function N(t, e) { + e = "" + e, t.wholeText !== e && (t.data = e); } -function toggle_class(element2, name, toggle) { - element2.classList[toggle ? "add" : "remove"](name); +function T(t, e, i) { + t.classList[i ? "add" : "remove"](e); } -function attribute_to_object(attributes) { - const result = {}; - for (const attribute of attributes) { - result[attribute.name] = attribute.value; - } - return result; +function ke(t) { + const e = {}; + for (const i of t) + e[i.name] = i.value; + return e; } -let current_component; -function set_current_component(component) { - current_component = component; +let I; +function R(t) { + I = t; } -function get_current_component() { - if (!current_component) +function Ee() { + if (!I) throw new Error("Function called outside component initialization"); - return current_component; + return I; } -function onMount(fn) { - get_current_component().$$.on_mount.push(fn); +function we(t) { + Ee().$$.on_mount.push(t); } -const dirty_components = []; -const binding_callbacks = []; -const render_callbacks = []; -const flush_callbacks = []; -const resolved_promise = Promise.resolve(); -let update_scheduled = false; -function schedule_update() { - if (!update_scheduled) { - update_scheduled = true; - resolved_promise.then(flush); - } +const H = [], te = [], P = [], ie = [], je = Promise.resolve(); +let K = !1; +function Se() { + K || (K = !0, je.then(y)); } -function add_render_callback(fn) { - render_callbacks.push(fn); +function Q(t) { + P.push(t); } -const seen_callbacks = /* @__PURE__ */ new Set(); -let flushidx = 0; -function flush() { - const saved_component = current_component; +const J = /* @__PURE__ */ new Set(); +let D = 0; +function y() { + const t = I; do { - while (flushidx < dirty_components.length) { - const component = dirty_components[flushidx]; - flushidx++; - set_current_component(component); - update(component.$$); + for (; D < H.length; ) { + const e = H[D]; + D++, R(e), ze(e.$$); } - 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) { - const callback = render_callbacks[i]; - if (!seen_callbacks.has(callback)) { - seen_callbacks.add(callback); - callback(); - } + for (R(null), H.length = 0, D = 0; te.length; ) + te.pop()(); + for (let e = 0; e < P.length; e += 1) { + const i = P[e]; + J.has(i) || (J.add(i), i()); } - render_callbacks.length = 0; - } while (dirty_components.length); - while (flush_callbacks.length) { - flush_callbacks.pop()(); - } - update_scheduled = false; - seen_callbacks.clear(); - set_current_component(saved_component); + P.length = 0; + } while (H.length); + for (; ie.length; ) + ie.pop()(); + K = !1, J.clear(), R(t); } -function update($$) { - if ($$.fragment !== null) { - $$.update(); - run_all($$.before_update); - const dirty = $$.dirty; - $$.dirty = [-1]; - $$.fragment && $$.fragment.p($$.ctx, dirty); - $$.after_update.forEach(add_render_callback); +function ze(t) { + if (t.fragment !== null) { + t.update(), O(t.before_update); + const e = t.dirty; + t.dirty = [-1], t.fragment && t.fragment.p(t.ctx, e), t.after_update.forEach(Q); } } -const outroing = /* @__PURE__ */ new Set(); -function transition_in(block, local) { - if (block && block.i) { - outroing.delete(block); - block.i(local); - } +const Ce = /* @__PURE__ */ new Set(); +function Ae(t, e) { + t && t.i && (Ce.delete(t), t.i(e)); } -function mount_component(component, target, anchor, customElement) { - const { fragment, on_mount, on_destroy, after_update } = component.$$; - fragment && fragment.m(target, anchor); - if (!customElement) { - add_render_callback(() => { - const new_on_destroy = on_mount.map(run).filter(is_function); - if (on_destroy) { - on_destroy.push(...new_on_destroy); - } else { - run_all(new_on_destroy); - } - component.$$.on_mount = []; - }); - } - after_update.forEach(add_render_callback); +function Me(t, e, i, n) { + const { fragment: l, on_mount: o, on_destroy: r, after_update: f } = t.$$; + l && l.m(e, i), n || Q(() => { + const c = o.map(W).filter(_e); + r ? r.push(...c) : O(c), t.$$.on_mount = []; + }), f.forEach(Q); } -function destroy_component(component, detaching) { - const $$ = component.$$; - if ($$.fragment !== null) { - run_all($$.on_destroy); - $$.fragment && $$.fragment.d(detaching); - $$.on_destroy = $$.fragment = null; - $$.ctx = []; - } +function Ne(t, e) { + const i = t.$$; + i.fragment !== null && (O(i.on_destroy), i.fragment && i.fragment.d(e), i.on_destroy = i.fragment = null, i.ctx = []); } -function make_dirty(component, i) { - if (component.$$.dirty[0] === -1) { - dirty_components.push(component); - schedule_update(); - component.$$.dirty.fill(0); - } - component.$$.dirty[i / 31 | 0] |= 1 << i % 31; +function Te(t, e) { + t.$$.dirty[0] === -1 && (H.push(t), Se(), t.$$.dirty.fill(0)), t.$$.dirty[e / 31 | 0] |= 1 << e % 31; } -function init(component, options, instance2, create_fragment2, not_equal, props, append_styles, dirty = [-1]) { - const parent_component = current_component; - set_current_component(component); - const $$ = component.$$ = { +function ye(t, e, i, n, l, o, r, f = [-1]) { + const c = I; + R(t); + const s = t.$$ = { fragment: null, ctx: null, - props, - update: noop, - not_equal, - bound: blank_object(), + props: o, + update: L, + not_equal: l, + bound: ee(), on_mount: [], on_destroy: [], on_disconnect: [], before_update: [], after_update: [], - context: new Map(options.context || (parent_component ? parent_component.$$.context : [])), - callbacks: blank_object(), - dirty, - skip_bound: false, - root: options.target || parent_component.$$.root + context: new Map(e.context || (c ? c.$$.context : [])), + callbacks: ee(), + dirty: f, + skip_bound: !1, + root: e.target || c.$$.root }; - append_styles && append_styles($$.root); - let ready = false; - $$.ctx = instance2 ? instance2(component, options.props || {}, (i, ret, ...rest) => { - const value = rest.length ? rest[0] : ret; - if ($$.ctx && not_equal($$.ctx[i], $$.ctx[i] = value)) { - if (!$$.skip_bound && $$.bound[i]) - $$.bound[i](value); - if (ready) - make_dirty(component, i); - } - return ret; - }) : []; - $$.update(); - ready = true; - run_all($$.before_update); - $$.fragment = create_fragment2 ? create_fragment2($$.ctx) : false; - if (options.target) { - if (options.hydrate) { - const nodes = children(options.target); - $$.fragment && $$.fragment.l(nodes); - nodes.forEach(detach); - } else { - $$.fragment && $$.fragment.c(); - } - if (options.intro) - transition_in(component.$$.fragment); - mount_component(component, options.target, options.anchor, options.customElement); - flush(); + r && r(s.root); + let k = !1; + if (s.ctx = i ? i(t, e.props || {}, (m, _, ...C) => { + const w = C.length ? C[0] : _; + return s.ctx && l(s.ctx[m], s.ctx[m] = w) && (!s.skip_bound && s.bound[m] && s.bound[m](w), k && Te(t, m)), _; + }) : [], s.update(), k = !0, O(s.before_update), s.fragment = n ? n(s.ctx) : !1, e.target) { + if (e.hydrate) { + const m = $e(e.target); + s.fragment && s.fragment.l(m), m.forEach(x); + } else + s.fragment && s.fragment.c(); + e.intro && Ae(t.$$.fragment), Me(t, e.target, e.anchor, e.customElement), y(); } - set_current_component(parent_component); + R(c); } -let SvelteElement; -if (typeof HTMLElement === "function") { - SvelteElement = class extends HTMLElement { - constructor() { - super(); - this.attachShadow({ mode: "open" }); - } - connectedCallback() { - const { on_mount } = this.$$; - this.$$.on_disconnect = on_mount.map(run).filter(is_function); - for (const key in this.$$.slotted) { - this.appendChild(this.$$.slotted[key]); - } - } - attributeChangedCallback(attr2, _oldValue, newValue) { - this[attr2] = newValue; - } - disconnectedCallback() { - run_all(this.$$.on_disconnect); - } - $destroy() { - destroy_component(this, 1); - this.$destroy = noop; - } - $on(type, callback) { - const callbacks = this.$$.callbacks[type] || (this.$$.callbacks[type] = []); - callbacks.push(callback); - return () => { - const index = callbacks.indexOf(callback); - if (index !== -1) - callbacks.splice(index, 1); - }; - } - $set($$props) { - if (this.$$set && !is_empty($$props)) { - this.$$.skip_bound = true; - this.$$set($$props); - this.$$.skip_bound = false; - } - } - }; -} -function get_each_context(ctx, list, i) { - const child_ctx = ctx.slice(); - child_ctx[12] = list[i]; - return child_ctx; -} -function get_each_context_1(ctx, list, i) { - const child_ctx = ctx.slice(); - child_ctx[15] = list[i]; - return child_ctx; -} -function create_if_block_5(ctx) { - let link; - return { - c() { - link = element("link"); - attr(link, "rel", "stylesheet"); - attr(link, "href", ctx[4]); - }, - m(target, anchor) { - insert(target, link, anchor); - }, - p(ctx2, dirty) { - if (dirty & 16) { - attr(link, "href", ctx2[4]); - } - }, - d(detaching) { - if (detaching) - detach(link); - } - }; -} -function create_if_block$1(ctx) { - let div; - let t; - let if_block = ctx[1] && ctx[3] === "true" && create_if_block_4(ctx); - let each_value = ctx[5]; - 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)); +let X; +typeof HTMLElement == "function" && (X = class extends HTMLElement { + constructor() { + super(), this.attachShadow({ mode: "open" }); } - return { - c() { - div = element("div"); - if (if_block) - if_block.c(); - t = space(); - for (let i = 0; i < each_blocks.length; i += 1) { - each_blocks[i].c(); - } - attr(div, "id", "gancioEvents"); - toggle_class(div, "dark", ctx[2] === "dark"); - toggle_class(div, "light", ctx[2] === "light"); - toggle_class(div, "sidebar", ctx[3] === "true"); - toggle_class(div, "nosidebar", ctx[3] !== "true"); - }, - m(target, anchor) { - insert(target, div, anchor); - if (if_block) - if_block.m(div, null); - append(div, t); - for (let i = 0; i < each_blocks.length; i += 1) { - each_blocks[i].m(div, null); - } - }, - p(ctx2, dirty) { - if (ctx2[1] && ctx2[3] === "true") { - if (if_block) { - if_block.p(ctx2, dirty); - } else { - if_block = create_if_block_4(ctx2); - if_block.c(); - if_block.m(div, t); - } - } else if (if_block) { - if_block.d(1); - if_block = null; - } - if (dirty & 41) { - each_value = ctx2[5]; - let i; - for (i = 0; i < each_value.length; i += 1) { - const child_ctx = get_each_context(ctx2, each_value, i); - if (each_blocks[i]) { - each_blocks[i].p(child_ctx, dirty); - } else { - each_blocks[i] = create_each_block(child_ctx); - each_blocks[i].c(); - each_blocks[i].m(div, null); - } - } - for (; i < each_blocks.length; i += 1) { - each_blocks[i].d(1); - } - each_blocks.length = each_value.length; - } - if (dirty & 4) { - toggle_class(div, "dark", ctx2[2] === "dark"); - } - if (dirty & 4) { - toggle_class(div, "light", ctx2[2] === "light"); - } - if (dirty & 8) { - toggle_class(div, "sidebar", ctx2[3] === "true"); - } - if (dirty & 8) { - toggle_class(div, "nosidebar", ctx2[3] !== "true"); - } - }, - d(detaching) { - if (detaching) - detach(div); - if (if_block) - if_block.d(); - destroy_each(each_blocks, detaching); - } - }; -} -function create_if_block_4(ctx) { - let a; - let div1; - let div0; - let t0; - let t1; - let img; - let img_src_value; - return { - c() { - a = element("a"); - div1 = element("div"); - div0 = element("div"); - t0 = text(ctx[1]); - t1 = space(); - img = element("img"); - attr(div0, "class", "title"); - attr(img, "id", "logo"); - attr(img, "alt", "logo"); - if (!src_url_equal(img.src, img_src_value = ctx[0] + "/logo.png")) - attr(img, "src", img_src_value); - attr(div1, "class", "content"); - attr(a, "href", ctx[0]); - attr(a, "target", "_blank"); - attr(a, "id", "header"); - }, - m(target, anchor) { - insert(target, a, anchor); - append(a, div1); - append(div1, div0); - append(div0, t0); - append(div1, t1); - append(div1, img); - }, - p(ctx2, dirty) { - if (dirty & 2) - set_data(t0, ctx2[1]); - if (dirty & 1 && !src_url_equal(img.src, img_src_value = ctx2[0] + "/logo.png")) { - attr(img, "src", img_src_value); - } - if (dirty & 1) { - attr(a, "href", ctx2[0]); - } - }, - d(detaching) { - if (detaching) - detach(a); - } - }; -} -function create_if_block_2(ctx) { - let div; - function select_block_type(ctx2, dirty) { - if (ctx2[12].media.length) - return create_if_block_3; - return create_else_block; + connectedCallback() { + const { on_mount: t } = this.$$; + this.$$.on_disconnect = t.map(W).filter(_e); + for (const e in this.$$.slotted) + this.appendChild(this.$$.slotted[e]); } - let current_block_type = select_block_type(ctx); - let if_block = current_block_type(ctx); - return { - c() { - div = element("div"); - if_block.c(); - attr(div, "class", "img"); - }, - m(target, anchor) { - insert(target, div, anchor); - if_block.m(div, null); - }, - p(ctx2, dirty) { - if (current_block_type === (current_block_type = select_block_type(ctx2)) && if_block) { - if_block.p(ctx2, dirty); - } else { - if_block.d(1); - if_block = current_block_type(ctx2); - if (if_block) { - if_block.c(); - if_block.m(div, null); - } - } - }, - d(detaching) { - if (detaching) - detach(div); - if_block.d(); - } - }; -} -function create_else_block(ctx) { - let img; - let img_alt_value; - let img_src_value; - return { - c() { - img = element("img"); - attr(img, "style", "aspect-ratio=1.7778;"); - attr(img, "alt", img_alt_value = ctx[12].title); - if (!src_url_equal(img.src, img_src_value = ctx[0] + "/noimg.svg")) - attr(img, "src", img_src_value); - attr(img, "loading", "lazy"); - }, - m(target, anchor) { - insert(target, img, anchor); - }, - p(ctx2, dirty) { - if (dirty & 32 && img_alt_value !== (img_alt_value = ctx2[12].title)) { - attr(img, "alt", img_alt_value); - } - if (dirty & 1 && !src_url_equal(img.src, img_src_value = ctx2[0] + "/noimg.svg")) { - attr(img, "src", img_src_value); - } - }, - d(detaching) { - if (detaching) - detach(img); - } - }; -} -function create_if_block_3(ctx) { - let img; - let img_style_value; - let img_alt_value; - let img_src_value; - return { - c() { - img = element("img"); - attr(img, "style", img_style_value = "object-position: " + position$1(ctx[12]) + "; aspect-ratio=1.7778;"); - attr(img, "alt", img_alt_value = ctx[12].media[0].name); - if (!src_url_equal(img.src, img_src_value = ctx[0] + "/media/thumb/" + ctx[12].media[0].url)) - attr(img, "src", img_src_value); - attr(img, "loading", "lazy"); - }, - m(target, anchor) { - insert(target, img, anchor); - }, - p(ctx2, dirty) { - if (dirty & 32 && img_style_value !== (img_style_value = "object-position: " + position$1(ctx2[12]) + "; aspect-ratio=1.7778;")) { - attr(img, "style", img_style_value); - } - if (dirty & 32 && img_alt_value !== (img_alt_value = ctx2[12].media[0].name)) { - attr(img, "alt", img_alt_value); - } - if (dirty & 33 && !src_url_equal(img.src, img_src_value = ctx2[0] + "/media/thumb/" + ctx2[12].media[0].url)) { - attr(img, "src", img_src_value); - } - }, - d(detaching) { - if (detaching) - detach(img); - } - }; -} -function create_if_block_1$1(ctx) { - let div; - let each_value_1 = ctx[12].tags; - let each_blocks = []; - for (let i = 0; i < each_value_1.length; i += 1) { - each_blocks[i] = create_each_block_1(get_each_context_1(ctx, each_value_1, i)); + attributeChangedCallback(t, e, i) { + this[t] = i; } - return { - c() { - div = element("div"); - for (let i = 0; i < each_blocks.length; i += 1) { - each_blocks[i].c(); - } - attr(div, "class", "tags"); - }, - m(target, anchor) { - insert(target, div, anchor); - for (let i = 0; i < each_blocks.length; i += 1) { - each_blocks[i].m(div, null); - } - }, - p(ctx2, dirty) { - if (dirty & 32) { - each_value_1 = ctx2[12].tags; - let i; - for (i = 0; i < each_value_1.length; i += 1) { - const child_ctx = get_each_context_1(ctx2, each_value_1, i); - if (each_blocks[i]) { - each_blocks[i].p(child_ctx, dirty); - } else { - each_blocks[i] = create_each_block_1(child_ctx); - each_blocks[i].c(); - each_blocks[i].m(div, null); - } - } - for (; i < each_blocks.length; i += 1) { - each_blocks[i].d(1); - } - each_blocks.length = each_value_1.length; - } - }, - d(detaching) { - if (detaching) - detach(div); - destroy_each(each_blocks, detaching); - } - }; -} -function create_each_block_1(ctx) { - let span; - let t0; - let t1_value = ctx[15] + ""; - let t1; - return { - c() { - span = element("span"); - t0 = text("#"); - t1 = text(t1_value); - attr(span, "class", "tag"); - }, - m(target, anchor) { - insert(target, span, anchor); - append(span, t0); - append(span, t1); - }, - p(ctx2, dirty) { - if (dirty & 32 && t1_value !== (t1_value = ctx2[15] + "")) - set_data(t1, t1_value); - }, - d(detaching) { - if (detaching) - detach(span); - } - }; -} -function create_each_block(ctx) { - let a; - let t0; - let div2; - let div0; - let t1_value = when$1(ctx[12].start_datetime) + ""; - let t1; - let t2; - let div1; - let t3_value = ctx[12].title + ""; - let t3; - let t4; - let span1; - let t5; - let t6_value = ctx[12].place.name + ""; - let t6; - let t7; - let span0; - let t8_value = ctx[12].place.address + ""; - let t8; - let t9; - let t10; - let a_href_value; - let a_title_value; - let if_block0 = ctx[3] !== "true" && create_if_block_2(ctx); - let if_block1 = ctx[12].tags.length && create_if_block_1$1(ctx); - return { - c() { - a = element("a"); - if (if_block0) - if_block0.c(); - t0 = space(); - div2 = element("div"); - div0 = element("div"); - t1 = text(t1_value); - t2 = space(); - div1 = element("div"); - t3 = text(t3_value); - t4 = space(); - span1 = element("span"); - t5 = text("@"); - t6 = text(t6_value); - t7 = space(); - span0 = element("span"); - t8 = text(t8_value); - t9 = space(); - if (if_block1) - if_block1.c(); - t10 = space(); - attr(div0, "class", "subtitle"); - attr(div1, "class", "title"); - attr(span0, "class", "subtitle"); - attr(span1, "class", "place"); - attr(div2, "class", "content"); - attr(a, "href", a_href_value = ctx[0] + "/event/" + (ctx[12].slug || ctx[12].id)); - attr(a, "class", "event"); - attr(a, "title", a_title_value = ctx[12].title); - attr(a, "target", "_blank"); - }, - m(target, anchor) { - insert(target, a, anchor); - if (if_block0) - if_block0.m(a, null); - append(a, t0); - append(a, div2); - append(div2, div0); - append(div0, t1); - append(div2, t2); - append(div2, div1); - append(div1, t3); - append(div2, t4); - append(div2, span1); - append(span1, t5); - append(span1, t6); - append(span1, t7); - append(span1, span0); - append(span0, t8); - append(div2, t9); - if (if_block1) - if_block1.m(div2, null); - append(a, t10); - }, - p(ctx2, dirty) { - if (ctx2[3] !== "true") { - if (if_block0) { - if_block0.p(ctx2, dirty); - } else { - if_block0 = create_if_block_2(ctx2); - if_block0.c(); - if_block0.m(a, t0); - } - } else if (if_block0) { - if_block0.d(1); - if_block0 = null; - } - if (dirty & 32 && t1_value !== (t1_value = when$1(ctx2[12].start_datetime) + "")) - set_data(t1, t1_value); - if (dirty & 32 && t3_value !== (t3_value = ctx2[12].title + "")) - set_data(t3, t3_value); - if (dirty & 32 && t6_value !== (t6_value = ctx2[12].place.name + "")) - set_data(t6, t6_value); - if (dirty & 32 && t8_value !== (t8_value = ctx2[12].place.address + "")) - set_data(t8, t8_value); - if (ctx2[12].tags.length) { - if (if_block1) { - if_block1.p(ctx2, dirty); - } else { - if_block1 = create_if_block_1$1(ctx2); - if_block1.c(); - if_block1.m(div2, null); - } - } else if (if_block1) { - if_block1.d(1); - if_block1 = null; - } - if (dirty & 33 && a_href_value !== (a_href_value = ctx2[0] + "/event/" + (ctx2[12].slug || ctx2[12].id))) { - attr(a, "href", a_href_value); - } - if (dirty & 32 && a_title_value !== (a_title_value = ctx2[12].title)) { - attr(a, "title", a_title_value); - } - }, - d(detaching) { - if (detaching) - detach(a); - if (if_block0) - if_block0.d(); - if (if_block1) - if_block1.d(); - } - }; -} -function create_fragment$1(ctx) { - let t; - let if_block1_anchor; - let if_block0 = ctx[4] && create_if_block_5(ctx); - let if_block1 = ctx[5].length && create_if_block$1(ctx); - return { - c() { - if (if_block0) - if_block0.c(); - t = space(); - if (if_block1) - if_block1.c(); - if_block1_anchor = empty(); - this.c = noop; - }, - m(target, anchor) { - if (if_block0) - if_block0.m(target, anchor); - insert(target, t, anchor); - if (if_block1) - if_block1.m(target, anchor); - insert(target, if_block1_anchor, anchor); - }, - p(ctx2, [dirty]) { - if (ctx2[4]) { - if (if_block0) { - if_block0.p(ctx2, dirty); - } else { - if_block0 = create_if_block_5(ctx2); - if_block0.c(); - if_block0.m(t.parentNode, t); - } - } else if (if_block0) { - if_block0.d(1); - if_block0 = null; - } - if (ctx2[5].length) { - if (if_block1) { - if_block1.p(ctx2, dirty); - } else { - if_block1 = create_if_block$1(ctx2); - if_block1.c(); - if_block1.m(if_block1_anchor.parentNode, if_block1_anchor); - } - } else if (if_block1) { - if_block1.d(1); - if_block1 = null; - } - }, - i: noop, - o: noop, - d(detaching) { - if (if_block0) - if_block0.d(detaching); - if (detaching) - detach(t); - if (if_block1) - if_block1.d(detaching); - if (detaching) - detach(if_block1_anchor); - } - }; -} -function position$1(event) { - if (event.media[0].focalpoint) { - const focalpoint = event.media[0].focalpoint; - return `${(focalpoint[0] + 1) * 50}% ${(focalpoint[1] + 1) * 50}%`; + disconnectedCallback() { + O(this.$$.on_disconnect); } - return "center center"; -} -function when$1(timestamp) { - return new Date(timestamp * 1e3).toLocaleDateString(void 0, { + $destroy() { + Ne(this, 1), this.$destroy = L; + } + $on(t, e) { + const i = this.$$.callbacks[t] || (this.$$.callbacks[t] = []); + return i.push(e), () => { + const n = i.indexOf(e); + n !== -1 && i.splice(n, 1); + }; + } + $set(t) { + this.$$set && !xe(t) && (this.$$.skip_bound = !0, this.$$set(t), this.$$.skip_bound = !1); + } +}); +function F(t, e = "long") { + const i = e === "long" ? { weekday: "long", month: "long", day: "numeric", hour: "2-digit", minute: "2-digit" - }); + } : { hour: "2-digit", minute: "2-digit" }; + return new Date(t * 1e3).toLocaleString(void 0, i); } -function instance$1($$self, $$props, $$invalidate) { - let { baseurl = "" } = $$props; - let { title = "" } = $$props; - let { maxlength = false } = $$props; - let { tags = "" } = $$props; - let { places = "" } = $$props; - let { theme = "light" } = $$props; - let { show_recurrent = false } = $$props; - let { sidebar = "true" } = $$props; - let { external_style = "" } = $$props; - let mounted = false; - let events = []; - function update2(v) { - if (!mounted) +function V(t) { + return t.multidate ? F(t.start_datetime) + " - " + F(t.end_datetime) : F(t.start_datetime) + (t.end_datetime ? "-" + F(t.end_datetime, "short") : ""); +} +function ne(t, e, i) { + const n = t.slice(); + return n[12] = e[i], n; +} +function le(t, e, i) { + const n = t.slice(); + return n[15] = e[i], n; +} +function re(t) { + let e; + return { + c() { + e = g("link"), a(e, "rel", "stylesheet"), a(e, "href", t[4]); + }, + m(i, n) { + v(i, e, n); + }, + p(i, n) { + n & 16 && a(e, "href", i[4]); + }, + d(i) { + i && x(e); + } + }; +} +function oe(t) { + let e, i, n = t[1] && t[3] === "true" && ae(t), l = t[5], o = []; + for (let r = 0; r < l.length; r += 1) + o[r] = ue(ne(t, l, r)); + return { + c() { + e = g("div"), n && n.c(), i = z(); + for (let r = 0; r < o.length; r += 1) + o[r].c(); + a(e, "id", "gancioEvents"), T(e, "dark", t[2] === "dark"), T(e, "light", t[2] === "light"), T(e, "sidebar", t[3] === "true"), T(e, "nosidebar", t[3] !== "true"); + }, + m(r, f) { + v(r, e, f), n && n.m(e, null), u(e, i); + for (let c = 0; c < o.length; c += 1) + o[c].m(e, null); + }, + p(r, f) { + if (r[1] && r[3] === "true" ? n ? n.p(r, f) : (n = ae(r), n.c(), n.m(e, i)) : n && (n.d(1), n = null), f & 41) { + l = r[5]; + let c; + for (c = 0; c < l.length; c += 1) { + const s = ne(r, l, c); + o[c] ? o[c].p(s, f) : (o[c] = ue(s), o[c].c(), o[c].m(e, null)); + } + for (; c < o.length; c += 1) + o[c].d(1); + o.length = l.length; + } + f & 4 && T(e, "dark", r[2] === "dark"), f & 4 && T(e, "light", r[2] === "light"), f & 8 && T(e, "sidebar", r[3] === "true"), f & 8 && T(e, "nosidebar", r[3] !== "true"); + }, + d(r) { + r && x(e), n && n.d(), pe(o, r); + } + }; +} +function ae(t) { + let e, i, n, l, o, r, f; + return { + c() { + e = g("a"), i = g("div"), n = g("div"), l = j(t[1]), o = z(), r = g("img"), a(n, "class", "title"), a(r, "id", "logo"), a(r, "alt", "logo"), G(r.src, f = t[0] + "/logo.png") || a(r, "src", f), a(i, "class", "content"), a(e, "href", t[0]), a(e, "target", "_blank"), a(e, "id", "header"); + }, + m(c, s) { + v(c, e, s), u(e, i), u(i, n), u(n, l), u(i, o), u(i, r); + }, + p(c, s) { + s & 2 && N(l, c[1]), s & 1 && !G(r.src, f = c[0] + "/logo.png") && a(r, "src", f), s & 1 && a(e, "href", c[0]); + }, + d(c) { + c && x(e); + } + }; +} +function se(t) { + let e; + function i(o, r) { + return o[12].media.length ? Ge : Le; + } + let n = i(t), l = n(t); + return { + c() { + e = g("div"), l.c(), a(e, "class", "img"); + }, + m(o, r) { + v(o, e, r), l.m(e, null); + }, + p(o, r) { + n === (n = i(o)) && l ? l.p(o, r) : (l.d(1), l = n(o), l && (l.c(), l.m(e, null))); + }, + d(o) { + o && x(e), l.d(); + } + }; +} +function Le(t) { + let e, i, n; + return { + c() { + e = g("img"), a(e, "style", "aspect-ratio=1.7778;"), a(e, "alt", i = t[12].title), G(e.src, n = t[0] + "/noimg.svg") || a(e, "src", n), a(e, "loading", "lazy"); + }, + m(l, o) { + v(l, e, o); + }, + p(l, o) { + o & 32 && i !== (i = l[12].title) && a(e, "alt", i), o & 1 && !G(e.src, n = l[0] + "/noimg.svg") && a(e, "src", n); + }, + d(l) { + l && x(e); + } + }; +} +function Ge(t) { + let e, i, n, l; + return { + c() { + e = g("img"), a(e, "style", i = "object-position: " + de(t[12]) + "; aspect-ratio=1.7778;"), a(e, "alt", n = t[12].media[0].name), G(e.src, l = t[0] + "/media/thumb/" + t[12].media[0].url) || a(e, "src", l), a(e, "loading", "lazy"); + }, + m(o, r) { + v(o, e, r); + }, + p(o, r) { + r & 32 && i !== (i = "object-position: " + de(o[12]) + "; aspect-ratio=1.7778;") && a(e, "style", i), r & 32 && n !== (n = o[12].media[0].name) && a(e, "alt", n), r & 33 && !G(e.src, l = o[0] + "/media/thumb/" + o[12].media[0].url) && a(e, "src", l); + }, + d(o) { + o && x(e); + } + }; +} +function ce(t) { + let e, i = t[12].tags, n = []; + for (let l = 0; l < i.length; l += 1) + n[l] = fe(le(t, i, l)); + return { + c() { + e = g("div"); + for (let l = 0; l < n.length; l += 1) + n[l].c(); + a(e, "class", "tags"); + }, + m(l, o) { + v(l, e, o); + for (let r = 0; r < n.length; r += 1) + n[r].m(e, null); + }, + p(l, o) { + if (o & 32) { + i = l[12].tags; + let r; + for (r = 0; r < i.length; r += 1) { + const f = le(l, i, r); + n[r] ? n[r].p(f, o) : (n[r] = fe(f), n[r].c(), n[r].m(e, null)); + } + for (; r < n.length; r += 1) + n[r].d(1); + n.length = i.length; + } + }, + d(l) { + l && x(e), pe(n, l); + } + }; +} +function fe(t) { + let e, i, n = t[15] + "", l; + return { + c() { + e = g("span"), i = j("#"), l = j(n), a(e, "class", "tag"); + }, + m(o, r) { + v(o, e, r), u(e, i), u(e, l); + }, + p(o, r) { + r & 32 && n !== (n = o[15] + "") && N(l, n); + }, + d(o) { + o && x(e); + } + }; +} +function ue(t) { + let e, i, n, l, o = V(t[12]) + "", r, f, c, s = t[12].title + "", k, m, _, C, w = t[12].place.name + "", d, S, h, b = t[12].place.address + "", A, Y, Z, U, q, $ = t[3] !== "true" && se(t), E = t[12].tags.length && ce(t); + return { + c() { + e = g("a"), $ && $.c(), i = z(), n = g("div"), l = g("div"), r = j(o), f = z(), c = g("div"), k = j(s), m = z(), _ = g("span"), C = j("@"), d = j(w), S = z(), h = g("span"), A = j(b), Y = z(), E && E.c(), Z = z(), a(l, "class", "subtitle"), a(c, "class", "title"), a(h, "class", "subtitle"), a(_, "class", "place"), a(n, "class", "content"), a(e, "href", U = t[0] + "/event/" + (t[12].slug || t[12].id)), a(e, "class", "event"), a(e, "title", q = t[12].title), a(e, "target", "_blank"); + }, + m(p, M) { + v(p, e, M), $ && $.m(e, null), u(e, i), u(e, n), u(n, l), u(l, r), u(n, f), u(n, c), u(c, k), u(n, m), u(n, _), u(_, C), u(_, d), u(_, S), u(_, h), u(h, A), u(n, Y), E && E.m(n, null), u(e, Z); + }, + p(p, M) { + p[3] !== "true" ? $ ? $.p(p, M) : ($ = se(p), $.c(), $.m(e, i)) : $ && ($.d(1), $ = null), M & 32 && o !== (o = V(p[12]) + "") && N(r, o), M & 32 && s !== (s = p[12].title + "") && N(k, s), M & 32 && w !== (w = p[12].place.name + "") && N(d, w), M & 32 && b !== (b = p[12].place.address + "") && N(A, b), p[12].tags.length ? E ? E.p(p, M) : (E = ce(p), E.c(), E.m(n, null)) : E && (E.d(1), E = null), M & 33 && U !== (U = p[0] + "/event/" + (p[12].slug || p[12].id)) && a(e, "href", U), M & 32 && q !== (q = p[12].title) && a(e, "title", q); + }, + d(p) { + p && x(e), $ && $.d(), E && E.d(); + } + }; +} +function He(t) { + let e, i, n = t[4] && re(t), l = t[5].length && oe(t); + return { + c() { + n && n.c(), e = z(), l && l.c(), i = ve(), this.c = L; + }, + m(o, r) { + n && n.m(o, r), v(o, e, r), l && l.m(o, r), v(o, i, r); + }, + p(o, [r]) { + o[4] ? n ? n.p(o, r) : (n = re(o), n.c(), n.m(e.parentNode, e)) : n && (n.d(1), n = null), o[5].length ? l ? l.p(o, r) : (l = oe(o), l.c(), l.m(i.parentNode, i)) : l && (l.d(1), l = null); + }, + i: L, + o: L, + d(o) { + n && n.d(o), o && x(e), l && l.d(o), o && x(i); + } + }; +} +function de(t) { + if (t.media && t.media[0].focalpoint) { + const e = t.media[0].focalpoint; + return `${(e[0] + 1) * 50}% ${(e[1] + 1) * 50}%`; + } + return "center center"; +} +function Re(t, e, i) { + let { baseurl: n = "" } = e, { title: l = "" } = e, { maxlength: o = !1 } = e, { tags: r = "" } = e, { places: f = "" } = e, { theme: c = "light" } = e, { show_recurrent: s = !1 } = e, { sidebar: k = "true" } = e, { external_style: m = "" } = e, _ = !1, C = []; + function w(d) { + if (!_) return; - const params = []; - if (maxlength) { - params.push(`max=${maxlength}`); - } - if (tags) { - params.push(`tags=${tags}`); - } - if (places) { - params.push(`places=${places}`); - } - params.push(`show_recurrent=${show_recurrent ? "true" : "false"}`); - fetch(`${baseurl}/api/events?${params.join("&")}`).then((res) => res.json()).then((e) => { - $$invalidate(5, events = e); - }).catch((e) => { - console.error("Error loading Gancio API -> ", e); + const S = []; + o && S.push(`max=${o}`), r && S.push(`tags=${r}`), f && S.push(`places=${f}`), S.push(`show_recurrent=${s ? "true" : "false"}`), fetch(`${n}/api/events?${S.join("&")}`).then((h) => h.json()).then((h) => { + i(5, C = h); + }).catch((h) => { + console.error("Error loading Gancio API -> ", h); }); } - onMount(() => { - mounted = true; - update2(); - }); - $$self.$$set = ($$props2) => { - if ("baseurl" in $$props2) - $$invalidate(0, baseurl = $$props2.baseurl); - if ("title" in $$props2) - $$invalidate(1, title = $$props2.title); - if ("maxlength" in $$props2) - $$invalidate(6, maxlength = $$props2.maxlength); - if ("tags" in $$props2) - $$invalidate(7, tags = $$props2.tags); - if ("places" in $$props2) - $$invalidate(8, places = $$props2.places); - if ("theme" in $$props2) - $$invalidate(2, theme = $$props2.theme); - if ("show_recurrent" in $$props2) - $$invalidate(9, show_recurrent = $$props2.show_recurrent); - if ("sidebar" in $$props2) - $$invalidate(3, sidebar = $$props2.sidebar); - if ("external_style" in $$props2) - $$invalidate(4, external_style = $$props2.external_style); - }; - $$self.$$.update = () => { - if ($$self.$$.dirty & 974) { - update2(); - } - }; - return [ - baseurl, - title, - theme, - sidebar, - external_style, - events, - maxlength, - tags, - places, - show_recurrent + return we(() => { + _ = !0, w(); + }), t.$$set = (d) => { + "baseurl" in d && i(0, n = d.baseurl), "title" in d && i(1, l = d.title), "maxlength" in d && i(6, o = d.maxlength), "tags" in d && i(7, r = d.tags), "places" in d && i(8, f = d.places), "theme" in d && i(2, c = d.theme), "show_recurrent" in d && i(9, s = d.show_recurrent), "sidebar" in d && i(3, k = d.sidebar), "external_style" in d && i(4, m = d.external_style); + }, t.$$.update = () => { + t.$$.dirty & 974 && w(); + }, [ + n, + l, + c, + k, + m, + C, + o, + r, + f, + s ]; } -class GancioEvents extends SvelteElement { - constructor(options) { - super(); - this.shadowRoot.innerHTML = ``; - init(this, { - target: this.shadowRoot, - props: attribute_to_object(this.attributes), - customElement: true - }, instance$1, create_fragment$1, safe_not_equal, { - baseurl: 0, - title: 1, - maxlength: 6, - tags: 7, - places: 8, - theme: 2, - show_recurrent: 9, - sidebar: 3, - external_style: 4 - }, null); - if (options) { - if (options.target) { - insert(options.target, this, options.anchor); - } - if (options.props) { - this.$set(options.props); - flush(); - } - } +class Ie extends X { + constructor(e) { + super(), this.shadowRoot.innerHTML = ``, ye( + this, + { + target: this.shadowRoot, + props: ke(this.attributes), + customElement: !0 + }, + Re, + He, + be, + { + baseurl: 0, + title: 1, + maxlength: 6, + tags: 7, + places: 8, + theme: 2, + show_recurrent: 9, + sidebar: 3, + external_style: 4 + }, + null + ), e && (e.target && v(e.target, this, e.anchor), e.props && (this.$set(e.props), y())); } static get observedAttributes() { return [ @@ -955,291 +516,152 @@ class GancioEvents extends SvelteElement { get baseurl() { return this.$$.ctx[0]; } - set baseurl(baseurl) { - this.$$set({ baseurl }); - flush(); + set baseurl(e) { + this.$$set({ baseurl: e }), y(); } get title() { return this.$$.ctx[1]; } - set title(title) { - this.$$set({ title }); - flush(); + set title(e) { + this.$$set({ title: e }), y(); } get maxlength() { return this.$$.ctx[6]; } - set maxlength(maxlength) { - this.$$set({ maxlength }); - flush(); + set maxlength(e) { + this.$$set({ maxlength: e }), y(); } get tags() { return this.$$.ctx[7]; } - set tags(tags) { - this.$$set({ tags }); - flush(); + set tags(e) { + this.$$set({ tags: e }), y(); } get places() { return this.$$.ctx[8]; } - set places(places) { - this.$$set({ places }); - flush(); + set places(e) { + this.$$set({ places: e }), y(); } get theme() { return this.$$.ctx[2]; } - set theme(theme) { - this.$$set({ theme }); - flush(); + set theme(e) { + this.$$set({ theme: e }), y(); } get show_recurrent() { return this.$$.ctx[9]; } - set show_recurrent(show_recurrent) { - this.$$set({ show_recurrent }); - flush(); + set show_recurrent(e) { + this.$$set({ show_recurrent: e }), y(); } get sidebar() { return this.$$.ctx[3]; } - set sidebar(sidebar) { - this.$$set({ sidebar }); - flush(); + set sidebar(e) { + this.$$set({ sidebar: e }), y(); } get external_style() { return this.$$.ctx[4]; } - set external_style(external_style) { - this.$$set({ external_style }); - flush(); + set external_style(e) { + this.$$set({ external_style: e }), y(); } } -customElements.define("gancio-events", GancioEvents); -function create_if_block(ctx) { - let a; - let t0; - let div2; - let strong; - let t1_value = ctx[1].title + ""; - let t1; - let t2; - let div0; - let t3_value = when(ctx[1]) + ""; - let t3; - let t4; - let div1; - let t5; - let t6_value = ctx[1].place.name + ""; - let t6; - let a_href_value; - let if_block = ctx[1].media.length && create_if_block_1(ctx); +customElements.define("gancio-events", Ie); +function he(t) { + let e, i, n, l, o = t[1].title + "", r, f, c, s = V(t[1]) + "", k, m, _, C, w = t[1].place.name + "", d, S, h = t[1].media.length && ge(t); return { c() { - a = element("a"); - if (if_block) - if_block.c(); - t0 = space(); - div2 = element("div"); - strong = element("strong"); - t1 = text(t1_value); - t2 = space(); - div0 = element("div"); - t3 = text(t3_value); - t4 = space(); - div1 = element("div"); - t5 = text("@"); - t6 = text(t6_value); - attr(div1, "class", "place"); - attr(div2, "class", "container"); - attr(a, "href", a_href_value = ctx[0] + "/event/" + (ctx[1].slug || ctx[1].id)); - attr(a, "class", "card"); - attr(a, "target", "_blank"); + e = g("a"), h && h.c(), i = z(), n = g("div"), l = g("strong"), r = j(o), f = z(), c = g("div"), k = j(s), m = z(), _ = g("div"), C = j("@"), d = j(w), a(_, "class", "place"), a(n, "class", "container"), a(e, "href", S = t[0] + "/event/" + (t[1].slug || t[1].id)), a(e, "class", "card"), a(e, "target", "_blank"); }, - m(target, anchor) { - insert(target, a, anchor); - if (if_block) - if_block.m(a, null); - append(a, t0); - append(a, div2); - append(div2, strong); - append(strong, t1); - append(div2, t2); - append(div2, div0); - append(div0, t3); - append(div2, t4); - append(div2, div1); - append(div1, t5); - append(div1, t6); + m(b, A) { + v(b, e, A), h && h.m(e, null), u(e, i), u(e, n), u(n, l), u(l, r), u(n, f), u(n, c), u(c, k), u(n, m), u(n, _), u(_, C), u(_, d); }, - p(ctx2, dirty) { - if (ctx2[1].media.length) { - if (if_block) { - if_block.p(ctx2, dirty); - } else { - if_block = create_if_block_1(ctx2); - if_block.c(); - if_block.m(a, t0); - } - } else if (if_block) { - if_block.d(1); - if_block = null; - } - if (dirty & 2 && t1_value !== (t1_value = ctx2[1].title + "")) - set_data(t1, t1_value); - if (dirty & 2 && t3_value !== (t3_value = when(ctx2[1]) + "")) - set_data(t3, t3_value); - if (dirty & 2 && t6_value !== (t6_value = ctx2[1].place.name + "")) - set_data(t6, t6_value); - if (dirty & 3 && a_href_value !== (a_href_value = ctx2[0] + "/event/" + (ctx2[1].slug || ctx2[1].id))) { - attr(a, "href", a_href_value); - } + p(b, A) { + b[1].media.length ? h ? h.p(b, A) : (h = ge(b), h.c(), h.m(e, i)) : h && (h.d(1), h = null), A & 2 && o !== (o = b[1].title + "") && N(r, o), A & 2 && s !== (s = V(b[1]) + "") && N(k, s), A & 2 && w !== (w = b[1].place.name + "") && N(d, w), A & 3 && S !== (S = b[0] + "/event/" + (b[1].slug || b[1].id)) && a(e, "href", S); }, - d(detaching) { - if (detaching) - detach(a); - if (if_block) - if_block.d(); + d(b) { + b && x(e), h && h.d(); } }; } -function create_if_block_1(ctx) { - let img; - let img_src_value; - let img_alt_value; - let img_style_value; +function ge(t) { + let e, i, n, l; return { c() { - img = element("img"); - if (!src_url_equal(img.src, img_src_value = ctx[2](ctx[1]))) - attr(img, "src", img_src_value); - attr(img, "alt", img_alt_value = ctx[1].media[0].name); - attr(img, "style", img_style_value = "object-position: " + position(ctx[1]) + "; aspect-ratio=1.7778;"); + e = g("img"), G(e.src, i = t[2](t[1])) || a(e, "src", i), a(e, "alt", n = t[1].media[0].name), a(e, "style", l = "object-position: " + me(t[1]) + "; aspect-ratio=1.7778;"); }, - m(target, anchor) { - insert(target, img, anchor); + m(o, r) { + v(o, e, r); }, - p(ctx2, dirty) { - if (dirty & 2 && !src_url_equal(img.src, img_src_value = ctx2[2](ctx2[1]))) { - attr(img, "src", img_src_value); - } - if (dirty & 2 && img_alt_value !== (img_alt_value = ctx2[1].media[0].name)) { - attr(img, "alt", img_alt_value); - } - if (dirty & 2 && img_style_value !== (img_style_value = "object-position: " + position(ctx2[1]) + "; aspect-ratio=1.7778;")) { - attr(img, "style", img_style_value); - } + p(o, r) { + r & 2 && !G(e.src, i = o[2](o[1])) && a(e, "src", i), r & 2 && n !== (n = o[1].media[0].name) && a(e, "alt", n), r & 2 && l !== (l = "object-position: " + me(o[1]) + "; aspect-ratio=1.7778;") && a(e, "style", l); }, - d(detaching) { - if (detaching) - detach(img); + d(o) { + o && x(e); } }; } -function create_fragment(ctx) { - let if_block_anchor; - let if_block = ctx[1] && create_if_block(ctx); +function Oe(t) { + let e, i = t[1] && he(t); return { c() { - if (if_block) - if_block.c(); - if_block_anchor = empty(); - this.c = noop; + i && i.c(), e = ve(), this.c = L; }, - m(target, anchor) { - if (if_block) - if_block.m(target, anchor); - insert(target, if_block_anchor, anchor); + m(n, l) { + i && i.m(n, l), v(n, e, l); }, - p(ctx2, [dirty]) { - if (ctx2[1]) { - if (if_block) { - if_block.p(ctx2, dirty); - } else { - if_block = create_if_block(ctx2); - if_block.c(); - if_block.m(if_block_anchor.parentNode, if_block_anchor); - } - } else if (if_block) { - if_block.d(1); - if_block = null; - } + p(n, [l]) { + n[1] ? i ? i.p(n, l) : (i = he(n), i.c(), i.m(e.parentNode, e)) : i && (i.d(1), i = null); }, - i: noop, - o: noop, - d(detaching) { - if (if_block) - if_block.d(detaching); - if (detaching) - detach(if_block_anchor); + i: L, + o: L, + d(n) { + i && i.d(n), n && x(e); } }; } -function when(event) { - return new Date(event.start_datetime * 1e3).toLocaleDateString(void 0, { - weekday: "long", - month: "short", - day: "numeric", - hour: "2-digit", - minute: "2-digit" - }); -} -function position(event) { - if (event.media[0].focalpoint) { - const focalpoint = event.media[0].focalpoint; - return `${(focalpoint[0] + 1) * 50}% ${(focalpoint[1] + 1) * 50}%`; +function me(t) { + if (t.media[0].focalpoint) { + const e = t.media[0].focalpoint; + return `${(e[0] + 1) * 50}% ${(e[1] + 1) * 50}%`; } return "center center"; } -function instance($$self, $$props, $$invalidate) { - let { baseurl = "https://demo.gancio.org" } = $$props; - let { id } = $$props; - let mounted = false; - let event; - function update2(id2, baseurl2) { - if (mounted) { - fetch(`${baseurl2}/api/event/${id2}`).then((res) => res.json()).then((e) => $$invalidate(1, event = e)); - } +function Ue(t, e, i) { + let { baseurl: n = "https://demo.gancio.org" } = e, { id: l } = e, o = !1, r; + function f(s, k) { + o && fetch(`${k}/api/event/${s}`).then((m) => m.json()).then((m) => i(1, r = m)); } - onMount(() => { - mounted = true; - update2(id, baseurl); + we(() => { + o = !0, f(l, n); }); - function thumbnail(event2) { - return `${baseurl}/media/thumb/${event2.media[0].url}`; + function c(s) { + return `${n}/media/thumb/${s.media[0].url}`; } - $$self.$$set = ($$props2) => { - if ("baseurl" in $$props2) - $$invalidate(0, baseurl = $$props2.baseurl); - if ("id" in $$props2) - $$invalidate(3, id = $$props2.id); - }; - $$self.$$.update = () => { - if ($$self.$$.dirty & 9) { - update2(id, baseurl); - } - }; - return [baseurl, event, thumbnail, id]; + return t.$$set = (s) => { + "baseurl" in s && i(0, n = s.baseurl), "id" in s && i(3, l = s.id); + }, t.$$.update = () => { + t.$$.dirty & 9 && f(l, n); + }, [n, r, c, l]; } -class GancioEvent extends SvelteElement { - constructor(options) { - super(); - this.shadowRoot.innerHTML = ``; - init(this, { - target: this.shadowRoot, - props: attribute_to_object(this.attributes), - customElement: true - }, instance, create_fragment, safe_not_equal, { baseurl: 0, id: 3 }, null); - if (options) { - if (options.target) { - insert(options.target, this, options.anchor); - } - if (options.props) { - this.$set(options.props); - flush(); - } - } +class qe extends X { + constructor(e) { + super(), this.shadowRoot.innerHTML = ``, ye( + this, + { + target: this.shadowRoot, + props: ke(this.attributes), + customElement: !0 + }, + Ue, + Oe, + be, + { baseurl: 0, id: 3 }, + null + ), e && (e.target && v(e.target, this, e.anchor), e.props && (this.$set(e.props), y())); } static get observedAttributes() { return ["baseurl", "id"]; @@ -1247,16 +669,14 @@ class GancioEvent extends SvelteElement { get baseurl() { return this.$$.ctx[0]; } - set baseurl(baseurl) { - this.$$set({ baseurl }); - flush(); + set baseurl(e) { + this.$$set({ baseurl: e }), y(); } get id() { return this.$$.ctx[3]; } - set id(id) { - this.$$set({ id }); - flush(); + set id(e) { + this.$$set({ id: e }), y(); } } -customElements.define("gancio-event", GancioEvent); +customElements.define("gancio-event", qe); diff --git a/webcomponents/src/GancioEvent.svelte b/webcomponents/src/GancioEvent.svelte index c42a4667..d347cedc 100644 --- a/webcomponents/src/GancioEvent.svelte +++ b/webcomponents/src/GancioEvent.svelte @@ -1,16 +1,19 @@ + + + +{#if event} + + {#if event.media.length} + {event.media[0].name} + {/if} +
+ {event.title} +
{when(event)}
+
@{event.place.name}
+
+ +{/if} + + diff --git a/webcomponents/src/GancioEvents.svelte b/webcomponents/src/GancioEvents.svelte index 6e3dc9a3..240ca5d9 100644 --- a/webcomponents/src/GancioEvents.svelte +++ b/webcomponents/src/GancioEvents.svelte @@ -2,6 +2,7 @@