@gandalan/weblibs 1.0.7 → 1.0.8

package/.eslintrc.cjs

@@ -1,12 +1,12 @@
 module.exports = {
 	root: true,
-	extends: ['eslint:recommended'],
-	plugins: ['svelte3'],
-	overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
-	parser: '@babel/eslint-parser',
+	extends: ["eslint:recommended"],
+	plugins: ["svelte3"],
+	overrides: [{ files: ["*.svelte"], processor: "svelte3/svelte3" }],
+	parser: "@babel/eslint-parser",
 	parserOptions: {
 		requireConfigFile: false,
-		sourceType: 'module',
+		sourceType: "module",
 		ecmaVersion: 2020,
 	},
 	env: {
@@ -16,28 +16,28 @@ module.exports = {
 	},
 	rules: {
 		//indent: ['error', 4],
-		quotes: ['warn', 'single'],
-		semi: ['off', 'never'],
-		'no-multi-spaces': ['error', { ignoreEOLComments: true }],
-		'curly': 'error',
-		'comma-spacing': 'error',
-		'brace-style': 'error',
-		'no-var': 'error',
-		'key-spacing': 'warn',
-		'keyword-spacing': 'warn',
-		'space-infix-ops': 'warn',
-		'arrow-spacing': 'warn',
-		'no-trailing-spaces': 'warn',
-		'space-before-blocks': 'warn',
-		'no-console': 'warn',
-		'no-extra-boolean-cast': 'off',
-		'no-multiple-empty-lines': ['warn', { 'max': 1, 'maxBOF': 0 }],
-		'lines-between-class-members': ['warn', 'always', { exceptAfterSingleLine: true }],
-		'no-unneeded-ternary': 'error',
-		'no-else-return': ['error', { 'allowElseIf': false }],
-		'array-bracket-newline': ['error', 'consistent'],
-		'eol-last': ['error', 'always'],
-		'prefer-template': 'error',
-		'comma-dangle': ['warn', 'always-multiline'],
+		quotes: ["warn", "double"],
+		semi: ["off", "never"],
+		"no-multi-spaces": ["error", { ignoreEOLComments: true }],
+		"curly": "error",
+		"comma-spacing": "error",
+		"brace-style": "error",
+		"no-var": "error",
+		"key-spacing": "warn",
+		"keyword-spacing": "warn",
+		"space-infix-ops": "warn",
+		"arrow-spacing": "warn",
+		"no-trailing-spaces": "warn",
+		"space-before-blocks": "warn",
+		"no-console": "warn",
+		"no-extra-boolean-cast": "off",
+		"no-multiple-empty-lines": ["warn", { "max": 1, "maxBOF": 0 }],
+		"lines-between-class-members": ["warn", "always", { exceptAfterSingleLine: true }],
+		"no-unneeded-ternary": "error",
+		"no-else-return": ["error", { "allowElseIf": false }],
+		"array-bracket-newline": ["error", "consistent"],
+		"eol-last": ["error", "always"],
+		"prefer-template": "error",
+		"comma-dangle": ["warn", "always-multiline"],
 	},
 };

package/.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+    "editor.codeActionsOnSave": {
+        "source.fixAll.eslint": true
+    }
+}

package/api/IDAS.js

@@ -1,10 +1,10 @@
-import { RESTClient } from './RESTClient';
-import jwt_decode from 'jwt-decode';
+import { RESTClient } from "./RESTClient";
+import jwt_decode from "jwt-decode";
 
