encrypt/gancio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix webcomponent for event without img

Browse Source
This commit is contained in:
lesion
2022-02-01 17:57:47 +01:00
parent a0595fdc60
commit 54b059dae3
6 changed files with 490 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
CHANGELOG
View File

@@ -1,5 +1,8 @@
All notable changes to this project will be documented in this file. All notable changes to this project will be documented in this file.
### 1.3.2 - 1 feb '22
- fix webcomponent for event without img
### 1.3.1 - 1 feb '22 ### 1.3.1 - 1 feb '22
- inherits tags in recurring events [#138](https://framagit.org/les/gancio/-/issues/138) - inherits tags in recurring events [#138](https://framagit.org/les/gancio/-/issues/138)
- you can now skip an occurrence of a recurring event - you can now skip an occurrence of a recurring event

20
docs/assets/js/gancio-events.es.js
View File

@@ -466,15 +466,14 @@ function create_if_block_2(ctx) {
} }
function create_else_block(ctx) { function create_else_block(ctx) {
let img; let img;
let img_style_value;
let img_alt_value; let img_alt_value;
let img_src_value; let img_src_value;
return { return {
c() { c() {
img = element("img"); img = element("img");
attr(img, "style", img_style_value = "object-position: " + position$1(ctx[11]) + "; aspect-ratio=1.7778;"); attr(img, "style", "aspect-ratio=1.7778;");
attr(img, "alt", img_alt_value = ctx[11].media[0].name); attr(img, "alt", img_alt_value = ctx[11].title);
if (!src_url_equal(img.src, img_src_value = ctx[11].media.length ? ctx[0] + "/media/thumb/" + ctx[11].media[0].url : ctx[0] + "/noimg.svg")) if (!src_url_equal(img.src, img_src_value = ctx[0] + "/noimg.svg"))
attr(img, "src", img_src_value); attr(img, "src", img_src_value);
attr(img, "loading", "lazy"); attr(img, "loading", "lazy");
}, },
@@ -482,13 +481,10 @@ function create_else_block(ctx) {
insert(target, img, anchor); insert(target, img, anchor);
}, },
p(ctx2, dirty) { p(ctx2, dirty) {
if (dirty & 16 && img_style_value !== (img_style_value = "object-position: " + position$1(ctx2[11]) + "; aspect-ratio=1.7778;")) { if (dirty & 16 && img_alt_value !== (img_alt_value = ctx2[11].title)) {
attr(img, "style", img_style_value);
}
if (dirty & 16 && img_alt_value !== (img_alt_value = ctx2[11].media[0].name)) {
attr(img, "alt", img_alt_value); attr(img, "alt", img_alt_value);
} }
if (dirty & 17 && !src_url_equal(img.src, img_src_value = ctx2[11].media.length ? ctx2[0] + "/media/thumb/" + ctx2[11].media[0].url : ctx2[0] + "/noimg.svg")) { if (dirty & 1 && !src_url_equal(img.src, img_src_value = ctx2[0] + "/noimg.svg")) {
attr(img, "src", img_src_value); attr(img, "src", img_src_value);
} }
}, },
@@ -508,7 +504,7 @@ function create_if_block_3(ctx) {
img = element("img"); img = element("img");
attr(img, "style", img_style_value = "object-position: " + position$1(ctx[11]) + "; aspect-ratio=1.7778;"); attr(img, "style", img_style_value = "object-position: " + position$1(ctx[11]) + "; aspect-ratio=1.7778;");
attr(img, "alt", img_alt_value = ctx[11].media[0].name); attr(img, "alt", img_alt_value = ctx[11].media[0].name);
if (!src_url_equal(img.src, img_src_value = ctx[11].media.length ? ctx[0] + "/media/thumb/" + ctx[11].media[0].url : ctx[0] + "/noimg.svg")) if (!src_url_equal(img.src, img_src_value = ctx[0] + "/media/thumb/" + ctx[11].media[0].url))
attr(img, "src", img_src_value); attr(img, "src", img_src_value);
attr(img, "loading", "lazy"); attr(img, "loading", "lazy");
}, },
@@ -522,7 +518,7 @@ function create_if_block_3(ctx) {
if (dirty & 16 && img_alt_value !== (img_alt_value = ctx2[11].media[0].name)) { if (dirty & 16 && img_alt_value !== (img_alt_value = ctx2[11].media[0].name)) {
attr(img, "alt", img_alt_value); attr(img, "alt", img_alt_value);
} }
if (dirty & 17 && !src_url_equal(img.src, img_src_value = ctx2[11].media.length ? ctx2[0] + "/media/thumb/" + ctx2[11].media[0].url : ctx2[0] + "/noimg.svg")) { if (dirty & 17 && !src_url_equal(img.src, img_src_value = ctx2[0] + "/media/thumb/" + ctx2[11].media[0].url)) {
attr(img, "src", img_src_value); attr(img, "src", img_src_value);
} }
}, },
@@ -869,7 +865,7 @@ function instance$1($$self, $$props, $$invalidate) {
class GancioEvents extends SvelteElement { class GancioEvents extends SvelteElement {
constructor(options) { constructor(options) {
super(); super();
this.shadowRoot.innerHTML = `<style>#gancioEvents{font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";overflow-x:hidden;width:100%;box-sizing:content-box;margin:0 auto;font-size:1rem}.nosidebar{max-width:1200px}#header{padding:1.2rem 1rem;background-color:var(--bg-odd-color)}.sidebar{max-width:500px;box-shadow:rgba(60, 64, 67, 0.4) 0px 1px 2px 0px, rgba(60, 64, 67, 0.25) 0px 1px 3px 1px;border-radius:5px;font-size:1rem}.event .img{width:100%;max-width:500px;height:250px;flex:1 0 auto}@media screen and (max-width: 800px){.event{flex-wrap:wrap}.event .img{max-width:100%}}.event img{object-fit:cover;border-radius:15px;width:100%;height:100%;box-shadow:rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px}.nosidebar .event{margin-bottom:2rem}.nosidebar .content{margin-left:1rem;margin-top:5px}.tags{margin-top:2px}#logo{position:absolute;top:10px;right:10px;height:40px}a{text-decoration:none;color:var(--text-color);display:flex;padding:8px 20px;margin:0;line-height:1.275rem;font-weight:400;font-size:.875rem;position:relative;transition:background-color .3s cubic-bezier(.25,.8,.5,1), padding .3s;box-sizing:content-box}a:hover .title,a:focus .title,a:active .title{text-decoration:underline}.dark{--bg-odd-color:#161616;--bg-even-color:#222;--bg-hover-color:#333;--text-color:white;--title-color:white;--line-color:rgba(120, 120, 120, 0.2)}.light{--bg-odd-color:#f5f5f5;--bg-even-color:#FAFAFA;--bg-hover-color:#EEE;--text-color:#222;--title-color:black;--line-color:rgba(220, 220, 220, 0.9)}.sidebar a{background-color:var(--bg-even-color);border-bottom:1px solid var(--line-color)}.sidebar a:hover,.sidebar a:focus,.sidebar a:active{background-color:var(--bg-hover-color);padding-left:15px;padding-right:25px}.place{font-weight:400;font-size:1.2rem;line-height:1.4rem;color:orangered}.title{color:var(--title-color);font-weight:bold;font-size:1.3rem;line-height:1.1em}.nosidebar .title{font-size:1.9em;line-height:1.1em}.subtitle{font-size:1rem;line-height:1.1em;color:var(--title-color);opacity:0.9}.tag{margin-right:10px;display:inline-block}</style>`; this.shadowRoot.innerHTML = `<style>#gancioEvents{font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";overflow-x:hidden;width:100%;box-sizing:content-box;margin:0 auto;font-size:1rem}.nosidebar{max-width:1200px}#header{padding:1.2rem 1rem;background-color:var(--bg-odd-color)}.sidebar{max-width:500px;box-shadow:rgba(60, 64, 67, 0.4) 0px 1px 2px 0px, rgba(60, 64, 67, 0.25) 0px 1px 3px 1px;border-radius:5px;font-size:1rem}.event .img{width:100%;max-width:450px;max-height:250px;aspect-ratio:1.7778;flex:1 0 auto}@media screen and (max-width: 800px){.event{flex-wrap:wrap}.event .img{max-width:100%}}.event img{object-fit:cover;border-radius:15px;width:100%;height:100%;box-shadow:rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px}.nosidebar .event{margin-bottom:2rem}.nosidebar .content{margin-left:1rem;margin-top:5px}.tags{margin-top:2px}#logo{position:absolute;top:10px;right:10px;height:40px}a{text-decoration:none;color:var(--text-color);display:flex;padding:8px 20px;margin:0;line-height:1.275rem;font-weight:400;font-size:.875rem;position:relative;transition:background-color .3s cubic-bezier(.25,.8,.5,1), padding .3s;box-sizing:content-box}a:hover .title,a:focus .title,a:active .title{text-decoration:underline}.dark{--bg-odd-color:#161616;--bg-even-color:#222;--bg-hover-color:#333;--text-color:white;--title-color:white;--line-color:rgba(120, 120, 120, 0.2)}.light{--bg-odd-color:#f5f5f5;--bg-even-color:#FAFAFA;--bg-hover-color:#EEE;--text-color:#222;--title-color:black;--line-color:rgba(220, 220, 220, 0.9)}.sidebar a{background-color:var(--bg-even-color);border-bottom:1px solid var(--line-color)}.sidebar a:hover,.sidebar a:focus,.sidebar a:active{background-color:var(--bg-hover-color);padding-left:15px;padding-right:25px}.place{font-weight:400;font-size:1.2rem;line-height:1.4rem;color:orangered}.title{color:var(--title-color);font-weight:bold;font-size:1.3rem;line-height:1.1em}.nosidebar .title{font-size:1.9em;line-height:1.1em}.subtitle{font-size:1rem;line-height:1.1em;color:var(--title-color);opacity:0.9}.tag{margin-right:10px;display:inline-block}</style>`;
init(this, { init(this, {
target: this.shadowRoot, target: this.shadowRoot,
props: attribute_to_object(this.attributes), props: attribute_to_object(this.attributes),

4
docs/changelog.md
View File

@@ -7,6 +7,10 @@ nav_order: 10
All notable changes to this project will be documented in this file. All notable changes to this project will be documented in this file.
### 1.3.2 - 1 feb '22
- fix webcomponent for event without img
### 1.3.1 - 1 feb '22 ### 1.3.1 - 1 feb '22
- inherits tags in recurring events [#138](https://framagit.org/les/gancio/-/issues/138) - inherits tags in recurring events [#138](https://framagit.org/les/gancio/-/issues/138)
- you can now skip an occurrence of a recurring event - you can now skip an occurrence of a recurring event

20
static/gancio-events.es.js
View File

@@ -466,15 +466,14 @@ function create_if_block_2(ctx) {
} }
function create_else_block(ctx) { function create_else_block(ctx) {
let img; let img;
let img_style_value;
let img_alt_value; let img_alt_value;
let img_src_value; let img_src_value;
return { return {
c() { c() {
img = element("img"); img = element("img");
attr(img, "style", img_style_value = "object-position: " + position$1(ctx[11]) + "; aspect-ratio=1.7778;"); attr(img, "style", "aspect-ratio=1.7778;");
attr(img, "alt", img_alt_value = ctx[11].media[0].name); attr(img, "alt", img_alt_value = ctx[11].title);
if (!src_url_equal(img.src, img_src_value = ctx[11].media.length ? ctx[0] + "/media/thumb/" + ctx[11].media[0].url : ctx[0] + "/noimg.svg")) if (!src_url_equal(img.src, img_src_value = ctx[0] + "/noimg.svg"))
attr(img, "src", img_src_value); attr(img, "src", img_src_value);
attr(img, "loading", "lazy"); attr(img, "loading", "lazy");
}, },
@@ -482,13 +481,10 @@ function create_else_block(ctx) {
insert(target, img, anchor); insert(target, img, anchor);
}, },
p(ctx2, dirty) { p(ctx2, dirty) {
if (dirty & 16 && img_style_value !== (img_style_value = "object-position: " + position$1(ctx2[11]) + "; aspect-ratio=1.7778;")) { if (dirty & 16 && img_alt_value !== (img_alt_value = ctx2[11].title)) {
attr(img, "style", img_style_value);
}
if (dirty & 16 && img_alt_value !== (img_alt_value = ctx2[11].media[0].name)) {
attr(img, "alt", img_alt_value); attr(img, "alt", img_alt_value);
} }
if (dirty & 17 && !src_url_equal(img.src, img_src_value = ctx2[11].media.length ? ctx2[0] + "/media/thumb/" + ctx2[11].media[0].url : ctx2[0] + "/noimg.svg")) { if (dirty & 1 && !src_url_equal(img.src, img_src_value = ctx2[0] + "/noimg.svg")) {
attr(img, "src", img_src_value); attr(img, "src", img_src_value);
} }
}, },
@@ -508,7 +504,7 @@ function create_if_block_3(ctx) {
img = element("img"); img = element("img");
attr(img, "style", img_style_value = "object-position: " + position$1(ctx[11]) + "; aspect-ratio=1.7778;"); attr(img, "style", img_style_value = "object-position: " + position$1(ctx[11]) + "; aspect-ratio=1.7778;");
attr(img, "alt", img_alt_value = ctx[11].media[0].name); attr(img, "alt", img_alt_value = ctx[11].media[0].name);
if (!src_url_equal(img.src, img_src_value = ctx[11].media.length ? ctx[0] + "/media/thumb/" + ctx[11].media[0].url : ctx[0] + "/noimg.svg")) if (!src_url_equal(img.src, img_src_value = ctx[0] + "/media/thumb/" + ctx[11].media[0].url))
attr(img, "src", img_src_value); attr(img, "src", img_src_value);
attr(img, "loading", "lazy"); attr(img, "loading", "lazy");
}, },
@@ -522,7 +518,7 @@ function create_if_block_3(ctx) {
if (dirty & 16 && img_alt_value !== (img_alt_value = ctx2[11].media[0].name)) { if (dirty & 16 && img_alt_value !== (img_alt_value = ctx2[11].media[0].name)) {
attr(img, "alt", img_alt_value); attr(img, "alt", img_alt_value);
} }
if (dirty & 17 && !src_url_equal(img.src, img_src_value = ctx2[11].media.length ? ctx2[0] + "/media/thumb/" + ctx2[11].media[0].url : ctx2[0] + "/noimg.svg")) { if (dirty & 17 && !src_url_equal(img.src, img_src_value = ctx2[0] + "/media/thumb/" + ctx2[11].media[0].url)) {
attr(img, "src", img_src_value); attr(img, "src", img_src_value);
} }
}, },
@@ -869,7 +865,7 @@ function instance$1($$self, $$props, $$invalidate) {
class GancioEvents extends SvelteElement { class GancioEvents extends SvelteElement {
constructor(options) { constructor(options) {
super(); super();
this.shadowRoot.innerHTML = `<style>#gancioEvents{font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";overflow-x:hidden;width:100%;box-sizing:content-box;margin:0 auto;font-size:1rem}.nosidebar{max-width:1200px}#header{padding:1.2rem 1rem;background-color:var(--bg-odd-color)}.sidebar{max-width:500px;box-shadow:rgba(60, 64, 67, 0.4) 0px 1px 2px 0px, rgba(60, 64, 67, 0.25) 0px 1px 3px 1px;border-radius:5px;font-size:1rem}.event .img{width:100%;max-width:500px;height:250px;flex:1 0 auto}@media screen and (max-width: 800px){.event{flex-wrap:wrap}.event .img{max-width:100%}}.event img{object-fit:cover;border-radius:15px;width:100%;height:100%;box-shadow:rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px}.nosidebar .event{margin-bottom:2rem}.nosidebar .content{margin-left:1rem;margin-top:5px}.tags{margin-top:2px}#logo{position:absolute;top:10px;right:10px;height:40px}a{text-decoration:none;color:var(--text-color);display:flex;padding:8px 20px;margin:0;line-height:1.275rem;font-weight:400;font-size:.875rem;position:relative;transition:background-color .3s cubic-bezier(.25,.8,.5,1), padding .3s;box-sizing:content-box}a:hover .title,a:focus .title,a:active .title{text-decoration:underline}.dark{--bg-odd-color:#161616;--bg-even-color:#222;--bg-hover-color:#333;--text-color:white;--title-color:white;--line-color:rgba(120, 120, 120, 0.2)}.light{--bg-odd-color:#f5f5f5;--bg-even-color:#FAFAFA;--bg-hover-color:#EEE;--text-color:#222;--title-color:black;--line-color:rgba(220, 220, 220, 0.9)}.sidebar a{background-color:var(--bg-even-color);border-bottom:1px solid var(--line-color)}.sidebar a:hover,.sidebar a:focus,.sidebar a:active{background-color:var(--bg-hover-color);padding-left:15px;padding-right:25px}.place{font-weight:400;font-size:1.2rem;line-height:1.4rem;color:orangered}.title{color:var(--title-color);font-weight:bold;font-size:1.3rem;line-height:1.1em}.nosidebar .title{font-size:1.9em;line-height:1.1em}.subtitle{font-size:1rem;line-height:1.1em;color:var(--title-color);opacity:0.9}.tag{margin-right:10px;display:inline-block}</style>`; this.shadowRoot.innerHTML = `<style>#gancioEvents{font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";overflow-x:hidden;width:100%;box-sizing:content-box;margin:0 auto;font-size:1rem}.nosidebar{max-width:1200px}#header{padding:1.2rem 1rem;background-color:var(--bg-odd-color)}.sidebar{max-width:500px;box-shadow:rgba(60, 64, 67, 0.4) 0px 1px 2px 0px, rgba(60, 64, 67, 0.25) 0px 1px 3px 1px;border-radius:5px;font-size:1rem}.event .img{width:100%;max-width:450px;max-height:250px;aspect-ratio:1.7778;flex:1 0 auto}@media screen and (max-width: 800px){.event{flex-wrap:wrap}.event .img{max-width:100%}}.event img{object-fit:cover;border-radius:15px;width:100%;height:100%;box-shadow:rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px}.nosidebar .event{margin-bottom:2rem}.nosidebar .content{margin-left:1rem;margin-top:5px}.tags{margin-top:2px}#logo{position:absolute;top:10px;right:10px;height:40px}a{text-decoration:none;color:var(--text-color);display:flex;padding:8px 20px;margin:0;line-height:1.275rem;font-weight:400;font-size:.875rem;position:relative;transition:background-color .3s cubic-bezier(.25,.8,.5,1), padding .3s;box-sizing:content-box}a:hover .title,a:focus .title,a:active .title{text-decoration:underline}.dark{--bg-odd-color:#161616;--bg-even-color:#222;--bg-hover-color:#333;--text-color:white;--title-color:white;--line-color:rgba(120, 120, 120, 0.2)}.light{--bg-odd-color:#f5f5f5;--bg-even-color:#FAFAFA;--bg-hover-color:#EEE;--text-color:#222;--title-color:black;--line-color:rgba(220, 220, 220, 0.9)}.sidebar a{background-color:var(--bg-even-color);border-bottom:1px solid var(--line-color)}.sidebar a:hover,.sidebar a:focus,.sidebar a:active{background-color:var(--bg-hover-color);padding-left:15px;padding-right:25px}.place{font-weight:400;font-size:1.2rem;line-height:1.4rem;color:orangered}.title{color:var(--title-color);font-weight:bold;font-size:1.3rem;line-height:1.1em}.nosidebar .title{font-size:1.9em;line-height:1.1em}.subtitle{font-size:1rem;line-height:1.1em;color:var(--title-color);opacity:0.9}.tag{margin-right:10px;display:inline-block}</style>`;
init(this, { init(this, {
target: this.shadowRoot, target: this.shadowRoot,
props: attribute_to_object(this.attributes), props: attribute_to_object(this.attributes),

13
webcomponents/src/GancioEvents.svelte
View File

@@ -90,11 +90,11 @@
{#if event.media.length} {#if event.media.length}
<img style="object-position: {position(event)}; aspect-ratio=1.7778;" <img style="object-position: {position(event)}; aspect-ratio=1.7778;"
alt="{event.media[0].name}" alt="{event.media[0].name}"
src="{event.media.length ? baseurl + '/media/thumb/' + event.media[0].url : baseurl + '/noimg.svg'}" loading='lazy'/> src="{baseurl + '/media/thumb/' + event.media[0].url}" loading='lazy'/>
{:else} {:else}
<img style="object-position: {position(event)}; aspect-ratio=1.7778;" <img style="aspect-ratio=1.7778;"
alt="{event.media[0].name}" alt="{event.title}"
src="{event.media.length ? baseurl + '/media/thumb/' + event.media[0].url : baseurl + '/noimg.svg'}" loading='lazy'/> src="{baseurl + '/noimg.svg'}" loading='lazy'/>
{/if} {/if}
</div> </div>
{/if} {/if}
@@ -147,8 +147,9 @@
.event .img { .event .img {
width: 100%; width: 100%;
max-width: 500px; max-width: 450px;
height: 250px; max-height: 250px;
aspect-ratio: 1.7778;
flex: 1 0 auto; flex: 1 0 auto;
/* height: 100%; */ /* height: 100%; */
} }

581
wp-plugin/js/gancio-events.es.js
View File

@@ -67,6 +67,9 @@ function set_data(text2, data) {
if (text2.wholeText !== data) if (text2.wholeText !== data)
text2.data = data; text2.data = data;
} }
function toggle_class(element2, name, toggle) {
element2.classList[toggle ? "add" : "remove"](name);
}
function attribute_to_object(attributes) { function attribute_to_object(attributes) {
const result = {}; const result = {};
for (const attribute of attributes) { for (const attribute of attributes) {
@@ -279,73 +282,62 @@ if (typeof HTMLElement === "function") {
} }
function get_each_context(ctx, list, i) { function get_each_context(ctx, list, i) {
const child_ctx = ctx.slice(); const child_ctx = ctx.slice();
child_ctx[9] = list[i]; child_ctx[11] = list[i];
return child_ctx;
}
function get_each_context_1(ctx, list, i) {
const child_ctx = ctx.slice();
child_ctx[14] = list[i];
return child_ctx; return child_ctx;
} }
function create_if_block$1(ctx) { function create_if_block$1(ctx) {
let div1; let div;
let a; let t;
let div0; let if_block = ctx[1] && ctx[3] === "true" && create_if_block_4(ctx);
let span; let each_value = ctx[4];
let t0_value = (ctx[1] || "Gancio") + "";
let t0;
let t1;
let img;
let img_src_value;
let t2;
let each_value = ctx[3];
let each_blocks = []; let each_blocks = [];
for (let i = 0; i < each_value.length; i += 1) { for (let i = 0; i < each_value.length; i += 1) {
each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i)); each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
} }
return { return {
c() { c() {
div1 = element("div"); div = element("div");
a = element("a"); if (if_block)
div0 = element("div"); if_block.c();
span = element("span"); t = space();
t0 = text(t0_value);
t1 = space();
img = element("img");
t2 = space();
for (let i = 0; i < each_blocks.length; i += 1) { for (let i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].c(); each_blocks[i].c();
} }
attr(span, "id", "headerTitle"); attr(div, "id", "gancioEvents");
attr(img, "id", "logo"); toggle_class(div, "dark", ctx[2] === "dark");
attr(img, "alt", "logo"); toggle_class(div, "light", ctx[2] === "light");
if (!src_url_equal(img.src, img_src_value = "" + (ctx[0] + "/logo.png"))) toggle_class(div, "sidebar", ctx[3] === "true");
attr(img, "src", img_src_value); toggle_class(div, "nosidebar", ctx[3] !== "true");
attr(div0, "class", "content");
attr(a, "href", ctx[0]);
attr(a, "target", "_blank");
attr(div1, "id", "gancioEvents");
attr(div1, "class", ctx[2]);
}, },
m(target, anchor) { m(target, anchor) {
insert(target, div1, anchor); insert(target, div, anchor);
append(div1, a); if (if_block)
append(a, div0); if_block.m(div, null);
append(div0, span); append(div, t);
append(span, t0);
append(div0, t1);
append(div0, img);
append(div1, t2);
for (let i = 0; i < each_blocks.length; i += 1) { for (let i = 0; i < each_blocks.length; i += 1) {
each_blocks[i].m(div1, null); each_blocks[i].m(div, null);
} }
}, },
p(ctx2, dirty) { p(ctx2, dirty) {
if (dirty & 2 && t0_value !== (t0_value = (ctx2[1] || "Gancio") + "")) if (ctx2[1] && ctx2[3] === "true") {
set_data(t0, t0_value); if (if_block) {
if (dirty & 1 && !src_url_equal(img.src, img_src_value = "" + (ctx2[0] + "/logo.png"))) { if_block.p(ctx2, dirty);
attr(img, "src", img_src_value); } 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 & 1) { if (dirty & 25) {
attr(a, "href", ctx2[0]); each_value = ctx2[4];
}
if (dirty & 9) {
each_value = ctx2[3];
let i; let i;
for (i = 0; i < each_value.length; i += 1) { for (i = 0; i < each_value.length; i += 1) {
const child_ctx = get_each_context(ctx2, each_value, i); const child_ctx = get_each_context(ctx2, each_value, i);
@@ -354,7 +346,7 @@ function create_if_block$1(ctx) {
} else { } else {
each_blocks[i] = create_each_block(child_ctx); each_blocks[i] = create_each_block(child_ctx);
each_blocks[i].c(); each_blocks[i].c();
each_blocks[i].m(div1, null); each_blocks[i].m(div, null);
} }
} }
for (; i < each_blocks.length; i += 1) { for (; i < each_blocks.length; i += 1) {
@@ -363,82 +355,69 @@ function create_if_block$1(ctx) {
each_blocks.length = each_value.length; each_blocks.length = each_value.length;
} }
if (dirty & 4) { if (dirty & 4) {
attr(div1, "class", ctx2[2]); 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) { d(detaching) {
if (detaching) if (detaching)
detach(div1); detach(div);
if (if_block)
if_block.d();
destroy_each(each_blocks, detaching); destroy_each(each_blocks, detaching);
} }
}; };
} }
function create_each_block(ctx) { function create_if_block_4(ctx) {
let a; let a;
let div2; let div1;
let div0; let div0;
let t0_value = when$1(ctx[9].start_datetime) + "";
let t0; let t0;
let t1; let t1;
let span; let img;
let t2; let img_src_value;
let t3_value = ctx[9].place.name + "";
let t3;
let t4;
let div1;
let t5_value = ctx[9].title + "";
let t5;
let t6;
let a_href_value;
let a_title_value;
return { return {
c() { c() {
a = element("a"); a = element("a");
div2 = element("div");
div0 = element("div");
t0 = text(t0_value);
t1 = space();
span = element("span");
t2 = text("@");
t3 = text(t3_value);
t4 = space();
div1 = element("div"); div1 = element("div");
t5 = text(t5_value); div0 = element("div");
t6 = space(); t0 = text(ctx[1]);
attr(span, "class", "place"); t1 = space();
attr(div0, "class", "subtitle"); img = element("img");
attr(div1, "class", "title"); attr(div0, "class", "title");
attr(div2, "class", "content"); attr(img, "id", "logo");
attr(a, "href", a_href_value = "" + (ctx[0] + "/event/" + (ctx[9].slug || ctx[9].id))); attr(img, "alt", "logo");
attr(a, "title", a_title_value = ctx[9].title); 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, "target", "_blank");
attr(a, "id", "header");
}, },
m(target, anchor) { m(target, anchor) {
insert(target, a, anchor); insert(target, a, anchor);
append(a, div2); append(a, div1);
append(div2, div0); append(div1, div0);
append(div0, t0); append(div0, t0);
append(div0, t1); append(div1, t1);
append(div0, span); append(div1, img);
append(span, t2);
append(span, t3);
append(div2, t4);
append(div2, div1);
append(div1, t5);
append(a, t6);
}, },
p(ctx2, dirty) { p(ctx2, dirty) {
if (dirty & 8 && t0_value !== (t0_value = when$1(ctx2[9].start_datetime) + "")) if (dirty & 2)
set_data(t0, t0_value); set_data(t0, ctx2[1]);
if (dirty & 8 && t3_value !== (t3_value = ctx2[9].place.name + "")) if (dirty & 1 && !src_url_equal(img.src, img_src_value = "" + (ctx2[0] + "/logo.png"))) {
set_data(t3, t3_value); attr(img, "src", img_src_value);
if (dirty & 8 && t5_value !== (t5_value = ctx2[9].title + ""))
set_data(t5, t5_value);
if (dirty & 9 && a_href_value !== (a_href_value = "" + (ctx2[0] + "/event/" + (ctx2[9].slug || ctx2[9].id)))) {
attr(a, "href", a_href_value);
} }
if (dirty & 8 && a_title_value !== (a_title_value = ctx2[9].title)) { if (dirty & 1) {
attr(a, "title", a_title_value); attr(a, "href", ctx2[0]);
} }
}, },
d(detaching) { d(detaching) {
@@ -447,9 +426,318 @@ function create_each_block(ctx) {
} }
}; };
} }
function create_if_block_2(ctx) {
let div;
function select_block_type(ctx2, dirty) {
if (ctx2[11].media.length)
return create_if_block_3;
return create_else_block;
}
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[11].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 & 16 && img_alt_value !== (img_alt_value = ctx2[11].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[11]) + "; aspect-ratio=1.7778;");
attr(img, "alt", img_alt_value = ctx[11].media[0].name);
if (!src_url_equal(img.src, img_src_value = ctx[0] + "/media/thumb/" + ctx[11].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 & 16 && img_style_value !== (img_style_value = "object-position: " + position$1(ctx2[11]) + "; aspect-ratio=1.7778;")) {
attr(img, "style", img_style_value);
}
if (dirty & 16 && img_alt_value !== (img_alt_value = ctx2[11].media[0].name)) {
attr(img, "alt", img_alt_value);
}
if (dirty & 17 && !src_url_equal(img.src, img_src_value = ctx2[0] + "/media/thumb/" + ctx2[11].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[11].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));
}
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 & 16) {
each_value_1 = ctx2[11].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[14] + "";
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 & 16 && t1_value !== (t1_value = ctx2[14] + ""))
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[11].start_datetime) + "";
let t1;
let t2;
let div1;
let t3_value = ctx[11].title + "";
let t3;
let t4;
let span1;
let t5;
let t6_value = ctx[11].place.name + "";
let t6;
let t7;
let span0;
let t8_value = ctx[11].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[11].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[11].slug || ctx[11].id)));
attr(a, "class", "event");
attr(a, "title", a_title_value = ctx[11].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 & 16 && t1_value !== (t1_value = when$1(ctx2[11].start_datetime) + ""))
set_data(t1, t1_value);
if (dirty & 16 && t3_value !== (t3_value = ctx2[11].title + ""))
set_data(t3, t3_value);
if (dirty & 16 && t6_value !== (t6_value = ctx2[11].place.name + ""))
set_data(t6, t6_value);
if (dirty & 16 && t8_value !== (t8_value = ctx2[11].place.address + ""))
set_data(t8, t8_value);
if (ctx2[11].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 & 17 && a_href_value !== (a_href_value = "" + (ctx2[0] + "/event/" + (ctx2[11].slug || ctx2[11].id)))) {
attr(a, "href", a_href_value);
}
if (dirty & 16 && a_title_value !== (a_title_value = ctx2[11].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) { function create_fragment$1(ctx) {
let if_block_anchor; let if_block_anchor;
let if_block = ctx[3].length && create_if_block$1(ctx); let if_block = ctx[4].length && create_if_block$1(ctx);
return { return {
c() { c() {
if (if_block) if (if_block)
@@ -463,7 +751,7 @@ function create_fragment$1(ctx) {
insert(target, if_block_anchor, anchor); insert(target, if_block_anchor, anchor);
}, },
p(ctx2, [dirty]) { p(ctx2, [dirty]) {
if (ctx2[3].length) { if (ctx2[4].length) {
if (if_block) { if (if_block) {
if_block.p(ctx2, dirty); if_block.p(ctx2, dirty);
} else { } else {
@@ -486,10 +774,17 @@ function create_fragment$1(ctx) {
} }
}; };
} }
function position$1(event) {
if (event.media[0].focalpoint) {
const focalpoint = event.media[0].focalpoint;
return `${(focalpoint[0] + 1) * 50}% ${(focalpoint[1] + 1) * 50}%`;
}
return "center center";
}
function when$1(timestamp) { function when$1(timestamp) {
return new Date(timestamp * 1e3).toLocaleDateString(void 0, { return new Date(timestamp * 1e3).toLocaleDateString(void 0, {
weekday: "long", weekday: "long",
month: "short", month: "long",
day: "numeric", day: "numeric",
hour: "2-digit", hour: "2-digit",
minute: "2-digit" minute: "2-digit"
@@ -497,14 +792,16 @@ function when$1(timestamp) {
} }
function instance$1($$self, $$props, $$invalidate) { function instance$1($$self, $$props, $$invalidate) {
let { baseurl = "" } = $$props; let { baseurl = "" } = $$props;
let { title = "Gancio events" } = $$props; let { title = "" } = $$props;
let { maxlength = false } = $$props; let { maxlength = false } = $$props;
let { tags = "" } = $$props; let { tags = "" } = $$props;
let { places = "" } = $$props; let { places = "" } = $$props;
let { theme = "light" } = $$props; let { theme = "light" } = $$props;
let { show_recurrent = false } = $$props;
let { sidebar = "true" } = $$props;
let mounted = false; let mounted = false;
let events = []; let events = [];
async function update2(v) { function update2(v) {
if (!mounted) if (!mounted)
return; return;
const params = []; const params = [];
@@ -517,8 +814,11 @@ function instance$1($$self, $$props, $$invalidate) {
if (places) { if (places) {
params.push(`places=${places}`); params.push(`places=${places}`);
} }
if (show_recurrent) {
params.push(`show_recurrent=true`);
}
fetch(`${baseurl}/api/events?${params.join("&")}`).then((res) => res.json()).then((e) => { fetch(`${baseurl}/api/events?${params.join("&")}`).then((res) => res.json()).then((e) => {
$$invalidate(3, events = e); $$invalidate(4, events = e);
}).catch((e) => { }).catch((e) => {
console.error("Error loading Gancio API -> ", e); console.error("Error loading Gancio API -> ", e);
}); });
@@ -533,25 +833,39 @@ function instance$1($$self, $$props, $$invalidate) {
if ("title" in $$props2) if ("title" in $$props2)
$$invalidate(1, title = $$props2.title); $$invalidate(1, title = $$props2.title);
if ("maxlength" in $$props2) if ("maxlength" in $$props2)
$$invalidate(4, maxlength = $$props2.maxlength); $$invalidate(5, maxlength = $$props2.maxlength);
if ("tags" in $$props2) if ("tags" in $$props2)
$$invalidate(5, tags = $$props2.tags); $$invalidate(6, tags = $$props2.tags);
if ("places" in $$props2) if ("places" in $$props2)
$$invalidate(6, places = $$props2.places); $$invalidate(7, places = $$props2.places);
if ("theme" in $$props2) if ("theme" in $$props2)
$$invalidate(2, theme = $$props2.theme); $$invalidate(2, theme = $$props2.theme);
if ("show_recurrent" in $$props2)
$$invalidate(8, show_recurrent = $$props2.show_recurrent);
if ("sidebar" in $$props2)
$$invalidate(3, sidebar = $$props2.sidebar);
}; };
$$self.$$.update = () => { $$self.$$.update = () => {
if ($$self.$$.dirty & 118) { if ($$self.$$.dirty & 494) {
update2(); update2();
} }
}; };
return [baseurl, title, theme, events, maxlength, tags, places]; return [
baseurl,
title,
theme,
sidebar,
events,
maxlength,
tags,
places,
show_recurrent
];
} }
class GancioEvents extends SvelteElement { class GancioEvents extends SvelteElement {
constructor(options) { constructor(options) {
super(); super();
this.shadowRoot.innerHTML = `<style>#gancioEvents{font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;overflow-x:hidden;font-size:1rem;width:100%;max-width:500px;box-sizing:content-box;box-shadow:rgba(60, 64, 67, 0.4) 0px 1px 2px 0px, rgba(60, 64, 67, 0.25) 0px 1px 3px 1px;border-radius:5px}#logo{position:absolute;top:10px;right:10px;height:40px}#headerTitle{line-height:45px;font-size:1.3rem;font-weight:600}a{text-decoration:none;color:var(--text-color);display:flex;flex-direction:column;flex:1 1 100%;padding:8px 20px;margin:0;line-height:1.275rem;font-weight:400;font-size:.875rem;position:relative;transition:background-color .3s cubic-bezier(.25,.8,.5,1), padding-left .3s;box-sizing:content-box}.dark{--bg-odd-color:#161616;--bg-even-color:#222;--bg-hover-color:#333;--text-color:white;--title-color:white}.light{--bg-odd-color:#f5f5f5;--bg-even-color:#FAFAFA;--bg-hover-color:#EEE;--text-color:#222;--title-color:black}a:nth-child(odd){background-color:var(--bg-odd-color)}a:nth-child(even){background-color:var(--bg-even-color)}a:first-child{border-radius:5px 5px 0px 0px}a:last-child{border-radius:0px 0px 5px 5px;padding-bottom:5px}a:hover{background-color:var(--bg-hover-color);padding-left:23px}.place{font-weight:600;color:#ff6e40}.title{color:var(--title-color)}</style>`; this.shadowRoot.innerHTML = `<style>#gancioEvents{font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";overflow-x:hidden;width:100%;box-sizing:content-box;margin:0 auto;font-size:1rem}.nosidebar{max-width:1200px}#header{padding:1.2rem 1rem;background-color:var(--bg-odd-color)}.sidebar{max-width:500px;box-shadow:rgba(60, 64, 67, 0.4) 0px 1px 2px 0px, rgba(60, 64, 67, 0.25) 0px 1px 3px 1px;border-radius:5px;font-size:1rem}.event .img{width:100%;max-width:450px;max-height:250px;aspect-ratio:1.7778;flex:1 0 auto}@media screen and (max-width: 800px){.event{flex-wrap:wrap}.event .img{max-width:100%}}.event img{object-fit:cover;border-radius:15px;width:100%;height:100%;box-shadow:rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px}.nosidebar .event{margin-bottom:2rem}.nosidebar .content{margin-left:1rem;margin-top:5px}.tags{margin-top:2px}#logo{position:absolute;top:10px;right:10px;height:40px}a{text-decoration:none;color:var(--text-color);display:flex;padding:8px 20px;margin:0;line-height:1.275rem;font-weight:400;font-size:.875rem;position:relative;transition:background-color .3s cubic-bezier(.25,.8,.5,1), padding .3s;box-sizing:content-box}a:hover .title,a:focus .title,a:active .title{text-decoration:underline}.dark{--bg-odd-color:#161616;--bg-even-color:#222;--bg-hover-color:#333;--text-color:white;--title-color:white;--line-color:rgba(120, 120, 120, 0.2)}.light{--bg-odd-color:#f5f5f5;--bg-even-color:#FAFAFA;--bg-hover-color:#EEE;--text-color:#222;--title-color:black;--line-color:rgba(220, 220, 220, 0.9)}.sidebar a{background-color:var(--bg-even-color);border-bottom:1px solid var(--line-color)}.sidebar a:hover,.sidebar a:focus,.sidebar a:active{background-color:var(--bg-hover-color);padding-left:15px;padding-right:25px}.place{font-weight:400;font-size:1.2rem;line-height:1.4rem;color:orangered}.title{color:var(--title-color);font-weight:bold;font-size:1.3rem;line-height:1.1em}.nosidebar .title{font-size:1.9em;line-height:1.1em}.subtitle{font-size:1rem;line-height:1.1em;color:var(--title-color);opacity:0.9}.tag{margin-right:10px;display:inline-block}</style>`;
init(this, { init(this, {
target: this.shadowRoot, target: this.shadowRoot,
props: attribute_to_object(this.attributes), props: attribute_to_object(this.attributes),
@@ -559,10 +873,12 @@ class GancioEvents extends SvelteElement {
}, instance$1, create_fragment$1, safe_not_equal, { }, instance$1, create_fragment$1, safe_not_equal, {
baseurl: 0, baseurl: 0,
title: 1, title: 1,
maxlength: 4, maxlength: 5,
tags: 5, tags: 6,
places: 6, places: 7,
theme: 2 theme: 2,
show_recurrent: 8,
sidebar: 3
}, null); }, null);
if (options) { if (options) {
if (options.target) { if (options.target) {
@@ -575,7 +891,16 @@ class GancioEvents extends SvelteElement {
} }
} }
static get observedAttributes() { static get observedAttributes() {
return ["baseurl", "title", "maxlength", "tags", "places", "theme"]; return [
"baseurl",
"title",
"maxlength",
"tags",
"places",
"theme",
"show_recurrent",
"sidebar"
];
} }
get baseurl() { get baseurl() {
return this.$$.ctx[0]; return this.$$.ctx[0];
@@ -592,21 +917,21 @@ class GancioEvents extends SvelteElement {
flush(); flush();
} }
get maxlength() { get maxlength() {
return this.$$.ctx[4]; return this.$$.ctx[5];
} }
set maxlength(maxlength) { set maxlength(maxlength) {
this.$$set({ maxlength }); this.$$set({ maxlength });
flush(); flush();
} }
get tags() { get tags() {
return this.$$.ctx[5]; return this.$$.ctx[6];
} }
set tags(tags) { set tags(tags) {
this.$$set({ tags }); this.$$set({ tags });
flush(); flush();
} }
get places() { get places() {
return this.$$.ctx[6]; return this.$$.ctx[7];
} }
set places(places) { set places(places) {
this.$$set({ places }); this.$$set({ places });
@@ -619,6 +944,20 @@ class GancioEvents extends SvelteElement {
this.$$set({ theme }); this.$$set({ theme });
flush(); flush();
} }
get show_recurrent() {
return this.$$.ctx[8];
}
set show_recurrent(show_recurrent) {
this.$$set({ show_recurrent });
flush();
}
get sidebar() {
return this.$$.ctx[3];
}
set sidebar(sidebar) {
this.$$set({ sidebar });
flush();
}
} }
customElements.define("gancio-events", GancioEvents); customElements.define("gancio-events", GancioEvents);
function create_if_block(ctx) { function create_if_block(ctx) {