diff --git a/packages/demo/src/AppCCP.svelte b/packages/demo/src/AppCCP.svelte index fd06e5ae..5fd25e62 100644 --- a/packages/demo/src/AppCCP.svelte +++ b/packages/demo/src/AppCCP.svelte @@ -8,13 +8,13 @@ dktkHistologyMeasure, } from "./measures"; - let mockCatalogueData = ""; + let catalogueData = ""; let libraryOptions = ""; fetch("catalogues/catalogue-dktk.json") .then((response) => response.text()) .then((data) => { - mockCatalogueData = data; + catalogueData = data; }); fetch("options.json") @@ -137,7 +137,7 @@
- + diff --git a/packages/demo/src/ccp.css b/packages/demo/src/ccp.css index c87582c9..ce2674da 100644 --- a/packages/demo/src/ccp.css +++ b/packages/demo/src/ccp.css @@ -225,8 +225,8 @@ footer { footer { - display: grid; - grid-template-columns: 1fr 1fr 1fr; + display: flex; + justify-content: center; padding: var(--gap-s); background-color: var(--white); border-radius: var(--border-radius-small); @@ -236,15 +236,16 @@ footer { bottom: 0; } -.email { - justify-self: center; -} +footer a { + color: var(--blue); + padding: 0 var(--gap-xs); + border-right: solid 1px var(--blue); -.copyright { - justify-self: end; - text-align: right; } +.imprint { + border-right: none; +} .result-table-hint-text { padding-top: 20px; diff --git a/packages/lib/src/components/Options.wc.svelte b/packages/lib/src/components/Options.wc.svelte index 43b4ce33..a2c78a84 100644 --- a/packages/lib/src/components/Options.wc.svelte +++ b/packages/lib/src/components/Options.wc.svelte @@ -17,27 +17,30 @@ import { catalogue } from "../stores/catalogue"; import { iconStore } from "../stores/icons"; import type { Criteria } from "../types/treeData"; + import type { LensOptions } from "../types/options"; - export let options: object = {}; + export let options: LensOptions = {}; export let catalogueData: Criteria[] = []; - const updateIconStore = (options) => { - iconStore.update((store) => { - if (typeof options === "object" && - "iconOptions" in options) { - - if (typeof options.iconOptions === "object" && - options.iconOptions) { - - if ("infoUrl" in options.iconOptions && - typeof options.iconOptions["infoUrl"] === "string") { - - store.set("infoUrl", options.iconOptions.infoUrl); - }}} + const updateIconStore = (options: LensOptions): void => { + iconStore.update((store) => { + if (typeof options === "object" && "iconOptions" in options) { + if ( + typeof options.iconOptions === "object" && + options.iconOptions + ) { + if ( + "infoUrl" in options.iconOptions && + typeof options.iconOptions["infoUrl"] === "string" + ) { + store.set("infoUrl", options.iconOptions.infoUrl); + } + } + } - return store; - }); - } + return store; + }); + }; $: $lensOptions = options; $: updateIconStore(options); diff --git a/packages/lib/src/components/buttons/InfoButtonComponent.wc.svelte b/packages/lib/src/components/buttons/InfoButtonComponent.wc.svelte index cb5ac7cf..446f1d43 100644 --- a/packages/lib/src/components/buttons/InfoButtonComponent.wc.svelte +++ b/packages/lib/src/components/buttons/InfoButtonComponent.wc.svelte @@ -10,7 +10,10 @@ /> -