@fkui/logic 6.38.0 → 6.40.0

package/lib/cjs/index.js

@@ -31,6 +31,7 @@ function isSet(value) {
  * @public
  */
 function isString(value) {
+    /* eslint-disable-next-line unicorn/no-instanceof-builtins -- technical debt */
     return typeof value === "string" || value instanceof String;
 }
 
@@ -42,6 +43,7 @@ function isString(value) {
 class MissingValueError extends Error {
     constructor(message) {
         super(message);
+        this.name = "MissingValueError";
         Object.setPrototypeOf(this, MissingValueError.prototype);
     }
 }
@@ -197,6 +199,7 @@ class DecoratedError extends Error {
     cause;
     constructor(message, cause) {
         super(message);
+        this.name = "DecoratedError";
         Object.setPrototypeOf(this, DecoratedError.prototype);
         /* eslint-disable-next-line @typescript-eslint/restrict-plus-operands -- technical debt */
         this.stack += `\nCaused by: ${String(cause.stack)}`;
@@ -2169,13 +2172,13 @@ function testLuhnChecksum(inputString) {
     if (/^\d+$/.test(inputString) === false) {
         throw new Error("Luhn Checksum test only works on strings containing numbers");
     }
-    inputString
+    for (const [index, numChar] of inputString
         .split("")
-        .reverse()
-        .forEach((numChar, index) => {
-        const digit = parseInt(numChar, 10) * ((index + 1) % 2 === 0 ? 2 : 1);
+        .toReversed()
+        .entries()) {
+        const digit = Number.parseInt(numChar, 10) * ((index + 1) % 2 === 0 ? 2 : 1);
         sum += digit >= 10 ? digit - 9 : digit;
-    });
+    }
     return sum % 10 === 0;
 }
 
@@ -2183,7 +2186,7 @@ function testLuhnChecksum(inputString) {
  * @public
  */
 function validChecksum(value) {
-    const yymmddxxxx = value.slice(2).replace(/-/g, "");
+    const yymmddxxxx = value.slice(2).replaceAll("-", "");
     return testLuhnChecksum(yymmddxxxx);
 }
 
@@ -2230,7 +2233,7 @@ function findCookie(name) {
 }
 
 const BANK_ACCOUNT_NUMBER_REGEXP = /^\d{3,16}$/;
-const BANK_ACCOUNT_NUMBER_TRIM_REGEXP = /[- .,]+/g;
+const BANK_ACCOUNT_NUMBER_TRIM_REGEXP = /[ ,.-]+/g;
 /**
  * @public
  */
@@ -2239,7 +2242,7 @@ function parseBankAccountNumber(value) {
         return undefined;
     }
     // remove hyphen, blank space, period, comma
-    const trimmedValue = value.replace(BANK_ACCOUNT_NUMBER_TRIM_REGEXP, "");
+    const trimmedValue = value.replaceAll(BANK_ACCOUNT_NUMBER_TRIM_REGEXP, "");
     return BANK_ACCOUNT_NUMBER_REGEXP.test(trimmedValue)
         ? trimmedValue
         : undefined;
@@ -2264,7 +2267,7 @@ function parseBankgiro(value) {
     return `${match[1]}-${match[2]}`;
 }
 
-const CLEARINGNUMBER_REGEXP = /^\d{4}([-\s]?\d)?$/;
+const CLEARINGNUMBER_REGEXP = /^\d{4}([\s-]?\d)?$/;
 /**
  * @public
  */
@@ -2277,7 +2280,7 @@ function parseClearingNumber(value) {
     }
     // add hyphen between number 4 & 5
     return value.length === 5
-        ? `${value.substring(0, 4)}-${value.substring(4, 5)}`
+        ? `${value.slice(0, 4)}-${value.slice(4, 5)}`
         : value;
 }
 /**
@@ -2285,7 +2288,7 @@ function parseClearingNumber(value) {
  */
 function formatClearingNumberForBackend(value) {
     // remove the 5th number
-    return value.substring(0, 4);
+    return value.slice(0, 4);
 }
 
 function getDefaultExportFromCjs (x) {
@@ -2563,7 +2566,7 @@ class FDate {
              * it increases the month, this is not the desired behaviour so we
              * compare the parsed month with the original month, if they differ
              * an invalid FDate is returned instead.*/
-            if (date.isValid() && date.month === parseInt(month, 10)) {
+            if (date.isValid() && date.month === Number.parseInt(month, 10)) {
                 return date;
             }
         }
@@ -2726,7 +2729,7 @@ class FDate {
         if (!this.isValid()) {
             return 0;
         }
-        const result = parseInt(this.value.format("d"), 10);
+        const result = Number.parseInt(this.value.format("d"), 10);
         if (!result) {
             return Weekday.SUNDAY;
         }
@@ -2960,7 +2963,7 @@ function parseDate(value) {
  * @returns Text with whitespace stripped.
  */
 function stripWhitespace(text) {
-    return text.replace(/\s+/g, "");
+    return text.replaceAll(/\s+/g, "");
 }
 
 const NUMBER_REGEXP$1 = /^(-?\d+)([,.]\d+)?$/;
@@ -2995,7 +2998,7 @@ function formatNumber(value, decimals) {
     if (typeof value === "string") {
         value = parseNumber(value) ?? "";
     }
-    if (typeof value !== "number" || isNaN(value)) {
+    if (typeof value !== "number" || Number.isNaN(value)) {
         return undefined;
     }
     return formatSwedishNotation(value, decimals);
@@ -3016,14 +3019,14 @@ function parseNumber(value, fractionDigits) {
     const parsedNumber = isSet(fractionDigits)
         ? getNumberWithFraction(number, fractionDigits)
         : number;
-    return isNaN(parsedNumber) ? undefined : parsedNumber;
+    return Number.isNaN(parsedNumber) ? undefined : parsedNumber;
 }
 /**
  * @internal
  */
 function getNumberWithFraction(value, fractionDigits) {
     if (fractionDigits < 0) {
-        return NaN;
+        return Number.NaN;
     }
     const exp = 10 ** fractionDigits;
     return Math.sign(value) * (Math.round(Math.abs(value) * exp) / exp);
@@ -3032,9 +3035,9 @@ function getNumberWithFraction(value, fractionDigits) {
 function getNowDetails(now) {
     const nowIso = now.toString();
     return {
-        nowCentury: nowIso.substring(0, 2),
-        nowYear: nowIso.substring(2, 4),
-        nowMonthDay: nowIso.substring(5, 7) + nowIso.substring(8, 10),
+        nowCentury: nowIso.slice(0, 2),
+        nowYear: nowIso.slice(2, 4),
+        nowMonthDay: nowIso.slice(5, 7) + nowIso.slice(8, 10),
     };
 }
 /**
@@ -3059,7 +3062,7 @@ function resolveCentury(year, month, day, hasPlus, now) {
     return (Number(nowCentury) - subtractCenturies).toString();
 }
 
-const PERSONNUMMER_REGEXP = /^(?<century>\d{2})?(?<year>\d{2})(?<month>\d{2})(?<day>\d{2})(?<sign>[-+])?(?<check>\d{4})$/;
+const PERSONNUMMER_REGEXP = /^(?<century>\d{2})?(?<year>\d{2})(?<month>\d{2})(?<day>\d{2})(?<sign>[+-])?(?<check>\d{4})$/;
 function getDayWithoutSamordning(day) {
     return (Number(day) % 60).toString().padStart(2, "0");
 }
@@ -3132,11 +3135,11 @@ function formatPersonnummer(value) {
         return undefined;
     }
     const currentYear = FDate.now().year;
-    const year = Number(value.substring(0, 4));
+    const year = Number(value.slice(0, 4));
     if (currentYear - year >= 100) {
-        return value.substring(2).replace("-", "+");
+        return value.slice(2).replace("-", "+");
     }
-    return value.substring(2);
+    return value.slice(2);
 }
 /**
  * Formats personnummer to a 8-digit date.
@@ -3167,23 +3170,24 @@ function parsePlusgiro(value) {
      * If the number of digits is odd then the first pair in the string can be a single digit.
      * If the number of characters is 9, there will be a space after the first 3 characters.
      */
-    value = value.replace(/ /g, "");
-    value = value.replace(/\D/g, "");
+    value = value.replaceAll(" ", "");
+    value = value.replaceAll(/\D/g, "");
     if (!PLUSGIRO_REGEXP.test(value) ||
-        !testLuhnChecksum(value.replace(/\D/g, ""))) {
+        !testLuhnChecksum(value.replaceAll(/\D/g, ""))) {
         return undefined;
     }
     if (hyphenShouldBeAdded(value)) {
-        value = `${value.substring(0, value.length - 1)}-${value[value.length - 1]}`;
+        /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- length is 2+ so -1 will return a character */
+        value = `${value.slice(0, -1)}-${value.at(-1)}`;
     }
     const startOffset = 4;
-    let formattedString = value.substring(value.length - startOffset, value.length);
+    let formattedString = value.slice(-startOffset);
     const step = 2;
     for (let i = value.length - startOffset; i >= (value.length === 9 ? 3 : 1); i -= step) {
-        formattedString = `${value.substring(Math.max(i - step, 0), i)} ${formattedString}`;
+        formattedString = `${value.slice(Math.max(i - step, 0), i)} ${formattedString}`;
     }
     if (value.length === 9) {
-        formattedString = value.substring(0, 1) + formattedString;
+        formattedString = value.slice(0, 1) + formattedString;
     }
     return formattedString;
 }
@@ -3300,7 +3304,7 @@ function documentOrderComparator(a, b) {
 function isVisible(element) {
     return Boolean(element.offsetWidth ||
         element.offsetHeight ||
-        element.getClientRects().length);
+        element.getClientRects().length > 0);
 }
 
 const FRAMERATE = 60;
@@ -3680,7 +3684,7 @@ class ElementIdServiceImpl {
     elementIdMap = new Map();
     generateElementId(prefix = "fkui") {
         const id = this.nextId(prefix);
-        if (document.getElementById(id) === null) {
+        if (document.querySelector(`#${id}`) === null) {
             return id;
         }
         return this.generateElementId(prefix);
@@ -3756,10 +3760,10 @@ class PersistenceService {
     }
     get(key) {
         const found = this.find(key);
-        if (typeof found !== "undefined") {
+        if (found !== undefined) {
             return found;
         }
-        throw Error(`PersistenceService cannot find entry with key "${key}"`);
+        throw new Error(`PersistenceService cannot find entry with key "${key}"`);
     }
     find(key) {
         if (this.cache.has(key)) {
@@ -3846,9 +3850,9 @@ class DefaultTranslationProvider {
             : defaultValueOrArgs;
     }
     interpolate(defaultValue, args) {
-        return defaultValue.replace(
+        return defaultValue.replaceAll(
         /* eslint-disable-next-line sonarjs/slow-regex -- technical debt */
-        /{{\s*([^\s]+)\s*}}/g, (match, key) => {
+        /{{\s*(\S+)\s*}}/g, (match, key) => {
             return String(args[key]) || match;
         });
     }
@@ -3867,83 +3871,6 @@ const TranslationService =
 /* @__PURE__ */
 new TranslationServiceImpl();
 
-/**
- * @internal
- */
-function createFieldsetValidator(element, validationService) {
-    /* eslint-disable-next-line no-new, sonarjs/constructor-for-side-effects --
-     * technical debt, this should be refactored as to not rely of side-effects
-     * of the constructor */
-    new FieldsetValidationHandler(element, validationService);
-}
-class FieldsetValidationHandler {
-    hasDocumentListener = false;
-    documentFocusInRef = undefined;
-    element;
-    validationService;
-    constructor(element, validationService) {
-        Object.assign(this);
-        this.element = element;
-        this.validationService = validationService;
-        element.addEventListener("focusin", (event) => {
-            this.onFocusIn(event);
-        });
-        // Handle checking of input by using keyboard (space)
-        element.addEventListener("change", this.documentFocusIn.bind(this));
-        Array.from(this.element.querySelectorAll("input[type='checkbox'], input[type='radio']"))
-            .filter((childElement) => childElement.closest("fieldset") === element)
-            .forEach((childElement) => {
-            childElement.setAttribute("required", "");
-        });
-    }
-    hasFocusableTarget(target) {
-        return target
-            ? Array.from(this.element.querySelectorAll("input, label")).some((element) => element === target)
-            : false;
-    }
-    onFocusIn(event) {
-        // IE11 (not Chrome / FF) trigger focusin-event on legends and other elements inside the fieldset
-        // So we need to check the event target, if it's focusable.
-        if (this.hasFocusableTarget(event.target) &&
-            !this.hasDocumentListener) {
-            this.documentFocusInRef = this.documentFocusIn.bind(this);
-            document.addEventListener("focusin", this.documentFocusInRef);
-            document.addEventListener("click", this.documentFocusInRef);
-            this.hasDocumentListener = true;
-        }
-    }
-    documentFocusIn(event) {
-        this.validationService.setTouched(this.element);
-        const children = Array.from(this.element.querySelectorAll("input"));
-        for (const childElement of children) {
-            this.validationService.setTouched(childElement);
-        }
-        if (!this.hasFocusableTarget(event.target)) {
-            this.removeEventListeners();
-        }
-        else if (event.target.checked) {
-            this.validateFieldsetAndChildren();
-        }
-    }
-    removeEventListeners() {
-        if (this.hasDocumentListener && this.documentFocusInRef) {
-            document.removeEventListener("focusin", this.documentFocusInRef);
-            document.removeEventListener("click", this.documentFocusInRef);
-            this.hasDocumentListener = false;
-            this.validateFieldsetAndChildren();
-        }
-    }
-    validateFieldsetAndChildren() {
-        const validatableElements = document.querySelectorAll(`fieldset#${this.element.id}, #${this.element.id} input[type='checkbox'], #${this.element.id} input[type='radio']`);
-        validatableElements.forEach((element) => {
-            if (element.id) {
-                /* eslint-disable-next-line @typescript-eslint/no-floating-promises -- technical debt */
-                this.validationService.validateElement(element.id);
-            }
-        });
-    }
-}
-
 /**
  * Builder to create validation error message map.
  *
@@ -4067,6 +3994,84 @@ function getErrorMessages() {
         .build();
 }
 
+/**
+ * @internal
+ */
+function createFieldsetValidator(element, validationService) {
+    /* eslint-disable-next-line no-new, sonarjs/constructor-for-side-effects --
+     * technical debt, this should be refactored as to not rely of side-effects
+     * of the constructor */
+    new FieldsetValidationHandler(element, validationService);
+}
+class FieldsetValidationHandler {
+    hasDocumentListener = false;
+    documentFocusInRef = undefined;
+    element;
+    validationService;
+    constructor(element, validationService) {
+        Object.assign(this);
+        this.element = element;
+        this.validationService = validationService;
+        element.addEventListener("focusin", (event) => {
+            this.onFocusIn(event);
+        });
+        // Handle checking of input by using keyboard (space)
+        element.addEventListener("change", this.documentFocusIn.bind(this));
+        Array.from(this.element.querySelectorAll("input[type='checkbox'], input[type='radio']"))
+            .filter((childElement) => childElement.closest("fieldset") === element)
+            /* eslint-disable-next-line unicorn/no-array-for-each -- technical debt */
+            .forEach((childElement) => {
+            childElement.setAttribute("required", "");
+        });
+    }
+    hasFocusableTarget(target) {
+        return target
+            ? Array.from(this.element.querySelectorAll("input, label")).some((element) => element === target)
+            : false;
+    }
+    onFocusIn(event) {
+        // IE11 (not Chrome / FF) trigger focusin-event on legends and other elements inside the fieldset
+        // So we need to check the event target, if it's focusable.
+        if (this.hasFocusableTarget(event.target) &&
+            !this.hasDocumentListener) {
+            this.documentFocusInRef = this.documentFocusIn.bind(this);
+            document.addEventListener("focusin", this.documentFocusInRef);
+            document.addEventListener("click", this.documentFocusInRef);
+            this.hasDocumentListener = true;
+        }
+    }
+    documentFocusIn(event) {
+        this.validationService.setTouched(this.element);
+        const children = Array.from(this.element.querySelectorAll("input"));
+        for (const childElement of children) {
+            this.validationService.setTouched(childElement);
+        }
+        if (!this.hasFocusableTarget(event.target)) {
+            this.removeEventListeners();
+        }
+        else if (event.target.checked) {
+            this.validateFieldsetAndChildren();
+        }
+    }
+    removeEventListeners() {
+        if (this.hasDocumentListener && this.documentFocusInRef) {
+            document.removeEventListener("focusin", this.documentFocusInRef);
+            document.removeEventListener("click", this.documentFocusInRef);
+            this.hasDocumentListener = false;
+            this.validateFieldsetAndChildren();
+        }
+    }
+    validateFieldsetAndChildren() {
+        const validatableElements = document.querySelectorAll(`fieldset#${this.element.id}, #${this.element.id} input[type='checkbox'], #${this.element.id} input[type='radio']`);
+        for (const element of validatableElements) {
+            if (element.id) {
+                /* eslint-disable-next-line @typescript-eslint/no-floating-promises -- technical debt */
+                this.validationService.validateElement(element.id);
+            }
+        }
+    }
+}
+
 /**
  * Returns validation error message candidates in prioritized order.
  *
@@ -4339,7 +4344,7 @@ class ValidationServiceImpl {
             };
         }
         if (typeof src === "string") {
-            const element = document.getElementById(src);
+            const element = document.querySelector(`#${src}`);
             if (!element) {
                 throw new Error(`Element with id "${src}" not found when calling validateElement(..)`);
             }
@@ -4414,7 +4419,7 @@ class ValidationServiceImpl {
             return;
         }
         else if (typeof element === "string") {
-            const found = document.getElementById(element);
+            const found = document.querySelector(`#${element}`);
             /* eslint-disable-next-line @typescript-eslint/no-deprecated -- internal usage */
             this.setState(found, validationState);
         }
@@ -4470,7 +4475,7 @@ class ValidationServiceImpl {
             return [];
         }
         else if (typeof parent === "string") {
-            const element = document.getElementById(parent);
+            const element = document.querySelector(`#${parent}`);
             return this.getValidatableElements(element);
         }
         else {
@@ -4625,7 +4630,7 @@ class ValidationServiceImpl {
     }
     getErrorMessage(validatorName, validators, validatorConfigs, elementType) {
         const validatorConfig = validatorConfigs[validatorName];
-        if (validatorConfig && validatorConfig.errorMessage) {
+        if (validatorConfig?.errorMessage) {
             return validatorConfig.errorMessage;
         }
         const candidates = getCandidates(validatorName, validators, elementType);
@@ -4776,11 +4781,11 @@ const decimalValidator = {
                 Number(config.maxDecimals)
             : undefined;
         /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- technical debt, should actually verfiy value instead */
-        if (config.minDecimals && isNaN(minDecimalsAsNumber)) {
+        if (config.minDecimals && Number.isNaN(minDecimalsAsNumber)) {
             throw new Error("config.minDecimals must be a number");
         }
         /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- technical debt, should actually verfiy value instead */
-        if (config.maxDecimals && isNaN(maxDecimalsAsNumber)) {
+        if (config.maxDecimals && Number.isNaN(maxDecimalsAsNumber)) {
             throw new Error("config.maxDecimals must be a number");
         }
         return (isEmpty(valueWithoutWhitespace) ||
@@ -4827,7 +4832,7 @@ const greaterThanValidator = {
     },
 };
 
-const NUMBER_REGEXP = /^([-−]?\d+)?$/;
+const NUMBER_REGEXP = /^([−-]?\d+)?$/;
 const integerValidator = {
     name: "integer",
     validation(value) {
@@ -4900,7 +4905,8 @@ const matchesValidator = {
         }
         /** TODO This will crash if the element is not found */
         /** TODO This assumes the id references an `<input>` field */
-        const el = document.getElementById(config.id);
+        /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- technical debt */
+        const el = document.querySelector(`#${config.id}`);
         return el.value === value;
     },
 };
@@ -4924,7 +4930,8 @@ const maxDateValidator = {
 const maxLengthValidator = {
     name: "maxLength",
     validation(value, _element, config) {
-        return config.length ? value.length <= config.length : true;
+        const { length = 0 } = config;
+        return length > 0 && value ? value.length <= length : true;
     },
 };
 
@@ -4954,7 +4961,8 @@ const minDateValidator = {
 const minLengthValidator = {
     name: "minLength",
     validation(value, _element, config) {
-        return config.length && value ? value.length >= config.length : true;
+        const { length = 0 } = config;
+        return length > 0 && value ? value.length >= length : true;
     },
 };
 
@@ -4979,7 +4987,7 @@ const organisationsnummerValidator = {
     },
 };
 
-const PERCENT_REGEXP = /^([-+]?\d+)([,.]\d+)?$/;
+const PERCENT_REGEXP = /^([+-]?\d+)([,.]\d+)?$/;
 const percentValidator = {
     name: "percent",
     validation(value) {
@@ -5049,7 +5057,7 @@ const personnummerYounger = {
     },
 };
 
-const PHONE_NUMBER_REGEXP = /^(\+?[-_/() ]*(\d[-_/() ]*?){3,17})$/;
+const PHONE_NUMBER_REGEXP = /^(\+?[ ()/_-]*(\d[ ()/_-]*?){3,17})$/;
 const phoneNumberValidator = {
     name: "phoneNumber",
     validation(value) {
@@ -5106,7 +5114,7 @@ const requiredValidator = {
     },
 };
 
-const WHITELIST_REGEXP = /^[a-zA-Z0-9 .,\-()\r\n?+=!:@*\xC0-\xFF]*$/;
+const WHITELIST_REGEXP = /^[\d\n\r !()*+,.:=?@A-Za-z\u00C0-\u00FF-]*$/;
 const whitelistValidator = {
     name: "whitelist",
     instant: true,
@@ -5216,13 +5224,13 @@ function alertScreenReader(text, options) {
     /* eslint-disable-next-line @typescript-eslint/no-floating-promises -- technical debt */
     waitForScreenReader(() => {
         while (wrapper.firstChild) {
-            wrapper.removeChild(wrapper.firstChild);
+            wrapper.firstChild.remove();
         }
-        wrapper.appendChild(msg);
+        wrapper.append(msg);
         setTimeout(() => {
             // Remove element if it is still in the DOM.
             if (msg.parentElement === wrapper) {
-                wrapper.removeChild(msg);
+                msg.remove();
             }
         }, REMOVE_TEXT_DELAY);
     });
@@ -5240,7 +5248,7 @@ function createScreenReaderWrapper(options) {
         wrapper.id = "fkui-alert-screen-reader";
         wrapper.className = "sr-only";
         updateProperties(options);
-        document.body.appendChild(wrapper);
+        document.body.append(wrapper);
     }
 }
 /**

package/lib/esm/index.js

@@ -29,6 +29,7 @@ function isSet(value) {
  * @public
  */
 function isString(value) {
+    /* eslint-disable-next-line unicorn/no-instanceof-builtins -- technical debt */
     return typeof value === "string" || value instanceof String;
 }
 
@@ -40,6 +41,7 @@ function isString(value) {
 class MissingValueError extends Error {
     constructor(message) {
         super(message);
+        this.name = "MissingValueError";
         Object.setPrototypeOf(this, MissingValueError.prototype);
     }
 }
@@ -195,6 +197,7 @@ class DecoratedError extends Error {
     cause;
     constructor(message, cause) {
         super(message);
+        this.name = "DecoratedError";
         Object.setPrototypeOf(this, DecoratedError.prototype);
         /* eslint-disable-next-line @typescript-eslint/restrict-plus-operands -- technical debt */
         this.stack += `\nCaused by: ${String(cause.stack)}`;
@@ -2167,13 +2170,13 @@ function testLuhnChecksum(inputString) {
     if (/^\d+$/.test(inputString) === false) {
         throw new Error("Luhn Checksum test only works on strings containing numbers");
     }
-    inputString
+    for (const [index, numChar] of inputString
         .split("")
-        .reverse()
-        .forEach((numChar, index) => {
-        const digit = parseInt(numChar, 10) * ((index + 1) % 2 === 0 ? 2 : 1);
+        .toReversed()
+        .entries()) {
+        const digit = Number.parseInt(numChar, 10) * ((index + 1) % 2 === 0 ? 2 : 1);
         sum += digit >= 10 ? digit - 9 : digit;
-    });
+    }
     return sum % 10 === 0;
 }
 
@@ -2181,7 +2184,7 @@ function testLuhnChecksum(inputString) {
  * @public
  */
 function validChecksum(value) {
-    const yymmddxxxx = value.slice(2).replace(/-/g, "");
+    const yymmddxxxx = value.slice(2).replaceAll("-", "");
     return testLuhnChecksum(yymmddxxxx);
 }
 
@@ -2228,7 +2231,7 @@ function findCookie(name) {
 }
 
 const BANK_ACCOUNT_NUMBER_REGEXP = /^\d{3,16}$/;
-const BANK_ACCOUNT_NUMBER_TRIM_REGEXP = /[- .,]+/g;
+const BANK_ACCOUNT_NUMBER_TRIM_REGEXP = /[ ,.-]+/g;
 /**
  * @public
  */
@@ -2237,7 +2240,7 @@ function parseBankAccountNumber(value) {
         return undefined;
     }
     // remove hyphen, blank space, period, comma
-    const trimmedValue = value.replace(BANK_ACCOUNT_NUMBER_TRIM_REGEXP, "");
+    const trimmedValue = value.replaceAll(BANK_ACCOUNT_NUMBER_TRIM_REGEXP, "");
     return BANK_ACCOUNT_NUMBER_REGEXP.test(trimmedValue)
         ? trimmedValue
         : undefined;
@@ -2262,7 +2265,7 @@ function parseBankgiro(value) {
     return `${match[1]}-${match[2]}`;
 }
 
-const CLEARINGNUMBER_REGEXP = /^\d{4}([-\s]?\d)?$/;
+const CLEARINGNUMBER_REGEXP = /^\d{4}([\s-]?\d)?$/;
 /**
  * @public
  */
@@ -2275,7 +2278,7 @@ function parseClearingNumber(value) {
     }
     // add hyphen between number 4 & 5
     return value.length === 5
-        ? `${value.substring(0, 4)}-${value.substring(4, 5)}`
+        ? `${value.slice(0, 4)}-${value.slice(4, 5)}`
         : value;
 }
 /**
@@ -2283,7 +2286,7 @@ function parseClearingNumber(value) {
  */
 function formatClearingNumberForBackend(value) {
     // remove the 5th number
-    return value.substring(0, 4);
+    return value.slice(0, 4);
 }
 
 function getDefaultExportFromCjs (x) {
@@ -2561,7 +2564,7 @@ class FDate {
              * it increases the month, this is not the desired behaviour so we
              * compare the parsed month with the original month, if they differ
              * an invalid FDate is returned instead.*/
-            if (date.isValid() && date.month === parseInt(month, 10)) {
+            if (date.isValid() && date.month === Number.parseInt(month, 10)) {
                 return date;
             }
         }
@@ -2724,7 +2727,7 @@ class FDate {
         if (!this.isValid()) {
             return 0;
         }
-        const result = parseInt(this.value.format("d"), 10);
+        const result = Number.parseInt(this.value.format("d"), 10);
         if (!result) {
             return Weekday.SUNDAY;
         }
@@ -2958,7 +2961,7 @@ function parseDate(value) {
  * @returns Text with whitespace stripped.
  */
 function stripWhitespace(text) {
-    return text.replace(/\s+/g, "");
+    return text.replaceAll(/\s+/g, "");
 }
 
 const NUMBER_REGEXP$1 = /^(-?\d+)([,.]\d+)?$/;
@@ -2993,7 +2996,7 @@ function formatNumber(value, decimals) {
     if (typeof value === "string") {
         value = parseNumber(value) ?? "";
     }
-    if (typeof value !== "number" || isNaN(value)) {
+    if (typeof value !== "number" || Number.isNaN(value)) {
         return undefined;
     }
     return formatSwedishNotation(value, decimals);
@@ -3014,14 +3017,14 @@ function parseNumber(value, fractionDigits) {
     const parsedNumber = isSet(fractionDigits)
         ? getNumberWithFraction(number, fractionDigits)
         : number;
-    return isNaN(parsedNumber) ? undefined : parsedNumber;
+    return Number.isNaN(parsedNumber) ? undefined : parsedNumber;
 }
 /**
  * @internal
  */
 function getNumberWithFraction(value, fractionDigits) {
     if (fractionDigits < 0) {
-        return NaN;
+        return Number.NaN;
     }
     const exp = 10 ** fractionDigits;
     return Math.sign(value) * (Math.round(Math.abs(value) * exp) / exp);
@@ -3030,9 +3033,9 @@ function getNumberWithFraction(value, fractionDigits) {
 function getNowDetails(now) {
     const nowIso = now.toString();
     return {
-        nowCentury: nowIso.substring(0, 2),
-        nowYear: nowIso.substring(2, 4),
-        nowMonthDay: nowIso.substring(5, 7) + nowIso.substring(8, 10),
+        nowCentury: nowIso.slice(0, 2),
+        nowYear: nowIso.slice(2, 4),
+        nowMonthDay: nowIso.slice(5, 7) + nowIso.slice(8, 10),
     };
 }
 /**
@@ -3057,7 +3060,7 @@ function resolveCentury(year, month, day, hasPlus, now) {
     return (Number(nowCentury) - subtractCenturies).toString();
 }
 
-const PERSONNUMMER_REGEXP = /^(?<century>\d{2})?(?<year>\d{2})(?<month>\d{2})(?<day>\d{2})(?<sign>[-+])?(?<check>\d{4})$/;
+const PERSONNUMMER_REGEXP = /^(?<century>\d{2})?(?<year>\d{2})(?<month>\d{2})(?<day>\d{2})(?<sign>[+-])?(?<check>\d{4})$/;
 function getDayWithoutSamordning(day) {
     return (Number(day) % 60).toString().padStart(2, "0");
 }
@@ -3130,11 +3133,11 @@ function formatPersonnummer(value) {
         return undefined;
     }
     const currentYear = FDate.now().year;
-    const year = Number(value.substring(0, 4));
+    const year = Number(value.slice(0, 4));
     if (currentYear - year >= 100) {
-        return value.substring(2).replace("-", "+");
+        return value.slice(2).replace("-", "+");
     }
-    return value.substring(2);
+    return value.slice(2);
 }
 /**
  * Formats personnummer to a 8-digit date.
@@ -3165,23 +3168,24 @@ function parsePlusgiro(value) {
      * If the number of digits is odd then the first pair in the string can be a single digit.
      * If the number of characters is 9, there will be a space after the first 3 characters.
      */
-    value = value.replace(/ /g, "");
-    value = value.replace(/\D/g, "");
+    value = value.replaceAll(" ", "");
+    value = value.replaceAll(/\D/g, "");
     if (!PLUSGIRO_REGEXP.test(value) ||
-        !testLuhnChecksum(value.replace(/\D/g, ""))) {
+        !testLuhnChecksum(value.replaceAll(/\D/g, ""))) {
         return undefined;
     }
     if (hyphenShouldBeAdded(value)) {
-        value = `${value.substring(0, value.length - 1)}-${value[value.length - 1]}`;
+        /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- length is 2+ so -1 will return a character */
+        value = `${value.slice(0, -1)}-${value.at(-1)}`;
     }
     const startOffset = 4;
-    let formattedString = value.substring(value.length - startOffset, value.length);
+    let formattedString = value.slice(-startOffset);
     const step = 2;
     for (let i = value.length - startOffset; i >= (value.length === 9 ? 3 : 1); i -= step) {
-        formattedString = `${value.substring(Math.max(i - step, 0), i)} ${formattedString}`;
+        formattedString = `${value.slice(Math.max(i - step, 0), i)} ${formattedString}`;
     }
     if (value.length === 9) {
-        formattedString = value.substring(0, 1) + formattedString;
+        formattedString = value.slice(0, 1) + formattedString;
     }
     return formattedString;
 }
@@ -3298,7 +3302,7 @@ function documentOrderComparator(a, b) {
 function isVisible(element) {
     return Boolean(element.offsetWidth ||
         element.offsetHeight ||
-        element.getClientRects().length);
+        element.getClientRects().length > 0);
 }
 
 const FRAMERATE = 60;
@@ -3678,7 +3682,7 @@ class ElementIdServiceImpl {
     elementIdMap = new Map();
     generateElementId(prefix = "fkui") {
         const id = this.nextId(prefix);
-        if (document.getElementById(id) === null) {
+        if (document.querySelector(`#${id}`) === null) {
             return id;
         }
         return this.generateElementId(prefix);
@@ -3754,10 +3758,10 @@ class PersistenceService {
     }
     get(key) {
         const found = this.find(key);
-        if (typeof found !== "undefined") {
+        if (found !== undefined) {
             return found;
         }
-        throw Error(`PersistenceService cannot find entry with key "${key}"`);
+        throw new Error(`PersistenceService cannot find entry with key "${key}"`);
     }
     find(key) {
         if (this.cache.has(key)) {
@@ -3844,9 +3848,9 @@ class DefaultTranslationProvider {
             : defaultValueOrArgs;
     }
     interpolate(defaultValue, args) {
-        return defaultValue.replace(
+        return defaultValue.replaceAll(
         /* eslint-disable-next-line sonarjs/slow-regex -- technical debt */
-        /{{\s*([^\s]+)\s*}}/g, (match, key) => {
+        /{{\s*(\S+)\s*}}/g, (match, key) => {
             return String(args[key]) || match;
         });
     }
@@ -3865,83 +3869,6 @@ const TranslationService =
 /* @__PURE__ */
 new TranslationServiceImpl();
 
-/**
- * @internal
- */
-function createFieldsetValidator(element, validationService) {
-    /* eslint-disable-next-line no-new, sonarjs/constructor-for-side-effects --
-     * technical debt, this should be refactored as to not rely of side-effects
-     * of the constructor */
-    new FieldsetValidationHandler(element, validationService);
-}
-class FieldsetValidationHandler {
-    hasDocumentListener = false;
-    documentFocusInRef = undefined;
-    element;
-    validationService;
-    constructor(element, validationService) {
-        Object.assign(this);
-        this.element = element;
-        this.validationService = validationService;
-        element.addEventListener("focusin", (event) => {
-            this.onFocusIn(event);
-        });
-        // Handle checking of input by using keyboard (space)
-        element.addEventListener("change", this.documentFocusIn.bind(this));
-        Array.from(this.element.querySelectorAll("input[type='checkbox'], input[type='radio']"))
-            .filter((childElement) => childElement.closest("fieldset") === element)
-            .forEach((childElement) => {
-            childElement.setAttribute("required", "");
-        });
-    }
-    hasFocusableTarget(target) {
-        return target
-            ? Array.from(this.element.querySelectorAll("input, label")).some((element) => element === target)
-            : false;
-    }
-    onFocusIn(event) {
-        // IE11 (not Chrome / FF) trigger focusin-event on legends and other elements inside the fieldset
-        // So we need to check the event target, if it's focusable.
-        if (this.hasFocusableTarget(event.target) &&
-            !this.hasDocumentListener) {
-            this.documentFocusInRef = this.documentFocusIn.bind(this);
-            document.addEventListener("focusin", this.documentFocusInRef);
-            document.addEventListener("click", this.documentFocusInRef);
-            this.hasDocumentListener = true;
-        }
-    }
-    documentFocusIn(event) {
-        this.validationService.setTouched(this.element);
-        const children = Array.from(this.element.querySelectorAll("input"));
-        for (const childElement of children) {
-            this.validationService.setTouched(childElement);
-        }
-        if (!this.hasFocusableTarget(event.target)) {
-            this.removeEventListeners();
-        }
-        else if (event.target.checked) {
-            this.validateFieldsetAndChildren();
-        }
-    }
-    removeEventListeners() {
-        if (this.hasDocumentListener && this.documentFocusInRef) {
-            document.removeEventListener("focusin", this.documentFocusInRef);
-            document.removeEventListener("click", this.documentFocusInRef);
-            this.hasDocumentListener = false;
-            this.validateFieldsetAndChildren();
-        }
-    }
-    validateFieldsetAndChildren() {
-        const validatableElements = document.querySelectorAll(`fieldset#${this.element.id}, #${this.element.id} input[type='checkbox'], #${this.element.id} input[type='radio']`);
-        validatableElements.forEach((element) => {
-            if (element.id) {
-                /* eslint-disable-next-line @typescript-eslint/no-floating-promises -- technical debt */
-                this.validationService.validateElement(element.id);
-            }
-        });
-    }
-}
-
 /**
  * Builder to create validation error message map.
  *
@@ -4065,6 +3992,84 @@ function getErrorMessages() {
         .build();
 }
 
+/**
+ * @internal
+ */
+function createFieldsetValidator(element, validationService) {
+    /* eslint-disable-next-line no-new, sonarjs/constructor-for-side-effects --
+     * technical debt, this should be refactored as to not rely of side-effects
+     * of the constructor */
+    new FieldsetValidationHandler(element, validationService);
+}
+class FieldsetValidationHandler {
+    hasDocumentListener = false;
+    documentFocusInRef = undefined;
+    element;
+    validationService;
+    constructor(element, validationService) {
+        Object.assign(this);
+        this.element = element;
+        this.validationService = validationService;
+        element.addEventListener("focusin", (event) => {
+            this.onFocusIn(event);
+        });
+        // Handle checking of input by using keyboard (space)
+        element.addEventListener("change", this.documentFocusIn.bind(this));
+        Array.from(this.element.querySelectorAll("input[type='checkbox'], input[type='radio']"))
+            .filter((childElement) => childElement.closest("fieldset") === element)
+            /* eslint-disable-next-line unicorn/no-array-for-each -- technical debt */
+            .forEach((childElement) => {
+            childElement.setAttribute("required", "");
+        });
+    }
+    hasFocusableTarget(target) {
+        return target
+            ? Array.from(this.element.querySelectorAll("input, label")).some((element) => element === target)
+            : false;
+    }
+    onFocusIn(event) {
+        // IE11 (not Chrome / FF) trigger focusin-event on legends and other elements inside the fieldset
+        // So we need to check the event target, if it's focusable.
+        if (this.hasFocusableTarget(event.target) &&
+            !this.hasDocumentListener) {
+            this.documentFocusInRef = this.documentFocusIn.bind(this);
+            document.addEventListener("focusin", this.documentFocusInRef);
+            document.addEventListener("click", this.documentFocusInRef);
+            this.hasDocumentListener = true;
+        }
+    }
+    documentFocusIn(event) {
+        this.validationService.setTouched(this.element);
+        const children = Array.from(this.element.querySelectorAll("input"));
+        for (const childElement of children) {
+            this.validationService.setTouched(childElement);
+        }
+        if (!this.hasFocusableTarget(event.target)) {
+            this.removeEventListeners();
+        }
+        else if (event.target.checked) {
+            this.validateFieldsetAndChildren();
+        }
+    }
+    removeEventListeners() {
+        if (this.hasDocumentListener && this.documentFocusInRef) {
+            document.removeEventListener("focusin", this.documentFocusInRef);
+            document.removeEventListener("click", this.documentFocusInRef);
+            this.hasDocumentListener = false;
+            this.validateFieldsetAndChildren();
+        }
+    }
+    validateFieldsetAndChildren() {
+        const validatableElements = document.querySelectorAll(`fieldset#${this.element.id}, #${this.element.id} input[type='checkbox'], #${this.element.id} input[type='radio']`);
+        for (const element of validatableElements) {
+            if (element.id) {
+                /* eslint-disable-next-line @typescript-eslint/no-floating-promises -- technical debt */
+                this.validationService.validateElement(element.id);
+            }
+        }
+    }
+}
+
 /**
  * Returns validation error message candidates in prioritized order.
  *
@@ -4337,7 +4342,7 @@ class ValidationServiceImpl {
             };
         }
         if (typeof src === "string") {
-            const element = document.getElementById(src);
+            const element = document.querySelector(`#${src}`);
             if (!element) {
                 throw new Error(`Element with id "${src}" not found when calling validateElement(..)`);
             }
@@ -4412,7 +4417,7 @@ class ValidationServiceImpl {
             return;
         }
         else if (typeof element === "string") {
-            const found = document.getElementById(element);
+            const found = document.querySelector(`#${element}`);
             /* eslint-disable-next-line @typescript-eslint/no-deprecated -- internal usage */
             this.setState(found, validationState);
         }
@@ -4468,7 +4473,7 @@ class ValidationServiceImpl {
             return [];
         }
         else if (typeof parent === "string") {
-            const element = document.getElementById(parent);
+            const element = document.querySelector(`#${parent}`);
             return this.getValidatableElements(element);
         }
         else {
@@ -4623,7 +4628,7 @@ class ValidationServiceImpl {
     }
     getErrorMessage(validatorName, validators, validatorConfigs, elementType) {
         const validatorConfig = validatorConfigs[validatorName];
-        if (validatorConfig && validatorConfig.errorMessage) {
+        if (validatorConfig?.errorMessage) {
             return validatorConfig.errorMessage;
         }
         const candidates = getCandidates(validatorName, validators, elementType);
@@ -4774,11 +4779,11 @@ const decimalValidator = {
                 Number(config.maxDecimals)
             : undefined;
         /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- technical debt, should actually verfiy value instead */
-        if (config.minDecimals && isNaN(minDecimalsAsNumber)) {
+        if (config.minDecimals && Number.isNaN(minDecimalsAsNumber)) {
             throw new Error("config.minDecimals must be a number");
         }
         /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- technical debt, should actually verfiy value instead */
-        if (config.maxDecimals && isNaN(maxDecimalsAsNumber)) {
+        if (config.maxDecimals && Number.isNaN(maxDecimalsAsNumber)) {
             throw new Error("config.maxDecimals must be a number");
         }
         return (isEmpty(valueWithoutWhitespace) ||
@@ -4825,7 +4830,7 @@ const greaterThanValidator = {
     },
 };
 
-const NUMBER_REGEXP = /^([-−]?\d+)?$/;
+const NUMBER_REGEXP = /^([−-]?\d+)?$/;
 const integerValidator = {
     name: "integer",
     validation(value) {
@@ -4898,7 +4903,8 @@ const matchesValidator = {
         }
         /** TODO This will crash if the element is not found */
         /** TODO This assumes the id references an `<input>` field */
-        const el = document.getElementById(config.id);
+        /* eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- technical debt */
+        const el = document.querySelector(`#${config.id}`);
         return el.value === value;
     },
 };
@@ -4922,7 +4928,8 @@ const maxDateValidator = {
 const maxLengthValidator = {
     name: "maxLength",
     validation(value, _element, config) {
-        return config.length ? value.length <= config.length : true;
+        const { length = 0 } = config;
+        return length > 0 && value ? value.length <= length : true;
     },
 };
 
@@ -4952,7 +4959,8 @@ const minDateValidator = {
 const minLengthValidator = {
     name: "minLength",
     validation(value, _element, config) {
-        return config.length && value ? value.length >= config.length : true;
+        const { length = 0 } = config;
+        return length > 0 && value ? value.length >= length : true;
     },
 };
 
@@ -4977,7 +4985,7 @@ const organisationsnummerValidator = {
     },
 };
 
-const PERCENT_REGEXP = /^([-+]?\d+)([,.]\d+)?$/;
+const PERCENT_REGEXP = /^([+-]?\d+)([,.]\d+)?$/;
 const percentValidator = {
     name: "percent",
     validation(value) {
@@ -5047,7 +5055,7 @@ const personnummerYounger = {
     },
 };
 
-const PHONE_NUMBER_REGEXP = /^(\+?[-_/() ]*(\d[-_/() ]*?){3,17})$/;
+const PHONE_NUMBER_REGEXP = /^(\+?[ ()/_-]*(\d[ ()/_-]*?){3,17})$/;
 const phoneNumberValidator = {
     name: "phoneNumber",
     validation(value) {
@@ -5104,7 +5112,7 @@ const requiredValidator = {
     },
 };
 
-const WHITELIST_REGEXP = /^[a-zA-Z0-9 .,\-()\r\n?+=!:@*\xC0-\xFF]*$/;
+const WHITELIST_REGEXP = /^[\d\n\r !()*+,.:=?@A-Za-z\u00C0-\u00FF-]*$/;
 const whitelistValidator = {
     name: "whitelist",
     instant: true,
@@ -5214,13 +5222,13 @@ function alertScreenReader(text, options) {
     /* eslint-disable-next-line @typescript-eslint/no-floating-promises -- technical debt */
     waitForScreenReader(() => {
         while (wrapper.firstChild) {
-            wrapper.removeChild(wrapper.firstChild);
+            wrapper.firstChild.remove();
         }
-        wrapper.appendChild(msg);
+        wrapper.append(msg);
         setTimeout(() => {
             // Remove element if it is still in the DOM.
             if (msg.parentElement === wrapper) {
-                wrapper.removeChild(msg);
+                msg.remove();
             }
         }, REMOVE_TEXT_DELAY);
     });
@@ -5238,7 +5246,7 @@ function createScreenReaderWrapper(options) {
         wrapper.id = "fkui-alert-screen-reader";
         wrapper.className = "sr-only";
         updateProperties(options);
-        document.body.appendChild(wrapper);
+        document.body.append(wrapper);
     }
 }
 /**

package/lib/types/index.d.ts

@@ -283,7 +283,7 @@ export declare interface AllowListValidatorConfig extends ValidatorOptions {
    */
   export declare function documentOrderComparator<T extends Node>(a?: T | null, b?: T | null): number;
 
-  declare namespace DomUtils {
+  export declare namespace DomUtils {
       export {
           addFocusListener,
           documentOrderComparator,
@@ -308,7 +308,6 @@ export declare interface AllowListValidatorConfig extends ValidatorOptions {
           scrollTo_2 as scrollTo
       }
   }
-  export { DomUtils }
 
   /**
    * @public

package/lib/types/tsdoc-metadata.json

@@ -5,7 +5,7 @@
   "toolPackages": [
     {
       "packageName": "@microsoft/api-extractor",
-      "packageVersion": "7.57.3"
+      "packageVersion": "7.57.7"
     }
   ]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fkui/logic",
-  "version": "6.38.0",
+  "version": "6.40.0",
   "description": "Logic",
   "keywords": [
     "fkui",
@@ -23,18 +23,18 @@
   "exports": {
     ".": {
       "types": "./lib/types/index.d.ts",
-      "require": "./lib/cjs/index.js",
-      "import": "./lib/esm/index.js"
+      "import": "./lib/esm/index.js",
+      "require": "./lib/cjs/index.js"
     },
     "./polyfills": {
       "types": "./lib/types/polyfills.d.ts",
-      "require": "./lib/cjs/polyfills.js",
-      "import": "./lib/esm/polyfills.js"
+      "import": "./lib/esm/polyfills.js",
+      "require": "./lib/cjs/polyfills.js"
     },
     "./lib/polyfills": {
       "types": "./lib/types/polyfills.d.ts",
-      "require": "./lib/cjs/polyfills.js",
-      "import": "./lib/esm/polyfills.js"
+      "import": "./lib/esm/polyfills.js",
+      "require": "./lib/cjs/polyfills.js"
     }
   },
   "main": "lib/cjs/index.js",
@@ -61,11 +61,11 @@
     "watch": "rollup --config --watch"
   },
   "peerDependencies": {
-    "@fkui/date": "^6.38.0"
+    "@fkui/date": "^6.40.0"
   },
   "engines": {
     "node": ">= 20",
     "npm": ">= 7"
   },
-  "gitHead": "ea8e50d8567159581a628106e93ac0e7c1d43a1b"
+  "gitHead": "15991b990613b7547983562b965c2d0f11f958c7"
 }