@livenetworks/ashlar 1.6.1 → 2.0.0

package/js/ln-filter/src/ln-filter.js

@@ -1,419 +0,0 @@
-import { dispatch, fillTemplate, registerComponent } from '../../ln-core';
-import { createBatcher } from '../../ln-core';
-import { persistGet, persistSet } from '../../ln-core';
-
-(function () {
-	const DOM_SELECTOR = 'data-ln-filter';
-	const DOM_ATTRIBUTE = 'lnFilter';
-	const KEY_ATTR = 'data-ln-filter-key';
-	const VALUE_ATTR = 'data-ln-filter-value';
-	const HIDE_ATTR = 'data-ln-filter-hide';
-	const RESET_ATTR = 'data-ln-filter-reset';
-	const COL_ATTR = 'data-ln-filter-col';
-
-	// Shared column filter state per table (AND across columns, OR within column)
-	const _tableFilters = new WeakMap();
-
-	if (window[DOM_ATTRIBUTE] !== undefined) return;
-
-	function _isReset(input) {
-		return input.hasAttribute(RESET_ATTR) || input.getAttribute(VALUE_ATTR) === '';
-	}
-
-	function _deriveActive(self) {
-		let key = self._filterKey;
-		const values = [];
-		for (let i = 0; i < self.inputs.length; i++) {
-			const input = self.inputs[i];
-			if (input.checked && !_isReset(input)) {
-				const v = input.getAttribute(VALUE_ATTR);
-				if (v) values.push(v);
-			}
-		}
-		return { key: key, values: values };
-	}
-
-	function _arraysDiffer(a, b) {
-		if (a.length !== b.length) return true;
-		for (let i = 0; i < a.length; i++) if (a[i] !== b[i]) return true;
-		return false;
-	}
-
-	// ─── Auto-populate from table column ───────────────────────
-
-	function _populateFromColumn(instance) {
-		const dom = instance.dom;
-		const colIndex = instance.colIndex;
-		const tmpl = dom.querySelector('template');
-		if (!tmpl || colIndex === null) return;
-
-		const target = document.getElementById(instance.targetId);
-		if (!target) return;
-
-		const table = target.tagName === 'TABLE' ? target : target.querySelector('table');
-		if (!table || target.hasAttribute('data-ln-table')) return;
-
-		// Collect unique values from column
-		const seen = {};
-		const values = [];
-		const bodies = table.tBodies;
-		for (let b = 0; b < bodies.length; b++) {
-			const rows = bodies[b].rows;
-			for (let r = 0; r < rows.length; r++) {
-				const cell = rows[r].cells[colIndex];
-				const text = cell ? cell.textContent.trim() : '';
-				if (text && !seen[text]) {
-					seen[text] = true;
-					values.push(text);
-				}
-			}
-		}
-		values.sort(function (a, b) {
-			return a.localeCompare(b);
-		});
-
-		// Determine the filter key from existing inputs or dom attribute
-		const existingInput = dom.querySelector('[' + KEY_ATTR + ']');
-		const filterKey = existingInput
-			? existingInput.getAttribute(KEY_ATTR)
-			: (dom.getAttribute('data-ln-filter-key') || 'col' + colIndex);
-
-		// Clone template for each value
-		for (let i = 0; i < values.length; i++) {
-			const clone = tmpl.content.cloneNode(true);
-			const input = clone.querySelector('input');
-			if (!input) continue;
-			input.setAttribute(KEY_ATTR, filterKey);
-			input.setAttribute(VALUE_ATTR, values[i]);
-			fillTemplate(clone, { text: values[i] });
-			dom.appendChild(clone);
-		}
-	}
-
-	// ─── Component ─────────────────────────────────────────────
-
-	function _component(dom) {
-		this.dom = dom;
-		this.targetId = dom.getAttribute(DOM_SELECTOR);
-
-		// Column index for table filtering (null = not a table column filter)
-		const colAttr = dom.getAttribute(COL_ATTR);
-		this.colIndex = colAttr !== null ? parseInt(colAttr, 10) : null;
-
-		// Auto-populate from table column if template present
-		_populateFromColumn(this);
-
-		// Collect inputs AFTER auto-populate (new inputs may have been added)
-		this.inputs = Array.from(dom.querySelectorAll('[' + KEY_ATTR + ']'));
-		this._filterKey = this.inputs.length > 0 ? this.inputs[0].getAttribute(KEY_ATTR) : null;
-
-		// Event-diff cache — null means never dispatched yet
-		this._lastSnapshot = null;
-
-		const self = this;
-
-		const queueRender = createBatcher(
-			function () { self._render(); },
-			function () { self._afterRender(); }
-		);
-
-		// Stash for use in change handler
-		this._queueRender = queueRender;
-
-		this._attachHandlers();
-
-		// ─── Restore persisted filter ─────────────────────────────
-		let _persistRestored = false;
-		if (dom.hasAttribute('data-ln-persist')) {
-			const saved = persistGet('filter', dom);
-			if (saved && saved.key && Array.isArray(saved.values) && saved.values.length > 0) {
-				// Write input.checked on matching inputs
-				for (let i = 0; i < this.inputs.length; i++) {
-					const input = this.inputs[i];
-					if (_isReset(input)) {
-						input.checked = false;
-					} else if (input.getAttribute(KEY_ATTR) === saved.key &&
-					           saved.values.indexOf(input.getAttribute(VALUE_ATTR)) !== -1) {
-						input.checked = true;
-					} else {
-						input.checked = false;
-					}
-				}
-				queueRender();
-				_persistRestored = true;
-			}
-		}
-
-		if (!_persistRestored) {
-			// DOM is already canonical — only schedule render if anything is pre-checked
-			// so visibility is applied and the initial ln-filter:changed fires (via
-			// null-snapshot diff in _afterRender).
-			for (let i = 0; i < this.inputs.length; i++) {
-				if (this.inputs[i].checked && !_isReset(this.inputs[i])) {
-					queueRender();
-					break;
-				}
-			}
-		}
-
-		return this;
-	}
-
-	// ─── Handlers ──────────────────────────────────────────────
-
-	_component.prototype._attachHandlers = function () {
-		const self = this;
-
-		this.inputs.forEach(function (input) {
-			if (input[DOM_ATTRIBUTE + 'Bound']) return;
-			input[DOM_ATTRIBUTE + 'Bound'] = true;
-
-			input._lnFilterChange = function () {
-				if (_isReset(input)) {
-					// Reset sentinel — regardless of direction, enforce checked + clear values
-					for (let i = 0; i < self.inputs.length; i++) {
-						if (!_isReset(self.inputs[i])) self.inputs[i].checked = false;
-					}
-					// Force sentinel back to checked (clicking an already-checked sentinel
-					// would natively uncheck it; force back to checked)
-					input.checked = true;
-					self._queueRender();
-					return;
-				}
-
-				if (input.checked) {
-					// Mutual exclusion: uncheck all reset sentinels
-					for (let i = 0; i < self.inputs.length; i++) {
-						if (_isReset(self.inputs[i])) self.inputs[i].checked = false;
-					}
-					// If all non-reset inputs are now checked → collapse to sentinel
-					// (only when a reset sentinel exists; lists without one skip this)
-					let hasReset = false;
-					for (let ri = 0; ri < self.inputs.length; ri++) {
-						if (_isReset(self.inputs[ri])) { hasReset = true; break; }
-					}
-					if (hasReset) {
-						let allChecked = true;
-						for (let ci = 0; ci < self.inputs.length; ci++) {
-							if (!_isReset(self.inputs[ci]) && !self.inputs[ci].checked) {
-								allChecked = false;
-								break;
-							}
-						}
-						if (allChecked) {
-							for (let mi = 0; mi < self.inputs.length; mi++) {
-								if (_isReset(self.inputs[mi])) self.inputs[mi].checked = true;
-								else self.inputs[mi].checked = false;
-							}
-						}
-					}
-				} else {
-					// If no non-reset values remain checked, fall back to reset
-					let anyChecked = false;
-					for (let i = 0; i < self.inputs.length; i++) {
-						if (!_isReset(self.inputs[i]) && self.inputs[i].checked) {
-							anyChecked = true;
-							break;
-						}
-					}
-					if (!anyChecked) {
-						for (let i = 0; i < self.inputs.length; i++) {
-							if (_isReset(self.inputs[i])) self.inputs[i].checked = true;
-						}
-					}
-				}
-
-				self._queueRender();
-			};
-			input.addEventListener('change', input._lnFilterChange);
-		});
-	};
-
-	// ─── Render ────────────────────────────────────────────────
-
-	_component.prototype._render = function () {
-		const self = this;
-		const active = _deriveActive(this);
-		const isReset = active.key === null || active.values.length === 0;
-
-		// Build lowercase lookup for target filtering
-		const lowerValues = [];
-		for (let i = 0; i < active.values.length; i++) {
-			lowerValues.push(active.values[i].toLowerCase());
-		}
-
-		// Apply filter
-		if (self.colIndex !== null) {
-			// Table column filtering — shared multi-column logic
-			self._filterTableRows(active);
-		} else {
-			// Standard target-children filtering by data attribute
-			const target = document.getElementById(self.targetId);
-			if (!target) return;
-
-			const children = target.children;
-			for (let i = 0; i < children.length; i++) {
-				const el = children[i];
-
-				if (isReset) {
-					el.removeAttribute(HIDE_ATTR);
-					continue;
-				}
-
-				const attr = el.getAttribute('data-' + active.key);
-				el.removeAttribute(HIDE_ATTR);
-
-				if (attr === null) continue;
-
-				// OR logic: visible if attr matches ANY active value
-				if (lowerValues.indexOf(attr.toLowerCase()) === -1) {
-					el.setAttribute(HIDE_ATTR, 'true');
-				}
-			}
-		}
-	};
-
-	_component.prototype._afterRender = function () {
-		const active = _deriveActive(this);
-		const prev = this._lastSnapshot;
-		const changed = !prev
-			|| prev.key !== active.key
-			|| _arraysDiffer(prev.values, active.values);
-
-		if (changed) {
-			// ln-filter:changed always fires when state moves
-			this._dispatchOnBoth('ln-filter:changed', {
-				key: active.key,
-				values: active.values.slice()
-			});
-
-			// ln-filter:reset fires only on transition into reset state
-			const wasActive = prev && prev.values.length > 0;
-			const nowReset = active.values.length === 0;
-			if (wasActive && nowReset) {
-				this._dispatchOnBoth('ln-filter:reset', {});
-			}
-
-			this._lastSnapshot = { key: active.key, values: active.values.slice() };
-		}
-
-		// Persist current filter state
-		if (this.dom.hasAttribute('data-ln-persist')) {
-			if (active.key && active.values.length > 0) {
-				persistSet('filter', this.dom, { key: active.key, values: active.values.slice() });
-			} else {
-				persistSet('filter', this.dom, null);
-			}
-		}
-	};
-
-	_component.prototype._dispatchOnBoth = function (eventName, detail) {
-		dispatch(this.dom, eventName, detail);
-		const target = document.getElementById(this.targetId);
-		if (target && target !== this.dom) {
-			dispatch(target, eventName, detail);
-		}
-	};
-
-	// ─── Table Row Filtering ───────────────────────────────────
-
-	_component.prototype._filterTableRows = function (active) {
-		const target = document.getElementById(this.targetId);
-		if (!target) return;
-
-		const table = target.tagName === 'TABLE' ? target : target.querySelector('table');
-		if (!table) return;
-
-		// Guard: don't filter if this is an ln-table (it handles its own filtering)
-		if (target.hasAttribute('data-ln-table')) return;
-
-		const key = active.key || this._filterKey;
-		const values = active.values;
-
-		// Get or create shared filter map for this table
-		if (!_tableFilters.has(table)) {
-			_tableFilters.set(table, {});
-		}
-		const filters = _tableFilters.get(table);
-
-		// Update this filter's entry
-		if (key && values.length > 0) {
-			const lower = [];
-			for (let i = 0; i < values.length; i++) {
-				lower.push(values[i].toLowerCase());
-			}
-			filters[key] = { col: this.colIndex, values: lower };
-		} else if (key) {
-			delete filters[key];
-		}
-
-		// Check if any column filters are active
-		const filterKeys = Object.keys(filters);
-		const hasFilters = filterKeys.length > 0;
-
-		// Apply all active filters to all rows (AND across columns, OR within column)
-		const bodies = table.tBodies;
-		for (let b = 0; b < bodies.length; b++) {
-			const rows = bodies[b].rows;
-			for (let r = 0; r < rows.length; r++) {
-				const row = rows[r];
-
-				if (!hasFilters) {
-					row.removeAttribute(HIDE_ATTR);
-					continue;
-				}
-
-				let visible = true;
-				for (let f = 0; f < filterKeys.length; f++) {
-					const filter = filters[filterKeys[f]];
-					const cell = row.cells[filter.col];
-					const cellText = cell ? cell.textContent.trim().toLowerCase() : '';
-					// OR within column: visible if cell text matches ANY filter value
-					if (filter.values.indexOf(cellText) === -1) {
-						visible = false;
-						break; // AND across columns: fail fast
-					}
-				}
-
-				if (visible) {
-					row.removeAttribute(HIDE_ATTR);
-				} else {
-					row.setAttribute(HIDE_ATTR, 'true');
-				}
-			}
-		}
-	};
-
-	// ─── Destroy ───────────────────────────────────────────────
-
-	_component.prototype.destroy = function () {
-		if (!this.dom[DOM_ATTRIBUTE]) return;
-
-		// Clean up table filter registry
-		if (this.colIndex !== null) {
-			const target = document.getElementById(this.targetId);
-			if (target) {
-				const table = target.tagName === 'TABLE' ? target : target.querySelector('table');
-				if (table && _tableFilters.has(table)) {
-					const filters = _tableFilters.get(table);
-					const key = this._filterKey;
-					if (key && filters[key]) delete filters[key];
-					if (Object.keys(filters).length === 0) _tableFilters.delete(table);
-				}
-			}
-		}
-
-		this.inputs.forEach(function (input) {
-			if (input._lnFilterChange) {
-				input.removeEventListener('change', input._lnFilterChange);
-				delete input._lnFilterChange;
-			}
-			delete input[DOM_ATTRIBUTE + 'Bound'];
-		});
-		delete this.dom[DOM_ATTRIBUTE];
-	};
-
-	// ─── Init ──────────────────────────────────────────────────
-
-	registerComponent(DOM_SELECTOR, DOM_ATTRIBUTE, _component, 'ln-filter');
-})();

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

