@fkui/logic 6.20.0 → 6.22.0

package/lib/cjs/index.js

@@ -199,7 +199,7 @@ class DecoratedError extends Error {
         super(message);
         Object.setPrototypeOf(this, DecoratedError.prototype);
         /* eslint-disable-next-line @typescript-eslint/restrict-plus-operands -- technical debt */
-        this.stack += `\nCaused by: ${cause.stack}`;
+        this.stack += `\nCaused by: ${String(cause.stack)}`;
         this.cause = cause;
     }
     /**
@@ -2198,7 +2198,7 @@ function setCookie(options) {
         return;
     }
     const timeout = timeLimitSeconds ?? TWELVE_HOURS;
-    const cookieString = `${name}=${encodeURIComponent(value)}; path=/; max-age=${timeout};`;
+    const cookieString = `${name}=${encodeURIComponent(value)}; path=/; max-age=${String(timeout)};`;
     document.cookie = cookieString;
 }
 /**
@@ -2593,7 +2593,7 @@ class FDate {
     static fromYearMonthDay(year, month, day) {
         const paddedMonth = month.toString().padStart(2, "0");
         const paddedDay = day.toString().padStart(2, "0");
-        const iso = `${year}-${paddedMonth}-${paddedDay}`;
+        const iso = `${String(year)}-${paddedMonth}-${paddedDay}`;
         return FDate.fromIso(iso);
     }
     /**
@@ -3529,7 +3529,7 @@ function popFocus(handle) {
     }
     const top = _focusElementStack.pop();
     if (top?.id !== handle[sym]) {
-        const outOfOrderErrorMsg = `push/pop called out-of-order. Expected stack handle id: ${top?.id} but got ${handle[sym]}`;
+        const outOfOrderErrorMsg = `push/pop called out-of-order. Expected stack handle id: ${String(top?.id)} but got ${String(handle[sym])}`;
         if (configLogic.production) {
             // eslint-disable-next-line no-console -- expected to log
             console.error(outOfOrderErrorMsg);
@@ -3842,6 +3842,82 @@ 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) {
+                this.validationService.validateElement(element.id);
+            }
+        });
+    }
+}
+
 /**
  * Builder to create validation error message map.
  *
@@ -3965,89 +4041,6 @@ 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)
-            .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) {
-                this.validationService.validateElement(element.id);
-            }
-        });
-    }
-}
-
-/**
- * Registered validators.
- *
- * @internal
- */
-const registry = {};
-
 /**
  * Returns validation error message candidates in prioritized order.
  *
@@ -4096,6 +4089,13 @@ function getElementType(element) {
     }
 }
 
+/**
+ * Registered validators.
+ *
+ * @internal
+ */
+const registry = {};
+
 /**
  * Returns true if given element is a validatable element.
  *
@@ -4722,7 +4722,7 @@ const dateFormatValidator = {
 };
 
 function createNumberRegexp(minDecimals = 0, maxDecimals = 2) {
-    return new RegExp(`^([-\u2212]?[0-9]+)([,.][0-9]{${minDecimals},${maxDecimals}})(?<![,.])$`);
+    return new RegExp(`^([-\u2212]?[0-9]+)([,.][0-9]{${String(minDecimals)},${String(maxDecimals)}})(?<![,.])$`);
 }
 const decimalValidator = {
     name: "decimal",
@@ -4756,7 +4756,7 @@ const emailValidator = {
     name: "email",
     validation(value, _element, config) {
         const maxLength = config.maxLength ?? 254;
-        const EMAIL_REGEXP = new RegExp(`^(?=.{1,${maxLength}}$)(?=.{1,64}@)[-!#$%&'*+/0-9=?A-Z^_\`a-z{|}~åäöÅÄÖ]+(\\.[-!#$%&'*+/0-9=?A-Z^_\`a-z{|}~åäöÅÄÖ]+)*@[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?(\\.[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?)*$`);
+        const EMAIL_REGEXP = new RegExp(`^(?=.{1,${String(maxLength)}}$)(?=.{1,64}@)[-!#$%&'*+/0-9=?A-Z^_\`a-z{|}~åäöÅÄÖ]+(\\.[-!#$%&'*+/0-9=?A-Z^_\`a-z{|}~åäöÅÄÖ]+)*@[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?(\\.[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?)*$`);
         return isEmpty(value) || EMAIL_REGEXP.test(value);
     },
 };

package/lib/esm/index.js

@@ -197,7 +197,7 @@ class DecoratedError extends Error {
         super(message);
         Object.setPrototypeOf(this, DecoratedError.prototype);
         /* eslint-disable-next-line @typescript-eslint/restrict-plus-operands -- technical debt */
