@fkui/logic 6.37.0 → 6.39.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;
         });
     }
@@ -3892,6 +3896,7 @@ class FieldsetValidationHandler {
         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", "");
         });
@@ -3935,12 +3940,12 @@ class FieldsetValidationHandler {
     }
     validateFieldsetAndChildren() {
         const validatableElements = document.querySelectorAll(`fieldset#${this.element.id}, #${this.element.id} input[type='checkbox'], #${this.element.id} input[type='radio']`);
-        validatableElements.forEach((element) => {
+        for (const element of validatableElements) {
             if (element.id) {
                 /* eslint-disable-next-line @typescript-eslint/no-floating-promises -- technical debt */
                 this.validationService.validateElement(element.id);
             }
-        });
+        }
     }
 }
 
@@ -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 {
@@ -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;
         });
     }
@@ -3890,6 +3894,7 @@ class FieldsetValidationHandler {
         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", "");
         });
@@ -3933,12 +3938,12 @@ class FieldsetValidationHandler {
     }
     validateFieldsetAndChildren() {
         const validatableElements = document.querySelectorAll(`fieldset#${this.element.id}, #${this.element.id} input[type='checkbox'], #${this.element.id} input[type='radio']`);
-        validatableElements.forEach((element) => {
+        for (const element of validatableElements) {
             if (element.id) {
                 /* eslint-disable-next-line @typescript-eslint/no-floating-promises -- technical debt */
                 this.validationService.validateElement(element.id);
             }
-        });
+        }
     }
 }
 
