@livenetworks/ashlar 1.5.1 → 1.6.0

package/js/ln-api-queue/src/queue-storage.js

@@ -0,0 +1,455 @@
+const DEFAULT_DB_NAME = 'ln_api_queue';
+const DB_VERSION = 2;
+const OUTBOX = 'outbox';
+const META = '_queue_meta';
+
+function requestError(request, fallback) {
+	return request.error || new Error(fallback);
+}
+
+function scopeRange(keyRange, scope) {
+	return keyRange.bound([scope, -Infinity], [scope, Infinity]);
+}
+
+function seqKey(scope) {
+	return 'seq:' + scope;
+}
+
+function pauseKey(scope) {
+	return 'paused:' + scope;
+}
+
+function clearLease(entry) {
+	entry.leaseOwner = null;
+	entry.leaseUntil = 0;
+}
+
+function remapAction(action, oldKey, newId) {
+	if (typeof action !== 'string' || action.indexOf(oldKey) === -1) return action;
+	return action.split(oldKey).join(newId);
+}
+
+export function claimQueueHeads(entries, ownerId, leaseMs, now) {
+	const groups = new Map();
+	const claimed = [];
+	const wakeups = [];
+
+	for (const entry of entries || []) {
+		if (!groups.has(entry.chainKey)) groups.set(entry.chainKey, []);
+		groups.get(entry.chainKey).push(entry);
+	}
+
+	groups.forEach((group, chainKey) => {
+		group.sort((a, b) => a.seq - b.seq);
+		const head = group[0];
+		if (!head || head.status === 'failed') return;
+
+		if (head.status === 'inflight' && (head.leaseUntil || 0) > now) {
+			wakeups.push({ chainKey, at: head.leaseUntil });
+			return;
+		}
+		if ((head.nextAttemptAt || 0) > now) {
+			wakeups.push({ chainKey, at: head.nextAttemptAt });
+			return;
+		}
+
+		head.status = 'inflight';
+		head.leaseOwner = ownerId;
+		head.leaseUntil = now + leaseMs;
+		head.updatedAt = now;
+		claimed.push(head);
+	});
+
+	return { entries: claimed, wakeups };
+}
+
+export function remapQueueEntries(entries, acknowledgedEntryId, oldKey, newId, now) {
+	const changed = [];
+	const deleted = [];
+
+	for (const entry of entries || []) {
+		if (entry.entryId === acknowledgedEntryId) {
+			deleted.push(entry.entryId);
+			continue;
+		}
+		if (entry.chainKey !== oldKey) continue;
+
+		entry.chainKey = newId;
+		if (entry.targetId === oldKey) entry.targetId = newId;
+		if (entry.meta && entry.meta.id === oldKey) entry.meta.id = newId;
+		if (entry.meta && typeof entry.meta.action === 'string') {
+			entry.meta.action = remapAction(entry.meta.action, oldKey, newId);
+		}
+		entry.updatedAt = now;
+		changed.push(entry);
+	}
+
+	return { changed, deleted };
+}
+
+export class QueueStorage {
+	constructor(options) {
+		options = options || {};
+		this.indexedDB = options.indexedDB || globalThis.indexedDB;
+		this.keyRange = options.IDBKeyRange || globalThis.IDBKeyRange;
+		this.dbName = options.dbName || DEFAULT_DB_NAME;
+		this.now = options.now || (() => Date.now());
+		this.uuid = options.uuid || (() => crypto.randomUUID());
+		this._db = null;
+		this._ready = null;
+	}
+
+	open() {
+		if (this._ready) return this._ready;
+		if (!this.indexedDB || !this.keyRange) return Promise.resolve(null);
+
+		this._ready = new Promise((resolve, reject) => {
+			const request = this.indexedDB.open(this.dbName, DB_VERSION);
+
+			request.onupgradeneeded = event => {
+				const db = event.target.result;
+				let outbox;
+				if (!db.objectStoreNames.contains(OUTBOX)) {
+					outbox = db.createObjectStore(OUTBOX, { keyPath: 'entryId' });
+				} else {
+					outbox = event.target.transaction.objectStore(OUTBOX);
+				}
+				if (!outbox.indexNames.contains('by_scope_chain')) {
+					outbox.createIndex('by_scope_chain', ['scope', 'chainKey'], { unique: false });
+				}
+				if (!outbox.indexNames.contains('by_scope_seq')) {
+					outbox.createIndex('by_scope_seq', ['scope', 'seq'], { unique: false });
+				}
+				if (!db.objectStoreNames.contains(META)) {
+					db.createObjectStore(META, { keyPath: 'key' });
+				}
+			};
+
+			request.onerror = () => reject(requestError(request, 'Queue database open failed'));
+			request.onsuccess = event => {
+				this._db = event.target.result;
+				this._db.onversionchange = () => this.close();
+				resolve(this._db);
+			};
+		});
+
+		return this._ready;
+	}
+
+	close() {
+		if (this._db) this._db.close();
+		this._db = null;
+		this._ready = null;
+	}
+
+	deleteDatabase() {
+		this.close();
+		if (!this.indexedDB) return Promise.resolve();
+		return new Promise((resolve, reject) => {
+			const request = this.indexedDB.deleteDatabase(this.dbName);
+			request.onsuccess = () => resolve();
+			request.onerror = () => reject(requestError(request, 'Queue database delete failed'));
+			request.onblocked = () => reject(new Error('Queue database delete blocked'));
+		});
+	}
+
+	allForScope(scope) {
+		return this.open().then(db => {
+			if (!db) return [];
+			return new Promise((resolve, reject) => {
+				const tx = db.transaction(OUTBOX, 'readonly');
+				const request = tx.objectStore(OUTBOX).index('by_scope_seq').getAll(scopeRange(this.keyRange, scope));
+				request.onsuccess = () => resolve(request.result || []);
+				request.onerror = () => reject(requestError(request, 'Queue scope read failed'));
+			});
+		});
+	}
+
+	enqueue(scope, detail) {
+		detail = detail || {};
+		return this.open().then(db => {
+			if (!db) return null;
+
+			return new Promise((resolve, reject) => {
+				const tx = db.transaction([META, OUTBOX], 'readwrite');
+				const meta = tx.objectStore(META);
+				const outbox = tx.objectStore(OUTBOX);
+				const key = seqKey(scope);
+				let entry = null;
+
+				const allocate = current => {
+					const next = current + 1;
+					entry = {
+						entryId: this.uuid(),
+						scope,
+						chainKey: detail.chainKey,
+						seq: next,
+						op: detail.op,
+						targetId: detail.targetId !== undefined ? detail.targetId : null,
+						payload: detail.payload,
+						expectedVersion: detail.expectedVersion !== undefined ? detail.expectedVersion : null,
+						meta: detail.meta || {},
+						attempts: 0,
+						nextAttemptAt: 0,
+						status: 'pending',
+						leaseOwner: null,
+						leaseUntil: 0,
+						createdAt: this.now(),
+						updatedAt: this.now()
+					};
+					meta.put({ key, value: next });
+					outbox.put(entry);
+				};
+
+				const metaRequest = meta.get(key);
+				metaRequest.onerror = () => reject(requestError(metaRequest, 'Queue sequence read failed'));
+				metaRequest.onsuccess = () => {
+					const record = metaRequest.result;
+					if (record && typeof record.value === 'number') {
+						allocate(record.value);
+						return;
+					}
+
+					// Migration path from v1: initialize the per-scope counter above
+					// the largest already-persisted sequence in this scope.
+					const existingRequest = outbox.index('by_scope_seq').getAll(scopeRange(this.keyRange, scope));
+					existingRequest.onerror = () => reject(requestError(existingRequest, 'Queue sequence migration failed'));
+					existingRequest.onsuccess = () => {
+						const current = (existingRequest.result || []).reduce((max, item) => Math.max(max, item.seq || 0), 0);
+						allocate(current);
+					};
+				};
+
+				tx.oncomplete = () => resolve(entry);
+				tx.onerror = () => reject(tx.error || new Error('Queue enqueue transaction failed'));
+				tx.onabort = () => reject(tx.error || new Error('Queue enqueue transaction aborted'));
+			});
+		});
+	}
+
+	claimReady(scope, ownerId, leaseMs) {
+		return this.open().then(db => {
+			if (!db) return { entries: [], wakeups: [] };
+
+			return new Promise((resolve, reject) => {
+				const tx = db.transaction(OUTBOX, 'readwrite');
+				const outbox = tx.objectStore(OUTBOX);
+				const request = outbox.index('by_scope_seq').getAll(scopeRange(this.keyRange, scope));
+				const now = this.now();
+				let result = { entries: [], wakeups: [] };
+
+				request.onerror = () => reject(requestError(request, 'Queue claim read failed'));
+				request.onsuccess = () => {
+					result = claimQueueHeads(request.result || [], ownerId, leaseMs, now);
+					for (const entry of result.entries) outbox.put(entry);
+				};
+
+				tx.oncomplete = () => resolve(result);
+				tx.onerror = () => reject(tx.error || new Error('Queue claim transaction failed'));
+				tx.onabort = () => reject(tx.error || new Error('Queue claim transaction aborted'));
+			});
+		});
+	}
+
+	ack(scope, entryId) {
+		return this._updateEntry(scope, entryId, (entry, outbox) => {
+			outbox.delete(entry.entryId);
+			return { status: 'acked', entry };
+		});
+	}
+
+	nack(scope, entryId, reason, options) {
+		options = options || {};
+		const maxAttempts = options.maxAttempts || 8;
+		const backoff = options.backoff || [2000, 5000, 15000, 60000, 300000];
+
+		return this.open().then(db => {
+			if (!db) return null;
+			return new Promise((resolve, reject) => {
+				const tx = db.transaction([OUTBOX, META], 'readwrite');
+				const outbox = tx.objectStore(OUTBOX);
+				const meta = tx.objectStore(META);
+				const request = outbox.get(entryId);
+				let result = null;
+
+				request.onerror = () => reject(requestError(request, 'Queue nack read failed'));
+				request.onsuccess = () => {
+					const entry = request.result;
+					if (!entry || entry.scope !== scope) return;
+
+					if (reason === 'drop') {
+						outbox.delete(entry.entryId);
+						result = { status: 'dropped', entry };
+						return;
+					}
+
+					clearLease(entry);
+					entry.updatedAt = this.now();
+
+					if (reason === 'auth') {
+						entry.status = 'pending';
+						outbox.put(entry);
+						meta.put({ key: pauseKey(scope), value: true });
+						result = { status: 'auth', entry };
+						return;
+					}
+
+					if (reason === 'retry') {
+						entry.attempts = (entry.attempts || 0) + 1;
+						if (entry.attempts >= maxAttempts) {
+							entry.status = 'failed';
+							entry.nextAttemptAt = 0;
+							outbox.put(entry);
+							result = { status: 'failed', entry };
+							return;
+						}
+
+						const delay = backoff[Math.min(entry.attempts - 1, backoff.length - 1)];
+						entry.status = 'pending';
+						entry.nextAttemptAt = this.now() + delay;
+						outbox.put(entry);
+						result = { status: 'retry', entry, delay };
+					}
+				};
+
+				tx.oncomplete = () => resolve(result);
+				tx.onerror = () => reject(tx.error || new Error('Queue nack transaction failed'));
+				tx.onabort = () => reject(tx.error || new Error('Queue nack transaction aborted'));
+			});
+		});
+	}
+
+	remap(scope, oldKey, newId) {
+		return this._remapTransaction(scope, null, oldKey, newId);
+	}
+
+	resolveCreate(scope, entryId, oldKey, newId) {
+		return this._remapTransaction(scope, entryId, oldKey, newId);
+	}
+
+	_remapTransaction(scope, acknowledgedEntryId, oldKey, newId) {
+		return this.open().then(db => {
+			if (!db) return [];
+			return new Promise((resolve, reject) => {
+				const tx = db.transaction(OUTBOX, 'readwrite');
+				const outbox = tx.objectStore(OUTBOX);
+				const request = outbox.index('by_scope_seq').getAll(scopeRange(this.keyRange, scope));
+				let result = { changed: [], deleted: [] };
+
+				request.onerror = () => reject(requestError(request, 'Queue remap read failed'));
+				request.onsuccess = () => {
+					result = remapQueueEntries(request.result || [], acknowledgedEntryId, oldKey, newId, this.now());
+					for (const entryId of result.deleted) outbox.delete(entryId);
+					for (const entry of result.changed) outbox.put(entry);
+				};
+
+				tx.oncomplete = () => resolve(result.changed);
+				tx.onerror = () => reject(tx.error || new Error('Queue remap transaction failed'));
+				tx.onabort = () => reject(tx.error || new Error('Queue remap transaction aborted'));
+			});
+		});
+	}
+
+	resetFailed(scope) {
+		return this.open().then(db => {
+			if (!db) return 0;
+			return new Promise((resolve, reject) => {
+				const tx = db.transaction(OUTBOX, 'readwrite');
+				const outbox = tx.objectStore(OUTBOX);
+				const request = outbox.index('by_scope_seq').getAll(scopeRange(this.keyRange, scope));
+				let count = 0;
+
+				request.onerror = () => reject(requestError(request, 'Queue failed-entry read failed'));
+				request.onsuccess = () => {
+					for (const entry of request.result || []) {
+						if (entry.status !== 'failed') continue;
+						entry.status = 'pending';
+						entry.attempts = 0;
+						entry.nextAttemptAt = 0;
+						entry.updatedAt = this.now();
+						clearLease(entry);
+						outbox.put(entry);
+						count++;
+					}
+				};
+
+				tx.oncomplete = () => resolve(count);
+				tx.onerror = () => reject(tx.error || new Error('Queue failed-entry reset failed'));
+				tx.onabort = () => reject(tx.error || new Error('Queue failed-entry reset aborted'));
+			});
+		});
+	}
+
+	getPaused(scope) {
+		return this.open().then(db => {
+			if (!db) return false;
+			return new Promise((resolve, reject) => {
+				const tx = db.transaction(META, 'readonly');
+				const request = tx.objectStore(META).get(pauseKey(scope));
+				request.onsuccess = () => resolve(!!(request.result && request.result.value));
+				request.onerror = () => reject(requestError(request, 'Queue pause-state read failed'));
+			});
+		});
+	}
+
+	setPaused(scope, paused) {
+		return this.open().then(db => {
+			if (!db) return;
+			return new Promise((resolve, reject) => {
+				const tx = db.transaction(META, 'readwrite');
+				tx.objectStore(META).put({ key: pauseKey(scope), value: !!paused });
+				tx.oncomplete = () => resolve();
+				tx.onerror = () => reject(tx.error || new Error('Queue pause-state write failed'));
+				tx.onabort = () => reject(tx.error || new Error('Queue pause-state write aborted'));
+			});
+		});
+	}
+
+	clear(scope) {
+		return this.open().then(db => {
+			if (!db) return;
+			return new Promise((resolve, reject) => {
+				const tx = db.transaction([OUTBOX, META], 'readwrite');
+				const outbox = tx.objectStore(OUTBOX);
+				const request = outbox.index('by_scope_seq').openCursor(scopeRange(this.keyRange, scope));
+				request.onsuccess = event => {
+					const cursor = event.target.result;
+					if (!cursor) return;
+					cursor.delete();
+					cursor.continue();
+				};
+				request.onerror = () => reject(requestError(request, 'Queue clear failed'));
+				tx.objectStore(META).delete(seqKey(scope));
+				tx.objectStore(META).delete(pauseKey(scope));
+				tx.oncomplete = () => resolve();
+				tx.onerror = () => reject(tx.error || new Error('Queue clear transaction failed'));
+				tx.onabort = () => reject(tx.error || new Error('Queue clear transaction aborted'));
+			});
+		});
+	}
+
+	_updateEntry(scope, entryId, mutate) {
+		return this.open().then(db => {
+			if (!db) return null;
+			return new Promise((resolve, reject) => {
+				const tx = db.transaction(OUTBOX, 'readwrite');
+				const outbox = tx.objectStore(OUTBOX);
+				const request = outbox.get(entryId);
+				let result = null;
+
+				request.onerror = () => reject(requestError(request, 'Queue entry read failed'));
+				request.onsuccess = () => {
+					const entry = request.result;
+					if (!entry || entry.scope !== scope) return;
+					result = mutate(entry, outbox);
+				};
+
+				tx.oncomplete = () => resolve(result);
+				tx.onerror = () => reject(tx.error || new Error('Queue entry transaction failed'));
+				tx.onabort = () => reject(tx.error || new Error('Queue entry transaction aborted'));
+			});
+		});
+	}
+}
+
+export const QUEUE_DB_NAME = DEFAULT_DB_NAME;