-        this.stack += `\nCaused by: ${cause.stack}`;
+        this.stack += `\nCaused by: ${String(cause.stack)}`;
         this.cause = cause;
     }
     /**
@@ -2196,7 +2196,7 @@ function setCookie(options) {
         return;
     }
     const timeout = timeLimitSeconds ?? TWELVE_HOURS;
-    const cookieString = `${name}=${encodeURIComponent(value)}; path=/; max-age=${timeout};`;
+    const cookieString = `${name}=${encodeURIComponent(value)}; path=/; max-age=${String(timeout)};`;
     document.cookie = cookieString;
 }
 /**
@@ -2591,7 +2591,7 @@ class FDate {
     static fromYearMonthDay(year, month, day) {
         const paddedMonth = month.toString().padStart(2, "0");
         const paddedDay = day.toString().padStart(2, "0");
-        const iso = `${year}-${paddedMonth}-${paddedDay}`;
+        const iso = `${String(year)}-${paddedMonth}-${paddedDay}`;
         return FDate.fromIso(iso);
     }
     /**
@@ -3527,7 +3527,7 @@ function popFocus(handle) {
     }
     const top = _focusElementStack.pop();
     if (top?.id !== handle[sym]) {
-        const outOfOrderErrorMsg = `push/pop called out-of-order. Expected stack handle id: ${top?.id} but got ${handle[sym]}`;
+        const outOfOrderErrorMsg = `push/pop called out-of-order. Expected stack handle id: ${String(top?.id)} but got ${String(handle[sym])}`;
         if (configLogic.production) {
             // eslint-disable-next-line no-console -- expected to log
             console.error(outOfOrderErrorMsg);
@@ -3840,6 +3840,82 @@ 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) {
+                this.validationService.validateElement(element.id);
+            }
+        });
+    }
+}
+
 /**
  * Builder to create validation error message map.
  *
@@ -3963,89 +4039,6 @@ 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)
-            .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) {
-                this.validationService.validateElement(element.id);
-            }
-        });
-    }
-}
-
-/**
- * Registered validators.
- *
- * @internal
- */
-const registry = {};
-
 /**
  * Returns validation error message candidates in prioritized order.
  *
@@ -4094,6 +4087,13 @@ function getElementType(element) {
     }
 }
 
+/**
+ * Registered validators.
+ *
+ * @internal
+ */
+const registry = {};
+
 /**
  * Returns true if given element is a validatable element.
  *
@@ -4720,7 +4720,7 @@ const dateFormatValidator = {
 };
 
 function createNumberRegexp(minDecimals = 0, maxDecimals = 2) {
-    return new RegExp(`^([-\u2212]?[0-9]+)([,.][0-9]{${minDecimals},${maxDecimals}})(?<![,.])$`);
+    return new RegExp(`^([-\u2212]?[0-9]+)([,.][0-9]{${String(minDecimals)},${String(maxDecimals)}})(?<![,.])$`);
 }
 const decimalValidator = {
     name: "decimal",
@@ -4754,7 +4754,7 @@ const emailValidator = {
     name: "email",
     validation(value, _element, config) {
         const maxLength = config.maxLength ?? 254;
-        const EMAIL_REGEXP = new RegExp(`^(?=.{1,${maxLength}}$)(?=.{1,64}@)[-!#$%&'*+/0-9=?A-Z^_\`a-z{|}~åäöÅÄÖ]+(\\.[-!#$%&'*+/0-9=?A-Z^_\`a-z{|}~åäöÅÄÖ]+)*@[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?(\\.[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?)*$`);
+        const EMAIL_REGEXP = new RegExp(`^(?=.{1,${String(maxLength)}}$)(?=.{1,64}@)[-!#$%&'*+/0-9=?A-Z^_\`a-z{|}~åäöÅÄÖ]+(\\.[-!#$%&'*+/0-9=?A-Z^_\`a-z{|}~åäöÅÄÖ]+)*@[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?(\\.[A-Za-z0-9]([A-Za-z0-9-]{0,61}[A-Za-z0-9])?)*$`);
         return isEmpty(value) || EMAIL_REGEXP.test(value);
     },
 };

package/lib/types/index.d.ts

@@ -268,25 +268,25 @@ export declare interface AllowListValidatorConfig extends ValidatorOptions {
       export {
           addFocusListener,
           documentOrderComparator,
-          focus_2 as focus,
-          isFocusable,
-          isTabbable,
+          FocusOptions_2 as FocusOptions,
+          StackHandle,
           findTabbableElements,
+          focus_2 as focus,
           focusFirst,
           focusLast,
-          restoreFocus,
-          saveFocus,
-          FocusOptions_2 as FocusOptions,
+          isFocusable,
+          isTabbable,
           popFocus,
           pushFocus,
-          StackHandle,
+          restoreFocus,
+          saveFocus,
           handleTab,
           isValidatableFormElement,
           isVisible,
           isVisibleInViewport,
           removeFocusListener,
-          scrollTo_2 as scrollTo,
-          ScrollToOptions_2 as ScrollToOptions
+          ScrollToOptions_2 as ScrollToOptions,
+          scrollTo_2 as scrollTo
       }
   }
   export { DomUtils }

package/lib/types/tsdoc-metadata.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fkui/logic",
-  "version": "6.20.0",
+  "version": "6.22.0",
   "description": "Logic",
   "keywords": [
     "fkui",
@@ -61,11 +61,11 @@
     "watch": "rollup --config --watch"
   },
   "peerDependencies": {
-    "@fkui/date": "^6.20.0"
+    "@fkui/date": "^6.22.0"
   },
   "engines": {
     "node": ">= 20",
     "npm": ">= 7"
   },
-  "gitHead": "901f1eaa5daa46e43a028b7660d0b8aae2f76e8f"
+  "gitHead": "ebc31640a950acc4a20ac6b07509aa12f78ee781"
 }