@@ -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 {
@@ -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

@@ -123,6 +123,15 @@ export declare interface AllowListValidatorConfig extends ValidatorOptions {
       values: string | string[] | number | number[];
   }
 
+  /**
+   * Constructs a tuple type of a specific length `N`.
+   * Used internally for recursion depth tracking.
+   *
+   * @public
+   * @since v6.38.0
+   */
+  export declare type BuildDepth<N extends number, T extends unknown[] = []> = T["length"] extends N ? T : BuildDepth<N, [...T, unknown]>;
+
   /**
    * A string of 4-5 digits where last digit may be separated by hyphen, for
    * example "5678-1"
@@ -147,6 +156,16 @@ export declare interface AllowListValidatorConfig extends ValidatorOptions {
       timeLimitSeconds?: number;
   }
 
+  /**
+   * Global registry interface.
+   * Consumers (the main project) will merge their specific key types into this.
+   *
+   * @public
+   * @since v6.38.0
+   */
+  export declare interface CustomTranslationRegistry {
+  }
+
   /**
    * A string in format YYYY-MM-DD, for example 2021-02-03
    *
@@ -264,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,
@@ -289,7 +308,6 @@ export declare interface AllowListValidatorConfig extends ValidatorOptions {
           scrollTo_2 as scrollTo
       }
   }
-  export { DomUtils }
 
   /**
    * @public
@@ -613,6 +631,17 @@ export declare interface AllowListValidatorConfig extends ValidatorOptions {
     */
    export declare function isVisibleInViewport(element: Element): boolean;
 
+   /**
+    * Joins two path segments.
+    *
+    * We use generic constraints (`extends ValidKey`) here instead of conditional
+    * checks to keep it clean. If K or P is not a string/number, TS will error.
+    *
+    * @public
+    * @since v6.38.0
+    */
+   export declare type Join<K extends ValidKey, P extends ValidKey> = `${K}.${P}`;
+
    /**
     * @public
     */
@@ -658,6 +687,20 @@ export declare interface AllowListValidatorConfig extends ValidatorOptions {
        constructor(message?: string);
    }
 
+   /**
+    * Recursively generates a union of all dot-notation paths for object `T`.
+    *
+    * It uses `PathMap` to calculate paths for properties and then extracts
+    * the values using `[keyof T]`.
+    *
+    * @public
+    * @since v6.38.0
+    * @typeParam T - The object or array to inspect.
+    * @typeParam Depth - The maximum recursion depth (defaults to 6).
+    * @returns A union of string paths (e.g., `"user" | "user.name"`).
+    */
+   export declare type NestedKeys<T, Depth extends number = 6> = [Depth] extends [never] ? never : T extends object ? PathMap<T, Depth>[keyof T & ValidKey] : never;
+
    /**
     * @public
     */
@@ -734,6 +777,25 @@ export declare interface AllowListValidatorConfig extends ValidatorOptions {
     */
    export declare function parsePostalCode(value: string): PostalCodeString | undefined;
 
+   /**
+    * Internal helper: "Flattens" the object one level deep.
+    *
+    * This generates a mapped type where the keys are the property names,
+    * and the values are the calculated paths (current key + nested paths).
+    *
+    * @example
+    * ```ts
+    * // Input: { user: { name: string } }
+    * // Output: { user: "user" | "user.name" }
+    * ```
+    *
+    * @public
+    * @since v6.38.0
+    */
+   export declare type PathMap<T, Depth extends number> = {
+       [K in keyof T & ValidKey]: T[K] extends object ? `${K}` | Join<K, NestedKeys<T[K], Prev<Depth>>> : `${K}`;
+   };
+
    /**
     * Describes the event that is dispatched during input if no instant validation.
     *
@@ -809,6 +871,14 @@ export declare interface AllowListValidatorConfig extends ValidatorOptions {
     */
    export declare type PostalCodeString = string;
 
+   /**
+    * Computes `N - 1` at the type level.
+    *
+    * @public
+    * @since v6.38.0
+    */
+   export declare type Prev<N extends number> = BuildDepth<N> extends [...infer R, unknown] ? R["length"] : never;
+
    /**
     * Save current active element focus on the stack and set focus on element
     *
@@ -824,6 +894,18 @@ export declare interface AllowListValidatorConfig extends ValidatorOptions {
     */
    export declare function removeFocusListener(elements: HTMLElement[], listener: ((event: Event) => unknown) | (() => unknown)): void;
 
+   /**
+    * Resolves the valid translation keys.
+    * If the consumer has defined `Keys` in the registry, use that.
+    * Otherwise, fallback to `string` (loose typing).
+    *
+    * @public
+    * @since v6.38.0
+    */
+   export declare type ResolveTranslationKey = CustomTranslationRegistry extends {
+       Keys: infer K;
+   } ? K : string;
+
    /**
     * Restore focus to a previous element. Use this in combination with {@link saveFocus}
     *
@@ -955,8 +1037,54 @@ export declare interface AllowListValidatorConfig extends ValidatorOptions {
 
    /**
     * @public
+    * @typeParam Key - The valid translation keys. Defaults to `string` for loose typing,
+    * but can be set to a specific union of strings (e.g., via `NestedKeys<Schema>`)
+    * to enforce strict key validation and autocompletion.
     */
-   export declare type TranslateFunction = (key: string, defaultValueOrArgs?: string | Record<string, unknown>, args?: Record<string, unknown>) => string;
+   export declare interface TranslateFunction<Key = ResolveTranslationKey> {
+       /**
+        * Returns the translation for the key.
+        *
+        * @param key - The translation key.
+        */
+       (key: Key): string;
+       /**
+        * Returns the translation for the key or the default value if no
+        * translation exists.
+        *
+        * @param key - The translation key.
+        * @param defaultValue - The default value.
+        */
+       (key: Key, defaultValue: string): string;
+       /**
+        * Returns the translation for the key. The translation is interpolated
+        * with the given arguments.
+        *
+        * @param key - The translation key.
+        * @param args - The interpolation arguments.
+        */
+       (key: Key, args: Record<string, unknown>): string;
+       /**
+        * Returns the translation for the key or the default value if no
+        * translation exists. The translation is interpolated with the given
+        * arguments.
+        *
+        * @param key - The translation key.
+        * @param defaultValue - The default value.
+        * @param args - The interpolation arguments.
+        */
+       (key: Key, defaultValue: string, args: Record<string, unknown>): string;
+       /**
+        * Returns the translation for the key or the default value if no
+        * translation exists. The translation is interpolated with the given
+        * arguments.
+        *
+        * @param key - The translation key.
+        * @param defaultValue - The default value.
+        * @param args - The interpolation arguments.
+        */
+       (key: Key, defaultValue?: string | Record<string, unknown>, args?: Record<string, unknown>): string;
+   }
 
    /**
     * @public
@@ -1380,6 +1508,16 @@ export declare interface AllowListValidatorConfig extends ValidatorOptions {
     */
    export declare type ValidityNativeEvent = "input" | "change" | "blur" | "validate";
 
+   /**
+    * Helper type: aliases valid keys to strictly string.
+    * This filters out `symbol`, which cannot be used in template literals.
+    * Only allows "string-key": "value" pairs
+    *
+    * @public
+    * @since v6.38.0
+    */
+   export declare type ValidKey = string;
+
    /**
     * @public
     */

package/lib/types/tsdoc-metadata.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fkui/logic",
-  "version": "6.37.0",
+  "version": "6.39.0",
   "description": "Logic",
   "keywords": [
     "fkui",
@@ -61,11 +61,11 @@
     "watch": "rollup --config --watch"
   },
   "peerDependencies": {
-    "@fkui/date": "^6.37.0"
+    "@fkui/date": "^6.39.0"
   },
   "engines": {
     "node": ">= 20",
     "npm": ">= 7"
   },
-  "gitHead": "15bcc047ba64657946b3e429cbf68abae064ebcc"
+  "gitHead": "dcb4ae0482dae1d80806b45900c8b80771de7372"
 }