@livenetworks/ashlar 1.5.1 → 1.6.1

package/js/ln-form/src/ln-form.js

@@ -1,199 +1,99 @@
-import { dispatch, serializeForm, populateForm, registerComponent } from '../../ln-core';
-
-(function () {
-	const DOM_SELECTOR = 'data-ln-form';
-	const DOM_ATTRIBUTE = 'lnForm';
-	const AUTO_ATTR = 'data-ln-form-auto';
-	const DEBOUNCE_ATTR = 'data-ln-form-debounce';
-	const VALIDATE_SELECTOR = 'data-ln-validate';
-	const VALIDATE_ATTRIBUTE = 'lnValidate';
-
-	if (window[DOM_ATTRIBUTE] !== undefined) return;
-
-	// ─── Component ─────────────────────────────────────────────
-
-	function _component(form) {
-		this.dom = form;
-		this._debounceTimer = null;
-
-		const self = this;
-
-		this._onValid = function () {
-			self._updateSubmitButton();
-		};
-
-		this._onInvalid = function () {
-			self._updateSubmitButton();
-		};
-
-		this._onSubmit = function (e) {
-			e.preventDefault();
-			self.submit();
-		};
-
-		this._onFill = function (e) {
-			if (e.detail) self.fill(e.detail);
-		};
-
-		this._onFormReset = function () {
-			self.reset();
-		};
-
-		this._onNativeReset = function () {
-			setTimeout(function () { self._resetValidation(); }, 0);
-		};
-
-		form.addEventListener('ln-validate:valid', this._onValid);
-		form.addEventListener('ln-validate:invalid', this._onInvalid);
-		form.addEventListener('submit', this._onSubmit);
-		form.addEventListener('ln-form:fill', this._onFill);
-		form.addEventListener('ln-form:reset', this._onFormReset);
-		form.addEventListener('reset', this._onNativeReset);
-
-		// Auto-submit
-		this._onAutoInput = null;
-		if (form.hasAttribute(AUTO_ATTR)) {
-			const debounceMs = parseInt(form.getAttribute(DEBOUNCE_ATTR)) || 0;
-			this._onAutoInput = function () {
-				if (debounceMs > 0) {
-					clearTimeout(self._debounceTimer);
-					self._debounceTimer = setTimeout(function () { self.submit(); }, debounceMs);
-				} else {
-					self.submit();
-				}
-			};
-			form.addEventListener('input', this._onAutoInput);
-			form.addEventListener('change', this._onAutoInput);
-		}
-
-		// Initial submit button state
-		this._updateSubmitButton();
-
-		return this;
-	}
-
-	_component.prototype._updateSubmitButton = function () {
-		const buttons = this.dom.querySelectorAll('button[type="submit"], input[type="submit"]');
-		if (!buttons.length) return;
-
-		const fields = this.dom.querySelectorAll('[' + VALIDATE_SELECTOR + ']');
-		let shouldDisable = false;
-
-		if (fields.length > 0) {
-			// Disable if any field is invalid OR if no fields have been touched yet
-			let anyTouched = false;
-			let anyInvalid = false;
-			for (let i = 0; i < fields.length; i++) {
-				const instance = fields[i][VALIDATE_ATTRIBUTE];
-				if (instance && instance._touched) anyTouched = true;
-				if (!fields[i].checkValidity()) anyInvalid = true;
-			}
-			shouldDisable = anyInvalid || !anyTouched;
-		}
-
-		for (let j = 0; j < buttons.length; j++) {
-			buttons[j].disabled = shouldDisable;
-		}
-	};
-
-	_component.prototype.fill = function (data) {
-		const filled = populateForm(this.dom, data);
-
-		// Trigger events so ln-validate picks up the changes.
-		// Mirror the same isChangeBased logic as ln-validate:
-		// SELECT/checkbox/radio -> 'change', everything else -> 'input'
-		for (let k = 0; k < filled.length; k++) {
-			const el = filled[k];
-			const isChangeBased = el.tagName === 'SELECT' || el.type === 'checkbox' || el.type === 'radio';
-			el.dispatchEvent(new Event(isChangeBased ? 'change' : 'input', { bubbles: true }));
-		}
-	};
-
-	_component.prototype.submit = function () {
-		// Force-validate all fields
-		const fields = this.dom.querySelectorAll('[' + VALIDATE_SELECTOR + ']');
-		let allValid = true;
-
-		for (let i = 0; i < fields.length; i++) {
-			const instance = fields[i][VALIDATE_ATTRIBUTE];
-			if (instance) {
-				if (!instance.validate()) allValid = false;
-			}
-		}
-
-		if (!allValid) return;
-
-		const data = serializeForm(this.dom);
-		dispatch(this.dom, 'ln-form:submit', { data: data });
-	};
-
-	_component.prototype.reset = function () {
-		this.dom.reset();
-
-		// Mirror fill() — dispatch input/change so reactive consumers
-		// (ln-autoresize, ln-validate, custom listeners) re-react to the
-		// cleared values. dom.reset() clears .value but does NOT fire
-		// input/change events; without these dispatches, ln-autoresize
-		// keeps its previous height, etc.
-		//
-		// Order matters: this loop MUST run BEFORE _resetValidation().
-		// ln-validate's input handler will mark default-empty required
-		// fields as invalid (touched + validate); _resetValidation()
-		// below clears that transient state. Moving _resetValidation
-		// above the dispatch loop would leave fields visibly invalid.
-		const fields = this.dom.querySelectorAll('input, textarea, select');
-		for (let k = 0; k < fields.length; k++) {
-			const el = fields[k];
-			const isChangeBased = el.tagName === 'SELECT' || el.type === 'checkbox' || el.type === 'radio';
-			el.dispatchEvent(new Event(isChangeBased ? 'change' : 'input', { bubbles: true }));
-		}
-
-		this._resetValidation();
-
-		// Notify high-level subscribers (custom controls that hold their
-		// own value and cannot be reset via input/change). Distinct from
-		// the incoming 'ln-form:reset' request event to avoid a loop.
-		dispatch(this.dom, 'ln-form:reset-complete', { target: this.dom });
-	};
-
-	_component.prototype._resetValidation = function () {
-		const fields = this.dom.querySelectorAll('[' + VALIDATE_SELECTOR + ']');
-		for (let i = 0; i < fields.length; i++) {
-			const instance = fields[i][VALIDATE_ATTRIBUTE];
-			if (instance) instance.reset();
-		}
-
-		this._updateSubmitButton();
-	};
-
-	Object.defineProperty(_component.prototype, 'isValid', {
-		get: function () {
-			const fields = this.dom.querySelectorAll('[' + VALIDATE_SELECTOR + ']');
-			for (let i = 0; i < fields.length; i++) {
-				if (!fields[i].checkValidity()) return false;
-			}
-			return true;
-		}
-	});
-
-	_component.prototype.destroy = function () {
-		if (!this.dom[DOM_ATTRIBUTE]) return;
-		this.dom.removeEventListener('ln-validate:valid', this._onValid);
-		this.dom.removeEventListener('ln-validate:invalid', this._onInvalid);
-		this.dom.removeEventListener('submit', this._onSubmit);
-		this.dom.removeEventListener('ln-form:fill', this._onFill);
-		this.dom.removeEventListener('ln-form:reset', this._onFormReset);
-		this.dom.removeEventListener('reset', this._onNativeReset);
-		if (this._onAutoInput) {
-			this.dom.removeEventListener('input', this._onAutoInput);
-			this.dom.removeEventListener('change', this._onAutoInput);
-		}
-		clearTimeout(this._debounceTimer);
-		dispatch(this.dom, 'ln-form:destroyed', { target: this.dom });
-		delete this.dom[DOM_ATTRIBUTE];
-	};
-
-	// ─── Init ──────────────────────────────────────────────────
-
-	registerComponent(DOM_SELECTOR, DOM_ATTRIBUTE, _component, 'ln-form');
-})();
+import { populateForm, dispatch, registerComponent } from '../../ln-core';
+
+(function () {
+	const DOM_SELECTOR = 'data-ln-form';
+	const DOM_ATTRIBUTE = 'lnForm';
+	const ACTION_EDIT_ATTR   = 'data-ln-form-action-edit';
+	const ACTION_METHOD_ATTR = 'data-ln-form-action-method';
+
+	if (window[DOM_ATTRIBUTE] !== undefined) return;
+
+	// ─── Component ─────────────────────────────────────────────
+
+	function _component(form) {
+		this.dom = form;
+		this._baseAction = form.getAttribute('action') || '';
+
+		const self = this;
+
+		this._onLnFill = function (e) {
+			// Guard: only handle direct dispatches at this form, not bubbled
+			// events from [data-ln-fillable] children inside the form.
+			if (e.target !== self.dom) return;
+			if (e.detail) {
+				self.fill(e.detail);
+				self._applyActionMode(e.detail);
+			} else {
+				// Null record = "new" mode. Native reset fires the 'reset'
+				// event, which restores the base action below.
+				self.dom.reset();
+			}
+		};
+
+		this._onReset = function () {
+			self._applyActionMode(null);
+		};
+
+		form.addEventListener('ln-fill', this._onLnFill);
+		form.addEventListener('reset', this._onReset);
+
+		return this;
+	}
+
+	_component.prototype.fill = function (data) {
+		const filled = populateForm(this.dom, data);
+
+		// Trigger events so reactive consumers (ln-validate, ln-autoresize)
+		// pick up the changes. SELECT/checkbox/radio -> 'change',
+		// everything else -> 'input'.
+		for (let k = 0; k < filled.length; k++) {
+			const el = filled[k];
+			const isChangeBased = el.tagName === 'SELECT' || el.type === 'checkbox' || el.type === 'radio';
+			el.dispatchEvent(new Event(isChangeBased ? 'change' : 'input', { bubbles: true }));
+		}
+	};
+
+	_component.prototype._ensureMethodInput = function () {
+		let input = this.dom.querySelector('input[name="_method"]');
+		if (!input) {
+			input = document.createElement('input');
+			input.type  = 'hidden';
+			input.name  = '_method';
+			input.value = '';
+			this.dom.appendChild(input);
+		}
+		return input;
+	};
+
+	_component.prototype._applyActionMode = function (record) {
+		if (!this.dom.hasAttribute(ACTION_EDIT_ATTR)) return;
+
+		const id = record && record.id != null && record.id !== '' ? record.id : null;
+		const methodInput = this._ensureMethodInput();
+
+		if (id !== null) {
+			const template = this.dom.getAttribute(ACTION_EDIT_ATTR);
+			if (template) {
+				this.dom.setAttribute('action', template.replace(':id', encodeURIComponent(id)));
+			} else {
+				this.dom.setAttribute('action', this._baseAction.replace(/\/$/, '') + '/' + encodeURIComponent(id));
+			}
+			methodInput.value = this.dom.getAttribute(ACTION_METHOD_ATTR) || 'PUT';
+		} else {
+			this.dom.setAttribute('action', this._baseAction);
+			methodInput.value = '';
+		}
+	};
+
+	_component.prototype.destroy = function () {
+		if (!this.dom[DOM_ATTRIBUTE]) return;
+		this.dom.removeEventListener('ln-fill', this._onLnFill);
+		this.dom.removeEventListener('reset', this._onReset);
+		dispatch(this.dom, 'ln-form:destroyed', { target: this.dom });
+		delete this.dom[DOM_ATTRIBUTE];
+	};
+
+	// ─── Init ──────────────────────────────────────────────────
+
+	registerComponent(DOM_SELECTOR, DOM_ATTRIBUTE, _component, 'ln-form');
+})();

