@bexis2/bexis2-core-ui 0.4.69 → 0.4.71

package/README.md

@@ -1,6 +1,10 @@
 # bexis-core-ui
-## 0.4.69
-- CheckboxKVP
+## 0.4.71
+- NumberInput
+  - add min and max
+  
+## 0.4.70
+- CheckboxKVPList
   - add vertical flag for orientation 
 
 ## 0.4.68

package/dist/__package_types_tmp__/components/form/CheckboxKvPList.svelte.d.ts

@@ -8,6 +8,7 @@ declare const __propDef: {
         description?: string;
         key: any;
         help?: boolean;
+        vertical?: boolean;
         feedback: [];
     };
     events: {

package/dist/__package_types_tmp__/components/form/NumberInput.svelte.d.ts

@@ -12,6 +12,8 @@ declare const __propDef: {
         help?: boolean;
         disabled?: boolean;
         description?: string;
+        min?: number;
+        max?: number;
     };
     events: {
         input: Event;

package/dist/components/form/CheckboxKvPList.svelte

@@ -6,11 +6,13 @@ export let title;
 export let description = "";
 export let key;
 export let help = false;
+export let vertical = false;
 let required = false;
 export let feedback;
 </script>
 
 <InputContainer {id} label={title} {feedback} {required} {help} {description}>
+<div	class="flex gap-2" class:flex-col={vertical} >
 	{#each source as item}
 		<label class="flex items-center space-x-2" for={item.key}>
 			<input
@@ -24,4 +26,5 @@ export let feedback;
 			<p>{item.value}</p>
 		</label>
 	{/each}
+</div>
 </InputContainer>

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

@@ -8,6 +8,7 @@ declare const __propDef: {
         description?: string;
         key: any;
         help?: boolean;
+        vertical?: boolean;
         feedback: [];
     };
     events: {

package/dist/components/form/NumberInput.svelte

@@ -1,5 +1,6 @@
 <script>import InputContainer from "./InputContainer.svelte";
 import { helpStore } from "../../stores/pageStores";
+import { convertServerColumns } from "../Table/utils";
 export let id = "";
 export let label = "";
 export let value = "";
@@ -11,6 +12,14 @@ export let placeholder = "";
 export let help = false;
 export let disabled = false;
 export let description = "";
+export let min = Number.MIN_VALUE;
+export let max = Number.MAX_VALUE;
+$: if (parseInt(value) > max) {
+  value = max.toString();
+}
+$: if (parseInt(value) < min) {
+  value = min.toString();
+}
 </script>
 
 <InputContainer {id} {label} {feedback} {required} {help} 	{description}>
@@ -21,9 +30,12 @@ export let description = "";
 		class:input-success={valid}
 		class:input-error={invalid}
 		bind:value
+		{min}
+		{max}
 		on:input
 		on:change
 		{placeholder}
 		{disabled}
+		
 	/>
 </InputContainer>

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

@@ -12,6 +12,8 @@ declare const __propDef: {
         help?: boolean;
         disabled?: boolean;
         description?: string;
+        min?: number;
+        max?: number;
     };
     events: {
         input: Event;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bexis2/bexis2-core-ui",
-  "version": "0.4.69",
+  "version": "0.4.71",
   "private": false,
   "description": "Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).",
   "keywords": [
@@ -50,6 +50,7 @@
     "format": "prettier --plugin-search-dir . --write .",
     "check outdated": "npm outdated",
     "upgrade all": "ncu --upgrade",
+    "0.npm login": "npm login",
     "1.npm - update package infos": "npm init --scope bexis2",
     "2.npm - package": "svelte-package",
     "3.npm - publish": "npm publish --access public"

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

@@ -8,7 +8,7 @@
 	export let description = '';
 	export let key;
 	export let help = false;
-	export let vertical = true;
+	export let vertical = false;
 
 	let required = false;
 	export let feedback: [];

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

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import InputContainer from './InputContainer.svelte';
 	import { helpStore } from '$store/pageStores';
+	import { convertServerColumns } from '../Table/utils';
 
 	export let id: string = '';
 	export let label: string = '';
@@ -14,6 +15,19 @@
 	export let help: boolean = false;
 	export let disabled: boolean = false;
 	export let description	: string = '';
+	export let min	: number = Number.MIN_VALUE;
+	export	let max	: number = Number.MAX_VALUE;
+
+	// Diese Zeile wird jedes Mal ausgeführt, wenn sich "menge" ändert
+  $: if (parseInt(value) > max) {
+    value = max.toString();
+  }
+
+		$: if (parseInt(value) <  min) {
+    value = min.toString();
+  }
+
+
 </script>
 
 <InputContainer {id} {label} {feedback} {required} {help} 	{description}>
@@ -24,9 +38,12 @@
 		class:input-success={valid}
 		class:input-error={invalid}
 		bind:value
+		{min}
+		{max}
 		on:input
 		on:change
 		{placeholder}
 		{disabled}
+		
 	/>
 </InputContainer>