@@ -1 +0,0 @@
-(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 y={};function M(t,e){y[t]||(y[t]=document.querySelector('[data-ln-template="'+t+'"]'));const s=y[t];return s?s.content.cloneNode(!0):(console.warn("["+(e||"ln-core")+'] Template "'+t+'" not found'),null)}function D(t,e,s){t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:s||{}}))}function v(t,e){if(!t||!e)return t;const s=t.querySelectorAll("[data-ln-field]");for(let n=0;n<s.length;n++){const i=s[n],l=i.getAttribute("data-ln-field");e[l]!=null&&(i.textContent=e[l])}const d=t.querySelectorAll("[data-ln-attr]");for(let n=0;n<d.length;n++){const i=d[n],l=i.getAttribute("data-ln-attr").split(",");for(let r=0;r<l.length;r++){const u=l[r].trim().split(":");if(u.length!==2)continue;const a=u[0].trim(),f=u[1].trim();e[f]!=null&&i.setAttribute(a,e[f])}}const c=t.querySelectorAll("[data-ln-show]");for(let n=0;n<c.length;n++){const i=c[n],l=i.getAttribute("data-ln-show");l in e&&i.classList.toggle("hidden",!e[l])}const o=t.querySelectorAll("[data-ln-class]");for(let n=0;n<o.length;n++){const i=o[n],l=i.getAttribute("data-ln-class").split(",");for(let r=0;r<l.length;r++){const u=l[r].trim().split(":");if(u.length!==2)continue;const a=u[0].trim(),f=u[1].trim();f in e&&i.classList.toggle(a,!!e[f])}}return t}function q(t,e){t.matches&&t.matches("[data-ln-form], [data-ln-fillable]")&&t.dispatchEvent(new CustomEvent("ln-fill",{detail:e??null,bubbles:!0}));const s=t.querySelectorAll("[data-ln-form], [data-ln-fillable]");for(let d=0;d<s.length;d++)s[d].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)v(t.target,t.detail);else{const e=t.target.querySelectorAll("[data-ln-field]");for(let s=0;s<e.length;s++)e[s].textContent=""}})));function x(t,e){if(!t||!e)return t;const s=document.createTreeWalker(t,NodeFilter.SHOW_TEXT);for(;s.nextNode();){const o=s.currentNode;o.textContent.indexOf("{{")!==-1&&(o.textContent=o.textContent.replace(/\{\{\s*(\w+)\s*\}\}/g,function(n,i){return e[i]!==void 0?e[i]:""}))}const d=function(o,n){return e[n]!==void 0?e[n]:""},c=Array.from(t.querySelectorAll("*"));t.nodeType===1&&c.push(t);for(let o=0;o<c.length;o++){const n=c[o],i=n.attributes;for(let l=0;l<i.length;l++){const r=i[l];r.value.indexOf("{{")!==-1&&n.setAttribute(r.name,r.value.replace(/\{\{\s*(\w+)\s*\}\}/g,d))}}return t}function I(t,e,s,d,c,o){const n={};for(let l=0;l<t.children.length;l++){const r=t.children[l],u=r.getAttribute("data-ln-key");u&&(n[u]=r)}const i=document.createDocumentFragment();for(let l=0;l<e.length;l++){const r=e[l],u=String(d(r));let a=n[u];if(a)c(a,r,l);else{const f=M(s,o);if(!f||(x(f,r),a=f.firstElementChild,!a))continue;a.setAttribute("data-ln-key",u),c(a,r,l)}i.appendChild(a)}t.textContent="",t.appendChild(i)}function _(t,e){if(!document.body){document.addEventListener("DOMContentLoaded",function(){_(t,e)}),console.warn("["+e+'] Script loaded before <body> — add "defer" to your <script> tag');return}t()}function g(t,e,s,d){if(t.nodeType!==1)return;const o=e.indexOf("[")!==-1||e.indexOf(".")!==-1||e.indexOf("#")!==-1?e:"["+e+"]",n=Array.from(t.querySelectorAll(o));t.matches&&t.matches(o)&&n.push(t);for(const i of n)i[s]||(i[s]=new d(i))}function N(t){if(typeof t!="string")return!!t;const e=t.trim().toLowerCase();return e!=="false"&&e!=="0"&&e!==""&&e!=="off"&&e!=="no"}function F(t,e){const s=t.elements,d=[],c={};for(let o=0;o<s.length;o++){const n=s[o];n.name&&n.type==="checkbox"&&(c[n.name]=(c[n.name]||0)+1)}for(let o=0;o<s.length;o++){const n=s[o];if(n.type==="file"||n.type==="submit"||n.type==="button")continue;const i=n.getAttribute("data-ln-fill-as")||n.name;if(!i||!(i in e))continue;const l=e[i];if(n.type==="checkbox"){if(Array.isArray(l))n.checked=l.indexOf(n.value)!==-1;else if(c[n.name]>1){const r=String(l).split(",").map(function(u){return u.trim()});n.checked=r.indexOf(n.value)!==-1}else n.checked=N(l);d.push(n)}else if(n.type==="radio")n.checked=n.value===String(l),d.push(n);else if(n.type==="select-multiple"){if(Array.isArray(l))for(let r=0;r<n.options.length;r++)n.options[r].selected=l.indexOf(n.options[r].value)!==-1;d.push(n)}else n.value=l,d.push(n)}return d}function R(t,e,s,d,c={}){const o=c.extraAttributes||[],n=c.onAttributeChange||null,i=c.onInit||null;function l(r){const u=r||document.body;g(u,t,e,s),i&&i(u)}return _(function(){const r=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,s),i&&i(p))}for(let m=0;m<h.removedNodes.length;m++){const p=h.removedNodes[m];if(p.nodeType===1){const O=t.indexOf("[")!==-1||t.indexOf(".")!==-1||t.indexOf("#")!==-1?t:"["+t+"]",b=Array.from(p.querySelectorAll(O));p.matches&&p.matches(O)&&b.push(p);for(let C=0;C<b.length;C++){const S=b[C];if(!document.contains(S)){const A=S[e];A&&typeof A.destroy=="function"&&A.destroy()}}}}}else h.type==="attributes"&&(n&&h.target[e]?n(h.target,h.attributeName):(g(h.target,t,e,s),i&&i(h.target)))}});let u=[];if(t.indexOf("[")!==-1){const a=/\[([\w-]+)/g;let f;for(;(f=a.exec(t))!==null;)u.push(f[1])}else u.push(t);r.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:u.concat(o)})},d),window[e]=l,document.readyState==="loading"?document.addEventListener("DOMContentLoaded",function(){l(document.body)}):l(document.body),l}const L={};function j(t,e){L[t]=e}function B(t){return L[t]||{ingress:e=>e,egress:e=>e}}const E={};function k(t,e){if(!t||typeof e!="object")return;const s=t.toLowerCase().split("-")[0];E[s]=e}function W(t){if(!t)return null;const e=t.toLowerCase().split("-")[0];return E[e]||null}k("mk",{monthsLong:["јануари","февруари","март","април","мај","јуни","јули","август","септември","октомври","ноември","декември"],monthsShort:["јан","фев","мар","апр","мај","јун","јул","авг","септ","окт","ноем","дек"],daysLong:["недела","понеделник","вторник","среда","четврток","петок","сабота"],daysShort:["нед","пон","вт","ср","чет","пет","саб"]}),typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.registerDataMapper=j,window.lnCore.getDataMapper=B,window.lnCore.registerLocaleFallback=k,window.lnCore.getLocaleFallback=W,window.lnCore.fillTemplate=x,window.lnCore.fill=v,window.lnCore.lnFill=q,window.lnCore.renderList=I);function T(t){return(t||"").replace(/^#/,"")}function w(t){const e=t===void 0?location.hash:t,s={},d=T(e);if(!d)return s;const c=d.split("&");for(let o=0;o<c.length;o++){const n=c[o];if(!n)continue;const i=n.indexOf(":"),l=i>-1?n.slice(0,i):n,r=i>-1?n.slice(i+1):"";if(l)try{s[l]=decodeURIComponent(r)}catch{s[l]=r}}return s}function U(t){if(!t)return null;const e=w();return t in e?e[t]:null}function K(t,e){if(!t)return;const s=w();e==null?delete s[t]:s[t]=String(e);const c=Object.keys(s).map(function(o){const n=s[o];return n===""?o:o+":"+encodeURIComponent(n)}).join("&");T(location.hash)!==c&&(location.hash=c)}function G(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=w,window.lnCore.hashGet=U,window.lnCore.hashSet=K,window.lnCore.hashLinkClick=G),(function(){const t="data-ln-form",e="lnForm",s="data-ln-form-action-edit",d="data-ln-form-action-method";if(window[e]!==void 0)return;function c(o){this.dom=o,this._baseAction=o.getAttribute("action")||"";const n=this;return this._onLnFill=function(i){i.target===n.dom&&(i.detail?(n.fill(i.detail),n._applyActionMode(i.detail)):n.dom.reset())},this._onReset=function(){n._applyActionMode(null)},o.addEventListener("ln-fill",this._onLnFill),o.addEventListener("reset",this._onReset),this}c.prototype.fill=function(o){const n=F(this.dom,o);for(let i=0;i<n.length;i++){const l=n[i],r=l.tagName==="SELECT"||l.type==="checkbox"||l.type==="radio";l.dispatchEvent(new Event(r?"change":"input",{bubbles:!0}))}},c.prototype._ensureMethodInput=function(){let o=this.dom.querySelector('input[name="_method"]');return o||(o=document.createElement("input"),o.type="hidden",o.name="_method",o.value="",this.dom.appendChild(o)),o},c.prototype._applyActionMode=function(o){if(!this.dom.hasAttribute(s))return;const n=o&&o.id!=null&&o.id!==""?o.id:null,i=this._ensureMethodInput();if(n!==null){const l=this.dom.getAttribute(s);l?this.dom.setAttribute("action",l.replace(":id",encodeURIComponent(n))):this.dom.setAttribute("action",this._baseAction.replace(/\/$/,"")+"/"+encodeURIComponent(n)),i.value=this.dom.getAttribute(d)||"PUT"}else this.dom.setAttribute("action",this._baseAction),i.value=""},c.prototype.destroy=function(){this.dom[e]&&(this.dom.removeEventListener("ln-fill",this._onLnFill),this.dom.removeEventListener("reset",this._onReset),D(this.dom,"ln-form:destroyed",{target:this.dom}),delete this.dom[e])},R(t,e,c,"ln-form")})()})();

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

@@ -1 +0,0 @@
-(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}}})()})();

