@stimulus-library/mixins 1.3.1 → 1.6.0

package/dist/use_dirty_form_tracking.d.ts

@@ -7,4 +7,15 @@ export declare function useDirtyFormTracking(controller: Controller, form: HTMLF
     restore: () => void;
     teardown: () => void;
 };
+export declare function getElementValue(element: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement): boolean | string;
+export declare function getMultiSelectLoadValues(element: HTMLSelectElement): string[];
+export declare function getMultiSelectValues(element: HTMLSelectElement): string[];
+export declare function getElementLoadValue(element: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement): boolean | string;
+export declare function elementHasCachedLoadValue(element: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement): boolean;
+export declare function isElementDirty(element: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement): boolean;
+export declare function restoreElementFromLoadValue(element: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement): void;
+export declare function restoreMultiSelect(element: HTMLSelectElement, cacheValue: string): void;
+export declare function cacheLoadValues(element: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement): void;
+export declare function resetCachedLoadValues(element: HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement): void;
+export declare function resetFormLoadValues(form: HTMLFormElement): void;
 export declare function isDirty(element: HTMLElement): boolean;

package/dist/use_dirty_form_tracking.js

@@ -60,7 +60,34 @@ export function useDirtyFormTracking(controller, form) {
         teardown,
     };
 }
