@livenetworks/ashlar 1.6.1 → 2.0.0

package/{js → components}/ln-ajax/README.md

@@ -1,160 +1,171 @@
-# ln-ajax
-
-A zero-dependency, event-driven **HTML Fragment Swapping Primitive** that intercepts clicks on `<a>` elements and submits on `<form>` tags to enable instant, SPA-like navigation without full page reloads.
-
-It communicates via a structured server JSON protocol, exchanging targeted DOM updates, updating browser history states, and re-attaching lifecycle managers to newly injected nodes.
-
----
-
-## 🧭 Philosophy & Architecture
-
-1. **HTML-First Swapping:** The server remains the single source of truth for both data and markup. Instead of client routers rendering JSON arrays, the server compiles standard HTML fragments and returns them inside a structured JSON payload.
-2. **Selective DOM Merges:** The response maps selector IDs (e.g. `main-content`) directly to their new HTML chunks, replacing only the specified regions in-place.
-3. **Transparent Enhancements:** Intercepts only native interactions (links to the same origin, form submissions). Safely falls back to native browser redirects on errors or external hosts.
-
----
-
-## 📦 Minimal Blueprint
-
-Wrap interactive elements or entire layouts with the `data-ln-ajax` selector.
-
-```html
-<div data-ln-ajax>
-  <!-- Clicking this fetches /dashboard and swaps only the returned targets -->
-  <a href="/dashboard">Dashboard</a>
-  
-  <!-- Submitting this posts data and swaps target parts on success -->
-  <form method="POST" action="/users/create">
-    <input name="username" type="text" required>
-    <button type="submit">Create User</button>
-  </form>
-
-  <!-- Exclude specific elements from AJAX handling -->
-  <a href="/logout" data-ln-ajax="false">Logout</a>
-</div>
-```
-
----
-
-## 🛠️ Declarative API Contract
-
-### HTML Attributes
-
-| Attribute | Elements | Values | Description |
-| :--- | :--- | :--- | :--- |
-| `data-ln-ajax` | Container, `<a>`, `<form>` | *none* (empty attribute) | Activates AJAX capture on the element and its descendants. Acts as a boolean flag. |
-| `data-ln-ajax="false"` | `<a>`, `<form>` | `"false"` | **The only supported value.** Excludes the specific link or form from AJAX interception. |
-
-> [!IMPORTANT]
-> **Attribute Value Restriction:** The `data-ln-ajax` attribute operates as a presence-based trigger (like a boolean flag). 
-> * **The only valid and supported value is `"false"`**, which is used to exclude/opt-out specific elements inside an AJAX-enabled container.
-> * **Do not use custom values** (e.g., `data-ln-ajax="loginform"` or `data-ln-ajax="my-widget"`). The component does **not** accept, process, or assign behavior based on other string values. Using custom values will simply activate normal AJAX routing (acting the same as an empty attribute) but is a major anti-pattern that confuses both developers and AI agents.
-
-### Server Response Protocol
-
-The server must return JSON with the `application/json` Content-Type:
-
-```json
-{
-  "title": "New Dashboard Page",
-  "content": {
-    "main-content": "<h1>Dashboard</h1><p>Welcome back!</p>",
-    "sidebar-nav": "<ul><li>Active Nav Item</li></ul>"
-  },
-  "message": {
-    "type": "success",
-    "title": "User Created",
-    "body": "The user was registered successfully."
-  }
-}
-```
-
-* **`title`**: Updates `document.title` on page swap.
-* **`content`**: Key-value pairs matching container `id` selectors to their new `innerHTML` content.
-* **`message`**: Optional. If present, automatically dispatches `ln-toast:enqueue` on the `window` to trigger native notifications.
-
----
-
-## ⚡ DOM Events
-
-All events are dispatched on the initiating element (`<a>` or `<form>`) and bubble.
-
-| Event | Cancelable | Description | Payload (`detail`) |
-| :--- | :--- | :--- | :--- |
-| `ln-ajax:before-start` | **Yes** | Fires before any network activity. Call `e.preventDefault()` to cancel. | `{ method, url }` |
-| `ln-ajax:start` | No | Fires as the loader class is added and fetch begins. | `{ method, url }` |
-| `ln-ajax:success` | No | Fires after successful DOM swaps. | `{ method, url, data }` |
-| `ln-ajax:error` | No | Fires on HTTP status failure or network rejects. | `{ method, url, status, data }` or `{ method, url, error }` |
-| `ln-ajax:complete` | No | Fires at the very end of the lifecycle (success or error). | `{ method, url }` |
-
----
-
-## ⚠️ Common Pitfalls
-
-- **Missing DOM IDs on Swap Targets:** If the server returns a key in `content` that does not match a mounting ID in the active document (e.g. `id="main-content"`), that segment swap fails silently.
-- **Forgetting CSRF Meta:** `ln-ajax` automatically reads `<meta name="csrf-token" content="...">` to inject the `X-CSRF-TOKEN` header on non-GET calls. If this meta tag is missing, POST/PUT requests may fail authentication.
-- **Breaking External Links:** Links with different hostnames are ignored automatically, but absolute paths on the same host are captured. Ensure assets/downloads use `data-ln-ajax="false"`.
-- **Forms carrying `data-ln-form-scope` are skipped entirely** (one-time `console.warn`) — the `ln-data-coordinator` write pipeline takes precedence over ajax progressive enhancement.
-- **Respects `e.defaultPrevented`.** If a prior `submit` listener on the same form (e.g. a validation gate) already called `preventDefault()`, `ln-ajax` does nothing — no fetch, no loader class.
-
----
-
-## 🔧 Internals
-
-Source: `js/ln-ajax/ln-ajax.js`.
-
-### Request lifecycle
-
-In order, per intercepted click/submit:
-
-1. **Intercept** — click on `<a>` or submit on `<form>`. Modifier-key clicks (Ctrl/Cmd/middle) and `#`-href links pass through untouched.
-2. **External-hostname skip** — if the link's hostname differs from `location.hostname`, ln-ajax aborts and the browser follows the link normally (no opt-out needed).
-3. **`ln-ajax:before-start`** — cancelable; `preventDefault()` stops here (no spinner, no fetch).
-4. **Spinner mount** — `.ln-ajax--loading` on the trigger, `<span class="ln-ajax-spinner">` appended, form buttons disabled.
-5. **`ln-ajax:start`** — non-cancelable; fetch is about to begin.
-6. **`fetch()`** — built from `href`/`action`, `method`, `FormData`. Headers always include `X-Requested-With`, `Accept: application/json`, and `X-CSRF-TOKEN` from the page meta. A `<input name="_method">` (auto-added by `ln-form`'s RESTful mode) rides in `FormData` transparently — the HTTP verb stays POST while `_method` travels in the body.
-7. **Response** — see the branches below.
-8. **`ln-ajax:success` / `ln-ajax:error`** — dispatched on the trigger, bubbling.
-9. **Cleanup** — loading class + spinner removed, buttons re-enabled.
-10. **`ln-ajax:complete`** — always fires last, success or error.
-
-Response branches:
-- **HTTP error** (`!response.ok`): parse JSON, dispatch `ln-ajax:error` `{ method, url, status, data }`, auto-toast if `data.message`.
-- **Fetch rejection** (network / JSON parse): dispatch `ln-ajax:error` `{ method, url, error }`.
-- **Success**: update `document.title`, swap `target.innerHTML` for each `data.content[id]`, auto-toast if `data.message`, `history.pushState` for `<a>` and GET `<form>`.
-
-### MutationObserver flow
-
-A single observer on `document.body` handles three cases:
-- **New `data-ln-ajax` root injected** → `new lnAjax(node)` attaches listeners (covers AJAX-swapped frames and `innerHTML` writes).
-- **Elements injected inside a live root** → `findElements` re-runs on the subtree and attaches to any new `<a>`/`<form>` — no full re-init of the root.
-- **`data-ln-ajax` set on an existing element** → the attributes branch runs `new lnAjax(node)`, so programmatic opt-in works.
-
-### DOM mutations performed
-
-| Phase | Mutation |
-|-------|----------|
-| Request start | `.ln-ajax--loading` on trigger |
-| Request start | `<span class="ln-ajax-spinner">` appended to trigger |
-| Request start | `disabled` on all `<button>` descendants of a `<form>` trigger |
-| Success | `target.innerHTML` replaced per `id` in `data.content` |
-| Success | `document.title` updated from `data.title` |
-| Success (`<a>` / GET `<form>`) | `history.pushState` |
-| Completion | loading class + spinner removed, form buttons re-enabled |
-
-### `findElements` local divergence
-
-ln-ajax uses a local `findElements` rather than the ln-core helper of the same name: it needs a `{ links, forms }` partition (to bind `click` on links and `submit` on forms in one pass), where ln-core returns a flat list. The two must not be merged without updating all call sites.
-
-### Trust boundary
-
-ln-ajax operates under a trusted, same-origin model: it expects every HTML fragment in the JSON response to be safe. It performs **no** client-side sanitization or regex script/attribute filtering — that would be fragile and would corrupt valid markup (e.g. stripping `data-ln-confirm` values that contain event-like substrings). Sanitizing user-submitted HTML is the server's job, done before the fragment is rendered. See [Security §5 — AJAX Fragment Trust Boundary](../../docs/architecture/security.md#5-ajax-fragment-trust-boundary).
-
-### Error detail shape
-
-`ln-ajax:error` carries one of two shapes depending on failure mode:
-
-- **HTTP-status error** (response received, `!ok`): `{ method, url, status, data }` — `data` is the parsed body (may contain `message`).
-- **Fetch rejection** (network / DNS / JSON parse): `{ method, url, error }` — the caught `Error`, no `status`/`data`.
-
-A single `ln-ajax:error` listener must guard with `'status' in e.detail` before reading `status`, and `'error' in e.detail` before reading `error`. (`ln-api-connector`, the data-layer transport tier, emits a single unified error shape — `{ action, error, status, data }` — and is the pattern to prefer for new data-flow code.)
+# ln-ajax
+
+> Applied to a container, link, or form via `data-ln-ajax`. It intercepts native `<a>` clicks and `<form>` submits,
+> calling `e.preventDefault()` and issuing an AJAX request with `X-Requested-With: XMLHttpRequest`. On receiving a JSON
+> response containing HTML fragments (`{ content: { "#id": "<html>" } }`), it replaces the target elements in the DOM in-place
+> and updates browser history via `history.pushState()`.
+
+---
+
+## 🧭 Philosophy & Architecture
+
+1. **HTML-First Swapping:** The server remains the single source of truth for both data and markup. Instead of client routers rendering JSON arrays, the server compiles standard HTML fragments and returns them inside a structured JSON payload.
+2. **Selective DOM Merges:** The response maps selector IDs (e.g. `main-content`) directly to their new HTML chunks, replacing only the specified regions in-place.
+3. **Transparent Enhancements:** Intercepts only native interactions (links to the same origin, form submissions). Safely falls back to native browser redirects on errors or external hosts.
+
+---
+
+## 📦 Minimal Blueprint
+
+Wrap interactive elements or entire layouts with the `data-ln-ajax` selector.
+
+```html
+<div data-ln-ajax>
+  <!-- Clicking this fetches /dashboard and swaps only the returned targets -->
+  <a href="/dashboard">Dashboard</a>
+  
+  <!-- Submitting this posts data and swaps target parts on success -->
+  <form method="POST" action="/users/create">
+    <input name="username" type="text" required>
+    <button type="submit">Create User</button>
+  </form>
+
+  <!-- Exclude specific elements from AJAX handling -->
+  <a href="/logout" data-ln-ajax="false">Logout</a>
+</div>
+```
+
+---
+
+## 🛠️ Declarative API Contract
+
+### HTML Attributes
+
+| Attribute | Elements | Values | Description |
+| :--- | :--- | :--- | :--- |
+| `data-ln-ajax` | Container, `<a>`, `<form>` | *none* (empty attribute) | Activates AJAX capture on the element and its descendants. Acts as a boolean flag. |
+| `data-ln-ajax="false"` | `<a>`, `<form>` | `"false"` | **The only supported value.** Excludes the specific link or form from AJAX interception. |
+
+> [!IMPORTANT]
+> **Attribute Value Restriction:** The `data-ln-ajax` attribute operates as a presence-based trigger (like a boolean flag). 
+> * **The only valid and supported value is `"false"`**, which is used to exclude/opt-out specific elements inside an AJAX-enabled container.
+> * **Do not use custom values** (e.g., `data-ln-ajax="loginform"` or `data-ln-ajax="my-widget"`). The component does **not** accept, process, or assign behavior based on other string values. Using custom values will simply activate normal AJAX routing (acting the same as an empty attribute) but is a major anti-pattern that confuses both developers and AI agents.
+
+### Server Response Protocol
+
+The server must return JSON with the `application/json` Content-Type:
+
+```json
+{
+  "title": "New Dashboard Page",
+  "content": {
+    "main-content": "<h1>Dashboard</h1><p>Welcome back!</p>",
+    "sidebar-nav": "<ul><li>Active Nav Item</li></ul>"
+  },
+  "message": {
+    "type": "success",
+    "title": "User Created",
+    "body": "The user was registered successfully."
+  }
+}
+```
+
+* **`title`**: Updates `document.title` on page swap.
+* **`content`**: Key-value pairs matching container `id` selectors to their new `innerHTML` content.
+* **`message`**: Optional. When present, handled and dispatched as UI toasts by Layer 2 coordinators (such as `ln-ui-coordinator`). The `message.body` property is required to display the notification text; `message.title` and `message.type` (`"success"` | `"error"` | `"warning"` | `"info"`) are optional.
+
+---
+
+## ⚡ DOM Events
+
+All events are dispatched on the initiating element (`<a>` or `<form>`) and bubble.
+
+| Event | Cancelable | Description | Payload (`detail`) |
+| :--- | :--- | :--- | :--- |
+| `ln-ajax:before-start` | **Yes** | Fires before any network activity. Call `e.preventDefault()` to cancel. | `{ method, url }` |
+| `ln-ajax:start` | No | Fires as the loader class is added and fetch begins. | `{ method, url }` |
+| `ln-ajax:success` | No | Fires after successful DOM swaps. | `{ method, url, data }` |
+| `ln-ajax:error` | No | Fires on HTTP status failure or network rejects. | `{ method, url, status, data, error }` |
+| `ln-ajax:complete` | No | Fires at the very end of the lifecycle (success or error). | `{ method, url }` |
+| `ln-ajax:aborted` | No | Fires when a newer GET supersedes this in-flight GET. Ends the lifecycle in place of `success`/`error`/`complete`. | `{ method, url }` |
+
+Every `ln-ajax:start` is followed by exactly one of `ln-ajax:complete` or `ln-ajax:aborted`.
+
+---
+
+## ⚠️ Common Pitfalls
+
+- **Missing DOM IDs on Swap Targets:** If the server returns a key in `content` that does not match a mounting ID in the active document (e.g. `id="main-content"`), that segment swap fails silently.
+- **Forgetting CSRF Meta:** `ln-ajax` automatically reads `<meta name="csrf-token" content="...">` to inject the `X-CSRF-TOKEN` header on non-GET calls. If this meta tag is missing, POST/PUT requests may fail authentication.
+- **Breaking External Links:** Links with different hostnames are ignored automatically, but absolute paths on the same host are captured. Ensure assets/downloads use `data-ln-ajax="false"`.
+- **Forms carrying `data-ln-data-coordinator-scope` are skipped entirely** (one-time `console.warn`) — the `ln-data-coordinator` write pipeline takes precedence over ajax progressive enhancement.
+- **Respects `e.defaultPrevented`.** If a prior `submit` listener on the same form (e.g. a validation gate) already called `preventDefault()`, `ln-ajax` does nothing — no fetch, no loader class.
+
+---
+
+## 🔧 Internals
+
+Source: `components/ln-ajax/ln-ajax.js`.
+
+### Request lifecycle
+
+In order, per intercepted click/submit:
+
+1. **Intercept** — click on `<a>` or submit on `<form>`. Modifier-key clicks (Ctrl/Cmd/middle) and `#`-href links pass through untouched.
+2. **External-hostname skip** — if the link's hostname differs from `location.hostname`, ln-ajax aborts and the browser follows the link normally (no opt-out needed).
+3. **`ln-ajax:before-start`** — cancelable; `preventDefault()` stops here (no spinner, no fetch).
+   - **Supersede (GET only)** — if not prevented, a GET aborts the in-flight GET, wherever it started: its response writes document-wide (`document.title`, ids, history). The aborted request cleans up and emits `ln-ajax:aborted` before the new one starts. Other methods are never aborted and never abort.
+4. **Spinner mount** — `.ln-ajax--loading` on the trigger, `<span class="ln-ajax-spinner">` appended, form buttons disabled.
+5. **`ln-ajax:start`** — non-cancelable; fetch is about to begin.
+6. **`fetch()`** — built from `href`/`action`, `method`, `FormData`. Headers always include `X-Requested-With`, `Accept: application/json`, and `X-CSRF-TOKEN` from the page meta. A `<input name="_method">` (auto-added by `ln-form`'s RESTful mode) rides in `FormData` transparently — the HTTP verb stays POST while `_method` travels in the body.
+7. **Response** — see the branches below.
+8. **`ln-ajax:success` / `ln-ajax:error`** — dispatched on the trigger, bubbling.
+9. **Cleanup** — loading class + spinner removed, buttons re-enabled.
+10. **`ln-ajax:complete`** — fires last, success or error. A superseded GET ends with `ln-ajax:aborted` instead.
+
+Response branches:
+- **HTTP error or non-JSON body** (`!response.ok`, or a body `JSON.parse` rejects): dispatch `ln-ajax:error` `{ method, url, status, data, error }`.
+- **Fetch rejection** (network / DNS / offline): dispatch `ln-ajax:error` `{ method, url, status: 0, data: null, error }`.
+- **Success**: update `document.title`, swap `target.innerHTML` for each `data.content[id]`, `history.pushState` for `<a>` and GET `<form>`.
+
+`data.message` on `success`/`error` is toasted by `ln-ui-coordinator`, not by ln-ajax.
+- **Superseded** (GET only): clean up, dispatch `ln-ajax:aborted` `{ method, url }`. No `success`/`error`/`complete`, no DOM swap, no `pushState`.
+
+### MutationObserver flow
+
+A single observer on `document.body` handles three cases:
+- **New `data-ln-ajax` root injected** → `new lnAjax(node)` attaches listeners (covers AJAX-swapped frames and `innerHTML` writes).
+- **Elements injected inside a live root** → `findElements` re-runs on the subtree and attaches to any new `<a>`/`<form>` — no full re-init of the root.
+- **`data-ln-ajax` set on an existing element** → the attributes branch runs `new lnAjax(node)`, so programmatic opt-in works.
+
+### DOM mutations performed
+
+| Phase | Mutation |
+|-------|----------|
+| Request start | `.ln-ajax--loading` on trigger |
+| Request start | `<span class="ln-ajax-spinner">` appended to trigger |
+| Request start | `disabled` on all `<button>` descendants of a `<form>` trigger |
+| Success | `target.innerHTML` replaced per `id` in `data.content` |
+| Success | `document.title` updated from `data.title` |
+| Success (`<a>` / GET `<form>`) | `history.pushState` |
+| Completion / abort | loading class + spinner removed, form buttons re-enabled |
+
+### `findElements` local divergence
+
+ln-ajax uses a local `findElements` rather than the ln-core helper of the same name: it needs a `{ links, forms }` partition (to bind `click` on links and `submit` on forms in one pass), where ln-core returns a flat list. The two must not be merged without updating all call sites.
+
+### Trust boundary
+
+ln-ajax operates under a trusted, same-origin model: it expects every HTML fragment in the JSON response to be safe. It performs **no** client-side sanitization or regex script/attribute filtering — that would be fragile and would corrupt valid markup (e.g. stripping `data-ln-confirm` values that contain event-like substrings). Sanitizing user-submitted HTML is the server's job, done before the fragment is rendered. See [Security §5 — AJAX Fragment Trust Boundary](../../docs/architecture/security.md#5-ajax-fragment-trust-boundary).
+
+### Error detail shape
+
+`ln-ajax:error` always carries all five keys `{ method, url, status, data, error }`:
+
+| Failure | `status` | `data` | `error` |
+|---|---|---|---|
+| HTTP error (`!ok`) | response status | parsed body (may contain `message`), or `null` | `null` |
+| Body is not JSON | response status | `null` | the `SyntaxError` |
+| Network / DNS / offline | `0` | `null` | the caught `Error` |
+
+`status === 0` identifies a network failure.

package/components/ln-ajax/ln-ajax-dev.scss

@@ -0,0 +1,8 @@
+@use '../../theme/config/mixins' as *;
+
+[data-ln-debug] {
+	// 1. AJAX Form Action Check: forms with data-ln-ajax must declare an action URL
+	form[data-ln-ajax]:not([action]) {
+		@include dev-inline-error("form[data-ln-ajax] is missing a required 'action' attribute");
+	}
+}

package/components/ln-ajax/ln-ajax.js

@@ -0,0 +1 @@
+(function(){"use strict";function U(){return typeof window>"u"?!1:window.lnDebug===!0||window.lnCore&&window.lnCore._debugSink?!0:typeof document<"u"&&document.body?document.body.hasAttribute("data-ln-debug")||document.body.querySelector("[data-ln-debug]")!==null:!1}function F(e){if(typeof window>"u")return!1;if(window.lnDebug===!0)return!0;if(window.lnCore&&window.lnCore._debugIsContained)return e?window.lnCore._debugIsContained(e):window.lnCore._debugSink!==null;if(e&&e.closest){const t=e.closest("[data-ln-debug]");return!(!t||typeof document<"u"&&t===document.documentElement)}return typeof document<"u"&&document.body?document.body.hasAttribute("data-ln-debug"):!1}if(typeof window<"u"&&(window.lnCore=window.lnCore||{},!window.lnCore._warnBound)){window.lnCore._warnBound=!0;const e=console.warn;console.warn=function(...t){if(typeof t[0]=="string"&&(t[0].startsWith("[ln-")||t[0].startsWith("[lnCore"))){let r=null;for(let l=1;l<t.length;l++)if(t[l]&&t[l].nodeType===1){r=t[l];break}if(!F(r))return}e.apply(console,t)}}function y(e,t,n){const r=n||{};window.lnCore._debugSink&&window.lnCore._debugSink("event",t,e,r),e.dispatchEvent(new CustomEvent(t,{bubbles:!0,detail:r}))}function G(e,t,n){const r=n||{};window.lnCore._debugSink&&window.lnCore._debugSink("event",t,e,r);const l=new CustomEvent(t,{bubbles:!0,cancelable:!0,detail:r});return e.dispatchEvent(l),l}function E(e,t){if(!document.body){document.addEventListener("DOMContentLoaded",function(){E(e,t)}),console.warn("["+t+'] Script loaded before <body> — add "defer" to your <script> tag');return}e()}function K(e,t){if(e.ctrlKey||e.metaKey||e.shiftKey||e.altKey||e.button!==0||!t)return!1;const n=t.getAttribute("href");return!(!n||t.getAttribute("target")==="_blank"||t.hasAttribute("download")||n.startsWith("mailto:")||n.startsWith("tel:")||n==="#"||n.startsWith("#")||t.hostname&&t.hostname!==window.location.hostname)}const q={};function H(e,t){q[e]=t}function P(e){return q[e]||{ingress:t=>t,egress:t=>t}}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.registerDataMapper=H,window.lnCore.getDataMapper=P);function X(){typeof window>"u"||(window.lnCore=window.lnCore||{},!window.lnCore._localeObserverBound&&(window.lnCore._localeObserverBound=!0,E(function(){new MutationObserver(function(){y(document,"ln-core:locale-change",{})}).observe(document.documentElement,{attributes:!0,attributeFilter:["lang"],subtree:!0})},"ln-core")))}const M={};function J(e,t){if(!e||typeof t!="object")return;const n=e.toLowerCase().split("-")[0];M[n]=t}function Q(e){if(!e)return null;const t=e.toLowerCase().split("-")[0];return M[t]||null}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.registerLocaleFallback=J,window.lnCore.getLocaleFallback=Q,window.lnCore.ensureLocaleObserver=X);const O={};function z(e,t){O[e]||(O[e]=document.querySelector('[data-ln-template="'+e+'"]'));const n=O[e];return n?n.content.cloneNode(!0):(console.warn("["+(t||"ln-core")+'] Template "'+e+'" not found'),null)}function W(e,t){if(!e||!t)return e;const n=e.querySelectorAll("[data-ln-field]");for(let o=0;o<n.length;o++){const u=n[o],s=u.getAttribute("data-ln-field");t[s]!=null&&(u.textContent=t[s])}const r=e.querySelectorAll("[data-ln-attr]");for(let o=0;o<r.length;o++){const u=r[o],s=u.getAttribute("data-ln-attr").split(",");for(let d=0;d<s.length;d++){const h=s[d].trim().split(":");if(h.length!==2)continue;const p=h[0].trim(),a=h[1].trim();t[a]!=null&&u.setAttribute(p,t[a])}}const l=e.querySelectorAll("[data-ln-show]");for(let o=0;o<l.length;o++){const u=l[o],s=u.getAttribute("data-ln-show");s in t&&u.classList.toggle("hidden",!t[s])}const i=e.querySelectorAll("[data-ln-class]");for(let o=0;o<i.length;o++){const u=i[o],s=u.getAttribute("data-ln-class").split(",");for(let d=0;d<s.length;d++){const h=s[d].trim().split(":");if(h.length!==2)continue;const p=h[0].trim(),a=h[1].trim();a in t&&u.classList.toggle(p,!!t[a])}}return e}function Y(e,t){e.matches&&e.matches("[data-ln-form], [data-ln-fillable]")&&(window.lnCore._debugSink&&window.lnCore._debugSink("event","ln-fill",e,t??null),e.dispatchEvent(new CustomEvent("ln-fill",{detail:t??null,bubbles:!0})));const n=e.querySelectorAll("[data-ln-form], [data-ln-fillable]");for(let r=0;r<n.length;r++)window.lnCore._debugSink&&window.lnCore._debugSink("event","ln-fill",n[r],t??null),n[r].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)W(e.target,e.detail);else{const t=e.target.querySelectorAll("[data-ln-field]");for(let n=0;n<t.length;n++)t[n].textContent=""}})));function I(e,t){if(!e||!t)return e;const n=document.createTreeWalker(e,NodeFilter.SHOW_TEXT);for(;n.nextNode();){const i=n.currentNode;i.textContent.indexOf("{{")!==-1&&(i.textContent=i.textContent.replace(/\{\{\s*(\w+)\s*\}\}/g,function(o,u){return t[u]!==void 0?t[u]:""}))}const r=function(i,o){return t[o]!==void 0?t[o]:""},l=Array.from(e.querySelectorAll("*"));e.nodeType===1&&l.push(e);for(let i=0;i<l.length;i++){const o=l[i],u=o.attributes;for(let s=0;s<u.length;s++){const d=u[s];d.value.indexOf("{{")!==-1&&o.setAttribute(d.name,d.value.replace(/\{\{\s*(\w+)\s*\}\}/g,r))}}return e}function Z(e,t,n,r,l,i){const o={};for(let s=0;s<e.children.length;s++){const d=e.children[s],h=d.getAttribute("data-ln-render-key");h&&(o[h]=d)}const u=document.createDocumentFragment();for(let s=0;s<t.length;s++){const d=t[s],h=String(r(d));let p=o[h];if(p)l(p,d,s);else{const a=z(n,i);if(!a||(I(a,d),p=a.firstElementChild,!p))continue;p.setAttribute("data-ln-render-key",h),l(p,d,s)}u.appendChild(p)}e.textContent="",e.appendChild(u)}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.fillTemplate=I,window.lnCore.fill=W,window.lnCore.lnFill=Y,window.lnCore.renderList=Z);function ee(e,t,n,r,l){if(!e||t===null)return!0;const i=r||"ln-component",o=e.type;if(o==="trigger"||o==="marker"||o==="string"||o==="list"||!o||t===""&&e.fallback!==void 0)return!0;const u=s=>{l?console.warn(s,l):console.warn(s)};if(o==="boolean"){const s=t.trim().toLowerCase();return s!==""&&s!=="true"&&s!=="false"&&s!=="1"&&s!=="0"?(u(`[${i}] Invalid value "${t}" for boolean attribute "${n}". Allowed: "true", "false", or presence-only.`),!1):!0}if(o==="enum"){const s=e.values||[];return s.includes(t)?!0:(u(`[${i}] Invalid value "${t}" for attribute "${n}". Allowed: ${s.join(", ")}. Fallback: "${e.fallback}".`),!1)}if(o==="integer"){if(!/^-?\d+$/.test(t))return u(`[${i}] Invalid integer "${t}" for attribute "${n}". Fallback: ${e.fallback}.`),!1;const s=parseInt(t,10);return e.min!==void 0&&s<e.min?(u(`[${i}] Value ${s} for attribute "${n}" is less than min (${e.min}).`),!1):e.max!==void 0&&s>e.max?(u(`[${i}] Value ${s} for attribute "${n}" is greater than max (${e.max}).`),!1):!0}if(o==="float")return isNaN(Number(t))?(u(`[${i}] Invalid float "${t}" for attribute "${n}". Fallback: ${e.fallback}.`),!1):!0;if(o==="json")try{return JSON.parse(t),!0}catch(s){return u(`[${i}] Invalid JSON for attribute "${n}": ${s.message}. Fallback: ${e.fallback}.`),!1}return!0}function te(e){if(e.onAttrChange&&!e.declared)return null;const t=new Set;if(e.effects)for(const n in e.effects)t.add(n);if(e.onAttrChange&&e.declared)for(const n of e.declared)t.add(n);return t}function ne(e,t,n,r){if(e.nodeType!==1)return;const i=t.indexOf("[")!==-1||t.indexOf(".")!==-1||t.indexOf("#")!==-1?t:"["+t+"]",o=Array.from(e.querySelectorAll(i));e.matches&&e.matches(i)&&o.push(e);for(const u of o)if(!u[n]){window.lnCore._persistSink&&u.hasAttribute("data-ln-persist")&&window.lnCore._persistSink(u,t);try{u[n]=new r(u)}catch(s){console.error("["+n+"] init failed",u,s)}}}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore._bootHolds=window.lnCore._bootHolds||0,window.lnCore._bootQueue=window.lnCore._bootQueue||[]);function N(){window.lnCore=window.lnCore||{};const e=window.lnCore._attrRegistry=window.lnCore._attrRegistry||{byAttr:new Map,reactive:[],persist:[]};return e.byReactive=e.byReactive||new Map,e.reactiveWildcard=e.reactiveWildcard||[],e}function re(e){const t=N(),n=e.observed||[];for(let r=0;r<n.length;r++){const l=n[r];t.byAttr.has(l)||t.byAttr.set(l,[]),t.byAttr.get(l).push(e)}if(t.byDeclaredAttr=t.byDeclaredAttr||new Map,e.attributes)for(const r in e.attributes){t.byDeclaredAttr.has(r)||t.byDeclaredAttr.set(r,[]);const l=t.byDeclaredAttr.get(r);l.some(i=>i.componentTag===e.componentTag)||l.push({spec:e.attributes[r],componentTag:e.componentTag})}if(e.onAttrChange||e.effects){t.reactive.push(e);const r=te(e);if(r===null)t.reactiveWildcard.push(e);else for(const l of r)t.byReactive.has(l)||t.byReactive.set(l,[]),t.byReactive.get(l).push(e)}e.persist&&t.persist.push(e)}function B(e,t,n,r){for(let l=0;l<e.length;l++){const i=e[l];if(!t[i.attribute])continue;const o=i.effects&&i.effects[n];o?o(t,n,r):i.onAttrChange&&(!i.declared||i.declared.has(n))&&i.onAttrChange(t,n,r)}}function oe(e){const t=e.target,n=e.attributeName;if(e.oldValue===t.getAttribute(n))return;const r=N(),l=r.byAttr.get(n);if(U()&&r.byDeclaredAttr&&r.byDeclaredAttr.has(n)&&F(t)){const i=r.byDeclaredAttr.get(n),o=t.getAttribute(n);for(let u=0;u<i.length;u++)ee(i[u].spec,o,n,i[u].componentTag,t)}if(window.lnCore._debugSink&&(n.indexOf("data-ln-")===0||l)&&window.lnCore._debugSink("attr",n,t,{oldValue:e.oldValue,newValue:t.getAttribute(n)}),n.indexOf("data-ln-")===0){const i=r.byReactive.get(n);i&&B(i,t,n,e.oldValue),r.reactiveWildcard.length&&B(r.reactiveWildcard,t,n,e.oldValue)}if(l)for(let i=0;i<l.length;i++){const o=l[i];if(o.handler){o.handler(t,n,e.oldValue);continue}o.onAttributeChange&&t[o.attribute]?o.onAttributeChange(t,n):(ne(t,o.selector,o.attribute,o.ComponentFn),o.onInit&&o.onInit(t))}}function ie(){window.lnCore=window.lnCore||{},!window.lnCore._attrObserverBound&&(window.lnCore._attrObserverBound=!0,E(function(){new MutationObserver(function(t){for(let n=0;n<t.length;n++)try{oe(t[n])}catch(r){console.error("[ln-core] mutation handler failed",t[n].target,r)}}).observe(document.body,{attributes:!0,subtree:!0,attributeOldValue:!0})},"ln-core"))}function le(e,t){re({observed:e,handler:t}),ie()}function R(e){return(e||"").replace(/^#/,"")}function D(e){const t=e===void 0?location.hash:e,n={},r=R(t);if(!r)return n;const l=r.split("&");for(let i=0;i<l.length;i++){const o=l[i];if(!o)continue;const u=o.indexOf(":"),s=u>-1?o.slice(0,u):o,d=u>-1?o.slice(u+1):"";if(s)try{n[s]=decodeURIComponent(d)}catch{n[s]=d}}return n}function se(e){if(!e)return null;const t=D();return e in t?t[e]:null}function ae(e,t){if(!e)return;const n=D();t==null?delete n[e]:n[e]=String(t);const l=Object.keys(n).map(function(i){const o=n[i];return o===""?i:i+":"+encodeURIComponent(o)}).join("&");R(location.hash)!==l&&(location.hash=l)}function ue(e){return e.button===1||e.ctrlKey||e.metaKey||e.shiftKey?!1:(e.preventDefault(),!0)}function ce(e,t){if(!e||!e.hasAttribute("data-ln-hash"))return null;const n=e.getAttribute("data-ln-hash");if(n&&n.trim()!=="")return n.trim();const r=e.getAttribute("data-ln-sort")||e.getAttribute("data-ln-search-for")||e.getAttribute("data-ln-search")||e.getAttribute("data-ln-filter")||e.id;return r?t?r+"-"+t:r:t||null}function fe(e,t){return!t||t==="none"||e===null||e===void 0?null:String(e)+"."+t}function de(e){return!e||typeof e!="string"?null:e.endsWith(".asc")?{fieldOrColumn:e.slice(0,-4),direction:"asc"}:e.endsWith(".desc")?{fieldOrColumn:e.slice(0,-5),direction:"desc"}:null}function we(e,t){return!e||!Array.isArray(t)||t.length===0?null:e+":"+t.map(encodeURIComponent).join(",")}function be(e){if(!e||typeof e!="string")return null;const t=e.indexOf(":");if(t===-1)return null;const n=e.slice(0,t),r=e.slice(t+1),l=r?r.split(",").map(function(i){try{return decodeURIComponent(i)}catch{return i}}).filter(Boolean):[];return{key:n,values:l}}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.hashParse=D,window.lnCore.hashGet=se,window.lnCore.hashSet=ae,window.lnCore.hashLinkClick=ue,window.lnCore.resolveHashNamespace=ce,window.lnCore.hashSortEncode=fe,window.lnCore.hashSortDecode=de,window.lnCore.hashFilterEncode=we,window.lnCore.hashFilterDecode=be),(function(){const e="data-ln-ajax",t="lnAjax",n="data-ln-data-coordinator-scope";if(window[t]!==void 0)return;let r=null;function l(a){if(!a.hasAttribute(e)||a[t])return;a[t]=!0;const c=d(a);i(c.links),o(c.forms)}function i(a){for(const c of a){if(c[t+"Trigger"]||c.hostname&&c.hostname!==window.location.hostname)continue;const w=c.getAttribute("href");if(w&&w.includes("#"))continue;const f=function(m){if(!K(m,c))return;m.preventDefault();const C=c.getAttribute("href");C&&s("GET",C,null,c)};c.addEventListener("click",f),c[t+"Trigger"]=f}}function o(a){for(const c of a){if(c[t+"Trigger"])continue;if(c.hasAttribute(n)){c[t+"ScopeWarned"]||(c[t+"ScopeWarned"]=!0,console.warn("[ln-ajax] Form has data-ln-data-coordinator-scope — the ln-data-coordinator write pipeline takes precedence; skipping ajax interception for this form."));continue}const w=function(f){if(f.defaultPrevented)return;f.preventDefault();const m=c.method.toUpperCase(),C=c.action,T=new FormData(c);for(const v of c.querySelectorAll('button, input[type="submit"]'))v.disabled=!0;s(m,C,T,c,function(){for(const v of c.querySelectorAll('button, input[type="submit"]'))v.disabled=!1})};c.addEventListener("submit",w),c[t+"Trigger"]=w}}function u(a){if(!a[t])return;const c=d(a);for(const w of c.links)w[t+"Trigger"]&&(w.removeEventListener("click",w[t+"Trigger"]),delete w[t+"Trigger"]);for(const w of c.forms)w[t+"Trigger"]&&(w.removeEventListener("submit",w[t+"Trigger"]),delete w[t+"Trigger"]);delete a[t]}function s(a,c,w,f,m){if(G(f,"ln-ajax:before-start",{method:a,url:c}).defaultPrevented)return;a==="GET"&&r&&r(),y(f,"ln-ajax:start",{method:a,url:c}),f.classList.add("ln-ajax--loading");const T=document.createElement("span");T.className="ln-ajax-spinner",f.appendChild(T);function v(){f.classList.remove("ln-ajax--loading");const b=f.querySelector(".ln-ajax-spinner");b&&b.remove(),m&&m()}let A=c;const V=document.querySelector('meta[name="csrf-token"]'),L=V?V.getAttribute("content"):null;w instanceof FormData&&L&&w.append("_token",L);const j={method:a,headers:{"X-Requested-With":"XMLHttpRequest",Accept:"application/json"}};if(L&&(j.headers["X-CSRF-TOKEN"]=L),a==="GET"&&w){const b=new URLSearchParams(w);A=c+(c.includes("?")?"&":"?")+b.toString()}else a!=="GET"&&w&&(j.body=w);let _=null;if(a==="GET"){const b=new AbortController;j.signal=b.signal,_=function(){r=null,b.abort(),v(),y(f,"ln-ajax:aborted",{method:a,url:A})},r=_}fetch(A,j).then(function(b){const $=b.ok,g=b.status;return b.text().then(function(S){let k=null,x=null;if(S&&S.trim())try{k=JSON.parse(S)}catch(he){x=he}return{ok:$,status:g,data:k,parseError:x}})}).then(function(b){_&&r===_&&(r=null);const $=b.status,g=b.data,S=b.parseError;if(b.ok&&!S){if(g&&g.title&&(document.title=g.title),g&&g.content)for(const k in g.content){const x=document.getElementById(k);x&&(x.innerHTML=g.content[k])}if(f.tagName==="A"){const k=f.getAttribute("href");k&&window.history.pushState({ajax:!0},"",k)}else f.tagName==="FORM"&&f.method.toUpperCase()==="GET"&&window.history.pushState({ajax:!0},"",A);y(f,"ln-ajax:success",{method:a,url:A,data:g})}else y(f,"ln-ajax:error",{method:a,url:A,status:$,data:g,error:S||null});v(),y(f,"ln-ajax:complete",{method:a,url:A})}).catch(function(b){b&&b.name==="AbortError"||(_&&r===_&&(r=null),y(f,"ln-ajax:error",{method:a,url:A,status:0,data:null,error:b}),v(),y(f,"ln-ajax:complete",{method:a,url:A}))})}function d(a){const c={links:[],forms:[]};return a.tagName==="A"&&a.getAttribute(e)!=="false"?c.links.push(a):a.tagName==="FORM"&&a.getAttribute(e)!=="false"?c.forms.push(a):(c.links=Array.from(a.querySelectorAll('a:not([data-ln-ajax="false"])')),c.forms=Array.from(a.querySelectorAll('form:not([data-ln-ajax="false"])'))),c}function h(){E(function(){new MutationObserver(function(c){for(const w of c)if(w.type==="childList"){for(const f of w.addedNodes)if(f.nodeType===1&&(l(f),!f.hasAttribute(e))){for(const C of f.querySelectorAll("["+e+"]"))l(C);const m=f.closest&&f.closest("["+e+"]");if(m&&m.getAttribute(e)!=="false"){const C=d(f);i(C.links),o(C.forms)}}}}).observe(document.body,{childList:!0,subtree:!0}),le([e],function(c){l(c)})},"ln-ajax")}function p(){for(const a of document.querySelectorAll("["+e+"]"))l(a)}window[t]=l,window[t].destroy=u,h(),document.readyState==="loading"?document.addEventListener("DOMContentLoaded",p):p()})()})();

package/components/ln-ajax/ln-ajax.schema.json

@@ -0,0 +1,30 @@
+{
+	"$comment": "This file is partly generated. The $comment, component, generator, and each attribute's direction, sources, type, values, fallback, and description keys are owned by the generator and synchronized from JS source code. All other keys are preserved and safe to hand-author. Regenerate with `npm run sync:ln-schemas`.",
+	"component": "ln-ajax",
+	"generator": "scripts/sync-ln-schemas.mjs",
+	"attributes": {
+		"data-ln-ajax": {
+			"direction": "author",
+			"sources": [
+				"ln-ajax-dev.scss",
+				"src/ln-ajax.js"
+			],
+			"type": "marker",
+			"description": "Enables AJAX interception of form submissions and anchor clicks within container"
+		},
+		"data-ln-data-coordinator-scope": {
+			"direction": "author",
+			"sources": [
+				"src/ln-ajax.js"
+			],
+			"type": "string",
+			"description": "Excludes form from ln-ajax interception to let data coordinator handle submission"
+		},
+		"data-ln-debug": {
+			"direction": null,
+			"sources": [
+				"ln-ajax-dev.scss"
+			]
+		}
+	}
+}

package/{js → components}/ln-ajax/src/ln-ajax.js

@@ -1,12 +1,22 @@
-import { guardBody, dispatch, dispatchCancelable, shouldInterceptLink } from '../../ln-core';
+import { guardBody, dispatch, dispatchCancelable, shouldInterceptLink, observeAttributes } from '../../ln-core';
 
 (function () {
 	const DOM_SELECTOR = 'data-ln-ajax';
 	const DOM_ATTRIBUTE = 'lnAjax';
-	const SCOPE_ATTR = 'data-ln-form-scope';
+	const SCOPE_ATTR = 'data-ln-data-coordinator-scope';
 
 	if (window[DOM_ATTRIBUTE] !== undefined) return;
 
+	// A GET response writes document-wide (title, ids, history), so a newer GET
+	// supersedes the in-flight one wherever it started. Other methods are never aborted.
+	let abortInflightGet = null;
+
+	// ─── Attribute Contract (SSOT) ──────────────────────────
+	const ATTRIBUTES = {
+		'data-ln-ajax':                  { type: 'marker', description: 'Enables AJAX interception of form submissions and anchor clicks within container' },
+		'data-ln-data-coordinator-scope': { type: 'string', description: 'Excludes form from ln-ajax interception to let data coordinator handle submission' }
+	};
+
 	function _constructor(domRoot) {
 		if (!domRoot.hasAttribute(DOM_SELECTOR)) return;
 		if (domRoot[DOM_ATTRIBUTE]) return;
@@ -49,7 +59,7 @@ import { guardBody, dispatch, dispatchCancelable, shouldInterceptLink } from '..
 			if (form.hasAttribute(SCOPE_ATTR)) {
 				if (!form[DOM_ATTRIBUTE + 'ScopeWarned']) {
 					form[DOM_ATTRIBUTE + 'ScopeWarned'] = true;
-					console.warn('[ln-ajax] Form has data-ln-form-scope — the ln-data-coordinator write pipeline takes precedence; skipping ajax interception for this form.');
+					console.warn('[ln-ajax] Form has data-ln-data-coordinator-scope — the ln-data-coordinator write pipeline takes precedence; skipping ajax interception for this form.');
 				}
 				continue;
 			}
@@ -101,6 +111,8 @@ import { guardBody, dispatch, dispatchCancelable, shouldInterceptLink } from '..
 		const before = dispatchCancelable(element, 'ln-ajax:before-start', { method: method, url: url });
 		if (before.defaultPrevented) return;
 
+		if (method === 'GET' && abortInflightGet) abortInflightGet();
+
 		dispatch(element, 'ln-ajax:start', { method: method, url: url });
 
 		element.classList.add('ln-ajax--loading');
@@ -143,22 +155,48 @@ import { guardBody, dispatch, dispatchCancelable, shouldInterceptLink } from '..
 			options.body = data;
 		}
 
+		let abort = null;
+		if (method === 'GET') {
+			const controller = new AbortController();
+			options.signal = controller.signal;
+			abort = function () {
+				abortInflightGet = null;
+				controller.abort();
+				_cleanup();
+				dispatch(element, 'ln-ajax:aborted', { method: method, url: finalUrl });
+			};
+			abortInflightGet = abort;
+		}
+
 		fetch(finalUrl, options)
 			.then(function (response) {
 				const ok = response.ok;
-				return response.json().then(function (data) {
-					return { ok: ok, status: response.status, data: data };
+				const status = response.status;
+				return response.text().then(function (text) {
+					let data = null;
+					let parseError = null;
+					if (text && text.trim()) {
+						try {
+							data = JSON.parse(text);
+						} catch (err) {
+							parseError = err;
+						}
+					}
+					return { ok: ok, status: status, data: data, parseError: parseError };
 				});
 			})
 			.then(function (result) {
+				if (abort && abortInflightGet === abort) abortInflightGet = null;
+				const status = result.status;
 				const data = result.data;
+				const parseError = result.parseError;
 
-				if (result.ok) {
-					if (data.title) {
+				if (result.ok && !parseError) {
+					if (data && data.title) {
 						document.title = data.title;
 					}
 
-					if (data.content) {
+					if (data && data.content) {
 						for (const targetId in data.content) {
 							const targetElement = document.getElementById(targetId);
 							if (targetElement) {
@@ -178,29 +216,26 @@ import { guardBody, dispatch, dispatchCancelable, shouldInterceptLink } from '..
 
 					dispatch(element, 'ln-ajax:success', { method: method, url: finalUrl, data: data });
 				} else {
-					dispatch(element, 'ln-ajax:error', { method: method, url: finalUrl, status: result.status, data: data });
+					dispatch(element, 'ln-ajax:error', {
+						method: method,
+						url: finalUrl,
+						status: status,
+						data: data,
+						error: parseError || null
+					});
 				}
 
-				// Auto-dispatch response message as a toast event.
-				// Any listener (ln-toast by default) can pick it up.
-				if (data.message) {
-					const msg = data.message;
-					window.dispatchEvent(new CustomEvent('ln-toast:enqueue', {
-						detail: {
-							type: msg.type || (result.ok ? 'success' : 'error'),
-							title: msg.title || '',
-							message: msg.body || ''
-						}
-					}));
-				}
-
-				dispatch(element, 'ln-ajax:complete', { method: method, url: finalUrl });
 				_cleanup();
+				dispatch(element, 'ln-ajax:complete', { method: method, url: finalUrl });
 			})
 			.catch(function (error) {
-				dispatch(element, 'ln-ajax:error', { method: method, url: finalUrl, error: error });
-				dispatch(element, 'ln-ajax:complete', { method: method, url: finalUrl });
+				// Superseded: abort() already cleaned up and emitted ln-ajax:aborted
+				if (error && error.name === 'AbortError') return;
+				if (abort && abortInflightGet === abort) abortInflightGet = null;
+				// True network failure / DNS / offline (fetch itself threw)
+				dispatch(element, 'ln-ajax:error', { method: method, url: finalUrl, status: 0, data: null, error: error });
 				_cleanup();
+				dispatch(element, 'ln-ajax:complete', { method: method, url: finalUrl });
 			});
 	}
 
@@ -243,17 +278,17 @@ import { guardBody, dispatch, dispatchCancelable, shouldInterceptLink } from '..
 								}
 							}
 						}
-					} else if (mutation.type === 'attributes') {
-						_constructor(mutation.target);
 					}
 				}
 			});
 
 			observer.observe(document.body, {
 				childList: true,
-				subtree: true,
-				attributes: true,
-				attributeFilter: [DOM_SELECTOR]
+				subtree: true
+			});
+
+			observeAttributes([DOM_SELECTOR], function (el) {
+				_constructor(el);
 			});
 		}, 'ln-ajax');
 	}