package/js/ln-link/ln-link.js

@@ -1 +0,0 @@
-(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 m={};function D(t,e){m[t]||(m[t]=document.querySelector('[data-ln-template="'+t+'"]'));const l=m[t];return l?l.content.cloneNode(!0):(console.warn("["+(e||"ln-core")+'] Template "'+t+'" not found'),null)}function O(t,e,l){const a=new CustomEvent(e,{bubbles:!0,cancelable:!0,detail:l||{}});return t.dispatchEvent(a),a}function L(t,e){if(!t||!e)return t;const l=t.querySelectorAll("[data-ln-field]");for(let i=0;i<l.length;i++){const r=l[i],o=r.getAttribute("data-ln-field");e[o]!=null&&(r.textContent=e[o])}const a=t.querySelectorAll("[data-ln-attr]");for(let i=0;i<a.length;i++){const r=a[i],o=r.getAttribute("data-ln-attr").split(",");for(let s=0;s<o.length;s++){const h=o[s].trim().split(":");if(h.length!==2)continue;const b=h[0].trim(),g=h[1].trim();e[g]!=null&&r.setAttribute(b,e[g])}}const d=t.querySelectorAll("[data-ln-show]");for(let i=0;i<d.length;i++){const r=d[i],o=r.getAttribute("data-ln-show");o in e&&r.classList.toggle("hidden",!e[o])}const c=t.querySelectorAll("[data-ln-class]");for(let i=0;i<c.length;i++){const r=c[i],o=r.getAttribute("data-ln-class").split(",");for(let s=0;s<o.length;s++){const h=o[s].trim().split(":");if(h.length!==2)continue;const b=h[0].trim(),g=h[1].trim();g in e&&r.classList.toggle(b,!!e[g])}}return t}function B(t,e){t.matches&&t.matches("[data-ln-form], [data-ln-fillable]")&&t.dispatchEvent(new CustomEvent("ln-fill",{detail:e??null,bubbles:!0}));const l=t.querySelectorAll("[data-ln-form], [data-ln-fillable]");for(let a=0;a<l.length;a++)l[a].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)L(t.target,t.detail);else{const e=t.target.querySelectorAll("[data-ln-field]");for(let l=0;l<e.length;l++)e[l].textContent=""}})));function k(t,e){if(!t||!e)return t;const l=document.createTreeWalker(t,NodeFilter.SHOW_TEXT);for(;l.nextNode();){const c=l.currentNode;c.textContent.indexOf("{{")!==-1&&(c.textContent=c.textContent.replace(/\{\{\s*(\w+)\s*\}\}/g,function(i,r){return e[r]!==void 0?e[r]:""}))}const a=function(c,i){return e[i]!==void 0?e[i]:""},d=Array.from(t.querySelectorAll("*"));t.nodeType===1&&d.push(t);for(let c=0;c<d.length;c++){const i=d[c],r=i.attributes;for(let o=0;o<r.length;o++){const s=r[o];s.value.indexOf("{{")!==-1&&i.setAttribute(s.name,s.value.replace(/\{\{\s*(\w+)\s*\}\}/g,a))}}return t}function M(t,e,l,a,d,c){const i={};for(let o=0;o<t.children.length;o++){const s=t.children[o],h=s.getAttribute("data-ln-key");h&&(i[h]=s)}const r=document.createDocumentFragment();for(let o=0;o<e.length;o++){const s=e[o],h=String(a(s));let b=i[h];if(b)d(b,s,o);else{const g=D(l,c);if(!g||(k(g,s),b=g.firstElementChild,!b))continue;b.setAttribute("data-ln-key",h),d(b,s,o)}r.appendChild(b)}t.textContent="",t.appendChild(r)}function A(t,e){if(!document.body){document.addEventListener("DOMContentLoaded",function(){A(t,e)}),console.warn("["+e+'] Script loaded before <body> — add "defer" to your <script> tag');return}t()}const v={};function R(t,e){v[t]=e}function N(t){return v[t]||{ingress:e=>e,egress:e=>e}}const _={};function E(t,e){if(!t||typeof e!="object")return;const l=t.toLowerCase().split("-")[0];_[l]=e}function F(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=R,window.lnCore.getDataMapper=N,window.lnCore.registerLocaleFallback=E,window.lnCore.getLocaleFallback=F,window.lnCore.fillTemplate=k,window.lnCore.fill=L,window.lnCore.lnFill=B,window.lnCore.renderList=M);function S(t){return(t||"").replace(/^#/,"")}function y(t){const e=t===void 0?location.hash:t,l={},a=S(e);if(!a)return l;const d=a.split("&");for(let c=0;c<d.length;c++){const i=d[c];if(!i)continue;const r=i.indexOf(":"),o=r>-1?i.slice(0,r):i,s=r>-1?i.slice(r+1):"";if(o)try{l[o]=decodeURIComponent(s)}catch{l[o]=s}}return l}function I(t){if(!t)return null;const e=y();return t in e?e[t]:null}function W(t,e){if(!t)return;const l=y();e==null?delete l[t]:l[t]=String(e);const d=Object.keys(l).map(function(c){const i=l[c];return i===""?c:c+":"+encodeURIComponent(i)}).join("&");S(location.hash)!==d&&(location.hash=d)}function j(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=I,window.lnCore.hashSet=W,window.lnCore.hashLinkClick=j),(function(){const t="data-ln-link",e="lnLink";if(window[e]!==void 0)return;let l=null;function a(){l=document.createElement("div"),l.className="ln-link-status",document.body.appendChild(l)}function d(n){l&&(l.textContent=n,l.classList.add("ln-link-status--visible"))}function c(){l&&l.classList.remove("ln-link-status--visible")}function i(n,f){if(f.target.closest("a, button, input, select, textarea"))return;const u=n.querySelector("a");if(!u)return;const p=u.getAttribute("href");if(!p)return;if(f.ctrlKey||f.metaKey||f.button===1){window.open(p,"_blank");return}O(n,"ln-link:navigate",{target:n,href:p,link:u}).defaultPrevented||u.click()}function r(n){const f=n.querySelector("a");if(!f)return;const u=f.getAttribute("href");u&&d(u)}function o(){c()}function s(n){n[e+"Row"]||!n.querySelector("a")||(n[e+"Row"]=!0,n._lnLinkClick=function(u){i(n,u)},n._lnLinkEnter=function(){r(n)},n.addEventListener("click",n._lnLinkClick),n.addEventListener("mouseenter",n._lnLinkEnter),n.addEventListener("mouseleave",o))}function h(n){n[e+"Row"]&&(n._lnLinkClick&&n.removeEventListener("click",n._lnLinkClick),n._lnLinkEnter&&n.removeEventListener("mouseenter",n._lnLinkEnter),n.removeEventListener("mouseleave",o),delete n._lnLinkClick,delete n._lnLinkEnter,delete n[e+"Row"])}function b(n){if(!n[e+"Init"])return;const f=n.tagName;if(f==="TABLE"||f==="TBODY"){const u=f==="TABLE"&&n.querySelector("tbody")||n;for(const p of u.querySelectorAll("tr"))h(p)}else h(n);delete n[e+"Init"]}function g(n){if(n[e+"Init"])return;n[e+"Init"]=!0;const f=n.tagName;if(f==="TABLE"||f==="TBODY"){const u=f==="TABLE"&&n.querySelector("tbody")||n;for(const p of u.querySelectorAll("tr"))s(p)}else s(n)}function w(n){n.hasAttribute&&n.hasAttribute(t)&&g(n);const f=n.querySelectorAll?n.querySelectorAll("["+t+"]"):[];for(const u of f)g(u)}function K(){A(function(){new MutationObserver(function(f){for(const u of f)if(u.type==="childList"){for(const p of u.addedNodes)if(p.nodeType===1){w(p);const C=p.closest("["+t+"]");if(C)if(p.tagName==="TR")s(p);else{const x=C.tagName;if(x==="TABLE"||x==="TBODY"){const U=p.querySelectorAll?p.querySelectorAll("tr"):[];for(const Y of U)s(Y)}}}}else u.type==="attributes"&&(u.target.hasAttribute&&u.target.hasAttribute(t)?w(u.target):b(u.target))}).observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[t]})},"ln-link")}function T(n){w(n)}window[e]={init:T,destroy:b};function q(){a(),K(),T(document.body)}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",q):q()})()})();

package/js/ln-list/README.md

@@ -1,129 +0,0 @@
-# ln-list
-
-A unified, structure-agnostic, and local-first **Data Presenter Component** designed to render datasets in list, card, section, or grid layouts. It connects to `ln-data-store` via CustomEvents using the **Coordinator Pattern**, supporting client-side filtering, sorting, searching, and high-performance **Virtual Scrolling** for large datasets.
-
----
-
-## 📦 Declarative Setup in HTML
-
-### 1. Simple SSR List
-For a server-rendered list where the backend outputs `<li>` elements directly:
-
-```html
-<form role="search" onsubmit="return false;">
-    <input type="search" data-ln-search="documents-list" placeholder="Search...">
-</form>
-
-<ul id="documents-list" data-ln-list="documents">
-    <li data-ln-item-id="1">Document A</li>
-    <li data-ln-item-id="2">Document B</li>
-</ul>
-```
-
-### 2. Data-Driven Grid List (with Virtual Scroll)
-Opted-in by adding the `data-ln-list-source` attribute. It clones and renders the specified `<template>`:
-
-```html
-<form role="search" onsubmit="return false;">
-    <input type="search" data-ln-search="documents-grid" placeholder="Search...">
-</form>
-
-<section id="documents-grid" 
-         data-ln-list="documents" 
-         data-ln-list-source="documents" 
-         data-ln-list-selectable>
-    
-    <!-- Items container -->
-    <ul class="grid-layout" data-ln-list-body></ul>
-
-    <!-- Row Template (Must contain an element with data-ln-item attribute) -->
-    <template data-ln-template="documents-row">
-        <li data-ln-item class="card-item">
-            <header>
-                <input type="checkbox" data-ln-item-select>
-                <h3 data-ln-field="title"></h3>
-            </header>
-            <p>{{ description }}</p>
-            <button type="button" data-ln-item-action="delete">Delete</button>
-        </li>
-    </template>
-
-    <!-- Empty States -->
-    <template data-ln-template="documents-empty">
-        <div class="empty-state">No documents found.</div>
-    </template>
-
-    <template data-ln-template="documents-empty-filtered">
-        <div class="empty-state">No matching documents found.</div>
-    </template>
-</section>
-```
-
----
-
-## 🛠️ Attributes Reference
-
-| Attribute | Elements | Description |
-| :--- | :--- | :--- |
-| `data-ln-list` | Root wrapper | Component identifier. Target must carry a unique `id`. |
-| `data-ln-list-source` | Root wrapper | Opt-in indicator for Data-Driven Mode. |
-| `data-ln-list-selectable` | Root wrapper | Enables checkbox-based item selections. |
-| `data-ln-list-window="N"` | Root wrapper | Opt-in server-side sliding-window virtualization. `N` sets the resident-item cap (default 1000). Requires Data-Driven Mode. Observable: add/remove toggles windowed mode ON/OFF live; changing `N` while windowed reconfigures the live cache. `data-ln-list-window-page`, `data-ln-list-window-threshold`, and `data-ln-list-count` are likewise observable. |
-
----
-
-## ⚡ DOM Events
-
-### Listened Events
-
-* `ln-list:set-data` `{ data, total, filtered }`: Hydrates/renders the items. Windowed mode expects `{ offset, queryGen }` echoed back — routed into the internal window cache.
-* `ln-list:set-loading` `{ loading: true|false }`: Toggles the loading dimming overlay class (`.ln-list--loading`).
-* `ln-list:page-failed` `{ offset }`: Windowed mode — the coordinator reports the page fetch at `offset` failed. Releases it from the cache's in-flight set; no auto-retry, the next `ensure()` requests it again.
-* `ln-list:request-revalidate`: Windowed mode — the coordinator asks the cache to revalidate the currently visible page after a local mutation. Stale rows stay visible, no jump to page 0.
-* `ln-search:change` `{ term }`: Captures search query from `data-ln-search` inputs.
-* `ln-sort:change` `{ field, column, direction }`: Sets `currentSort` and re-sorts (data-driven only). Ignored when `field` is `null` (index-only events have nothing to key a record by).
-
-### Emitted Events
-
-* `ln-list:request-data` `{ list, search, sort, filters }`: Requests data query from the Coordinator. Windowed mode (`data-ln-list-window`) adds `{ offset, limit, queryGen }`. Disabling windowed mode live issues a fresh full `ln-list:request-data` (no `offset`/`limit`) to repopulate the complete dataset.
-* `ln-list:ready` `{ total }`: Fired when initial markup parsing completes.
-* `ln-list:rendered` `{ list, total, visible }`: Fired after items have been drawn to DOM.
-* `ln-list:item-click` `{ list, id, record }`: Fired when clicking item body (excluding buttons, anchors, inputs).
-* `ln-list:item-action` `{ list, id, action, record }`: Fired when clicking `[data-ln-item-action]`.
-* `ln-list:select` `{ list, selectedIds, count }`: Fired when selection updates.
-* `ln-list:select-all` `{ list, selected: true|false }`: Fired when select-all triggers.
-
----
-
-## 🔧 Internals
-
-Source: `js/ln-list/src/ln-list.js`.
-
-### Spacer element matches container semantics
-
-Virtual scroll (both plain and windowed) needs top/bottom spacer elements to preserve scroll height without rendering off-screen rows. If `[data-ln-list-body]` is a `<ul>`/`<ol>`, spacers are `<li class="ln-list__spacer">` to stay HTML5-valid; any other container gets `<div class="ln-list__spacer">`.
-
-### `_renderVirtual()` vs `_renderWindowed()`
-
-Both compute the visible `start`/`end` index range from the measured first-child height and the nearest scrollable ancestor's viewport, then mount spacers and clone the row template for the visible slice via `fillTemplate`/`fill`. They differ only in row source: `_renderVirtual()` reads `this._data[i]` (the full parsed/fetched dataset); `_renderWindowed()` reads `this._cache.get(i)` (the resident sliding window) and renders a blank placeholder spacer — no shimmer — for indices outside the cache, calling `this._cache.ensure(startRow, endRow)` every pass to debounce-fetch missing rows.
-
-### Windowed mode (`data-ln-list-window="N"`)
-
-Owns an `ln-core.createWindowCache` instance (`N` = resident cap, default 1000) instead of the full dataset. `ln-list:request-data` gains `{offset, limit, queryGen}`; `ln-list:set-data` echoes `{offset, queryGen}` back into `cache.ingest()`. Select-all is hidden under `data-ln-list-selectable` + windowed mode together — a windowed list can't select rows it hasn't fetched.
-
-Every windowing attribute is live-observable, no re-init required: `data-ln-list-window-page`/`-threshold`/`data-ln-list-count` reconfigure the cache via `configure()`/`setGrandTotal()`. Adding `data-ln-list-window` to an already-initialized, non-windowed, data-driven list seeds the cache from resident items and enables windowing live. Removing it destroys the cache and issues one full (no `offset`/`limit`) `ln-list:request-data` to repopulate before rendering non-windowed again.
-
-### `_parseChildren()`
-
-Parses static children inside `[data-ln-list-body]` into `this._data` at mount (excluding existing spacers), and measures the first child's height for `this._itemHeight`.
-
-### Sort (`ln-sort:change`)
-
-Data-driven only — the SSR branch has no sort logic. `field === null` events (index-only, from an
-`ln-sort` instance authored without `data-ln-sort-field`) are ignored; `ln-list` records are
-field-keyed, not positional, so there is nothing to sort by without a field name. On a matching
-event: `preventDefault()`, `currentSort = { field, direction }` (or `null` on `direction: 'none'`),
-then mirrors `ln-table`'s own data-driven sort handling exactly — windowed lists call
-`_requestData()` (cache invalidate + re-fetch, same scheme as `ln-table`'s windowed
-`_requestData()`); non-windowed lists re-sort the already-fetched in-memory data directly
-(`_applyFilterAndSort()` + `_render()`, no server round-trip).