package/js/ln-autoresize/README.md

@@ -78,3 +78,50 @@ textarea.lnAutoresize.destroy();
   textarea.lnAutoresize._resize();
   ```
 - **Conflicting manual drag handles:** By default, textareas may have `resize: vertical` applied. This lets users manual resize the input, which is instantly overridden by the script on the next keystroke. Set `resize: none` to clean up the interface.
+
+---
+
+## 🔧 Internals
+
+Source: `js/ln-autoresize/ln-autoresize.js`. A pure presentation utility — owns no data, emits no custom events, cooperates with no other component outside the `input` platform event.
+
+### Instance state
+
+| Property | Type | Description |
+|----------|------|-------------|
+| `dom` | `HTMLTextAreaElement` | The textarea, constructor argument |
+| `_onInput` | `Function` | Bound `input` handler, kept for `destroy()` unbind |
+
+No cached "current height" — `_resize` always reads `scrollHeight` fresh, so external CSS changes (`max-height`, font-size, padding) are picked up on the next keystroke.
+
+### Resize mechanism
+
+```
+_resize():
+  1. style.height = 'auto'
+  2. read scrollHeight
+  3. style.height = scrollHeight + 'px'
+```
+
+Step 1 is what makes it shrink, not just grow: `scrollHeight` reports the explicit `height` when content fits inside it, so without the reset every measurement would ratchet upward only. The reset + re-read happen synchronously in one tick, so the browser never paints the intermediate `auto` state — no flicker.
+
+The constructor also calls `_resize()` once before returning, to size server-rendered pre-filled values and late-attached fields (`setAttribute` after the fact) on first paint rather than first keystroke. If the textarea is hidden at construction (`display: none` ancestor), `scrollHeight` reads `0` and there's no `ResizeObserver`/`IntersectionObserver` to catch a later reveal — call `_resize()` manually after showing it.
+
+### Tag validation
+
+The constructor checks `dom.tagName !== 'TEXTAREA'` and, if true, warns and returns `this` early with no `dom`/listener. The element is still marked initialized, so re-attaching the attribute after swapping in a real `<textarea>` needs `destroy()` first.
+
+### MutationObserver via `registerComponent`
+
+Standard shared observer on `document.body`: `childList/subtree` catches new `[data-ln-autoresize]` textareas anywhere; `attributes` (filtered to the one attribute) catches late `setAttribute` addition. Only attribute *presence* matters — no `onAttributeChange` callback, so value changes and attribute removal are no-ops.
+
+### Destroy
+
+Idempotent (bails if already torn down). Unbinds `_onInput`, clears `style.height` (reverting to the CSS-driven `rows`-based height), deletes the instance property. Does not remove the `data-ln-autoresize` attribute — the caller owns it, so a later rescan can re-create the instance.
+
+### Cross-component coordination
+
+No ln-prefixed import/listen/dispatch — only the platform `input` event. Two paths feed it synthetic `input` events:
+
+- **`ln-form:fill`** — `ln-form`'s `fill()` writes `.value` then dispatches `input` on each populated field; autoresize catches it and re-measures. Direct `.value =` writes from project code skip this and will not resize.
+- **`lnForm.reset()`** — walks fields dispatching synthetic `input`/`change` after `dom.reset()`, so cleared textareas shrink back. The bare native `<button type="reset">` path does NOT dispatch synthetic `input` (intentionally minimal); wire it manually or use the `lnForm.reset()` API if auto-shrink is needed there.

package/js/ln-autoresize/ln-autoresize.js

@@ -1 +1 @@
-(function(){"use strict";function x(e,t){if(!document.body){document.addEventListener("DOMContentLoaded",function(){x(e,t)}),console.warn("["+t+'] Script loaded before <body> — add "defer" to your <script> tag');return}e()}function m(e,t,o,r){if(e.nodeType!==1)return;const l=t.indexOf("[")!==-1||t.indexOf(".")!==-1||t.indexOf("#")!==-1?t:"["+t+"]",c=Array.from(e.querySelectorAll(l));e.matches&&e.matches(l)&&c.push(e);for(const i of c)i[o]||(i[o]=new r(i))}function v(e,t,o,r,u={}){const l=u.extraAttributes||[],c=u.onAttributeChange||null,i=u.onInit||null;function h(y){const a=y||document.body;m(a,e,t,o),i&&i(a)}return x(function(){const y=new MutationObserver(function(p){for(let f=0;f<p.length;f++){const n=p[f];if(n.type==="childList"){for(let d=0;d<n.addedNodes.length;d++){const s=n.addedNodes[d];s.nodeType===1&&(m(s,e,t,o),i&&i(s))}for(let d=0;d<n.removedNodes.length;d++){const s=n.removedNodes[d];if(s.nodeType===1){const C=e.indexOf("[")!==-1||e.indexOf(".")!==-1||e.indexOf("#")!==-1?e:"["+e+"]",g=Array.from(s.querySelectorAll(C));s.matches&&s.matches(C)&&g.push(s);for(let w=0;w<g.length;w++){const O=g[w];if(!document.contains(O)){const b=O[t];b&&typeof b.destroy=="function"&&b.destroy()}}}}}else n.type==="attributes"&&(c&&n.target[t]?c(n.target,n.attributeName):(m(n.target,e,t,o),i&&i(n.target)))}});let a=[];if(e.indexOf("[")!==-1){const p=/\[([\w-]+)/g;let f;for(;(f=p.exec(e))!==null;)a.push(f[1])}else a.push(e);y.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:a.concat(l)})},r),window[t]=h,document.readyState==="loading"?document.addEventListener("DOMContentLoaded",function(){h(document.body)}):h(document.body),h}const A={};function E(e,t){A[e]=t}function M(e){return A[e]||{ingress:t=>t,egress:t=>t}}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.registerDataMapper=E,window.lnCore.getDataMapper=M),(function(){const e="data-ln-autoresize",t="lnAutoresize";if(window[t]!==void 0)return;function o(r){if(r.tagName!=="TEXTAREA")return console.warn("[ln-autoresize] Can only be applied to <textarea>, got:",r.tagName),this;this.dom=r;const u=this;return this._onInput=function(){u._resize()},r.addEventListener("input",this._onInput),this._resize(),this}o.prototype._resize=function(){this.dom.style.height="auto",this.dom.style.height=this.dom.scrollHeight+"px"},o.prototype.destroy=function(){this.dom[t]&&(this.dom.removeEventListener("input",this._onInput),this.dom.style.height="",delete this.dom[t])},v(e,t,o,"ln-autoresize")})()})();
+(function(){"use strict";if(typeof window<"u"){const t=console.warn;console.warn=function(...e){typeof e[0]=="string"&&(e[0].startsWith("[ln-")||e[0].startsWith("[lnCore"))&&!(document.documentElement.hasAttribute("data-ln-debug")||document.body&&document.body.hasAttribute("data-ln-debug"))||t.apply(console,e)}}const w={};function q(t,e){w[t]||(w[t]=document.querySelector('[data-ln-template="'+t+'"]'));const n=w[t];return n?n.content.cloneNode(!0):(console.warn("["+(e||"ln-core")+'] Template "'+t+'" not found'),null)}function x(t,e){if(!t||!e)return t;const n=t.querySelectorAll("[data-ln-field]");for(let o=0;o<n.length;o++){const i=n[o],l=i.getAttribute("data-ln-field");e[l]!=null&&(i.textContent=e[l])}const c=t.querySelectorAll("[data-ln-attr]");for(let o=0;o<c.length;o++){const i=c[o],l=i.getAttribute("data-ln-attr").split(",");for(let s=0;s<l.length;s++){const d=l[s].trim().split(":");if(d.length!==2)continue;const a=d[0].trim(),f=d[1].trim();e[f]!=null&&i.setAttribute(a,e[f])}}const u=t.querySelectorAll("[data-ln-show]");for(let o=0;o<u.length;o++){const i=u[o],l=i.getAttribute("data-ln-show");l in e&&i.classList.toggle("hidden",!e[l])}const r=t.querySelectorAll("[data-ln-class]");for(let o=0;o<r.length;o++){const i=r[o],l=i.getAttribute("data-ln-class").split(",");for(let s=0;s<l.length;s++){const d=l[s].trim().split(":");if(d.length!==2)continue;const a=d[0].trim(),f=d[1].trim();f in e&&i.classList.toggle(a,!!e[f])}}return t}function D(t,e){t.matches&&t.matches("[data-ln-form], [data-ln-fillable]")&&t.dispatchEvent(new CustomEvent("ln-fill",{detail:e??null,bubbles:!0}));const n=t.querySelectorAll("[data-ln-form], [data-ln-fillable]");for(let c=0;c<n.length;c++)n[c].dispatchEvent(new CustomEvent("ln-fill",{detail:e??null,bubbles:!0}));return t}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore._fillBound||(window.lnCore._fillBound=!0,document.addEventListener("ln-fill",function(t){if(!(!t.target.matches||!t.target.matches("[data-ln-fillable]")))if(t.detail)x(t.target,t.detail);else{const e=t.target.querySelectorAll("[data-ln-field]");for(let n=0;n<e.length;n++)e[n].textContent=""}})));function L(t,e){if(!t||!e)return t;const n=document.createTreeWalker(t,NodeFilter.SHOW_TEXT);for(;n.nextNode();){const r=n.currentNode;r.textContent.indexOf("{{")!==-1&&(r.textContent=r.textContent.replace(/\{\{\s*(\w+)\s*\}\}/g,function(o,i){return e[i]!==void 0?e[i]:""}))}const c=function(r,o){return e[o]!==void 0?e[o]:""},u=Array.from(t.querySelectorAll("*"));t.nodeType===1&&u.push(t);for(let r=0;r<u.length;r++){const o=u[r],i=o.attributes;for(let l=0;l<i.length;l++){const s=i[l];s.value.indexOf("{{")!==-1&&o.setAttribute(s.name,s.value.replace(/\{\{\s*(\w+)\s*\}\}/g,c))}}return t}function N(t,e,n,c,u,r){const o={};for(let l=0;l<t.children.length;l++){const s=t.children[l],d=s.getAttribute("data-ln-key");d&&(o[d]=s)}const i=document.createDocumentFragment();for(let l=0;l<e.length;l++){const s=e[l],d=String(c(s));let a=o[d];if(a)u(a,s,l);else{const f=q(n,r);if(!f||(L(f,s),a=f.firstElementChild,!a))continue;a.setAttribute("data-ln-key",d),u(a,s,l)}i.appendChild(a)}t.textContent="",t.appendChild(i)}function S(t,e){if(!document.body){document.addEventListener("DOMContentLoaded",function(){S(t,e)}),console.warn("["+e+'] Script loaded before <body> — add "defer" to your <script> tag');return}t()}function g(t,e,n,c){if(t.nodeType!==1)return;const r=e.indexOf("[")!==-1||e.indexOf(".")!==-1||e.indexOf("#")!==-1?e:"["+e+"]",o=Array.from(t.querySelectorAll(r));t.matches&&t.matches(r)&&o.push(t);for(const i of o)i[n]||(i[n]=new c(i))}function M(t,e,n,c,u={}){const r=u.extraAttributes||[],o=u.onAttributeChange||null,i=u.onInit||null;function l(s){const d=s||document.body;g(d,t,e,n),i&&i(d)}return S(function(){const s=new MutationObserver(function(a){for(let f=0;f<a.length;f++){const h=a[f];if(h.type==="childList"){for(let m=0;m<h.addedNodes.length;m++){const p=h.addedNodes[m];p.nodeType===1&&(g(p,t,e,n),i&&i(p))}for(let m=0;m<h.removedNodes.length;m++){const p=h.removedNodes[m];if(p.nodeType===1){const k=t.indexOf("[")!==-1||t.indexOf(".")!==-1||t.indexOf("#")!==-1?t:"["+t+"]",b=Array.from(p.querySelectorAll(k));p.matches&&p.matches(k)&&b.push(p);for(let C=0;C<b.length;C++){const T=b[C];if(!document.contains(T)){const A=T[e];A&&typeof A.destroy=="function"&&A.destroy()}}}}}else h.type==="attributes"&&(o&&h.target[e]?o(h.target,h.attributeName):(g(h.target,t,e,n),i&&i(h.target)))}});let d=[];if(t.indexOf("[")!==-1){const a=/\[([\w-]+)/g;let f;for(;(f=a.exec(t))!==null;)d.push(f[1])}else d.push(t);s.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:d.concat(r)})},c),window[e]=l,document.readyState==="loading"?document.addEventListener("DOMContentLoaded",function(){l(document.body)}):l(document.body),l}const v={};function j(t,e){v[t]=e}function I(t){return v[t]||{ingress:e=>e,egress:e=>e}}const _={};function E(t,e){if(!t||typeof e!="object")return;const n=t.toLowerCase().split("-")[0];_[n]=e}function z(t){if(!t)return null;const e=t.toLowerCase().split("-")[0];return _[e]||null}E("mk",{monthsLong:["јануари","февруари","март","април","мај","јуни","јули","август","септември","октомври","ноември","декември"],monthsShort:["јан","фев","мар","апр","мај","јун","јул","авг","септ","окт","ноем","дек"],daysLong:["недела","понеделник","вторник","среда","четврток","петок","сабота"],daysShort:["нед","пон","вт","ср","чет","пет","саб"]}),typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.registerDataMapper=j,window.lnCore.getDataMapper=I,window.lnCore.registerLocaleFallback=E,window.lnCore.getLocaleFallback=z,window.lnCore.fillTemplate=L,window.lnCore.fill=x,window.lnCore.lnFill=D,window.lnCore.renderList=N);function O(t){return(t||"").replace(/^#/,"")}function y(t){const e=t===void 0?location.hash:t,n={},c=O(e);if(!c)return n;const u=c.split("&");for(let r=0;r<u.length;r++){const o=u[r];if(!o)continue;const i=o.indexOf(":"),l=i>-1?o.slice(0,i):o,s=i>-1?o.slice(i+1):"";if(l)try{n[l]=decodeURIComponent(s)}catch{n[l]=s}}return n}function W(t){if(!t)return null;const e=y();return t in e?e[t]:null}function F(t,e){if(!t)return;const n=y();e==null?delete n[t]:n[t]=String(e);const u=Object.keys(n).map(function(r){const o=n[r];return o===""?r:r+":"+encodeURIComponent(o)}).join("&");O(location.hash)!==u&&(location.hash=u)}function B(t){return t.button===1||t.ctrlKey||t.metaKey||t.shiftKey?!1:(t.preventDefault(),!0)}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.hashParse=y,window.lnCore.hashGet=W,window.lnCore.hashSet=F,window.lnCore.hashLinkClick=B),(function(){const t="data-ln-autoresize",e="lnAutoresize";if(window[e]!==void 0)return;function n(c){if(c.tagName!=="TEXTAREA")return console.warn("[ln-autoresize] Can only be applied to <textarea>, got:",c.tagName),this;this.dom=c;const u=this;return this._onInput=function(){u._resize()},c.addEventListener("input",this._onInput),this._resize(),this}n.prototype._resize=function(){this.dom.style.height="auto",this.dom.style.height=this.dom.scrollHeight+"px"},n.prototype.destroy=function(){this.dom[e]&&(this.dom.removeEventListener("input",this._onInput),this.dom.style.height="",delete this.dom[e])},M(t,e,n,"ln-autoresize")})()})();

package/js/ln-autosave/README.md

@@ -45,7 +45,7 @@ A zero-dependency, localStorage-backed **Draft Buffer Primitive** that prevents
 
 ### JS API
 
-Access the persistence instance directly via the `lnAutoresize` property on the form element:
+Access the persistence instance directly via the `lnAutosave` property on the form element:
 
 ```javascript
 const form = document.getElementById('profile-edit');
