@gandalan/weblibs 1.1.78 → 1.1.80

package/index.js

@@ -1,20 +1,7 @@
-import AddButton from "./components/AddButton.svelte";
-import DataGrid from "./components/DataGrid.svelte";
-import Dialog from "./components/Dialog.svelte";
-import GanTable from "./components/GanTable.svelte";
-import Datepicker from "./components/Datepicker.svelte";
-import Inputbox from "./components/Inputbox.svelte";
-import RemoveButton from "./components/RemoveButton.svelte";
-import SaveButton from "./components/SaveButton.svelte";
-
-export {
-    DataGrid, Datepicker, Inputbox, Dialog, GanTable,
-    AddButton, RemoveButton, SaveButton,
-}
-
-export { IDASFactory } from "./api/IDAS";
-export { RESTClient } from "./api/RESTClient";
-export { initIDAS } from "./api/authUtils";
+import { IDASFactory } from "./api/IDAS";
+import { RESTClient } from "./api/RESTClient";
+import { initIDAS } from "./api/authUtils";
+export { IDASFactory, RESTClient, initIDAS };
 
 export { createApi as api, idasApi, fetchEnv, getRefreshToken } from "./api/fluentApi";
 export { authBuilder } from "./api/fluentAuthBuilder";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gandalan/weblibs",