package/js/ln-http/README.md

@@ -1,89 +1,125 @@
-# ln-http
-
-A zero-dependency, global **HTTP Concurrency Coordinator** that intercepts browser network operations to prevent race conditions, out-of-order responses, and duplicate submission side-effects.
-
-It manages requests on two distinct pipelines: **Path A** (transparent GET/HEAD URL-deduplication wrapping `window.fetch`) and **Path B** (explicit key-based event-driven cancellations for POST/PUT/DELETE).
-
----
-
-## 🧭 Philosophy & Architecture
-
-1. **Path A (Transparent GET/HEAD Concurrency):** Automatically intercepts global `fetch()` calls. If a GET/HEAD request to the exact same URL is already in-flight (e.g., search-as-you-type), the predecessor is instantly aborted. POST and unsafe methods are bypassed to preserve intent.
-2. **Path B (Event-Driven Keyed Concurrency):** Listens globally for `ln-http:request` events containing a distinct `key` (e.g. `reorder-list-1`). A new dispatch instantly aborts any existing in-flight request bearing the same key (any method), preventing double-submit or drag-and-drop overlaps.
-3. **Composition, Not Modification:** `ln-http` is a transport supervisor. It does not inject headers, manipulate bodies, or parse responses. It focuses entirely on socket cancellation via standard browser `AbortController` signals.
-
----
-
-## 📦 Minimal Blueprint
-
-### Path A (Transparent URL-Deduplication)
-Just use the standard native `fetch` API. Older identical GET requests are aborted automatically.
-```js
-// Rapid keystrokes abort previous search GETs transparently
-try {
-  const res = await fetch('/api/search?q=query');
-  const data = await res.json();
-} catch (err) {
-  if (err.name === 'AbortError') return; // Swallowed abort
-}
-```
-
-### Path B (Event-Driven Concurrency)
-Dispatch an `ln-http:request` event with a unique `key` from any element.
-```js
-element.dispatchEvent(new CustomEvent('ln-http:request', {
-  bubbles: true, // Must bubble to document!
-  detail: {
-    url: '/api/items/reorder',
-    method: 'POST',
-    body: JSON.stringify({ ids }),
-    key: 'items-reorder'
-  }
-}));
-```
-
----
-
-## 🛠️ Declarative API Contract
-
-### Path B Request Object (`detail`)
-
-| Parameter | Type | Default | Description |
-| :--- | :--- | :--- | :--- |
-| `url` | `string` | *Required* | Target endpoint URL. |
-| `method` | `string` | `'GET'` | HTTP verb. Automatically capitalized. |
-| `body` | `any` | `null` | Request payload (JSON string, FormData, Blob, etc.). |
-| `key` | `string` | `null` | Unique identifier to cancel previous in-flight requests under this key. |
-| `signal` | `AbortSignal` | `null` | Optional external signal to compose with the internal abort controller. |
-
-### Global JavaScript API (`window.lnHttp`)
-
-| Member | Type | Description |
-| :--- | :--- | :--- |
-| `cancel(url)` | `(url: string) => boolean` | Aborts all Path A in-flight requests matching `url`. |
-| `cancelByKey(key)` | `(key: string) => boolean` | Aborts the Path B in-flight request matching `key`. |
-| `cancelAll()` | `() => void` | Aborts all active in-flight requests (both paths). |
-| `inflight` | `getter` | Returns snapshot of active requests: `{ url, method }` or `{ key }`. |
-| `destroy()` | `() => void` | Clears all pending requests, removes event listeners, restores native `fetch`. |
-
----
-
-## ⚡ DOM Events (Path B response lifecycle)
-
-Both events bubble from the element that dispatched the original `'ln-http:request'`.
-
-### `ln-http:response`
-Fired when `fetch` resolves. The consumer must branch on `ok`/`status` and parse the raw body.
-- `detail`: `{ ok: boolean, status: number, response: Response }`
-
-### `ln-http:error`
-Fired when network-level failures reject the fetch promise (excluding aborts).
-- `detail`: `{ ok: false, status: 0, error: Error }`
-
----
-
-## ⚠️ Common Pitfalls
-
-- **Forgetting `bubbles: true`:** Path B listens on the `document` level. Events dispatched without `bubbles: true` will never reach the service and fail silently.
-- **Ignoring `AbortError`:** Canceled Path A GET promises reject with an `AbortError`. Presenters must explicitly check and catch this error to avoid logging false failures.
-- **Accessing response body twice:** `response` in the `ln-http:response` detail is a native `Response` stream. It can only be parsed (e.g., `.json()`, `.text()`) once.
+# ln-http
+
+A zero-dependency, global **HTTP Concurrency Coordinator** that intercepts browser network operations to prevent race conditions, out-of-order responses, and duplicate submission side-effects.
+
+It manages requests on two distinct pipelines: **Path A** (transparent GET/HEAD URL-deduplication wrapping `window.fetch`) and **Path B** (explicit key-based event-driven cancellations for POST/PUT/DELETE).
+
+---
+
+## 🧭 Philosophy & Architecture
+
+1. **Path A (Transparent GET/HEAD Concurrency):** Automatically intercepts global `fetch()` calls. If a GET/HEAD request to the exact same URL is already in-flight (e.g., search-as-you-type), the predecessor is instantly aborted. POST and unsafe methods are bypassed to preserve intent.
+2. **Path B (Event-Driven Keyed Concurrency):** Listens globally for `ln-http:request` events containing a distinct `key` (e.g. `reorder-list-1`). A new dispatch instantly aborts any existing in-flight request bearing the same key (any method), preventing double-submit or drag-and-drop overlaps.
+3. **Composition, Not Modification:** `ln-http` is a transport supervisor. It does not inject headers, manipulate bodies, or parse responses. It focuses entirely on socket cancellation via standard browser `AbortController` signals.
+
+---
+
+## 📦 Minimal Blueprint
+
+### Path A (Transparent URL-Deduplication)
+Just use the standard native `fetch` API. Older identical GET requests are aborted automatically.
+```js
+// Rapid keystrokes abort previous search GETs transparently
+try {
+  const res = await fetch('/api/search?q=query');
+  const data = await res.json();
+} catch (err) {
+  if (err.name === 'AbortError') return; // Swallowed abort
+}
+```
+
+### Path B (Event-Driven Concurrency)
+Dispatch an `ln-http:request` event with a unique `key` from any element.
+```js
+element.dispatchEvent(new CustomEvent('ln-http:request', {
+  bubbles: true, // Must bubble to document!
+  detail: {
+    url: '/api/items/reorder',
+    method: 'POST',
+    body: JSON.stringify({ ids }),
+    key: 'items-reorder'
+  }
+}));
+```
+
+---
+
+## 🛠️ Declarative API Contract
+
+### Path B Request Object (`detail`)
+
+| Parameter | Type | Default | Description |
+| :--- | :--- | :--- | :--- |
+| `url` | `string` | *Required* | Target endpoint URL. |
+| `method` | `string` | `'GET'` | HTTP verb. Automatically capitalized. |
+| `body` | `any` | `null` | Request payload (JSON string, FormData, Blob, etc.). |
+| `key` | `string` | `null` | Unique identifier to cancel previous in-flight requests under this key. |
+| `signal` | `AbortSignal` | `null` | Optional external signal to compose with the internal abort controller. |
+
+### Global JavaScript API (`window.lnHttp`)
+
+| Member | Type | Description |
+| :--- | :--- | :--- |
+| `cancel(url)` | `(url: string) => boolean` | Aborts all Path A in-flight requests matching `url`. |
+| `cancelByKey(key)` | `(key: string) => boolean` | Aborts the Path B in-flight request matching `key`. |
+| `cancelAll()` | `() => void` | Aborts all active in-flight requests (both paths). |
+| `inflight` | `getter` | Returns snapshot of active requests: `{ url, method }` or `{ key }`. |
+| `destroy()` | `() => void` | Clears all pending requests, removes event listeners, restores native `fetch`. |
+
+---
+
+## ⚡ DOM Events (Path B response lifecycle)
+
+Both events bubble from the element that dispatched the original `'ln-http:request'`.
+
+### `ln-http:response`
+Fired when `fetch` resolves. The consumer must branch on `ok`/`status` and parse the raw body.
+- `detail`: `{ ok: boolean, status: number, response: Response }`
+
+### `ln-http:error`
+Fired when network-level failures reject the fetch promise (excluding aborts).
+- `detail`: `{ ok: false, status: 0, error: Error }`
+
+---
+
+## ⚠️ Common Pitfalls
+
+- **Forgetting `bubbles: true`:** Path B listens on the `document` level. Events dispatched without `bubbles: true` will never reach the service and fail silently.
+- **Ignoring `AbortError`:** Canceled Path A GET promises reject with an `AbortError`. Presenters must explicitly check and catch this error to avoid logging false failures.
+- **Accessing response body twice:** `response` in the `ln-http:response` detail is a native `Response` stream. It can only be parsed (e.g., `.json()`, `.text()`) once.
+
+---
+
+## 🔧 Internals
+
+Source: `js/ln-http/ln-http.js`. A **service-style global**: wraps `window.fetch`, listens on `document`, no DOM instance, no `data-ln-*`, no MutationObserver. Two closure-private `Map`s hold all state — `_inflight` (`"METHOD URL" → AbortController`, Path A) and `_keyed` (`consumer key → AbortController`, Path B) — plus `_origFetch`, the unwrapped `fetch` captured at load, used to restore on `destroy()`.
+
+### Parasitic design
+
+Other library components (`ln-form`, `ln-ajax`, `ln-store`, `ln-table`, `ln-icon`) call `fetch()` directly with no reference to ln-http. If ln-http loads, those calls are silently routed through the wrapper and inherit Path A dedup; if it doesn't load, they still work, just without dedup. No component has a hard dependency on ln-http.
+
+### Path A — wrapped `fetch`
+
+Every `fetch()` call in the page flows through `_wrappedFetch`: extract URL (`string`/`URL`/`Request`, in that precedence) and method (`options.method` > `Request.method` > `'GET'`), build key `method + ' ' + url`. If idempotent (**GET/HEAD only** — DELETE/PUT are RFC-idempotent but dropping an in-flight one because a newer one landed silently discards user intent, so auto-dedup is deliberately conservative) and a same-key entry exists, abort + delete it. A fresh `AbortController` is always created and composed with any consumer-passed `options.signal` (a `{ once: true }` listener re-aborts the wrapper's controller when the consumer's signal fires). The merged options substitute the composed signal; `_origFetch` is called with them. On settle, `.finally` deletes the `_inflight` entry **only if it still holds this call's controller** — an identity check that prevents a newer same-key call's fresher entry from being wiped by an older call's cleanup.
+
+The wrapper never touches the response — no `.json()`, no header injection, no body mutation. The returned Promise is `_origFetch`'s own, with only the signal substituted.
+
+### Path B — `ln-http:request` event
+
+A single `document` listener (`_onRequest`) handles `ln-http:request`. It reads `e.detail` (bails silently if `detail.url` is missing), captures `e.target` for the eventual response dispatch, resolves method (`opts.method || (opts.body ? 'POST' : 'GET')`), and — if `opts.key` is truthy — aborts+deletes any existing `_keyed` entry under that key (method-agnostic; no method check). A fresh controller is composed with `opts.signal` the same way as Path A, and stored in `_keyed` **only if a key was given** (keyless dispatches are one-shots; `cancelByKey` can't reach them). `opts.body` is forwarded with a strict `!== undefined` check, so intentional falsy bodies (`0`, `''`, `false`) still get sent.
+
+The actual network call **re-enters the wrapped `fetch`** (not `_origFetch`) — so a Path B GET with a key is tracked in both maps simultaneously via two separate, signal-linked `AbortController`s; aborting the Path B entry cascades into aborting the Path A one via the composed signal, but not vice-versa.
+
+On resolve (any HTTP status): identity-checked `_keyed` cleanup, then dispatch `ln-http:response` `{ ok, status, response }` — the raw, unparsed `Response`. On reject: identity-checked cleanup runs **before** the `AbortError` check (correct because the identity check itself distinguishes "superseded" from "actually failed" — if superseded, the map already holds the newer controller and the check no-ops); non-abort errors dispatch `ln-http:error` `{ ok: false, status: 0, error }`.
+
+### Init / destroy
+
+Script-load IIFE bails early if `window.lnHttp` already exists (double-load guard — prevents double-wrapping `fetch`, which would double every dedup update per call). Otherwise: capture `_origFetch`, init both maps, install `_wrappedFetch` on `window.fetch`, register the `ln-http:request` listener, publish `window.lnHttp`. `destroy()` reverses all of it (`cancelAll()`, remove listener, restore `window.fetch = _origFetch`, `delete window.lnHttp`) — meant for hot-reload/test teardown, not production use.
+
+### Why two maps, why raw Response
+
+`_inflight` is unconditional per-request bookkeeping the wrapper does for every idempotent call; `_keyed` is opt-in, consumer-chosen supersede semantics via Path B. Merging them would force synthetic keys onto one or the other. The `Response` is forwarded unparsed because its body can only be read once (`.json()`/`.text()`/etc. are mutually exclusive) and ln-http doesn't know — or want to presume — which the consumer needs; two listeners on the same target must `.clone()` if both need the body, same as any other `fetch` consumer.
+
+### Risk surface
+
+Wrapping `window.fetch` is a global mutation — third-party scripts (analytics, A/B SDKs) get wrapped too, but since Path A only touches GET/HEAD, the practical effect is limited to their own racing GETs cancelling each other. A `fetch` polyfill installed *after* ln-http loads will overwrite the wrapper and bypass it; one installed before is captured as `_origFetch` and composes fine.

package/js/ln-http/ln-http.js

@@ -1 +1 @@
-(function(){"use strict";function d(s,e,r){s.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:r||{}}))}const h={};function g(s,e){h[s]=e}function b(s){return h[s]||{ingress:e=>e,egress:e=>e}}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.registerDataMapper=g,window.lnCore.getDataMapper=b),(function(){if(window.lnHttp)return;const s=window.fetch.bind(window),e=new Map,r=new Map;function m(t){return typeof t=="string"?t:t instanceof URL?t.href:t instanceof Request?t.url:String(t)}function E(t,n){return n&&n.method?String(n.method).toUpperCase():t instanceof Request?t.method.toUpperCase():"GET"}function y(t,n){return n+" "+t}function _(t){return t==="GET"||t==="HEAD"}function p(t,n){n=n||{};const i=m(t),f=E(t,n),o=y(i,f);_(f)&&e.has(o)&&(e.get(o).abort(),e.delete(o));const a=new AbortController,c=n.signal;c&&(c.aborted?a.abort(c.reason):c.addEventListener("abort",function(){a.abort(c.reason)},{once:!0}));const u=Object.assign({},n,{signal:a.signal});return e.set(o,a),s(t,u).finally(function(){e.get(o)===a&&e.delete(o)})}p.toString=function(){return"function fetch() { [ln-http wrapped] }"},window.fetch=p;function w(t){const n=t.detail||{};if(!n.url)return;const i=t.target,f=(n.method||(n.body?"POST":"GET")).toUpperCase(),o=n.key;o&&r.has(o)&&(r.get(o).abort(),r.delete(o));const a=new AbortController,c=n.signal;c&&(c.aborted?a.abort(c.reason):c.addEventListener("abort",function(){a.abort(c.reason)},{once:!0})),o&&r.set(o,a);const u={method:f,signal:a.signal};n.body!==void 0&&(u.body=n.body),window.fetch(n.url,u).then(function(l){o&&r.get(o)===a&&r.delete(o),d(i,"ln-http:response",{ok:l.ok,status:l.status,response:l})}).catch(function(l){o&&r.get(o)===a&&r.delete(o),!(l&&l.name==="AbortError")&&d(i,"ln-http:error",{ok:!1,status:0,error:l})})}document.addEventListener("ln-http:request",w),window.lnHttp={cancel:function(t){let n=!1;return e.forEach(function(i,f){f.endsWith(" "+t)&&(i.abort(),e.delete(f),n=!0)}),n},cancelByKey:function(t){return r.has(t)?(r.get(t).abort(),r.delete(t),!0):!1},cancelAll:function(){e.forEach(function(t){t.abort()}),e.clear(),r.forEach(function(t){t.abort()}),r.clear()},get inflight(){const t=[];return e.forEach(function(n,i){const f=i.indexOf(" ");t.push({method:i.slice(0,f),url:i.slice(f+1)})}),r.forEach(function(n,i){t.push({key:i})}),t},destroy:function(){window.lnHttp.cancelAll(),document.removeEventListener("ln-http:request",w),window.fetch=s,delete window.lnHttp}}})()})();
+(function(){"use strict";if(typeof window<"u"){const t=console.warn;console.warn=function(...n){typeof n[0]=="string"&&(n[0].startsWith("[ln-")||n[0].startsWith("[lnCore"))&&!(document.documentElement.hasAttribute("data-ln-debug")||document.body&&document.body.hasAttribute("data-ln-debug"))||t.apply(console,n)}}const m={};function _(t,n){m[t]||(m[t]=document.querySelector('[data-ln-template="'+t+'"]'));const o=m[t];return o?o.content.cloneNode(!0):(console.warn("["+(n||"ln-core")+'] Template "'+t+'" not found'),null)}function y(t,n,o){t.dispatchEvent(new CustomEvent(n,{bubbles:!0,detail:o||{}}))}function E(t,n){if(!t||!n)return t;const o=t.querySelectorAll("[data-ln-field]");for(let l=0;l<o.length;l++){const c=o[l],r=c.getAttribute("data-ln-field");n[r]!=null&&(c.textContent=n[r])}const u=t.querySelectorAll("[data-ln-attr]");for(let l=0;l<u.length;l++){const c=u[l],r=c.getAttribute("data-ln-attr").split(",");for(let e=0;e<r.length;e++){const i=r[e].trim().split(":");if(i.length!==2)continue;const f=i[0].trim(),s=i[1].trim();n[s]!=null&&c.setAttribute(f,n[s])}}const d=t.querySelectorAll("[data-ln-show]");for(let l=0;l<d.length;l++){const c=d[l],r=c.getAttribute("data-ln-show");r in n&&c.classList.toggle("hidden",!n[r])}const a=t.querySelectorAll("[data-ln-class]");for(let l=0;l<a.length;l++){const c=a[l],r=c.getAttribute("data-ln-class").split(",");for(let e=0;e<r.length;e++){const i=r[e].trim().split(":");if(i.length!==2)continue;const f=i[0].trim(),s=i[1].trim();s in n&&c.classList.toggle(f,!!n[s])}}return t}function x(t,n){t.matches&&t.matches("[data-ln-form], [data-ln-fillable]")&&t.dispatchEvent(new CustomEvent("ln-fill",{detail:n??null,bubbles:!0}));const o=t.querySelectorAll("[data-ln-form], [data-ln-fillable]");for(let u=0;u<o.length;u++)o[u].dispatchEvent(new CustomEvent("ln-fill",{detail:n??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)E(t.target,t.detail);else{const n=t.target.querySelectorAll("[data-ln-field]");for(let o=0;o<n.length;o++)n[o].textContent=""}})));function L(t,n){if(!t||!n)return t;const o=document.createTreeWalker(t,NodeFilter.SHOW_TEXT);for(;o.nextNode();){const a=o.currentNode;a.textContent.indexOf("{{")!==-1&&(a.textContent=a.textContent.replace(/\{\{\s*(\w+)\s*\}\}/g,function(l,c){return n[c]!==void 0?n[c]:""}))}const u=function(a,l){return n[l]!==void 0?n[l]:""},d=Array.from(t.querySelectorAll("*"));t.nodeType===1&&d.push(t);for(let a=0;a<d.length;a++){const l=d[a],c=l.attributes;for(let r=0;r<c.length;r++){const e=c[r];e.value.indexOf("{{")!==-1&&l.setAttribute(e.name,e.value.replace(/\{\{\s*(\w+)\s*\}\}/g,u))}}return t}function q(t,n,o,u,d,a){const l={};for(let r=0;r<t.children.length;r++){const e=t.children[r],i=e.getAttribute("data-ln-key");i&&(l[i]=e)}const c=document.createDocumentFragment();for(let r=0;r<n.length;r++){const e=n[r],i=String(u(e));let f=l[i];if(f)d(f,e,r);else{const s=_(o,a);if(!s||(L(s,e),f=s.firstElementChild,!f))continue;f.setAttribute("data-ln-key",i),d(f,e,r)}c.appendChild(f)}t.textContent="",t.appendChild(c)}const A={};function T(t,n){A[t]=n}function F(t){return A[t]||{ingress:n=>n,egress:n=>n}}const k={};function v(t,n){if(!t||typeof n!="object")return;const o=t.toLowerCase().split("-")[0];k[o]=n}function D(t){if(!t)return null;const n=t.toLowerCase().split("-")[0];return k[n]||null}v("mk",{monthsLong:["јануари","февруари","март","април","мај","јуни","јули","август","септември","октомври","ноември","декември"],monthsShort:["јан","фев","мар","апр","мај","јун","јул","авг","септ","окт","ноем","дек"],daysLong:["недела","понеделник","вторник","среда","четврток","петок","сабота"],daysShort:["нед","пон","вт","ср","чет","пет","саб"]}),typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.registerDataMapper=T,window.lnCore.getDataMapper=F,window.lnCore.registerLocaleFallback=v,window.lnCore.getLocaleFallback=D,window.lnCore.fillTemplate=L,window.lnCore.fill=E,window.lnCore.lnFill=x,window.lnCore.renderList=q);function S(t){return(t||"").replace(/^#/,"")}function C(t){const n=t===void 0?location.hash:t,o={},u=S(n);if(!u)return o;const d=u.split("&");for(let a=0;a<d.length;a++){const l=d[a];if(!l)continue;const c=l.indexOf(":"),r=c>-1?l.slice(0,c):l,e=c>-1?l.slice(c+1):"";if(r)try{o[r]=decodeURIComponent(e)}catch{o[r]=e}}return o}function O(t){if(!t)return null;const n=C();return t in n?n[t]:null}function H(t,n){if(!t)return;const o=C();n==null?delete o[t]:o[t]=String(n);const d=Object.keys(o).map(function(a){const l=o[a];return l===""?a:a+":"+encodeURIComponent(l)}).join("&");S(location.hash)!==d&&(location.hash=d)}function M(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=C,window.lnCore.hashGet=O,window.lnCore.hashSet=H,window.lnCore.hashLinkClick=M),(function(){if(window.lnHttp)return;const t=window.fetch.bind(window),n=new Map,o=new Map;function u(e){return typeof e=="string"?e:e instanceof URL?e.href:e instanceof Request?e.url:String(e)}function d(e,i){return i&&i.method?String(i.method).toUpperCase():e instanceof Request?e.method.toUpperCase():"GET"}function a(e,i){return i+" "+e}function l(e){return e==="GET"||e==="HEAD"}function c(e,i){i=i||{};const f=u(e),s=d(e,i),w=a(f,s);l(s)&&n.has(w)&&(n.get(w).abort(),n.delete(w));const h=new AbortController,p=i.signal;let b=null;p&&(p.aborted?h.abort(p.reason):(b=function(){h.abort(p.reason)},p.addEventListener("abort",b,{once:!0})));const g=Object.assign({},i,{signal:h.signal});return n.set(w,h),t(e,g).finally(function(){p&&b&&p.removeEventListener("abort",b),n.get(w)===h&&n.delete(w)})}c.toString=function(){return"function fetch() { [ln-http wrapped] }"},window.fetch=c;function r(e){if(!e.detail||!e.detail.url)return;const i=e.target,f=(e.detail.method||(e.detail.body?"POST":"GET")).toUpperCase(),s=e.detail.key;s&&o.has(s)&&(o.get(s).abort(),o.delete(s));const w=new AbortController,h=e.detail.signal;let p=null;h&&(h.aborted?w.abort(h.reason):(p=function(){w.abort(h.reason)},h.addEventListener("abort",p,{once:!0}))),s&&o.set(s,w);const b={method:f,signal:w.signal};e.detail.body!==void 0&&(b.body=e.detail.body),window.fetch(e.detail.url,b).then(function(g){h&&p&&h.removeEventListener("abort",p),s&&o.get(s)===w&&o.delete(s),y(i,"ln-http:response",{ok:g.ok,status:g.status,response:g})}).catch(function(g){h&&p&&h.removeEventListener("abort",p),s&&o.get(s)===w&&o.delete(s),!(g&&g.name==="AbortError")&&y(i,"ln-http:error",{ok:!1,status:0,error:g})})}document.addEventListener("ln-http:request",r),window.lnHttp={cancel:function(e){let i=!1;return n.forEach(function(f,s){s.endsWith(" "+e)&&(f.abort(),n.delete(s),i=!0)}),i},cancelByKey:function(e){return o.has(e)?(o.get(e).abort(),o.delete(e),!0):!1},cancelAll:function(){n.forEach(function(e){e.abort()}),n.clear(),o.forEach(function(e){e.abort()}),o.clear()},get inflight(){const e=[];return n.forEach(function(i,f){const s=f.indexOf(" ");e.push({method:f.slice(0,s),url:f.slice(s+1)})}),o.forEach(function(i,f){e.push({key:f})}),e},destroy:function(){window.lnHttp.cancelAll(),document.removeEventListener("ln-http:request",r),window.fetch=t,delete window.lnHttp}}})()})();