@@ -90,3 +90,35 @@ form.lnAutosave.destroy();
   });
   ```
 - **Nameless & File Inputs:** `ln-autosave` ignores disabled inputs, button elements, `type="file"`, and inputs missing a `name` attribute.
+
+---
+
+## 🔧 Internals
+
+Source: `js/ln-autosave/ln-autosave.js` (~130 lines). No `.scss` file — the component has no visual surface, no class it sets, no CSS-driving attribute.
+
+### State
+
+Per-form instance (`form.lnAutosave`): `dom`, `key` (resolved once at construction — `ln-autosave:{pathname}:{identifier}`; mutating the attribute, `form.id`, or navigating via the History API afterwards does NOT re-key — destroy and re-mount to switch), and the bound handlers (`_onFocusout`, `_onChange`, `_onSubmit`, `_onReset`, `_onClearClick`, plus `_onInput` only when debounce is opted in) held so `destroy()` can pass matching references to `removeEventListener`.
+
+### Storage key
+
+`_getStorageKey` resolves `identifier` from the attribute value if non-empty, else `form.id`. Empty attribute (`data-ln-autosave=""`) falls through to `form.id`; missing both returns `null` and construction aborts with a console warning — `form.lnAutosave` is never set.
+
+### Save / restore / clear
+
+- **Save** (`focusout`, `change`, optional debounced `input`): `serializeForm` → `localStorage.setItem`, wrapped in a silent `try/catch` (`QuotaExceededError`, storage disabled). A failed write fires no event — there is no `:save-failed`.
+- **Restore** (construction-time only): read + parse (silent try/catch) → cancelable `:before-restore` → `populateForm` → dispatch synthetic `input` **and** `change` on every restored field (covers both signal types regardless of field kind: text/textarea react to `input`, checkbox/radio/select to `change`) → `:restored`. Events fire after all fields are written, so cross-field validation sees the fully-restored form.
+- **Clear**: `localStorage.removeItem` (idempotent) → `:cleared`. Triggered by native `submit` (not by `form.submit()` — that call bypasses the event; use `requestSubmit()`), native `reset`, or a click on `[data-ln-autosave-clear]`. Touches only the storage entry, never field values.
+
+### Debounce is input-only, opt-in
+
+`focusout`/`change` are naturally rate-limited by user behaviour (one event per field visit) — no debounce needed. `input` fires per keystroke, so `data-ln-autosave-debounce-input` exists as an explicit opt-in for compose-style fields the user never blurs. Default off. The interval is read once at construction (`_resolveDebounceMs`); mutating the attribute afterwards has no effect on a live instance.
+
+### MutationObserver
+
+`registerComponent` watches `childList` (new `[data-ln-autosave]` forms) and `attributes` (filtered to `data-ln-autosave` only — NOT `-clear` or `-debounce-input`). The clear-button delegate uses `closest()` per click, so `data-ln-autosave-clear` works even if added after construction; the debounce attribute does not, since it's read once.
+
+### Destroy
+
+Removes all five listeners (plus `input` and its pending timer if debounce was active), dispatches `:destroyed`, deletes the instance. Does **not** call `_clear()` — the draft persists after destroy; destroy means "stop autosaving," not "discard the draft."

package/js/ln-autosave/ln-autosave.js

@@ -1 +1 @@
-(function(){"use strict";function E(n,e,u){n.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:u||{}}))}function O(n,e,u){const s=new CustomEvent(e,{bubbles:!0,cancelable:!0,detail:u||{}});return n.dispatchEvent(s),s}function L(n,e){if(!document.body){document.addEventListener("DOMContentLoaded",function(){L(n,e)}),console.warn("["+e+'] Script loaded before <body> — add "defer" to your <script> tag');return}n()}function C(n,e,u,s){if(n.nodeType!==1)return;const o=e.indexOf("[")!==-1||e.indexOf(".")!==-1||e.indexOf("#")!==-1?e:"["+e+"]",f=Array.from(n.querySelectorAll(o));n.matches&&n.matches(o)&&f.push(n);for(const l of f)l[u]||(l[u]=new s(l))}function S(n){const e={},u=n.elements;for(let s=0;s<u.length;s++){const i=u[s];if(!(!i.name||i.disabled||i.type==="file"||i.type==="submit"||i.type==="button"))if(i.type==="checkbox")e[i.name]||(e[i.name]=[]),i.checked&&e[i.name].push(i.value);else if(i.type==="radio")i.checked&&(e[i.name]=i.value);else if(i.type==="select-multiple"){e[i.name]=[];for(let o=0;o<i.options.length;o++)i.options[o].selected&&e[i.name].push(i.options[o].value)}else e[i.name]=i.value}return e}function T(n,e){const u=n.elements,s=[];for(let i=0;i<u.length;i++){const o=u[i];if(!o.name||!(o.name in e)||o.type==="file"||o.type==="submit"||o.type==="button")continue;const f=e[o.name];if(o.type==="checkbox")o.checked=Array.isArray(f)?f.indexOf(o.value)!==-1:!!f,s.push(o);else if(o.type==="radio")o.checked=o.value===String(f),s.push(o);else if(o.type==="select-multiple"){if(Array.isArray(f))for(let l=0;l<o.options.length;l++)o.options[l].selected=f.indexOf(o.options[l].value)!==-1;s.push(o)}else o.value=f,s.push(o)}return s}function x(n,e,u,s,i={}){const o=i.extraAttributes||[],f=i.onAttributeChange||null,l=i.onInit||null;function g(y){const t=y||document.body;C(t,n,e,u),l&&l(t)}return L(function(){const y=new MutationObserver(function(a){for(let c=0;c<a.length;c++){const h=a[c];if(h.type==="childList"){for(let m=0;m<h.addedNodes.length;m++){const p=h.addedNodes[m];p.nodeType===1&&(C(p,n,e,u),l&&l(p))}for(let m=0;m<h.removedNodes.length;m++){const p=h.removedNodes[m];if(p.nodeType===1){const d=n.indexOf("[")!==-1||n.indexOf(".")!==-1||n.indexOf("#")!==-1?n:"["+n+"]",r=Array.from(p.querySelectorAll(d));p.matches&&p.matches(d)&&r.push(p);for(let _=0;_<r.length;_++){const b=r[_];if(!document.contains(b)){const v=b[e];v&&typeof v.destroy=="function"&&v.destroy()}}}}}else h.type==="attributes"&&(f&&h.target[e]?f(h.target,h.attributeName):(C(h.target,n,e,u),l&&l(h.target)))}});let t=[];if(n.indexOf("[")!==-1){const a=/\[([\w-]+)/g;let c;for(;(c=a.exec(n))!==null;)t.push(c[1])}else t.push(n);y.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:t.concat(o)})},s),window[e]=g,document.readyState==="loading"?document.addEventListener("DOMContentLoaded",function(){g(document.body)}):g(document.body),g}const A={};function D(n,e){A[n]=e}function k(n){return A[n]||{ingress:e=>e,egress:e=>e}}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.registerDataMapper=D,window.lnCore.getDataMapper=k),(function(){const n="data-ln-autosave",e="lnAutosave",u="data-ln-autosave-clear",s="data-ln-autosave-debounce-input",i="ln-autosave:";if(window[e]!==void 0)return;function f(t){const a=l(t);if(!a){console.warn("ln-autosave: form needs an id or data-ln-autosave value",t);return}this.dom=t,this.key=a;let c=null;function h(){const d=S(t);try{localStorage.setItem(a,JSON.stringify(d))}catch{return}E(t,"ln-autosave:saved",{target:t,data:d})}function m(){let d;try{d=localStorage.getItem(a)}catch{return}if(!d)return;let r;try{r=JSON.parse(d)}catch{return}if(O(t,"ln-autosave:before-restore",{target:t,data:r}).defaultPrevented)return;const b=T(t,r);for(let v=0;v<b.length;v++)b[v].dispatchEvent(new Event("input",{bubbles:!0})),b[v].dispatchEvent(new Event("change",{bubbles:!0}));E(t,"ln-autosave:restored",{target:t,data:r})}function p(){try{localStorage.removeItem(a)}catch{return}E(t,"ln-autosave:cleared",{target:t})}this._onFocusout=function(d){const r=d.target;g(r)&&r.name&&h()},this._onChange=function(d){const r=d.target;g(r)&&r.name&&h()},this._onSubmit=function(){p()},this._onReset=function(){p()},this._onClearClick=function(d){d.target.closest("["+u+"]")&&p()},t.addEventListener("focusout",this._onFocusout),t.addEventListener("change",this._onChange),t.addEventListener("submit",this._onSubmit),t.addEventListener("reset",this._onReset),t.addEventListener("click",this._onClearClick);const w=y(t);return w>0&&(this._onInput=function(d){const r=d.target;!g(r)||!r.name||(c!==null&&clearTimeout(c),c=setTimeout(h,w))},t.addEventListener("input",this._onInput)),this._getInputTimer=function(){return c},m(),this}f.prototype.destroy=function(){if(this.dom[e]){if(this.dom.removeEventListener("focusout",this._onFocusout),this.dom.removeEventListener("change",this._onChange),this.dom.removeEventListener("submit",this._onSubmit),this.dom.removeEventListener("reset",this._onReset),this.dom.removeEventListener("click",this._onClearClick),this._onInput){this.dom.removeEventListener("input",this._onInput);const t=this._getInputTimer();t!==null&&clearTimeout(t)}E(this.dom,"ln-autosave:destroyed",{target:this.dom}),delete this.dom[e]}};function l(t){const c=t.getAttribute(n)||t.id;return c?i+window.location.pathname+":"+c:null}function g(t){const a=t.tagName;return a==="INPUT"||a==="TEXTAREA"||a==="SELECT"}function y(t){if(!t.hasAttribute(s))return 0;const a=t.getAttribute(s);if(a===""||a===null)return 1e3;const c=parseInt(a,10);return isNaN(c)||c<0?(console.warn("ln-autosave: invalid debounce value, using default",t),1e3):c}x(n,e,f,"ln-autosave")})()})();
+(function(){"use strict";if(typeof window<"u"){const e=console.warn;console.warn=function(...t){typeof t[0]=="string"&&(t[0].startsWith("[ln-")||t[0].startsWith("[lnCore"))&&!(document.documentElement.hasAttribute("data-ln-debug")||document.body&&document.body.hasAttribute("data-ln-debug"))||e.apply(console,t)}}const E={};function F(e,t){E[e]||(E[e]=document.querySelector('[data-ln-template="'+e+'"]'));const s=E[e];return s?s.content.cloneNode(!0):(console.warn("["+(t||"ln-core")+'] Template "'+e+'" not found'),null)}function w(e,t,s){e.dispatchEvent(new CustomEvent(t,{bubbles:!0,detail:s||{}}))}function I(e,t,s){const u=new CustomEvent(t,{bubbles:!0,cancelable:!0,detail:s||{}});return e.dispatchEvent(u),u}function x(e,t){if(!e||!t)return e;const s=e.querySelectorAll("[data-ln-field]");for(let i=0;i<s.length;i++){const l=s[i],n=l.getAttribute("data-ln-field");t[n]!=null&&(l.textContent=t[n])}const u=e.querySelectorAll("[data-ln-attr]");for(let i=0;i<u.length;i++){const l=u[i],n=l.getAttribute("data-ln-attr").split(",");for(let r=0;r<n.length;r++){const o=n[r].trim().split(":");if(o.length!==2)continue;const d=o[0].trim(),f=o[1].trim();t[f]!=null&&l.setAttribute(d,t[f])}}const c=e.querySelectorAll("[data-ln-show]");for(let i=0;i<c.length;i++){const l=c[i],n=l.getAttribute("data-ln-show");n in t&&l.classList.toggle("hidden",!t[n])}const a=e.querySelectorAll("[data-ln-class]");for(let i=0;i<a.length;i++){const l=a[i],n=l.getAttribute("data-ln-class").split(",");for(let r=0;r<n.length;r++){const o=n[r].trim().split(":");if(o.length!==2)continue;const d=o[0].trim(),f=o[1].trim();f in t&&l.classList.toggle(d,!!t[f])}}return e}function M(e,t){e.matches&&e.matches("[data-ln-form], [data-ln-fillable]")&&e.dispatchEvent(new CustomEvent("ln-fill",{detail:t??null,bubbles:!0}));const s=e.querySelectorAll("[data-ln-form], [data-ln-fillable]");for(let u=0;u<s.length;u++)s[u].dispatchEvent(new CustomEvent("ln-fill",{detail:t??null,bubbles:!0}));return e}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore._fillBound||(window.lnCore._fillBound=!0,document.addEventListener("ln-fill",function(e){if(!(!e.target.matches||!e.target.matches("[data-ln-fillable]")))if(e.detail)x(e.target,e.detail);else{const t=e.target.querySelectorAll("[data-ln-field]");for(let s=0;s<t.length;s++)t[s].textContent=""}})));function k(e,t){if(!e||!t)return e;const s=document.createTreeWalker(e,NodeFilter.SHOW_TEXT);for(;s.nextNode();){const a=s.currentNode;a.textContent.indexOf("{{")!==-1&&(a.textContent=a.textContent.replace(/\{\{\s*(\w+)\s*\}\}/g,function(i,l){return t[l]!==void 0?t[l]:""}))}const u=function(a,i){return t[i]!==void 0?t[i]:""},c=Array.from(e.querySelectorAll("*"));e.nodeType===1&&c.push(e);for(let a=0;a<c.length;a++){const i=c[a],l=i.attributes;for(let n=0;n<l.length;n++){const r=l[n];r.value.indexOf("{{")!==-1&&i.setAttribute(r.name,r.value.replace(/\{\{\s*(\w+)\s*\}\}/g,u))}}return e}function R(e,t,s,u,c,a){const i={};for(let n=0;n<e.children.length;n++){const r=e.children[n],o=r.getAttribute("data-ln-key");o&&(i[o]=r)}const l=document.createDocumentFragment();for(let n=0;n<t.length;n++){const r=t[n],o=String(u(r));let d=i[o];if(d)c(d,r,n);else{const f=F(s,a);if(!f||(k(f,r),d=f.firstElementChild,!d))continue;d.setAttribute("data-ln-key",o),c(d,r,n)}l.appendChild(d)}e.textContent="",e.appendChild(l)}function S(e,t){if(!document.body){document.addEventListener("DOMContentLoaded",function(){S(e,t)}),console.warn("["+t+'] Script loaded before <body> — add "defer" to your <script> tag');return}e()}function _(e,t,s,u){if(e.nodeType!==1)return;const a=t.indexOf("[")!==-1||t.indexOf(".")!==-1||t.indexOf("#")!==-1?t:"["+t+"]",i=Array.from(e.querySelectorAll(a));e.matches&&e.matches(a)&&i.push(e);for(const l of i)l[s]||(l[s]=new u(l))}function q(e,t){const s=!!(t&&t.typed),u=t&&t.exclude,c={},a=e.elements,i={};if(s)for(let l=0;l<a.length;l++){const n=a[l];n.name&&n.type==="checkbox"&&!n.disabled&&(i[n.name]=(i[n.name]||0)+1)}for(let l=0;l<a.length;l++){const n=a[l];if(!(!n.name||n.disabled||n.type==="file"||n.type==="submit"||n.type==="button")&&!(u&&n.matches&&n.matches(u)))if(n.type==="checkbox")s&&i[n.name]===1?c[n.name]=n.checked:(c[n.name]||(c[n.name]=[]),n.checked&&c[n.name].push(n.value));else if(n.type==="radio")n.checked&&(c[n.name]=n.value);else if(n.type==="select-multiple"){c[n.name]=[];for(let r=0;r<n.options.length;r++)n.options[r].selected&&c[n.name].push(n.options[r].value)}else if(s&&n.type==="hidden")c[n.name]=n.value;else if(s&&(n.type==="number"||n.type==="range")){const r=Number(n.value);c[n.name]=n.value===""||isNaN(r)?null:r}else c[n.name]=n.value}return c}function U(e){if(typeof e!="string")return!!e;const t=e.trim().toLowerCase();return t!=="false"&&t!=="0"&&t!==""&&t!=="off"&&t!=="no"}function j(e,t){const s=e.elements,u=[],c={};for(let a=0;a<s.length;a++){const i=s[a];i.name&&i.type==="checkbox"&&(c[i.name]=(c[i.name]||0)+1)}for(let a=0;a<s.length;a++){const i=s[a];if(i.type==="file"||i.type==="submit"||i.type==="button")continue;const l=i.getAttribute("data-ln-fill-as")||i.name;if(!l||!(l in t))continue;const n=t[l];if(i.type==="checkbox"){if(Array.isArray(n))i.checked=n.indexOf(i.value)!==-1;else if(c[i.name]>1){const r=String(n).split(",").map(function(o){return o.trim()});i.checked=r.indexOf(i.value)!==-1}else i.checked=U(n);u.push(i)}else if(i.type==="radio")i.checked=i.value===String(n),u.push(i);else if(i.type==="select-multiple"){if(Array.isArray(n))for(let r=0;r<i.options.length;r++)i.options[r].selected=n.indexOf(i.options[r].value)!==-1;u.push(i)}else i.value=n,u.push(i)}return u}function B(e,t,s,u,c={}){const a=c.extraAttributes||[],i=c.onAttributeChange||null,l=c.onInit||null;function n(r){const o=r||document.body;_(o,e,t,s),l&&l(o)}return S(function(){const r=new MutationObserver(function(d){for(let f=0;f<d.length;f++){const m=d[f];if(m.type==="childList"){for(let y=0;y<m.addedNodes.length;y++){const g=m.addedNodes[y];g.nodeType===1&&(_(g,e,t,s),l&&l(g))}for(let y=0;y<m.removedNodes.length;y++){const g=m.removedNodes[y];if(g.nodeType===1){const p=e.indexOf("[")!==-1||e.indexOf(".")!==-1||e.indexOf("#")!==-1?e:"["+e+"]",h=Array.from(g.querySelectorAll(p));g.matches&&g.matches(p)&&h.push(g);for(let C=0;C<h.length;C++){const v=h[C];if(!document.contains(v)){const b=v[t];b&&typeof b.destroy=="function"&&b.destroy()}}}}}else m.type==="attributes"&&(i&&m.target[t]?i(m.target,m.attributeName):(_(m.target,e,t,s),l&&l(m.target)))}});let o=[];if(e.indexOf("[")!==-1){const d=/\[([\w-]+)/g;let f;for(;(f=d.exec(e))!==null;)o.push(f[1])}else o.push(e);r.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:o.concat(a)})},u),window[t]=n,document.readyState==="loading"?document.addEventListener("DOMContentLoaded",function(){n(document.body)}):n(document.body),n}const T={};function W(e,t){T[e]=t}function K(e){return T[e]||{ingress:t=>t,egress:t=>t}}const O={};function N(e,t){if(!e||typeof t!="object")return;const s=e.toLowerCase().split("-")[0];O[s]=t}function P(e){if(!e)return null;const t=e.toLowerCase().split("-")[0];return O[t]||null}N("mk",{monthsLong:["јануари","февруари","март","април","мај","јуни","јули","август","септември","октомври","ноември","декември"],monthsShort:["јан","фев","мар","апр","мај","јун","јул","авг","септ","окт","ноем","дек"],daysLong:["недела","понеделник","вторник","среда","четврток","петок","сабота"],daysShort:["нед","пон","вт","ср","чет","пет","саб"]}),typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.registerDataMapper=W,window.lnCore.getDataMapper=K,window.lnCore.registerLocaleFallback=N,window.lnCore.getLocaleFallback=P,window.lnCore.fillTemplate=k,window.lnCore.fill=x,window.lnCore.lnFill=M,window.lnCore.renderList=R);function D(e){return(e||"").replace(/^#/,"")}function A(e){const t=e===void 0?location.hash:e,s={},u=D(t);if(!u)return s;const c=u.split("&");for(let a=0;a<c.length;a++){const i=c[a];if(!i)continue;const l=i.indexOf(":"),n=l>-1?i.slice(0,l):i,r=l>-1?i.slice(l+1):"";if(n)try{s[n]=decodeURIComponent(r)}catch{s[n]=r}}return s}function G(e){if(!e)return null;const t=A();return e in t?t[e]:null}function X(e,t){if(!e)return;const s=A();t==null?delete s[e]:s[e]=String(t);const c=Object.keys(s).map(function(a){const i=s[a];return i===""?a:a+":"+encodeURIComponent(i)}).join("&");D(location.hash)!==c&&(location.hash=c)}function J(e){return e.button===1||e.ctrlKey||e.metaKey||e.shiftKey?!1:(e.preventDefault(),!0)}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.hashParse=A,window.lnCore.hashGet=G,window.lnCore.hashSet=X,window.lnCore.hashLinkClick=J),(function(){const e="data-ln-autosave",t="lnAutosave",s="data-ln-autosave-clear",u="data-ln-autosave-debounce-input",c="ln-autosave:";if(window[t]!==void 0)return;function i(o){const d=l(o);if(!d){console.warn("ln-autosave: form needs an id or data-ln-autosave value",o);return}this.dom=o,this.key=d;let f=null;function m(){const p=q(o,{exclude:"[data-ln-autosave-exclude]"});try{localStorage.setItem(d,JSON.stringify(p))}catch{return}w(o,"ln-autosave:saved",{target:o,data:p})}function y(){let p;try{p=localStorage.getItem(d)}catch{return}if(!p)return;let h;try{h=JSON.parse(p)}catch{return}if(I(o,"ln-autosave:before-restore",{target:o,data:h}).defaultPrevented)return;const v=j(o,h);for(let b=0;b<v.length;b++)v[b].dispatchEvent(new Event("input",{bubbles:!0})),v[b].dispatchEvent(new Event("change",{bubbles:!0}));w(o,"ln-autosave:restored",{target:o,data:h})}function g(){try{localStorage.removeItem(d)}catch{return}w(o,"ln-autosave:cleared",{target:o})}this._onFocusout=function(p){const h=p.target;n(h)&&h.name&&!h.hasAttribute("data-ln-autosave-exclude")&&m()},this._onChange=function(p){const h=p.target;n(h)&&h.name&&!h.hasAttribute("data-ln-autosave-exclude")&&m()},this._onSubmit=function(){g()},this._onReset=function(){g()},this._onClearClick=function(p){p.target.closest("["+s+"]")&&g()},o.addEventListener("focusout",this._onFocusout),o.addEventListener("change",this._onChange),o.addEventListener("submit",this._onSubmit),o.addEventListener("reset",this._onReset),o.addEventListener("click",this._onClearClick);const L=r(o);return L>0&&(this._onInput=function(p){const h=p.target;!n(h)||!h.name||h.hasAttribute("data-ln-autosave-exclude")||(f!==null&&clearTimeout(f),f=setTimeout(m,L))},o.addEventListener("input",this._onInput)),this._getInputTimer=function(){return f},y(),this}i.prototype.destroy=function(){if(this.dom[t]){if(this.dom.removeEventListener("focusout",this._onFocusout),this.dom.removeEventListener("change",this._onChange),this.dom.removeEventListener("submit",this._onSubmit),this.dom.removeEventListener("reset",this._onReset),this.dom.removeEventListener("click",this._onClearClick),this._onInput){this.dom.removeEventListener("input",this._onInput);const o=this._getInputTimer();o!==null&&clearTimeout(o)}w(this.dom,"ln-autosave:destroyed",{target:this.dom}),delete this.dom[t]}};function l(o){const f=o.getAttribute(e)||o.id;return f?c+window.location.pathname+":"+f:null}function n(o){const d=o.tagName;return d==="INPUT"||d==="TEXTAREA"||d==="SELECT"}function r(o){if(!o.hasAttribute(u))return 0;const d=o.getAttribute(u);if(d===""||d===null)return 1e3;const f=parseInt(d,10);return isNaN(f)||f<0?(console.warn("ln-autosave: invalid debounce value, using default",o),1e3):f}B(e,t,i,"ln-autosave")})()})();

package/js/ln-autosave/src/ln-autosave.js

@@ -26,7 +26,7 @@ import { dispatch, dispatchCancelable, serializeForm, populateForm, registerComp
 
 		// Closure-scoped helpers (NOT on prototype — internal only)
 		function _save() {
-			const data = serializeForm(form);
+			const data = serializeForm(form, { exclude: '[data-ln-autosave-exclude]' });
 			try { localStorage.setItem(key, JSON.stringify(data)); }
 			catch (e) { return; }
 			dispatch(form, 'ln-autosave:saved', { target: form, data: data });
@@ -56,12 +56,12 @@ import { dispatch, dispatchCancelable, serializeForm, populateForm, registerComp
 		// Listener handlers (held on `this` for symmetric removal in destroy)
 		this._onFocusout = function (e) {
 			const el = e.target;
-			if (_isFormField(el) && el.name) _save();
+			if (_isFormField(el) && el.name && !el.hasAttribute('data-ln-autosave-exclude')) _save();
 		};
 
 		this._onChange = function (e) {
 			const el = e.target;
-			if (_isFormField(el) && el.name) _save();
+			if (_isFormField(el) && el.name && !el.hasAttribute('data-ln-autosave-exclude')) _save();
 		};
 
 		this._onSubmit = function () { _clear(); };
@@ -84,7 +84,7 @@ import { dispatch, dispatchCancelable, serializeForm, populateForm, registerComp
 		if (debounceMs > 0) {
 			this._onInput = function (e) {
 				const el = e.target;
-				if (!_isFormField(el) || !el.name) return;
+				if (!_isFormField(el) || !el.name || el.hasAttribute('data-ln-autosave-exclude')) return;
 				if (inputTimer !== null) clearTimeout(inputTimer);
 				inputTimer = setTimeout(_save, debounceMs);
 			};