@bexis2/bexis2-core-ui 0.2.11 → 0.2.13

package/dist/components/Table/TablePagination.svelte

@@ -20,41 +20,41 @@ $:
   goToNextPageDisabled = !$hasNextPage;
 $:
   goToPreviousPageDisabled = !$hasPreviousPage;
-</script>
-
-<div class="flex justify-center gap-1">
-	<button
-		class="btn btn-sm variant-filled-primary"
-		on:click|preventDefault={goToFirstPage}
-		disabled={goToFirstPageDisabled}
-	>
-		<Fa icon={faAnglesLeft} /></button
-	>
-	<button
-		class="btn btn-sm variant-filled-primary"
-		on:click|preventDefault={goToPreviousPage}
-		disabled={goToPreviousPageDisabled}><Fa icon={faAngleLeft} /></button
-	>
-
-	<select
-		name="pageSize"
-		id="pageSize"
-		class="select variant-filled-primary w-min font-bold"
-		bind:value={$pageSize}
-	>
-		{#each pageSizes as size}
-			<option value={size}>{size}</option>
-		{/each}
-	</select>
-
-	<button
-		class="btn btn-sm variant-filled-primary"
-		on:click|preventDefault={goToNextPage}
-		disabled={goToNextPageDisabled}><Fa icon={faAngleRight} /></button
-	>
-	<button
-		class="btn btn-sm variant-filled-primary"
-		on:click|preventDefault={goToLastPage}
-		disabled={goToLastPageDisabled}><Fa icon={faAnglesRight} /></button
-	>
-</div>
+</script>
+
+<div class="flex justify-center gap-1">
+	<button
+		class="btn btn-sm variant-filled-primary"
+		on:click|preventDefault={goToFirstPage}
+		disabled={goToFirstPageDisabled}
+	>
+		<Fa icon={faAnglesLeft} /></button
+	>
+	<button
+		class="btn btn-sm variant-filled-primary"
+		on:click|preventDefault={goToPreviousPage}
+		disabled={goToPreviousPageDisabled}><Fa icon={faAngleLeft} /></button
+	>
+
+	<select
+		name="pageSize"
+		id="pageSize"
+		class="select variant-filled-primary w-min font-bold"
+		bind:value={$pageSize}
+	>
+		{#each pageSizes as size}
+			<option value={size}>{size}</option>
+		{/each}
+	</select>
+
+	<button
+		class="btn btn-sm variant-filled-primary"
+		on:click|preventDefault={goToNextPage}
+		disabled={goToNextPageDisabled}><Fa icon={faAngleRight} /></button
+	>
+	<button
+		class="btn btn-sm variant-filled-primary"
+		on:click|preventDefault={goToLastPage}
+		disabled={goToLastPageDisabled}><Fa icon={faAnglesRight} /></button
+	>
+</div>

package/dist/components/file/FileUploader.svelte

@@ -88,37 +88,37 @@ async function handleSubmit() {
     }
   }
 }