-function getElementValue(element) {
+function checkDirty(element) {
+    var _a;
+    if (isHTMLInputElement(element) && element.type == "radio") {
+        getOtherRadiosInGroup(element).forEach((radio) => radio.removeAttribute("data-dirty"));
+    }
+    if (isElementDirty(element)) {
+        element.setAttribute("data-dirty", "true");
+        (_a = element.form) === null || _a === void 0 ? void 0 : _a.setAttribute("data-dirty", "true");
+        element.dispatchEvent(new CustomEvent("input-dirtied", {
+            bubbles: true,
+            cancelable: true,
+            detail: {
+                target: element,
+            },
+        }));
+    }
+    else {
+        element.removeAttribute("data-dirty");
+        element.dispatchEvent(new CustomEvent("input-cleaned", {
+            bubbles: true,
+            cancelable: true,
+            detail: {
+                target: element,
+            },
+        }));
+    }
+}
+export function getElementValue(element) {
     if (isElementCheckable(element)) {
         return element.checked;
     }
@@ -71,16 +98,16 @@ function getElementValue(element) {
         return element.value;
     }
 }
-function getMultiSelectLoadValues(element) {
+export function getMultiSelectLoadValues(element) {
     let options = Array.from(element.options);
     options = options.filter(option => option.defaultSelected);
     return options.map(option => option.value);
 }
-function getMultiSelectValues(element) {
+export function getMultiSelectValues(element) {
     let options = Array.from(element.selectedOptions);
     return options.map(option => option.value);
 }
-function getElementLoadValue(element) {
+export function getElementLoadValue(element) {
     const value = element.getAttribute(CACHE_ATTR_NAME);
     if (isElementCheckable(element)) {
         return value == null ? element.defaultChecked : value == "true";
@@ -101,40 +128,13 @@ function getElementLoadValue(element) {
     }
     return value;
 }
-function elementHasCachedLoadValue(element) {
+export function elementHasCachedLoadValue(element) {
     return element.hasAttribute(CACHE_ATTR_NAME);
 }
-function checkDirty(element) {
-    var _a;
-    if (isHTMLInputElement(element) && element.type == "radio") {
-        getOtherRadiosInGroup(element).forEach((radio) => radio.removeAttribute("data-dirty"));
-    }
-    if (isElementDirty(element)) {
-        element.setAttribute("data-dirty", "true");
-        (_a = element.form) === null || _a === void 0 ? void 0 : _a.setAttribute("data-dirty", "true");
-        element.dispatchEvent(new CustomEvent("input-dirtied", {
-            bubbles: true,
-            cancelable: true,
-            detail: {
-                target: element,
-            },
-        }));
-    }
-    else {
-        element.removeAttribute("data-dirty");
-        element.dispatchEvent(new CustomEvent("input-cleaned", {
-            bubbles: true,
-            cancelable: true,
-            detail: {
-                target: element,
-            },
-        }));
-    }
-}
-function isElementDirty(element) {
+export function isElementDirty(element) {
     return getElementValue(element) !== getElementLoadValue(element);
 }
-function restoreElementFromLoadValue(element) {
+export function restoreElementFromLoadValue(element) {
     const cacheValue = element.getAttribute(CACHE_ATTR_NAME);
     if (isElementCheckable(element)) {
         element.setAttribute(CACHE_ATTR_NAME, element.checked.toString());
@@ -158,13 +158,15 @@ function restoreElementFromLoadValue(element) {
     }
     checkDirty(element);
 }
-function restoreMultiSelect(element, cacheValue) {
+export function restoreMultiSelect(element, cacheValue) {
     let selectedOptions = JSON.parse(cacheValue);
     Array.from(element.options).forEach((option) => option.selected = selectedOptions.includes(option.value));
 }
-function cacheLoadValues(element) {
-    if (!elementHasCachedLoadValue(element) && isElementCheckable(element)) {
-        element.setAttribute(CACHE_ATTR_NAME, element.checked.toString());
+export function cacheLoadValues(element) {
+    if (isElementCheckable(element)) {
+        if (!elementHasCachedLoadValue(element)) {
+            element.setAttribute(CACHE_ATTR_NAME, element.checked.toString());
+        }
     }
     else if (isHTMLSelectElement(element) && element.multiple) {
         element.setAttribute(CACHE_ATTR_NAME, JSON.stringify(getMultiSelectLoadValues(element)));
@@ -173,6 +175,19 @@ function cacheLoadValues(element) {
         element.setAttribute(CACHE_ATTR_NAME, element.value.toString());
     }
 }
+export function resetCachedLoadValues(element) {
+    if (elementHasCachedLoadValue(element)) {
+        element.removeAttribute(CACHE_ATTR_NAME);
+    }
+    cacheLoadValues(element);
+}
+export function resetFormLoadValues(form) {
+    form.querySelectorAll("input, select, textarea").forEach((element) => {
+        const el = element;
+        resetCachedLoadValues(el);
+        checkDirty(el);
+    });
+}
 export function isDirty(element) {
     return element.hasAttribute("data-dirty");
 }

package/package.json

@@ -9,7 +9,7 @@
     "ruby on rails",
     "ruby-on-rails"
   ],
-  "version": "1.3.1",
+  "version": "1.6.0",
   "license": "MIT",
   "author": {
     "name": "Sub-Xaero",
@@ -37,26 +37,26 @@
   },
   "dependencies": {
     "@hotwired/stimulus": "^3.0.0",
-    "@stimulus-library/utilities": "^1.3.1"
+    "@stimulus-library/utilities": "^1.6.0"
   },
   "devDependencies": {
     "@types/chai": "^5.0.1",
     "@types/mocha": "^10.0.1",
-    "@types/node": "^22.13.17",
-    "@types/sinon": "^17.0.1",
+    "@types/node": "^25.3.5",
+    "@types/sinon": "^21.0.0",
     "@types/sinon-chai": "^4.0.0",
     "agadoo": "^3.0.0",
-    "chai": "^5.1.1",
+    "chai": "^6.2.2",
     "fast-glob": "^3.2.12",
-    "lerna": "^8.0.0",
+    "lerna": "^9.0.4",
     "mocha": "^11.1.0",
     "rimraf": "^6.0.1",
-    "sinon": "^20.0.0",
+    "sinon": "^21.0.0",
     "sinon-chai": "^4.0.0",
     "standard-version": "^9.5.0",
     "ts-node": "^10.9.2",
     "typescript": "^5.8.2",
-    "vite": "^6.2.4"
+    "vite": "^7.0.2"
   },
-  "gitHead": "0e40d14436b1c5541e9ad6d73553041f9c60cceb"
+  "gitHead": "19c221973f11d4a44579367a67636d46e47058ef"
 }