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

better WC class management

Browse Source
This commit is contained in:
lesion
2022-02-01 17:37:44 +01:00
parent e4e5c85c34
commit a0595fdc60
3 changed files with 42 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
docs/assets/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) {
@@ -290,7 +293,6 @@ function get_each_context_1(ctx, list, i) {
function create_if_block$1(ctx) { function create_if_block$1(ctx) {
let div; let div;
let t; let t;
let div_class_value;
let if_block = ctx[1] && ctx[3] === "true" && create_if_block_4(ctx); let if_block = ctx[1] && ctx[3] === "true" && create_if_block_4(ctx);
let each_value = ctx[4]; let each_value = ctx[4];
let each_blocks = []; let each_blocks = [];
@@ -307,7 +309,10 @@ function create_if_block$1(ctx) {
each_blocks[i].c(); each_blocks[i].c();
} }
attr(div, "id", "gancioEvents"); attr(div, "id", "gancioEvents");
attr(div, "class", div_class_value = "" + (ctx[2] + " " + (ctx[3] === "true" ? "sidebar" : "nosidebar"))); 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) { m(target, anchor) {
insert(target, div, anchor); insert(target, div, anchor);
@@ -349,8 +354,17 @@ function create_if_block$1(ctx) {
} }
each_blocks.length = each_value.length; each_blocks.length = each_value.length;
} }
if (dirty & 12 && div_class_value !== (div_class_value = "" + (ctx2[2] + " " + (ctx2[3] === "true" ? "sidebar" : "nosidebar")))) { if (dirty & 4) {
attr(div, "class", div_class_value); 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) {
@@ -836,7 +850,7 @@ function instance$1($$self, $$props, $$invalidate) {
$$invalidate(3, sidebar = $$props2.sidebar); $$invalidate(3, sidebar = $$props2.sidebar);
}; };
$$self.$$.update = () => { $$self.$$.update = () => {
if ($$self.$$.dirty & 486) { if ($$self.$$.dirty & 494) {
update2(); update2();
} }
}; };

24
static/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) {
@@ -290,7 +293,6 @@ function get_each_context_1(ctx, list, i) {
function create_if_block$1(ctx) { function create_if_block$1(ctx) {
let div; let div;
let t; let t;
let div_class_value;
let if_block = ctx[1] && ctx[3] === "true" && create_if_block_4(ctx); let if_block = ctx[1] && ctx[3] === "true" && create_if_block_4(ctx);
let each_value = ctx[4]; let each_value = ctx[4];
let each_blocks = []; let each_blocks = [];
@@ -307,7 +309,10 @@ function create_if_block$1(ctx) {
each_blocks[i].c(); each_blocks[i].c();
} }
attr(div, "id", "gancioEvents"); attr(div, "id", "gancioEvents");
attr(div, "class", div_class_value = "" + (ctx[2] + " " + (ctx[3] === "true" ? "sidebar" : "nosidebar"))); 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) { m(target, anchor) {
insert(target, div, anchor); insert(target, div, anchor);
@@ -349,8 +354,17 @@ function create_if_block$1(ctx) {
} }
each_blocks.length = each_value.length; each_blocks.length = each_value.length;
} }
if (dirty & 12 && div_class_value !== (div_class_value = "" + (ctx2[2] + " " + (ctx2[3] === "true" ? "sidebar" : "nosidebar")))) { if (dirty & 4) {
attr(div, "class", div_class_value); 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) {
@@ -836,7 +850,7 @@ function instance$1($$self, $$props, $$invalidate) {
$$invalidate(3, sidebar = $$props2.sidebar); $$invalidate(3, sidebar = $$props2.sidebar);
}; };
$$self.$$.update = () => { $$self.$$.update = () => {
if ($$self.$$.dirty & 486) { if ($$self.$$.dirty & 494) {
update2(); update2();
} }
}; };

6
webcomponents/src/GancioEvents.svelte
View File

@@ -67,12 +67,14 @@
mounted = true mounted = true
update() update()
}) })
$: update(maxlength && title && places && tags && theme && show_recurrent) $: update(maxlength && title && places && tags && theme && show_recurrent && sidebar)
</script> </script>
<svelte:options tag="gancio-events"/> <svelte:options tag="gancio-events"/>
{#if events.length} {#if events.length}
<div id='gancioEvents' class='{theme} {sidebar === 'true' ? "sidebar" : "nosidebar"}'> <div id='gancioEvents'
class:dark="{theme === 'dark'}" class:light="{theme === 'light'}"
class:sidebar="{sidebar === 'true'}" class:nosidebar="{sidebar !== 'true'}">
{#if title && sidebar === 'true'} {#if title && sidebar === 'true'}
<a href='{baseurl}' target='_blank' id='header'> <a href='{baseurl}' target='_blank' id='header'>
<div class='content'> <div class='content'>