-</script>
-
-<form on:submit|preventDefault={handleSubmit}>
-	{#if model}
-		<!--if model exist  -->
-		<div>
-			<DropZone
-				on:drop={handleFilesSelect}
-				accept={model.accept}
-				multiple={model.multiple}
-				{maxSize}
-			>
-				<b style="font-size:xx-large"><Fa icon={faFileUpload} /></b>
-				<span
-					><b>Drag 'n' drop some files here, or click to select files</b>
-					<b>max file : {model.maxSize} mb</b></span
-				>
-				<p>
-					{#if model.accept}
-						{#each model.accept as ext}
-							{ext} ,
-						{/each}
-					{/if}
-				</p>
-			</DropZone>
-		</div>
-
-		<button id={submitBt} color="primary" style="display:none"><Fa icon={faSave} /></button>
-	{:else}
-		<!-- while data is not loaded show a loading information -->
-
-		<Spinner />
-	{/if}
-</form>
+</script>
+
+<form on:submit|preventDefault={handleSubmit}>
+	{#if model}
+		<!--if model exist  -->
+		<div>
+			<DropZone
+				on:drop={handleFilesSelect}
+				accept={model.accept}
+				multiple={model.multiple}
+				{maxSize}
+			>
+				<b style="font-size:xx-large"><Fa icon={faFileUpload} /></b>
+				<span
+					><b>Drag 'n' drop some files here, or click to select files</b>
+					<b>max file : {model.maxSize} mb</b></span
+				>
+				<p>
+					{#if model.accept}
+						{#each model.accept as ext}
+							{ext} ,
+						{/each}
+					{/if}
+				</p>
+			</DropZone>
+		</div>
+
+		<button id={submitBt} color="primary" style="display:none"><Fa icon={faSave} /></button>
+	{:else}
+		<!-- while data is not loaded show a loading information -->
+
+		<Spinner />
+	{/if}
+</form>

package/dist/components/form/Checkbox.svelte.d.ts

@@ -3,7 +3,7 @@ declare const __propDef: {
     props: {
         id?: string | undefined;
         label?: string | undefined;
-        checked?: any;
+        checked?: boolean | undefined;
         valid: boolean;
         invalid: boolean;
         required: boolean;

package/dist/components/form/DropdownKvP.svelte

@@ -19,24 +19,18 @@
 
 	function updatedSelectedValue(selection) {
 		if (selection != null) {
-			if(complexTarget)
-			{
+			if (complexTarget) {
 				selected = selection.id;
-			}
-			else
-			{
-				selected = selection
+			} else {
+				selected = selection;
 			}
 		}
 	}
 
 	function updatedTarget(id) {
-		if(complexTarget)
-		{
+		if (complexTarget) {
 			target = source.find((opt) => opt.id === id);
-		}
-		else
-		{
+		} else {
 			target = id;
 		}
 	}

package/dist/components/form/InputContainer.svelte

@@ -11,22 +11,23 @@ function onMouseOver() {
 }
 function onMouseOut() {
 }
-</script>
-<div {id} on:mouseover={onMouseOver} on:mouseout={onMouseOut}>
-<label class="label">
-	<span
-		>{label}
-		{#if required} <span class="text-sm text-red-600">*</span> {/if}
-	</span>
-	<slot />
-	{#if feedback}
-		<span class="text-sm text-error-600">
-			<ul>
-				{#each feedback as message}
-					<li>{message}</li>
-				{/each}
-			</ul>
-		</span>
-	{/if}
-</label>
-</div>
+</script>
+
+<div {id} on:mouseover={onMouseOver} on:mouseout={onMouseOut}>
+	<label class="label">
+		<span
+			>{label}
+			{#if required} <span class="text-sm text-red-600">*</span> {/if}
+		</span>
+		<slot />
+		{#if feedback}
+			<span class="text-sm text-error-600">
+				<ul>
+					{#each feedback as message}
+						<li>{message}</li>
+					{/each}
+				</ul>
+			</span>
+		{/if}
+	</label>
+</div>

package/dist/components/form/MultiSelect.svelte

@@ -1,178 +1,163 @@
-<script>
-	import InputContainer from './InputContainer.svelte';
-
-	import Select from 'svelte-select';
-	import { onMount } from 'svelte';
-
-	export let source;
-	export let target;
-	export let id;
-	export let title;
-	export let itemId = 'value';
-	export let itemLabel = 'label';
-	export let itemGroup = 'group';
-	export let isMulti = true;
-	export let complexSource = false;
-	export let complexTarget = false;
-	export let required = false;
-	export let feedback = [''];
-	export let placeholder = "-- Please select --"
-	export let invalid = false;
-	export let loading = false;
-	export let help = false;
-
-
-	let isLoaded = false;
-
-	$: value = null;
-	$: updateTarget(value);
-
-	let groupBy
-	$:groupBy;
-
-
-
-	function updateTarget(selection) {
-		//different cases
-		//a) source is complex model is simple return array
-		if (complexSource && !complexTarget && isLoaded && isMulti) {
-			//console.log('a) source is complex model is simple');
-
-			target = [];
-			for (let i in selection) {
-				let item = selection[i];
-				target.push(item[itemId]);
-			}
-		}
-
-
-		if (!complexSource && !complexTarget && isLoaded && isMulti) {
-			target = [];
-			for (let i in selection) {
-				target.push(selection[i].value);
-			}
-		}
-
-		if (complexSource && complexTarget && isLoaded && isMulti)
-		{
-			 //console.log("both complex",selection);
-			 target = selection;
-			
-		}
-
-		if(complexSource && complexTarget && isLoaded &&!isMulti)
-		{
-			target = selection
-		}
-
-		if(!complexSource && !complexTarget && isLoaded &&!isMulti)
-		{
-	
-			target = selection.value
-		}
-
-		if(complexSource && !complexTarget && isLoaded &&!isMulti)
-		{
-			 target = selection[itemLabel]
-				console.log("selection",selection)
-		}
-
-		
-		// //console.log('selection ' + title, selection);
-		// //console.log('target ' + title, target);
-	}
-
-	onMount(async () => {
-		console.log("on mount multiselect");
-		////console.log(source);
-
-		//a) source is complex model is simple
-		if (complexSource && !complexTarget && isMulti) {
-			let items = [];
-			// event.detail will be null unless isMulti is true and user has removed a single item
-			for (let i in target) {
-				let t = target[i];
-				items.push(source.find((item) => item[itemId] === t));
-			}
-
-			isLoaded = true;
-			if (items.length > 0) {
-				value = items;
-			}
-			////console.log(value);
-			groupBy = (item) => item[itemGroup]
-		}
-
-		if (complexSource && complexTarget && isMulti)
-		{
-				value = target
-				isLoaded = true;
-				groupBy = (item) => item[itemGroup]
-		}
-
-		//b) simple liust and simple model
-		if (!complexSource && !complexTarget && isMulti) {
-			////console.log("source", source);
-			////console.log("target",target);
-			isLoaded = true;
-			//set target only if its nit empty
-			if (target != null && target !== undefined && target != '') {
-				value = target;
-			}
-		}
-
-		if(!isMulti)
-		{
-			//console.log("onmount",complexSource,complexTarget,value,target)
-			if(!complexSource && !complexTarget) 
-			{
-					value = {
-							value:target,
-							label:target
-					}
-			}
-
-			if(complexSource && complexTarget) 
-			{
-					value = target;
-					groupBy = (item) => item[itemGroup]
-			}
-
-			if(complexSource && !complexTarget) 
-			{
-					//value = target
-					console.log("this case is currently not supported (complexSource,complexTarget,isMulti)", complexSource, complexTarget,isMulti)
-			}
-			
-			isLoaded = true;
-		}
-
-	});
-</script>
-
-
-<InputContainer {id} label={title} {feedback} {required} {help}>
-	<Select
-	 {id}
-		items={source}
-		{groupBy}
-		{itemId}
-		label = {itemLabel}
-		multiple={isMulti}
-		bind:value
-		{placeholder}
-		hasError={invalid}
-		{loading}
-		on:change
-		on:input
-		on:focus
-		on:blur
-		on:clear
-		on:loaded
-		on:error
-		on:filter
-		on:hoverItem
-	/>
-
-</InputContainer>
-
+<script>
+	import InputContainer from './InputContainer.svelte';
+
+	import Select from 'svelte-select';
+	import { onMount } from 'svelte';
+
+	export let source;
+	export let target;
+	export let id;
+	export let title;
+	export let itemId = 'value';
+	export let itemLabel = 'label';
+	export let itemGroup = 'group';
+	export let isMulti = true;
+	export let complexSource = false;
+	export let complexTarget = false;
+	export let required = false;
+	export let feedback = [''];
+	export let placeholder = '-- Please select --';
+	export let invalid = false;
+	export let loading = false;
+	export let help = false;
+
+	let isLoaded = false;
+
+	$: value = null;
+	$: updateTarget(value);
+
+	let groupBy;
+	$: groupBy;
+
+	function updateTarget(selection) {
+		//different cases
+		//a) source is complex model is simple return array
+		if (complexSource && !complexTarget && isLoaded && isMulti) {
+			//console.log('a) source is complex model is simple');
+
+			target = [];
+			for (let i in selection) {
+				let item = selection[i];
+				target.push(item[itemId]);
+			}
+		}
+
+		if (!complexSource && !complexTarget && isLoaded && isMulti) {
+			target = [];
+			for (let i in selection) {
+				target.push(selection[i].value);
+			}
+		}
+
+		if (complexSource && complexTarget && isLoaded && isMulti) {
+			//console.log("both complex",selection);
+			target = selection;
+		}
+
+		if (complexSource && complexTarget && isLoaded && !isMulti) {
+			target = selection;
+		}
+
+		if (!complexSource && !complexTarget && isLoaded && !isMulti) {
+			target = selection.value;
+		}
+
+		if (complexSource && !complexTarget && isLoaded && !isMulti) {
+			target = selection[itemLabel];
+			console.log('selection', selection);
+		}
+
+		// //console.log('selection ' + title, selection);
+		// //console.log('target ' + title, target);
+	}
+
+	onMount(async () => {
+		console.log('on mount multiselect');
+		////console.log(source);
+
+		//a) source is complex model is simple
+		if (complexSource && !complexTarget && isMulti) {
+			let items = [];
+			// event.detail will be null unless isMulti is true and user has removed a single item
+			for (let i in target) {
+				let t = target[i];
+				items.push(source.find((item) => item[itemId] === t));
+			}
+
+			isLoaded = true;
+			if (items.length > 0) {
+				value = items;
+			}
+			////console.log(value);
+			groupBy = (item) => item[itemGroup];
+		}
+
+		if (complexSource && complexTarget && isMulti) {
+			value = target;
+			isLoaded = true;
+			groupBy = (item) => item[itemGroup];
+		}
+
+		//b) simple liust and simple model
+		if (!complexSource && !complexTarget && isMulti) {
+			////console.log("source", source);
+			////console.log("target",target);
+			isLoaded = true;
+			//set target only if its nit empty
+			if (target != null && target !== undefined && target != '') {
+				value = target;
+			}
+		}
+
+		if (!isMulti) {
+			//console.log("onmount",complexSource,complexTarget,value,target)
+			if (!complexSource && !complexTarget) {
+				value = {
+					value: target,
+					label: target
+				};
+			}
+
+			if (complexSource && complexTarget) {
+				value = target;
+				groupBy = (item) => item[itemGroup];
+			}
+
+			if (complexSource && !complexTarget) {
+				//value = target
+				console.log(
+					'this case is currently not supported (complexSource,complexTarget,isMulti)',
+					complexSource,
+					complexTarget,
+					isMulti
+				);
+			}
+
+			isLoaded = true;
+		}
+	});
+</script>
+
+<InputContainer {id} label={title} {feedback} {required} {help}>
+	<Select
+		{id}
+		items={source}
+		{groupBy}
+		{itemId}
+		label={itemLabel}
+		multiple={isMulti}
+		bind:value
+		{placeholder}
+		hasError={invalid}
+		{loading}
+		on:change
+		on:input
+		on:focus
+		on:blur
+		on:clear
+		on:loaded
+		on:error
+		on:filter
+		on:hoverItem
+	/>
+</InputContainer>

package/dist/components/form/TextArea.svelte

@@ -8,16 +8,16 @@ export let required = false;
 export let feedback = [""];
 export let placeholder = "";
 export let help = false;
-</script>
-
-<InputContainer {id} {label} {feedback} {required} {help}>
-	<textarea
-		{id}
-		class="textarea variant-form-material"
-		class:input-success={valid}
-		class:input-error={invalid}
-		bind:value
-		on:input
-		{placeholder}
-	/>
-</InputContainer>
+</script>
+
+<InputContainer {id} {label} {feedback} {required} {help}>
+	<textarea
+		{id}
+		class="textarea variant-form-material"
+		class:input-success={valid}
+		class:input-error={invalid}
+		bind:value
+		on:input
+		{placeholder}
+	/>
+</InputContainer>

package/dist/components/form/TextInput.svelte

@@ -10,8 +10,6 @@ export let placeholder = "";
 export let help = false;
 </script>
 
-
-
 <InputContainer {id} {label} {feedback} {required} {help}>
 	<input
 		{id}