@bexis2/bexis2-core-ui 0.4.65 → 0.4.67

package/src/lib/components/form/Dropdown.svelte

@@ -0,0 +1,45 @@
+<script>
+	import InputContainer from './InputContainer.svelte';
+
+	export let id;
+	export let source;
+	export let target;
+	export let title;
+	export let valid = false;
+	export let invalid = false;
+	export let feedback = [''];
+	export let required = false;
+	export let help = false;
+
+	$: selected = null;
+
+	$: updatedSelectedValue(target);
+	$: updatedTarget(selected);
+
+	function updatedSelectedValue(selection) {
+		if (selection != null) {
+				selected = selection;
+		}
+	}
+
+	function updatedTarget(value) {
+			target = value;		
+	}
+</script>
+
+<InputContainer {id} label={title} {feedback} {required} {help}>
+	<select
+		{id}
+		class="select variant-form-material dark:bg-zinc-700 bg-zinc-50 placeholder:text-gray-400"
+		class:input-success={valid}
+		class:input-error={invalid}
+		bind:value={selected}
+		on:change
+		on:select
+	>
+		<option value={null}>-- Please select --</option>
+		{#each source as v}
+			<option value={v}>{v}</option>
+		{/each}
+	</select>
+</InputContainer>

package/src/lib/components/form/MultiSelect.svelte

@@ -23,10 +23,11 @@
 	export let help = false;
 	export let clearable = true;
 	export let disabled = false;
+	export let searchable = true;
 
 	let isLoaded = false;
 
-	$: value = null;
+	$: value = '';
 	$: updateTarget(value);
 	$: target, setValue(target);
 
@@ -141,10 +142,28 @@
 		if (!isMulti) {
 			//console.log("onmount",complexSource,complexTarget,value,target)
 			if (!complexSource && !complexTarget) {
-				value = {
-					value: t,
-					label: t
-				};
+
+
+				if(groupBy) { // if groupby is set, the value needs to be set as object with label and value, otherwise the select component does not recognize the value
+						value = {
+								value: t,
+								label: t
+							};
+					}
+					else //	if there is no groupby, the value can be set as simple value, otherwise the select component does not recognize the value
+					{
+							if(t === null || t === undefined || t === '') {
+									value = ''
+								}
+								else
+								{
+									value = {
+										value: t,
+										label: t
+									};
+								}
+					}
+				
 			}
 
 			if (complexSource && complexTarget) {
@@ -291,10 +310,12 @@
 		multiple={isMulti}
 		bind:value
 		{placeholder}
+
 		hasError={invalid}
 		{loading}
 		{clearable}
 		{disabled}
+		{searchable}
 		filter={filterFn}
 		on:change
 		on:input

package/src/lib/index.ts

@@ -19,6 +19,7 @@ import CheckboxKVPList from './components/form/CheckboxKvPList.svelte';
 import CheckboxList from './components/form/CheckboxList.svelte';
 import DateInput from './components/form/DateInput.svelte';
 import DropdownKVP from './components/form/DropdownKvP.svelte';
+import Dropdown from './components/form/Dropdown.svelte';
 import MultiSelect from './components/form/MultiSelect.svelte';
 import NumberInput from './components/form/NumberInput.svelte';
 import TextInput from './components/form/TextInput.svelte';
@@ -53,6 +54,7 @@ export {
 	CheckboxList,
 	DateInput,
 	DropdownKVP,
+	Dropdown,
 	MultiSelect,
 	NumberInput,
 	TextArea,

package/dist/MarkdownReder.svelte

@@ -1,7 +0,0 @@
-<!-- filepath: /c:/Daten/Documents/Projekte/Svelte/bexis2-core-ui/src/components/MarkdownRenderer.svelte -->
-<script>import { marked } from "marked";
-import { mdsvex } from "mdsvex";
-export let content;
-</script>
-
-<div >{@html content}</div>

package/dist/MarkdownReder.svelte.d.ts

@@ -1,16 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: {
-        content: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type MarkdownRederProps = typeof __propDef.props;
-export type MarkdownRederEvents = typeof __propDef.events;
-export type MarkdownRederSlots = typeof __propDef.slots;
-export default class MarkdownReder extends SvelteComponent<MarkdownRederProps, MarkdownRederEvents, MarkdownRederSlots> {
-}
-export {};

package/dist/css/themes/theme-bexis2.d.ts

@@ -1,2 +0,0 @@
-export default cerberus;
-declare const cerberus: Theme;

package/dist/css/themes/theme-bexis2.js

@@ -1,229 +0,0 @@
-import type { Theme } from '@skeletonlabs/skeleton/themes';
-
-const cerberus = {
-  "name": "bexis2",
-  "properties": {
-    "--type-scale-factor": "1.067",
-    "--type-scale-1": "calc(0.75rem * var(--type-scale-factor))",
-    "--type-scale-2": "calc(0.875rem * var(--type-scale-factor))",
-    "--type-scale-3": "calc(1rem * var(--type-scale-factor))",
-    "--type-scale-4": "calc(1.125rem * var(--type-scale-factor))",
-    "--type-scale-5": "calc(1.25rem * var(--type-scale-factor))",
-    "--type-scale-6": "calc(1.5rem * var(--type-scale-factor))",
-    "--type-scale-7": "calc(1.875rem * var(--type-scale-factor))",
-    "--type-scale-8": "calc(2.25rem * var(--type-scale-factor))",
-    "--type-scale-9": "calc(3rem * var(--type-scale-factor))",
-    "--type-scale-10": "calc(3.75rem * var(--type-scale-factor))",
-    "--type-scale-11": "calc(4.5rem * var(--type-scale-factor))",
-    "--type-scale-12": "calc(6rem * var(--type-scale-factor))",
-    "--type-scale-13": "calc(8rem * var(--type-scale-factor))",
-    "--base-font-color": "var(--color-surface-950)",
-    "--base-font-color-dark": "var(--color-surface-50)",
-    "--base-font-family": "system-ui",
-    "--base-font-size": "inherit",
-    "--base-line-height": "inherit",
-    "--base-font-weight": "normal",
-    "--base-font-style": "normal",
-    "--base-letter-spacing": "0em",
-    "--heading-font-color": "inherit",
-    "--heading-font-color-dark": "inherit",
-    "--heading-font-family": "inherit",
-    "--heading-font-weight": "bold",
-    "--heading-font-style": "normal",
-    "--heading-letter-spacing": "inherit",
-    "--anchor-font-color": "var(--color-primary-500)",
-    "--anchor-font-color-dark": "var(--color-primary-500)",
-    "--anchor-font-family": "inherit",
-    "--anchor-font-size": "inherit",
-    "--anchor-line-height": "inherit",
-    "--anchor-font-weight": "inherit",
-    "--anchor-font-style": "inherit",
-    "--anchor-letter-spacing": "inherit",
-    "--anchor-text-decoration": "none",
-    "--anchor-text-decoration-hover": "underline",
-    "--anchor-text-decoration-active": "none",
-    "--anchor-text-decoration-focus": "none",
-    "--space-scale-factor": "1",
-    "--radii-default": "6px",
-    "--radii-container": "6px",
-    "--border-width-default": "1px",
-    "--divide-width-default": "1px",
-    "--outline-width-default": "1px",
-    "--ring-width-default": "1px",
-    "--body-background-color": "var(--color-surface-50)",
-    "--body-background-color-dark": "var(--color-surface-950)",
-    "--color-primary-50": "227 243 241",
-    "--color-primary-100": "218 240 236",
-    "--color-primary-200": "209 236 232",
-    "--color-primary-300": "181 224 217",
-    "--color-primary-400": "125 201 189",
-    "--color-primary-500": "69 178 161",
-    "--color-primary-600": "62 160 145",
-    "--color-primary-700": "52 134 121",
-    "--color-primary-800": "41 107 97",
-    "--color-primary-900": "34 87 79",
-    "--color-primary-950": "9 39 80",
-    "--color-primary-contrast-dark": "var(--color-primary-950)",
-    "--color-primary-contrast-light": "var(--color-primary-50)",
-    "--color-primary-contrast-50": "var(--color-primary-contrast-dark)",
-    "--color-primary-contrast-100": "var(--color-primary-contrast-dark)",
-    "--color-primary-contrast-200": "var(--color-primary-contrast-dark)",
-    "--color-primary-contrast-300": "var(--color-primary-contrast-dark)",
-    "--color-primary-contrast-400": "var(--color-primary-contrast-dark)",
-    "--color-primary-contrast-500": "var(--color-primary-contrast-light)",
-    "--color-primary-contrast-600": "var(--color-primary-contrast-light)",
-    "--color-primary-contrast-700": "var(--color-primary-contrast-light)",
-    "--color-primary-contrast-800": "var(--color-primary-contrast-light)",
-    "--color-primary-contrast-900": "var(--color-primary-contrast-light)",
-    "--color-primary-contrast-950": "var(--color-primary-contrast-light)",
-    "--color-secondary-50": "255 239 217",
-    "--color-secondary-100": "255 234 204",
-    "--color-secondary-200": "255 229 191",
-    "--color-secondary-300": "255 213 153",
-    "--color-secondary-400": "255 182 77",
-    "--color-secondary-500": "255 151 0",
-    "--color-secondary-600": "230 136 0",
-    "--color-secondary-700": "191 113 0",
-    "--color-secondary-800": "153 91 0",
-    "--color-secondary-900": "125 74 0",
-    "--color-secondary-950": "50 25 104",
-    "--color-secondary-contrast-dark": "var(--color-secondary-950)",
-    "--color-secondary-contrast-light": "var(--color-secondary-50)",
-    "--color-secondary-contrast-50": "var(--color-secondary-contrast-dark)",
-    "--color-secondary-contrast-100": "var(--color-secondary-contrast-dark)",
-    "--color-secondary-contrast-200": "var(--color-secondary-contrast-dark)",
-    "--color-secondary-contrast-300": "var(--color-secondary-contrast-dark)",
-    "--color-secondary-contrast-400": "var(--color-secondary-contrast-light)",
-    "--color-secondary-contrast-500": "var(--color-secondary-contrast-light)",
-    "--color-secondary-contrast-600": "var(--color-secondary-contrast-light)",
-    "--color-secondary-contrast-700": "var(--color-secondary-contrast-light)",
-    "--color-secondary-contrast-800": "var(--color-secondary-contrast-light)",
-    "--color-secondary-contrast-900": "var(--color-secondary-contrast-light)",
-    "--color-secondary-contrast-950": "var(--color-secondary-contrast-light)",
-    "--color-tertiary-50": "245 251 249",
-    "--color-tertiary-100": "242 249 248",
-    "--color-tertiary-200": "239 248 246",
-    "--color-tertiary-300": "229 243 240",
-    "--color-tertiary-400": "210 234 229",
-    "--color-tertiary-500": "190 225 218",
-    "--color-tertiary-600": "171 203 196",
-    "--color-tertiary-700": "143 169 164",
-    "--color-tertiary-800": "114 135 131",
-    "--color-tertiary-900": "93 110 107",
-    "--color-tertiary-950": "118 0 67",
-    "--color-tertiary-contrast-dark": "var(--color-tertiary-950)",
-    "--color-tertiary-contrast-light": "var(--color-tertiary-50)",
-    "--color-tertiary-contrast-50": "var(--color-tertiary-contrast-dark)",
-    "--color-tertiary-contrast-100": "var(--color-tertiary-contrast-dark)",
-    "--color-tertiary-contrast-200": "var(--color-tertiary-contrast-dark)",
-    "--color-tertiary-contrast-300": "var(--color-tertiary-contrast-light)",
-    "--color-tertiary-contrast-400": "var(--color-tertiary-contrast-light)",
-    "--color-tertiary-contrast-500": "var(--color-tertiary-contrast-light)",
-    "--color-tertiary-contrast-600": "var(--color-tertiary-contrast-light)",
-    "--color-tertiary-contrast-700": "var(--color-tertiary-contrast-light)",
-    "--color-tertiary-contrast-800": "var(--color-tertiary-contrast-light)",
-    "--color-tertiary-contrast-900": "var(--color-tertiary-contrast-light)",
-    "--color-tertiary-contrast-950": "var(--color-tertiary-contrast-light)",
-    "--color-success-50": "228 244 227",
-    "--color-success-100": "219 240 217",
-    "--color-success-200": "210 237 208",
-    "--color-success-300": "183 225 180",
-    "--color-success-400": "129 203 123",
-    "--color-success-500": "75 181 67",
-    "--color-success-600": "68 163 60",
-    "--color-success-700": "56 136 50",
-    "--color-success-800": "45 109 40",
-    "--color-success-900": "37 89 33",
-    "--color-success-950": "5 46 42",
-    "--color-success-contrast-dark": "var(--color-success-950)",
-    "--color-success-contrast-light": "var(--color-success-50)",
-    "--color-success-contrast-50": "var(--color-success-contrast-dark)",
-    "--color-success-contrast-100": "var(--color-success-contrast-dark)",
-    "--color-success-contrast-200": "var(--color-success-contrast-dark)",
-    "--color-success-contrast-300": "var(--color-success-contrast-dark)",
-    "--color-success-contrast-400": "var(--color-success-contrast-dark)",
-    "--color-success-contrast-500": "var(--color-success-contrast-dark)",
-    "--color-success-contrast-600": "var(--color-success-contrast-light)",
-    "--color-success-contrast-700": "var(--color-success-contrast-light)",
-    "--color-success-contrast-800": "var(--color-success-contrast-light)",
-    "--color-success-contrast-900": "var(--color-success-contrast-light)",
-    "--color-success-contrast-950": "var(--color-success-contrast-light)",
-    "--color-warning-50": "252 244 218",
-    "--color-warning-100": "251 240 206",
-    "--color-warning-200": "250 236 193",
-    "--color-warning-300": "247 225 156",
-    "--color-warning-400": "240 202 82",
-    "--color-warning-500": "234 179 8",
-    "--color-warning-600": "211 161 7",
-    "--color-warning-700": "176 134 6",
-    "--color-warning-800": "140 107 5",
-    "--color-warning-900": "115 88 4",
-    "--color-warning-950": "161 77 5",
-    "--color-warning-contrast-dark": "var(--color-warning-950)",
-    "--color-warning-contrast-light": "var(--color-warning-50)",
-    "--color-warning-contrast-50": "var(--color-warning-contrast-dark)",
-    "--color-warning-contrast-100": "var(--color-warning-contrast-dark)",
-    "--color-warning-contrast-200": "var(--color-warning-contrast-dark)",
-    "--color-warning-contrast-300": "var(--color-warning-contrast-dark)",
-    "--color-warning-contrast-400": "var(--color-warning-contrast-dark)",
-    "--color-warning-contrast-500": "var(--color-warning-contrast-dark)",
-    "--color-warning-contrast-600": "var(--color-warning-contrast-light)",
-    "--color-warning-contrast-700": "var(--color-warning-contrast-light)",
-    "--color-warning-contrast-800": "var(--color-warning-contrast-light)",
-    "--color-warning-contrast-900": "var(--color-warning-contrast-light)",
-    "--color-warning-contrast-950": "var(--color-warning-contrast-light)",
-    "--color-error-50": "255 217 217",
-    "--color-error-100": "255 204 204",
-    "--color-error-200": "255 191 191",
-    "--color-error-300": "255 153 153",
-    "--color-error-400": "255 77 77",
-    "--color-error-500": "255 0 0",
-    "--color-error-600": "230 0 0",
-    "--color-error-700": "191 0 0",
-    "--color-error-800": "153 0 0",
-    "--color-error-900": "125 0 0",
-    "--color-error-950": "148 0 0",
-    "--color-error-contrast-dark": "var(--color-error-950)",
-    "--color-error-contrast-light": "var(--color-error-50)",
-    "--color-error-contrast-50": "var(--color-error-contrast-dark)",
-    "--color-error-contrast-100": "var(--color-error-contrast-dark)",
-    "--color-error-contrast-200": "var(--color-error-contrast-dark)",
-    "--color-error-contrast-300": "var(--color-error-contrast-dark)",
-    "--color-error-contrast-400": "var(--color-error-contrast-dark)",
-    "--color-error-contrast-500": "var(--color-error-contrast-light)",
-    "--color-error-contrast-600": "var(--color-error-contrast-light)",
-    "--color-error-contrast-700": "var(--color-error-contrast-light)",
-    "--color-error-contrast-800": "var(--color-error-contrast-light)",
-    "--color-error-contrast-900": "var(--color-error-contrast-light)",
-    "--color-error-contrast-950": "var(--color-error-contrast-light)",
-    "--color-surface-50": "247 247 247",
-    "--color-surface-100": "244 244 244",
-    "--color-surface-200": "241 241 241",
-    "--color-surface-300": "233 233 233",
-    "--color-surface-400": "216 216 216",
-    "--color-surface-500": "199 199 199",
-    "--color-surface-600": "179 179 179",
-    "--color-surface-700": "149 149 149",
-    "--color-surface-800": "119 119 119",
-    "--color-surface-900": "98 98 98",
-    "--color-surface-950": "17 17 17",
-    "--color-surface-contrast-dark": "var(--color-surface-950)",
-    "--color-surface-contrast-light": "var(--color-surface-50)",
-    "--color-surface-contrast-50": "var(--color-surface-contrast-dark)",
-    "--color-surface-contrast-100": "var(--color-surface-contrast-dark)",
-    "--color-surface-contrast-200": "var(--color-surface-contrast-dark)",
-    "--color-surface-contrast-300": "var(--color-surface-contrast-dark)",
-    "--color-surface-contrast-400": "var(--color-surface-contrast-light)",
-    "--color-surface-contrast-500": "var(--color-surface-contrast-light)",
-    "--color-surface-contrast-600": "var(--color-surface-contrast-light)",
-    "--color-surface-contrast-700": "var(--color-surface-contrast-light)",
-    "--color-surface-contrast-800": "var(--color-surface-contrast-light)",
-    "--color-surface-contrast-900": "var(--color-surface-contrast-light)",
-    "--color-surface-contrast-950": "var(--color-surface-contrast-light)"
-  },
-  "metadata": {
-    "version": "3.0.0"
-  }
-} satisfies Theme;
-
-export default cerberus;

package/dist/md.d.ts

@@ -1,7 +0,0 @@
-export interface Metadata {
-    title: string;
-}
-export declare const md: {
-    data: any[];
-    allHeadings: string[][];
-};

package/dist/md.js

@@ -1,52 +0,0 @@
-import { all } from 'axios';
-import { marked } from 'marked';
-;
-let slug = '';
-async function loadMDFiles() {
-    const repoUrl = 'https://api.github.com/repos/BEXIS2/Documents/contents/Docs';
-    const response = await fetch(repoUrl);
-    const files = await response.json();
-    const allHeadings = [];
-    const entries = await Promise.all(files.map(async (file) => {
-        if (file.download_url) {
-            const fileResponse = await fetch(file.download_url);
-            const content = await fileResponse.text();
-            slug = file.name.replace('.md', '');
-            // Extract metadata and content from the Markdown file
-            const metadata = extractMetadata(content);
-            allHeadings.push(metadata.headings);
-            return {
-                slug,
-                ...metadata,
-                content
-            };
-        }
-        else {
-            console.error('File has no download URL:', file);
-            return null;
-        }
-    }));
-    const data = await entries.filter(entry => entry !== null);
-    return { data, allHeadings };
-}
-function extractMetadata(content) {
-    // const { data, content: markdownContent } = matter(content);
-    // Extract headings using marked
-    const headings = [];
-    const renderer = new marked.Renderer();
-    renderer.heading = (text, level) => {
-        text.base = slug;
-        headings.push(text);
-        return `<h${level}>${text}</h${level}>`;
-    };
-    marked(content, { renderer });
-    return { headings };
-}
-function extractMetadata2(content) {
-    // Implement metadata extraction logic here
-    // For example, using front-matter or similar library
-    return {
-        title: 'Example Title' // Replace with actual metadata extraction
-    };
-}
-export const md = await loadMDFiles();

package/src/lib/MarkdownReder.svelte

@@ -1,8 +0,0 @@
-<!-- filepath: /c:/Daten/Documents/Projekte/Svelte/bexis2-core-ui/src/components/MarkdownRenderer.svelte -->
-<script lang="ts">
-    import { marked } from 'marked';
-    import { mdsvex } from 'mdsvex';
-    export let content: string;
-</script>
-
-<div >{@html content}</div>