-  "version": "1.1.78",
+  "version": "1.1.80",
   "description": "WebLibs for Gandalan JS/TS/Svelte projects",
   "keywords": [
     "gandalan"
@@ -24,20 +24,14 @@
     "@mdi/js": "^7.4.47",
     "axios": "^1.7.7",
     "jwt-decode": "^4.0.0",
-    "svelte-table": "^0.6.3",
     "validator": "^13.12.0"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.25.8",
-    "chota": "^0.9.2",
     "eslint": "^8.57.1",
     "eslint-plugin-svelte": "^2.44.1",
     "svelte": "^4.2.19",
-    "svelte-check": "^3.8.6",
-    "svelte-chota": "^1.8.6"
-  },
-  "peerDependencies": {
-    "svelte-chota": "^1.8.6"
+    "svelte-check": "^3.8.6"
   },
   "publishConfig": {
     "access": "public"

package/components/AddButton.svelte

@@ -1,12 +0,0 @@
-<script>
-    import { Button } from "svelte-chota";
-    import { mdiMessageAlert } from "@mdi/js"
-
-    export let Handler;
-    export let disabled;
-    export let title;
-</script>
-
-<Button primary outline title={title} on:click={Handler} icon={mdiMessageAlert} {disabled}>
-    {title}
-</Button>

package/components/DataGrid.svelte

@@ -1,70 +0,0 @@
-<script>
-    import { createEventDispatcher } from "svelte";
-    import { Icon } from "svelte-chota";
-    const dispatch = createEventDispatcher();
-
-    export let items = [];
-    export let selectedItem = {};
-    export let standardItem;
-    export let displayProperty = "";
-    export let header = "Überschrift";
-    export let key = "Guid";
-    export let marker = null;
-    export let markerField = "";
-
-    function setCurrent(item)
-    {
-        selectedItem = item;
-        dispatch("selectedItemChanged", item);
-    }
-</script>
-
-<div class="datagrid">
-    <div class="dgheader">
-        {header}
-    </div>
-    <div>
-        {#if standardItem}
-            <div class="dgrow" on:click={setCurrent(standardItem)} on:keypress={e => e.key === "Enter" && setCurrent(standardItem)} role="row" tabindex="0" class:selected="{selectedItem[key] === standardItem[key]}">{standardItem[displayProperty]}</div>
-        {/if}
-        {#each items as d, i}
-            <div class="dgrow" on:click={setCurrent(d)} on:keypress={e => e.key === "Enter" && setCurrent(d)} role="row" tabindex="{i + 1}" class:selected="{selectedItem[key] === d[key]}">
-                {d[displayProperty]}
-                {#if marker && markerField && d[markerField] === true}
-                    <Icon src={marker} />
-                {/if}
-            </div>
-        {/each}
-    </div>
-</div>
-
-<style>
-.datagrid {
-    border: 1px solid var(--color-darkGrey);
-    background-color: var(--color-grey);
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-content: flex-start;
-    cursor: pointer;
-}
-
-.dgheader {
-    background-color: var(--color-grey);
-    padding: 4px 4px 4px 8px;
-    flex: 1;
-}
-
-.dgrow {
-    margin-left: 8px;
-    border-bottom: 1px solid var(--color-darkGrey);
-    background-color: #fff;
-    padding: 4px;
-    flex: 1;
-}
-
-.selected {
-    background-color: var(--color-selected);
-    color: var(--color-selected-text);
-}
-</style>

package/components/Datepicker.svelte

@@ -1,293 +0,0 @@
-<script>
-    export let Height = 30;
-    export let Placeholder = "";
-    export let Value = "";
-    export let Width = 120;
-
-    const backgroundNormal = "#FFFFFF";
-    const backgroundFalschesDatum = "#FF0000";
-
-    let monate = ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"];
-    let tageKurz = ["Mo", "Di", "Mi", "Do", "Fr", "Sa", "So"];
-
-    let buttonStyle, divStyle, inputStyle;
-    let background = backgroundNormal;
-    let buttonHeight = Height - 6;
-    let buttonImageHeight = Height - 10;
-    let datePickerHidden = true;
-    let errorHidden = true;
-    let inputHeight = Height - 2;
-    let inputWidth = Width - Height - 10;
-
-    let allowedNumbers = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "0"];
-    let allowedTage = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
-    let allowedSonderzeichen = ".";
-    let allowedFunctionalKeys = ["ArrowLeft", "ArrowRight", "Backspace", "Delete"];
-    let currentJahr = new Date().getFullYear();
-    let currentMonat = monate[new Date().getMonth()];
-    let wochenImMonat = [];
-    let monatIndex = 0;
-
-    function alertFalschesDatum()
-    {
-        background = backgroundFalschesDatum;
-        errorHidden = false;
-        setFieldStyle();
-    }
-    function backToNormal()
-    {
-        background = backgroundNormal;
-        errorHidden = true;
-        setFieldStyle();
-    }
-    function checkGueltigesDatum()
-    {
-        let error = false;
-        let inhalt = Value.split(allowedSonderzeichen);
-        let localTag = inhalt[0];
-        let localMonat = inhalt[1];
-
-        if (inhalt.length === 1 && Value.length === 2)
-        {
-            Value = Value + allowedSonderzeichen;
-        }
-        if (inhalt.length === 2 && localMonat.toLocaleString().length >= 2)
-        {
-            Value = Value + allowedSonderzeichen;
-        }
-
-        // Prüfung, ob der Monat korrekt eingegeben wurde
-        if (localMonat !== "undefined" && (localMonat < 1 || localMonat > 12))
-        {
-            error = true;
-        }
-        else
-        {
-            error = false;
-        }
-
-        // Prüfung, ob der Tag korrekt eingegeben wurde
-        if (localTag < 1 || localTag > 31)
-        {
-            error = true;
-        }
-
-        if (localMonat !== "undefined")
-        {
-            let localAllowedTage = allowedTage[inhalt[1]];
-            if (localAllowedTage === "undefined")
-            {
-                error = true;
-            }
-            if (localTag > localAllowedTage)
-            {
-                error = true;
-            }
-        }
-
-        if (error)
-        {
-            alertFalschesDatum();
-        }
-        else
-        {
-            backToNormal();
-        }
-    }
-    function daysInMonth()
-    {
-        wochenImMonat = [];
-        monatIndex = monate.findIndex(item => item === currentMonat) + 1;
-        let tageImMonat = new Date(currentJahr, monatIndex, 0).getDate();
-        let localTagIndex = 0;
-        let woche = [];
-
-        for (let counter = 0; counter < tageImMonat; counter++)
-        {
-            localTagIndex = new Date(currentJahr, monatIndex - 1, counter).getDay();
-            if (counter === 0)
-            {
-                // Am Anfang müssen erstmal x Leertage in die Woche eingefügt werden, damit der Monat
-                // am passenden Wochentag startet => das macht es in der Anzeigeschleife leichter
-                for (let bufferCounter = 0; bufferCounter < localTagIndex; bufferCounter++)
-                {
-                    woche = [...woche, ""];
-                }
-            }
-            woche = [...woche, counter + 1];
-
-            if (woche.length >= 7)
-            {
-                wochenImMonat = [...wochenImMonat, woche]
-                woche = [];
-            }
-            if (counter === tageImMonat - 1)
-            {
-                wochenImMonat = [...wochenImMonat, woche]
-                woche = [];
-            }
-        }
-    }
-    function ignoreInput(e)
-    {
-        e.preventDefault();
-        e.returnValue = false;
-    }
-    function setFieldStyle()
-    {
-        buttonStyle = `background: transparent; border: 0px; height: ${buttonHeight}px; margin-left: 10px; margin-right: 8px; margin-top: 0px; width: ${buttonHeight}px;`;
-        divStyle = `background: white; border: 0.5px solid lightgray; border-radius: 5px; display: flex; height: ${Height}px; width: ${Width}px;`;
-        inputStyle = `background: ${background}; border: 0px; height: ${inputHeight}px; width: ${inputWidth}px;`;
-    }
-    function setJahr(selectedJahr)
-    {
-        currentJahr = selectedJahr.currentJahr;
-        daysInMonth();
-    }
-    function setMonat(selectedMonat)
-    {
-        currentMonat = selectedMonat.currentMonat;
-        daysInMonth();
-    }
-    function setPlaceholder(tag)
-    {
-        if (tag !== "")
-        {
-            //Placeholder = getFormattedDate(tag);
-        }
-    }
-    function setValue(tag)
-    {
-        Value = new Date(`${currentJahr}-${currentMonat}-${tag}`);
-        datePickerHidden = true;
-        backToNormal();
-    }
-    function thisKeyDown(e)
-    {
-        if (allowedNumbers.includes(e.key) === true)
-        {
-            if (Value.length >= 10)
-            {
-                ignoreInput(e);
-            }
-            checkGueltigesDatum();
-        }
-        else if (e.key === allowedSonderzeichen)
-        {
-            // Kann nicht mit einer && Verknüpfung in die else if-Bedingung gepackt werden, da sonst gar kein Sonderzeichen mehr erlaubt ist... warum auch immer.
-            if (Value.split(allowedSonderzeichen).length >= 3)
-            {
-                ignoreInput(e);
-            }
-        }
-        else if (allowedFunctionalKeys.includes(e.key) === true)
-        {
-            return;
-        }
-        else
-        {
-            ignoreInput(e);
-        }
-    }
-    function getValueFormatted(oldValue)
-    {
-        let localTag = (new Date(oldValue).getUTCDate()).toString();
-        let localMonat = (new Date(oldValue).getMonth() + 1).toString();
-        let localJahr = new Date(oldValue).getUTCFullYear().toString();
-
-        if (localMonat.length < 2)
-        {
-            localMonat = `0${localMonat}`;
-        }
-        if (localTag.length < 2)
-        {
-            localTag = `0${localTag}`;
-        }
-        return `${localTag}.${localMonat}.${localJahr}`;
-    }
-
-    setFieldStyle();
-    daysInMonth(currentMonat, currentJahr);
-
-    $:if (Value)
-    {
-        Value = getValueFormatted(Value);
-    }
-</script>
-
-<div style={divStyle}>
-    <input type="text" style={inputStyle} placeholder={Placeholder} bind:value={Value} on:keydown={thisKeyDown}>
-    <button style={buttonStyle} on:click={() => datePickerHidden = !datePickerHidden}>
-        <img src="calendar.png" alt="" height={buttonImageHeight}>
-        <!-- [...] -->
-    </button>
-
-    <div class="card" hidden={errorHidden} style="margin-top: 40px; position:absolute;">
-        Ungültiges Datum
-    </div>
-</div>
-<div class="card" hidden={datePickerHidden} style="background: white; border: 1px solid black; border-radius: 10px; margin-top: 5px; position:absolute;">
-    <div style="margin: 10px;">
-        <div style="display: flex;">
-            <select class="buttonMonthSelected" bind:value={currentMonat} on:click={() => setMonat({currentMonat})}>
-                {#each monate as monatAuswahl}
-                    <option class="buttonMonthSelector">{monatAuswahl}</option>
-                {/each}
-            </select>
-            <input type="number" style="height: 40px; margin-left: 10px; width: 85px;" bind:value={currentJahr} on:click={() => setJahr({currentJahr})}>
-        </div>
-        <br>
-        <table>
-            <tr>
-                {#each tageKurz as tag}
-                    <td><b>{tag}</b></td>
-                {/each}
-            </tr>
-            {#each wochenImMonat as woche}
-            <tr>
-                {#each woche as tageInWoche}
-                    <td>
-                        <button class="buttonTag" on:mouseover={() => setPlaceholder(tageInWoche)} on:focus={() => setPlaceholder(tageInWoche)} on:click={() => setValue(tageInWoche)}>
-                            {tageInWoche}
-                        </button>
-                    </td>
-                {/each}
-            </tr>
-            {/each}
-        </table>
-    </div>
-</div>
-
-<style>
-    td, tr{
-        margin: 0px;
-        padding: 0px;
-    }
-    .buttonTag{
-        background-color: transparent;
-        border: 0px;
-        height: 35px;
-        text-align: center;
-        width: 35px;
-    }
-    .buttonTag:hover{
-        background-color:cornflowerblue;
-        color: white;
-    }
-    .buttonMonthSelected{
-        background-color: transparent;
-        border-radius: 5px;
-        text-align: left;
-        width: 115px;
-    }
-    .buttonMonthSelector{
-        background-color: transparent;
-        border: 0px;
-        text-align: left;
-        width: 115px;
-    }
-    .buttonMonthSelector:hover{
-        background-color:cornflowerblue;
-        color: white;
-    }
-</style>

package/components/Dialog.svelte

@@ -1,20 +0,0 @@
-<script>
-    export let isOpen = false;
-</script>
-
-{#if isOpen}
-    <div class="z-10 absolute w-screen h-screen bg-black left-0 top-0 bg-opacity-50">
-    </div>
-
-    <div class="z-10 absolute left-[20vw] top-[10vw] w-[60vw] shadow-xl shadow-slate-700 bg-white p-8">
-        <div>
-            <h3 class="text-lg font-bold mb-2"><slot name="title"/></h3>
-        </div>
-        <div>
-            <slot />
-        </div>
-        <div class="mt-8">
-            <button class="float-right bg-gray-600 text-white p-4" on:click={() => isOpen = false}>Schließen</button>
-        </div>
-    </div>
-{/if}

package/components/GanTable.svelte

@@ -1,114 +0,0 @@
-<script>
-    import SvelteTable from "svelte-table";
-
-    export let columns;
-    /** @type {any[]} */
-    export let rows;
-    /** @type {string} */
-    export let sortBy = "";
-    /** @type {(string | number)[]} */
-    export let expanded = [];
-    /** @type {(string | number)[]} */
-    export let selected = [];
-    /** @type {string | null} */
-    export let rowKey = null;
-    /** @type {boolean} */
-    export let expandSingle = false;
-    /** @type {boolean} */
-    export let selectSingle = false;
-    /** @type {boolean} */
-    export let selectOnClick = false;
-    /** @type {boolean} */
-    export let showExpandIcon = false;
-
-    // Events
-    /** @type {function | null} */
-    export let clickCol = null;
-    /** @type {function | null} */
-    export let clickRow = null;
-    /** @type {function | null} */
-    export let clickExpand = null;
-    /** @type {function | null} */
-    export let clickCell = null;
-
-    // CSS Classes
-    export let classNameTable = "border-2 border-collapse my-4";
-    export let classNameThead = "";
-    export let classNameTbody = "";
-    export let classNameSelect = "";
-    export let classNameInput = "";
-    export let classNameRow = "border-2 border-collapse odd:bg-gray-100 hover:bg-gray-300";
-    export let classNameCell = "";
-    export let classNameRowSelected = "!bg-gray-400";
-    export let classNameRowExpanded = "bg-gray-400";
-    export let classNameExpandedContent = "";
-    export let classNameCellExpand = "";
-
-    const asStringArray = v => []
-        .concat(v)
-        .filter(v => v !== null && typeof v === "string" && v !== "")
-        .join(" ");
-</script>
-
-<SvelteTable
-    bind:columns
-    bind:rows
-    bind:sortBy
-    bind:expanded
-    bind:selected
-    bind:rowKey
-    bind:expandSingle
-    bind:selectSingle
-    bind:selectOnClick
-    bind:showExpandIcon
-    on:clickCol={clickCol}
-    on:clickRow={clickRow}
-    on:clickExpand={clickExpand}
-    on:clickCell={clickCell}
-    classNameTable={asStringArray(["gan-table", classNameTable])}
-    classNameThead={asStringArray(["gan-thead", classNameThead])}
-    classNameTbody={asStringArray(["gan-tbody", classNameTbody])}
-    classNameSelect={asStringArray(["custom-select", classNameSelect])}
-    classNameInput={asStringArray(["custom-input", classNameInput])}
-    classNameRow={asStringArray(["gan-row", classNameRow])}
-    classNameCell={asStringArray(["gan-cell", classNameCell])}
-    classNameRowSelected={asStringArray(["row-selected", classNameRowSelected])}
-    classNameRowExpanded={asStringArray(["row-expanded", classNameRowExpanded])}
-    classNameExpandedContent={asStringArray(["expanded-content", classNameExpandedContent])}
-    classNameCellExpand={asStringArray(["cell-expand", classNameCellExpand])}>
-
-        <!-- Wait for better workaround. See: https://github.com/sveltejs/svelte/issues/5604 -->
-
-        <!--<svelte:fragment slot="header" let:sortOrder let:sortBy>
-            <slot name="header" {sortOrder} {sortBy}></slot>
-        </svelte:fragment>
-
-        {#if $$slots.row}
-            <svelte:fragment slot="row" let:row let:n>
-                <slot name="row" {row} {n}></slot>
-            </svelte:fragment>
-        {/if}-->
-
-        <svelte:fragment slot="expanded" let:row let:n>
-            <slot name="expanded" {row} {n} />
-        </svelte:fragment>
-
-    </SvelteTable>
-
-<style>
-    :global(.custom-select) {
-        font-weight: 400;
-        color: #495057;
-        vertical-align: middle;
-        border: 1px solid #ced4da;
-        border-radius: .25rem;
-    }
-
-    :global(.custom-input) {
-        font-weight: 400;
-        color: #495057;
-        vertical-align: middle;
-        border: 1px solid #ced4da;
-        border-radius: .25rem;
-    }
-</style>

package/components/Inputbox.svelte

@@ -1,258 +0,0 @@
-<script>
-    export let AllowedDecimals = 2;
-    export let DecimalTrenner = ",";
-    export let KeyDownFunctionOnEnter, KeyDownFunctionOnTab;
-    export let Height = 30;
-    export let IsPflichtfeld = false;
-    export let IsVorzeichenErlaubt = true;
-    export let MinValue = 0;
-    export let MaxValue = 0;
-    export let Multiline = false;
-    export let Type = "text";
-    export let Value = "";
-    export let Width = 120;
-
-    let errorHidden = true;
-    let errorMessage = "";
-    let style = `height: ${Height}px; width: ${Width}px;`;
-    let styleError = `width: ${Width}px;`;
-
-    let allowedNumbers = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
-    let allowedDecimalTrenner = [",", "."];
-    let allowedFunctionalKeys = ["ArrowLeft", "ArrowRight", "Backspace", "Delete"];
-    let allowedVorzeichen = "-";
-
-    function checkInput(e)
-    {
-        switch (Type)
-        {
-            case "currency":
-            case "number":
-                checkInputNumber(e);
-                break;
-
-            case "email":
-                checkInputEMail(e)
-                break;
-        }
-
-        executeAdditionalFunctions(e);
-    }
-    function checkInputNumber(e)
-    {
-        let localValueString = Value.toLocaleString();
-
-        // Prüfung auf Ziffern
-        if (allowedNumbers.includes(e.key) === true)
-        {
-            if (isBetweenMinMax(e))
-            {
-                let positionDezimalTrenner = localValueString.indexOf(DecimalTrenner)
-                if (positionDezimalTrenner > -1)
-                {
-                    let decimals = localValueString.substring(positionDezimalTrenner);
-                    if (decimals.length > AllowedDecimals || (Type === "currency" && decimals.length > 2))
-                    {
-                        ignoreInput(e);
-                    }
-                }
-            }
-            else
-            {
-                ignoreInput(e);
-            }
-        }
-        else if (allowedDecimalTrenner.includes(e.key) === true)
-        { // Prüfung auf Dezimaltrenner
-            if (localValueString.split(DecimalTrenner).length >= 2)
-            {
-                ignoreInput(e);
-            }
-            else if (e.key !== DecimalTrenner)
-            {
-                ignoreInput(e);
-            }
-        }
-        else if (IsVorzeichenErlaubt && e.key === allowedVorzeichen)
-        { // Prüfung auf Vorzeichen
-            if (!isBetweenMinMax(e))
-            {
-                ignoreInput(e);
-            }
-            else if (localValueString.startsWith(e.key))
-            {
-                ignoreInput(e);
-            }
-            else
-            {
-                Value = e.key + Value;
-                ignoreInput(e);
-            }
-        }
-        else if (allowedFunctionalKeys.includes(e.key) === true)
-        { // Prüfung auf Funktionstasten wie [ENTF], [DEL], usw.
-            return;
-        }
-        else
-        { // Alles andere soll nicht erlaubt sein
-            ignoreInput(e);
-        }
-    }
-    function checkInputEMail(e)
-    {
-        let mailParts = Value.split("@");
-        errorHidden = false;    // Pauschal einen Fehler anzeigen lassen - spart Codezeilen
-
-        if (mailParts[0].length > 64)
-        {
-            errorMessage = "Der Lokalteil der E-Mail Adresse (vor dem @-Zeichen) darf eine Maximallänge von 64 Zeichen nicht überschreiten."
-        }
-        else if (mailParts.length > 1 && mailParts[0].length < 1)
-        {
-            errorMessage = "Der Lokalteil der E-Mail Adresse (vor dem @-Zeichen) muss eine Mindestlänge von 1 Zeichen besitzen."
-        }
-        else if (mailParts.length > 1 && !mailParts[1].includes("."))
-        {
-            errorMessage = "Der Domainteil der E-Mail Adresse (nach dem @-Zeichen) muss einen Punkt (.) enthalten."
-        }
-        else if (Value.startsWith(".") || Value.endsWith("."))
-        {
-            errorMessage = "Die E-Mail Adresse darf mit einem Punkt weder beginnen noch enden."
-        }
-        else if (Value.startsWith("@") || Value.endsWith("@"))
-        {
-            errorMessage = "Die E-Mail Adresse darf mit einem @-Zeichen weder beginnen noch enden."
-        }
-        else if (!Value.includes("@") && e.key !== "@")
-        {
-            errorMessage = "@-Zeichen muss enthalten sein."
-        }
-        else if (Value.length > 253)
-        {
-            errorMessage = "Maximallänge: 254 Zeichen.";
-        }
-        else if (Value.length < 6)
-        {
-            errorMessage = "Mindestlänge: 6 Zeichen.";
-        }
-        else
-        {
-            errorHidden = true;
-            errorMessage = ""; // einfach für die Sauberkeit
-        }
-    }
-    function executeAdditionalFunctions(e)
-    {
-        switch (e.key)
-        {
-            case "Enter":
-                if (typeof(KeyDownFunctionOnEnter) != "undefined")
-                {
-                    KeyDownFunctionOnEnter();
-                }
-                break;
-            case "Tab":
-                if (typeof(KeyDownFunctionOnTab) != "undefined")
-                {
-                    KeyDownFunctionOnTab();
-                }
-                break;
-        }
-    }
-    function ignoreInput(e)
-    {
-        e.preventDefault();
-        e.returnValue = false;
-    }
-    function isBetweenMinMax(e)
-    {
-        let isBetween = true;
-        let localValueString = Value.toLocaleString()
-
-        if (e.key === allowedVorzeichen)
-        {
-            localValueString = e.key + localValueString;
-        }
-        else
-        {
-            localValueString = localValueString + e.key;
-        }
-
-        // Replace wird benötigt, da sonst der Vergleich das deutsche "," als Dezimaltrenner nicht erkennt und ignoriert.
-        localValueString = localValueString.replaceAll(",", ".");
-
-        if (MinValue === MaxValue || MinValue > MaxValue)
-        {
-            return isBetween;
-        }
-        if (localValueString < MinValue)
-        {
-            Value = MinValue;
-            isBetween = false;
-        }
-        else if (localValueString > MaxValue)
-        {
-            Value = MaxValue;
-            isBetween = false;
-        }
-        return isBetween;
-    }
-    function thisKeyUp()
-    {
-        setFieldStyle();
-    }
-    function setFieldStyle()
-    {
-        if (IsPflichtfeld && Value !== "")
-        {
-            style = `${style} background: #f5fc99;`
-        }
-        else if (IsPflichtfeld && Value === "")
-        {
-            style = `${style} background: #fc5d5d;`
-        }
-    }
-
-    $:if (Type)
-    {
-        Type = Type.toLocaleLowerCase();
-        switch (Type)
-        {
-            case "currency":
-            case "number":
-                style = `${style} text-align: right;`
-                break;
-        }
-    }
-    $:if (IsPflichtfeld)
-    {
-        setFieldStyle();
-    }
-</script>
-
-<!-- Datum -->
-{#if (Type === "date")}
-    <input type="date" style={style} on:keydown={checkInput} on:keyup={thisKeyUp} on bind:value={Value}/>
-{/if}
-
-<!-- Nummerisch -->
-{#if (Type === "number")}
-    <input style={style} on:keydown={checkInput} on:keyup={thisKeyUp} bind:value={Value}/>
-{/if}
-
-<!-- Text -->
-{#if (Type === "text" && !Multiline) || (Type === "email")}
-    <input style={style} on:keydown={checkInput} on:keyup={thisKeyUp} bind:value={Value}/>
-{/if}
-{#if (Type === "text" && Multiline)}
-    <textarea style={style} on:keydown={checkInput} bind:value={Value}/>
-{/if}
-
-<!-- Währung -->
-{#if (Type === "currency")}
-    <input style={style} on:keydown={checkInput} on:keyup={thisKeyUp} bind:value={Value}/>
-{/if}
-
-<div class="card" hidden={errorHidden} style={styleError}>
-    {errorMessage}
-</div>

package/components/RemoveButton.svelte

@@ -1,11 +0,0 @@
-<script>
-    import { Button } from "svelte-chota";
-    import { mdiTrashCan } from "@mdi/js"
-
-    export let Handler;
-    export let disabled;
-    export let title;
-</script>
-
-<Button error title={title} on:click={Handler} icon={mdiTrashCan} {disabled}>
-</Button>

package/components/SaveButton.svelte

@@ -1,12 +0,0 @@
-<script>
-    import { Button } from "svelte-chota";
-    import { mdiCheck } from "@mdi/js"
-
-    export let Handler;
-    export let disabled;
-    export let title;
-</script>
-
-<Button primary title={title} on:click={Handler} icon={mdiCheck} {disabled}>
-    {title}
-</Button>