-let appToken = localStorage.getItem('IDAS_AppToken') || '66B70E0B-F7C4-4829-B12A-18AD309E3970';
-let authToken = localStorage.getItem('IDAS_AuthToken');
-let apiBaseUrl = localStorage.getItem('IDAS_ApiBaseUrl') || 'https://api.dev.idas-cloudservices.net/api/';
-let authJwtCallbackPath = localStorage.getItem('IDAS_AuthJwtCallbackPath') || '';
+let appToken = localStorage.getItem("IDAS_AppToken") || "66B70E0B-F7C4-4829-B12A-18AD309E3970";
+let authToken = localStorage.getItem("IDAS_AuthToken");
+let apiBaseUrl = localStorage.getItem("IDAS_ApiBaseUrl") || "https://api.dev.idas-cloudservices.net/api/";
+let authJwtCallbackPath = localStorage.getItem("IDAS_AuthJwtCallbackPath") || "";
 let authJwtToken;
 
 export let IDASFactory = {
@@ -20,7 +20,7 @@ export let IDASFactory = {
     },
 
     async authorize() {
-        var urlParams = new URLSearchParams(location.search);
+        let urlParams = new URLSearchParams(location.search);
         if (urlParams.has("m")) {
             localStorage.setItem("IDAS_MandantGuid", urlParams.get("m"));
         }
@@ -28,37 +28,37 @@ export let IDASFactory = {
             localStorage.setItem("IDAS_ApiBaseUrl", urlParams.get("a"));
             apiBaseUrl = urlParams.get("a");
         }
-        if (urlParams.has('j')) { // it is JWT
+        if (urlParams.has("j")) { // it is JWT
             let idas = new IDAS();
-            idas.authorizeWithJwt(urlParams.get('j'));
+            idas.authorizeWithJwt(urlParams.get("j"));
             window.location.search = "";
             return Promise.reject("redirect is required");
         }
-        if (urlParams.has('t')) { // it is authToken
-            localStorage.setItem('IDAS_AuthJwtRefreshToken', urlParams.get("t"));
-            var refreshClient = new RESTClient(apiBaseUrl, '');
+        if (urlParams.has("t")) { // it is authToken
+            localStorage.setItem("IDAS_AuthJwtRefreshToken", urlParams.get("t"));
+            let refreshClient = new RESTClient(apiBaseUrl, "");
             await refreshClient.refreshToken()
                 .then(() => {
                     window.location.search = "";
                 });
             return Promise.reject("redirect is required");
         }
-    }
+    },
 }
 
 class IDAS {
     restClient = undefined;
 
-    authorizeWithJwt(jwtToken, mandant = '') {
+    authorizeWithJwt(jwtToken, mandant = "") {
         authJwtToken = jwtToken;
-        mandant && localStorage.setItem('IDAS_MandantGuid', mandant);
+        mandant && localStorage.setItem("IDAS_MandantGuid", mandant);
         this.restClient = new RESTClient(apiBaseUrl, jwtToken, true);
     }
 
     async authenticateWithJwt(authPath) {
         return new Promise(async (resolve, reject) => {
             // no valid JWT, but try to use "refresh token" first to retrive new JWT
-            var refreshClient = new RESTClient(apiBaseUrl, '');
+            let refreshClient = new RESTClient(apiBaseUrl, "");
             await refreshClient.checkRefreshToken(authJwtToken, () => {
                 authJwtToken = undefined;
                 // ... so repeat authenticate (should lead to /Session login page)
@@ -67,26 +67,26 @@ class IDAS {
 
             // still not valid JWT -> authenticate
             if (!refreshClient.token) {
-                localStorage.setItem('IDAS_AuthJwtCallbackPath', authPath || '');
+                localStorage.setItem("IDAS_AuthJwtCallbackPath", authPath || "");
                 const authEndpoint = (new URL(window.location.href).origin) + authPath;
                 let authUrlCallback = `${authEndpoint}?r=%target%&j=%jwt%&m=%mandant%`;
-                authUrlCallback = authUrlCallback.replace('%target%', encodeURIComponent(window.location.href));
-    
+                authUrlCallback = authUrlCallback.replace("%target%", encodeURIComponent(window.location.href));
+
                 const url = new URL(apiBaseUrl);
                 url.pathname = "/Session";
                 url.search = `?a=${appToken}&r=${encodeURIComponent(authUrlCallback)}`;
                 let jwtUrl = url.toString();
-    
+
                 window.location = jwtUrl;
-                reject('not authenticated yet');
+                reject("not authenticated yet");
             } else {
                 this.authorizeWithJwt(refreshClient.token);
                 resolve(this);
-            }    
+            }
         });
     }
 
-    mandantGuid = localStorage.getItem('IDAS_MandantGuid');
+    mandantGuid = localStorage.getItem("IDAS_MandantGuid");
 
     claims = {
         hasClaim(key) {
@@ -98,8 +98,8 @@ class IDAS {
                 let decoded = jwt_decode(authJwtToken);
                 let val = decoded[key];
                 return val !== undefined;
-            }
-            catch {}
+            // eslint-disable-next-line no-empty
+            } catch {}
 
             return false;
         },
@@ -112,30 +112,30 @@ class IDAS {
             try {
                 let decoded = jwt_decode(authJwtToken);
                 return decoded[key];
-            }
-            catch {}
+            // eslint-disable-next-line no-empty
+            } catch {}
 
             return;
-        }
+        },
     }
 
     auth = {
         _self: this,
         async getCurrentAuthToken() {
-            return await this._self.restClient.put('/Login/Update/', { Token: authToken })
+            return await this._self.restClient.put("/Login/Update/", { Token: authToken })
         },
     };
 
     mandanten = {
         _self: this,
         async getAll() {
-            return await this._self.restClient.get('/Mandanten');
+            return await this._self.restClient.get("/Mandanten");
         },
         async get(guid) {
             return await this._self.restClient.get(`/Mandanten/${guid}`);
         },
         async save(m) {
-            await this._self.restClient.put('/Mandanten', m);
+            await this._self.restClient.put("/Mandanten", m);
         },
     };
 
@@ -148,20 +148,20 @@ class IDAS {
             return await this._self.restClient.get(`/Benutzer/${guid}`);
         },
         async save(m) {
-            await this._self.restClient.put('/Benutzer', m);
+            await this._self.restClient.put("/Benutzer", m);
         },
     };
 
     feedback = {
         _self: this,
         async getAll() {
-            return await this._self.restClient.get('/Feedback/');
+            return await this._self.restClient.get("/Feedback/");
         },
         async get(guid) {
             return await this._self.restClient.get(`/Feedback/${guid}`);
         },
         async save(m) {
-            await this._self.restClient.put('/Feedback', m);
+            await this._self.restClient.put("/Feedback", m);
         },
         async comment(guid, commentData) {
             await this._self.restClient.put(`/FeedbackKommentar/${guid}`, commentData);
@@ -177,10 +177,10 @@ class IDAS {
     rollen = {
         _self: this,
         async getAll() {
-            return await this._self.restClient.get('/Rollen');
+            return await this._self.restClient.get("/Rollen");
         },
         async save(m) {
-            await this._self.restClient.put('/Rollen', m);
+            await this._self.restClient.put("/Rollen", m);
         },
     };
 

package/api/RESTClient.js

@@ -1,5 +1,5 @@
-import axios from 'axios';
-import jwt_decode from 'jwt-decode';
+import axios from "axios";
+import jwt_decode from "jwt-decode";
 
 /*export let AppToken = "66B70E0B-F7C4-4829-B12A-18AD309E3970";
 export let AuthToken = localStorage.getItem("AuthToken");
@@ -8,21 +8,21 @@ export let ApiBaseUrl = localStorage.getItem("ApiBaseUrl") || "https://api.dev.i
 export let SiteBaseUrl = window.location.origin;
 export let SSOAuthUrl = ApiBaseUrl.replace("/api", '') + "/SSO?a=" + AppToken + "&r=%target%?t=%token%%26m=%mandant%";*/
 
-let authJwtRefreshToken = localStorage.getItem('IDAS_AuthJwtRefreshToken');
+let authJwtRefreshToken = localStorage.getItem("IDAS_AuthJwtRefreshToken");
 
 export class RESTClient {
-    lastError = '';
-    token = '';
-    baseurl = '';
+    lastError = "";
+    token = "";
+    baseurl = "";
 
     constructor(url, token, isJWT = false) {
-        this.lastError = '';
+        this.lastError = "";
         this.baseurl = url;
         this.token = token;
         this.isJWT = isJWT;
 
         if (this.token && !isJWT) {
-            axios.defaults.headers.common['X-Gdl-AuthToken'] = this.token;
+            axios.defaults.headers.common["X-Gdl-AuthToken"] = this.token;
         }
 
         if (this.token && isJWT) {
@@ -36,9 +36,9 @@ export class RESTClient {
     }
 
     async checkAuthorizationHeader(config) {
-        let authHeader = config.headers['Authorization'];
-        if (authHeader && authHeader.toString().startsWith('Bearer ')) {
-            let parts = authHeader.toString().split(' ');
+        let authHeader = config.headers["Authorization"];
+        if (authHeader && authHeader.toString().startsWith("Bearer ")) {
+            let parts = authHeader.toString().split(" ");
             let jwt = parts[1];
             if (!this.isJwtTokenExpired(jwt)) {
                 // JWT token is not expired
@@ -56,11 +56,12 @@ export class RESTClient {
                 // LoginJwt/Refresh failed, which means "refresh token" is expired/invalid...
                 if (message.indexOf("401") != -1 || message.indexOf("403") != -1) {
                     authJwtRefreshToken = undefined;
-                    localStorage.removeItem('IDAS_AuthJwtRefreshToken');
+                    localStorage.removeItem("IDAS_AuthJwtRefreshToken");
                     // ... so repeat authenticate
                     authCallback && authCallback();
                 }
             };
+
             // fetch fresh JWT
             await this.refreshToken();
             return;
@@ -86,8 +87,8 @@ export class RESTClient {
 
     updateJwtToken(jwt) {
         let decoded = jwt_decode(jwt);
-        let refreshToken = decoded['refreshToken'] || '';
-        localStorage.setItem('IDAS_AuthJwtRefreshToken', refreshToken);
+        let refreshToken = decoded["refreshToken"] || "";
+        localStorage.setItem("IDAS_AuthJwtRefreshToken", refreshToken);
         authJwtRefreshToken = refreshToken;
         this.token = jwt;
         this.isJWT = true;
@@ -95,7 +96,7 @@ export class RESTClient {
 
     async refreshToken() {
         try {
-            await axios.put(this.baseurl + '/LoginJwt/Refresh', { token: localStorage.getItem('IDAS_AuthJwtRefreshToken') })
+            await axios.put(`${this.baseurl}/LoginJwt/Refresh`, { token: localStorage.getItem("IDAS_AuthJwtRefreshToken") })
                 .then(resp => {
                     this.updateJwtToken(resp.data);
                 });
@@ -110,32 +111,33 @@ export class RESTClient {
 
     getUrlOptions(noJWT = false) {
         let options = { withCredentials: false }
-        if (this.isJWT && !noJWT)
+        if (this.isJWT && !noJWT) {
             options.headers = { Authorization: `Bearer ${this.token}` }
+        }
+
         return options
     }
 
     async get(uri, noJWT = false) {
         try {
             const response = await axios.get(this.baseurl + uri, this.getUrlOptions(noJWT));
-            this.lastError = '';
+            this.lastError = "";
             return response.data;
         } catch (error) {
             this.handleError(error);
         }
     }
 
-
     async getFile(uri) {
         try {
-            const response = await axios.get(this.baseurl + uri, { responseType: 'blob' });
-            let fileName = '1000.pdf';
-            if (response.headers['content-disposition']) {
-                fileName = response.headers['content-disposition'].split(';')[1];
-                fileName = fileName.replace('filename=', '').trim();
+            const response = await axios.get(this.baseurl + uri, { responseType: "blob" });
+            let fileName = "1000.pdf";
+            if (response.headers["content-disposition"]) {
+                fileName = response.headers["content-disposition"].split(";")[1];
+                fileName = fileName.replace("filename=", "").trim();
             }
-            this.lastError = '';
-            return { data: response.data, filename: fileName, contentType: 'application/pdf' };
+            this.lastError = "";
+            return { data: response.data, filename: fileName, contentType: "application/pdf" };
         } catch (error) {
             this.handleError(error);
         }
@@ -145,7 +147,7 @@ export class RESTClient {
         let response = {};
         try {
             response = await axios.get(this.baseurl + uri, this.getUrlOptions(noJWT))
-            this.lastError = '';
+            this.lastError = "";
         } catch (error) {
             this.handleError(error);
         }
@@ -155,7 +157,7 @@ export class RESTClient {
     async post(uri, formData, noJWT = false) {
         try {
             const response = await axios.post(this.baseurl + uri, formData, this.getUrlOptions(noJWT));
-            this.lastError = '';
+            this.lastError = "";
             return response;
         } catch (error) {
             this.handleError(error);
@@ -165,7 +167,7 @@ export class RESTClient {
     async put(uri, formData, noJWT = false) {
         try {
             const response = await axios.put(this.baseurl + uri, formData, this.getUrlOptions(noJWT));
-            this.lastError = '';
+            this.lastError = "";
             return response;
         } catch (error) {
             this.handleError(error);
@@ -175,7 +177,7 @@ export class RESTClient {
     async delete(uri, noJWT = false) {
         try {
             const response = await axios.delete(this.baseurl + uri, this.getUrlOptions(noJWT));
-            this.lastError = '';
+            this.lastError = "";
             return response;
         } catch (error) {
             this.handleError(error);
@@ -186,9 +188,9 @@ export class RESTClient {
     onError = (error, message) => { };
 
     handleError(error) {
-        let message = error ? error.message : '?';
+        let message = error ? error.message : "?";
         // eslint-disable-next-line no-console
-        console.log(`API Error: ${message}`);
+        console.error(`API Error: ${message}`);
         this.lastError = message;
         this.onError(error, message);
         throw error;

package/components/AddButton.svelte

@@ -1,6 +1,6 @@
 <script>
-    import { Button } from 'svelte-chota';
-    import { mdiMessageAlert } from '@mdi/js'
+    import { Button } from "svelte-chota";
+    import { mdiMessageAlert } from "@mdi/js"
 
     export let Handler;
     export let disabled;

package/components/DataGrid.svelte

@@ -1,20 +1,20 @@
 <script>
-    import { createEventDispatcher } from 'svelte';
+    import { createEventDispatcher } from "svelte";
     const dispatch = createEventDispatcher();
-    import { Icon } from 'svelte-chota';
+    import { Icon } from "svelte-chota";
 
     export let items = [];
     export let selectedItem = {};
     export let standardItem;
-    export let displayProperty = '';
-    export let header = 'Überschrift';
-    export let key = 'Guid';
+    export let displayProperty = "";
+    export let header = "Überschrift";
+    export let key = "Guid";
     export let marker = null;
-    export let markerField = '';
+    export let markerField = "";
 
     function setCurrent(item) {
         selectedItem = item;
-        dispatch('selectedItemChanged', item);
+        dispatch("selectedItemChanged", item);
     }
 </script>
 
@@ -24,10 +24,10 @@
     </div>
     <div>
         {#if standardItem}
-            <div class="dgrow" on:click={setCurrent(standardItem)} class:selected="{selectedItem[key] === standardItem[key]}">{standardItem[displayProperty]}</div>
+            <div class="dgrow" on:click={setCurrent(standardItem)} on:keypress={e => e.key === "Enter" && setCurrent(standardItem)} class:selected="{selectedItem[key] === standardItem[key]}">{standardItem[displayProperty]}</div>
         {/if}
         {#each items as d}
-            <div class="dgrow" on:click={setCurrent(d)} class:selected="{selectedItem[key] === d[key]}">
+            <div class="dgrow" on:click={setCurrent(d)} on:keypress={e => e.key === "Enter" && setCurrent(d)} class:selected="{selectedItem[key] === d[key]}">
                 {d[displayProperty]}
                 {#if marker && markerField && d[markerField] === true}
                     <Icon src={marker} />

package/components/Datepicker.svelte

@@ -1,14 +1,14 @@
 <script>
     export let Height = 30;
-    export let Placeholder = '';
-    export let Value = '';
+    export let Placeholder = "";
+    export let Value = "";
     export let Width = 120;
 
-    const backgroundNormal = '#FFFFFF';
-    const backgroundFalschesDatum = '#FF0000';
+    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 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;
@@ -19,10 +19,10 @@
     let inputHeight = Height - 2;
     let inputWidth = Width - Height - 10;
 
-    let allowedNumbers = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '0'];
+    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 allowedSonderzeichen = ".";
+    let allowedFunctionalKeys = ["ArrowLeft", "ArrowRight", "Backspace", "Delete"];
     let currentJahr = new Date().getFullYear();
     let currentMonat = monate[new Date().getMonth()];
     let wochenImMonat = [];
@@ -52,7 +52,7 @@
         }
 
         // Prüfung, ob der Monat korrekt eingegeben wurde
-        if (localMonat != 'undefined' && (localMonat < 1 || localMonat > 12)) {
+        if (localMonat != "undefined" && (localMonat < 1 || localMonat > 12)) {
             error = true;
         } else {
             error = false;
@@ -63,9 +63,9 @@
             error = true;
         }
 
-        if (localMonat != 'undefined') {
+        if (localMonat != "undefined") {
             let localAllowedTage = allowedTage[inhalt[1]];
-            if (localAllowedTage == 'undefined') {
+            if (localAllowedTage == "undefined") {
                 error = true;
             }
             if (localTag > localAllowedTage) {
@@ -92,7 +92,7 @@
                 // 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, ""];
                 }
             }
             woche = [...woche, counter + 1];
@@ -125,7 +125,7 @@
         daysInMonth();
     }
     function setPlaceholder(tag) {
-        if (tag != '') {
+        if (tag != "") {
             //Placeholder = getFormattedDate(tag);
         }
     }

package/components/GanTable.svelte

@@ -1,11 +1,11 @@
 <script>
-    import SvelteTable from 'svelte-table';
+    import SvelteTable from "svelte-table";
 
     export let columns;
     /** @type {any[]} */
     export let rows;
     /** @type {string} */
-    export let sortBy = '';
+    export let sortBy = "";
     /** @type {(string | number)[]} */
     export let expanded = [];
     /** @type {(string | number)[]} */
@@ -32,23 +32,23 @@
     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 = '';
+    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(' ');
+        .filter(v => v !== null && typeof v === "string" && v !== "")
+        .join(" ");
 </script>
 
 <SvelteTable
@@ -66,17 +66,17 @@
     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])}>
+    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 -->
 

package/components/Inputbox.svelte

@@ -1,6 +1,6 @@
 <script>
     export let AllowedDecimals = 2;
-    export let DecimalTrenner = ',';
+    export let DecimalTrenner = ",";
     export let KeyDownFunctionOnEnter, KeyDownFunctionOnTab;
     export let Height = 30;
     export let IsPflichtfeld = false;
@@ -8,28 +8,28 @@
     export let MinValue = 0;
     export let MaxValue = 0;
     export let Multiline = false;
-    export let Type = 'text';
-    export let Value = '';
+    export let Type = "text";
+    export let Value = "";
     export let Width = 120;
 
     let errorHidden = true;
-    let errorMessage = '';
+    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 = '-';
+    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':
+            case "currency":
+            case "number":
                 checkInputNumber(e);
                 break;
 
-            case 'email':
+            case "email":
                 checkInputEMail(e)
                 break;
         }
@@ -45,7 +45,7 @@
                 let positionDezimalTrenner = localValueString.indexOf(DecimalTrenner)
                 if (positionDezimalTrenner > -1) {
                     let decimals = localValueString.substring(positionDezimalTrenner);
-                    if (decimals.length > AllowedDecimals || (Type == 'currency' && decimals.length > 2)) {
+                    if (decimals.length > AllowedDecimals || (Type == "currency" && decimals.length > 2)) {
                         ignoreInput(e);
                     }
                 }
@@ -74,39 +74,39 @@
         }
     }
     function checkInputEMail(e) {
-        let mailParts = Value.split('@');
+        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.'
+            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.'
+            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.';
+            errorMessage = "Maximallänge: 254 Zeichen.";
         } else if (Value.length < 6) {
-            errorMessage = 'Mindestlänge: 6 Zeichen.';
+            errorMessage = "Mindestlänge: 6 Zeichen.";
         } else {
             errorHidden = true;
-            errorMessage = ''; // einfach für die Sauberkeit
+            errorMessage = ""; // einfach für die Sauberkeit
         }
     }
     function executeAdditionalFunctions(e) {
         switch (e.key) {
-			case 'Enter':
-                if (typeof(KeyDownFunctionOnEnter) != 'undefined') {
+			case "Enter":
+                if (typeof(KeyDownFunctionOnEnter) != "undefined") {
                     KeyDownFunctionOnEnter();
                 }
 				break;
-			case 'Tab':
-                if (typeof(KeyDownFunctionOnTab) != 'undefined') {
+			case "Tab":
+                if (typeof(KeyDownFunctionOnTab) != "undefined") {
                     KeyDownFunctionOnTab();
                 }
 				break;
@@ -127,7 +127,7 @@
         }
 
         // Replace wird benötigt, da sonst der Vergleich das deutsche "," als Dezimaltrenner nicht erkennt und ignoriert.
-        localValueString = localValueString.replaceAll(',', '.');
+        localValueString = localValueString.replaceAll(",", ".");
 
         if (MinValue == MaxValue || MinValue > MaxValue) {
             return isBetween;
@@ -144,9 +144,9 @@
         setFieldStyle();
     }
     function setFieldStyle() {
-        if (IsPflichtfeld && Value != '') {
+        if (IsPflichtfeld && Value != "") {
             style = `${style} background: #f5fc99;`
-        } else if (IsPflichtfeld && Value == '') {
+        } else if (IsPflichtfeld && Value == "") {
             style = `${style} background: #fc5d5d;`
         }
     }
@@ -154,8 +154,8 @@
     $:if (Type) {
         Type = Type.toLocaleLowerCase();
         switch (Type) {
-            case 'currency':
-            case 'number':
+            case "currency":
+            case "number":
                 style = `${style} text-align: right;`
                 break;
         }
@@ -166,25 +166,25 @@
 </script>
 
 <!-- Datum -->
-{#if (Type == 'date')}
+{#if (Type == "date")}
     <input type="date" style={style} on:keydown={checkInput} on:keyup={thisKeyUp} on bind:value={Value}/>
 {/if}
 
 <!-- Nummerisch -->
-{#if (Type == 'number')}
+{#if (Type == "number")}
     <input style={style} on:keydown={checkInput} on:keyup={thisKeyUp} bind:value={Value}/>
 {/if}
 
 <!-- Text -->
-{#if (Type == 'text' && !Multiline) || (Type == 'email')}
+{#if (Type == "text" && !Multiline) || (Type == "email")}
     <input style={style} on:keydown={checkInput} on:keyup={thisKeyUp} bind:value={Value}/>
 {/if}
-{#if (Type == 'text' && Multiline)}
+{#if (Type == "text" && Multiline)}
     <textarea style={style} on:keydown={checkInput} bind:value={Value}/>
 {/if}
 
 <!-- Währung -->
-{#if (Type == 'currency')}
+{#if (Type == "currency")}
     <input style={style} on:keydown={checkInput} on:keyup={thisKeyUp} bind:value={Value}/>
 {/if}
 

package/components/RemoveButton.svelte

@@ -1,7 +1,7 @@
 <script>
-    import { Button } from 'svelte-chota';
-    import { mdiTrashCan } from '@mdi/js'
-    
+    import { Button } from "svelte-chota";
+    import { mdiTrashCan } from "@mdi/js"
+
     export let Handler;
     export let disabled;
     export let title;

package/components/SaveButton.svelte

@@ -1,7 +1,7 @@
 <script>
-    import { Button } from 'svelte-chota';
-    import { mdiCheck } from '@mdi/js'
-    
+    import { Button } from "svelte-chota";
+    import { mdiCheck } from "@mdi/js"
+
     export let Handler;
     export let disabled;
     export let title;

package/index.js

@@ -1,18 +1,18 @@
-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';
+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,
 }
 
-import { IDASFactory } from './api/IDAS';
-import { RESTClient } from './api/RESTClient';
+import { IDASFactory } from "./api/IDAS";
+import { RESTClient } from "./api/RESTClient";
 
 export { IDASFactory, RESTClient };

package/package.json

@@ -1,41 +1,42 @@
 {
   "name": "@gandalan/weblibs",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "WebLibs for Gandalan JS/TS/Svelte projects",
-  "author": "Philipp Reif",
+  "keywords": [
+    "gandalan"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/gandalan/idas-client-libs"
+  },
   "license": "ISC",
+  "author": "Philipp Reif",
   "main": "index",
   "typings": "index",
   "scripts": {
-    "check": "svelte-check",
-    "check:watch": "svelte-check --watch",
-    "lint": "eslint ."
+    "svelte-check": "svelte-check",
+    "svelte-check:watch": "svelte-check --watch",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix"
+  },
+  "dependencies": {
+    "@mdi/js": "^7.0.96",
+    "axios": "^0.27.2",
+    "jwt-decode": "^3.1.2",
+    "svelte-table": "^0.5.2"
   },
   "devDependencies": {
     "@babel/eslint-parser": "^7.19.1",
     "chota": "^0.8.0",
-    "eslint": "^8.23.1",
+    "eslint": "^8.27.0",
     "eslint-plugin-svelte3": "^4.0.0",
-    "svelte": "^3.50.1",
-    "svelte-check": "^2.9.0",
+    "svelte": "^3.53.1",
+    "svelte-check": "^2.9.2",
     "svelte-chota": "^1.8.6"
   },
-  "dependencies": {
-    "@mdi/js": "^7.0.96",
-    "axios": "^0.27.2",
-    "jwt-decode": "^3.1.2",
-    "svelte-table": "^0.5.1"
-  },
   "peerDependencies": {
     "svelte-chota": "^1.8.6"
   },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/gandalan/idas-client-libs"
-  },
-  "keywords": [
-    "gandalan"
-  ],
   "publishConfig": {
     "access": "public"
   }