not-bulma 1.1.1 → 1.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -2,6 +2,7 @@ import UIBooleans from "./ui.booleans.svelte";
|
|
|
2
2
|
import UIIndicator from "./ui.indicator.svelte";
|
|
3
3
|
import UILoader from "./ui.loader.svelte";
|
|
4
4
|
import UIProgress from "./ui.progress.svelte";
|
|
5
|
+
import UIShowOneFromList from "./ui.show.one.from.list.svelte";
|
|
5
6
|
import UITag from "./ui.tag.svelte";
|
|
6
7
|
import UITagValue from "./ui.tag.value.svelte";
|
|
7
8
|
import UITitle from "./ui.title.svelte";
|
|
@@ -10,14 +11,15 @@ import UIUserCard from "./ui.user.card.svelte";
|
|
|
10
11
|
import UISimpleSearchInput from "./ui.simple.search.input.svelte";
|
|
11
12
|
|
|
12
13
|
export {
|
|
13
|
-
UIErrorsList,
|
|
14
14
|
UIBooleans,
|
|
15
|
+
UIErrorsList,
|
|
15
16
|
UIIndicator,
|
|
16
17
|
UILoader,
|
|
17
18
|
UIProgress,
|
|
19
|
+
UIShowOneFromList,
|
|
20
|
+
UISimpleSearchInput,
|
|
18
21
|
UITag,
|
|
19
22
|
UITagValue,
|
|
20
|
-
UIUserCard,
|
|
21
23
|
UITitle,
|
|
22
|
-
|
|
24
|
+
UIUserCard,
|
|
23
25
|
};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
<script>
|
|
2
|
+
const defaultFilter = (value) => value[idFieldName] === id;
|
|
3
|
+
export let values = [];
|
|
4
|
+
export let id;
|
|
5
|
+
export let UIComponent;
|
|
6
|
+
export let UIPlaceholder;
|
|
7
|
+
export let active;
|
|
8
|
+
export let idFieldName = "_id";
|
|
9
|
+
export let filter = defaultFilter;
|
|
10
|
+
|
|
11
|
+
$: active =
|
|
12
|
+
Array.isArray(values) && values.length && typeof id !== "undefined"
|
|
13
|
+
? values.find(filter || defaultFilter)
|
|
14
|
+
: undefined;
|
|
15
|
+
</script>
|
|
16
|
+
|
|
17
|
+
{#if active}
|
|
18
|
+
<svelte:component this={UIComponent} {...active} />
|
|
19
|
+
{:else if UIPlaceholder}
|
|
20
|
+
<svelte:component this={UIPlaceholder} />
|
|
21
|
+
{/if}
|