@livenetworks/ashlar 1.4.1 → 1.6.0

package/js/ln-modal-coordinator/src/ln-modal-coordinator.js

@@ -0,0 +1,345 @@
+import { registerComponent, dispatch, hashGet, hashSet, hashParse, hashLinkClick } from '../../ln-core';
+
+(function () {
+	const DOM_SELECTOR = 'data-ln-modal-coordinator';
+	const DOM_ATTRIBUTE = 'lnModalCoordinator';
+
+	if (window[DOM_ATTRIBUTE] !== undefined) return;
+
+	// Helper to resolve target modal from trigger element / wrapper / ID
+	function _findTargetModal(triggerEl, modalId) {
+		if (modalId) {
+			if (triggerEl) {
+				const wrapper = triggerEl.closest('[' + DOM_SELECTOR + ']');
+				if (wrapper) {
+					if (wrapper.id === modalId && wrapper.hasAttribute('data-ln-modal')) return wrapper;
+					const scoped = wrapper.querySelector('#' + CSS.escape(modalId) + '[data-ln-modal], [data-ln-modal="' + modalId + '"]');
+					if (scoped) return scoped;
+				}
+			}
+			const el = document.getElementById(modalId) || document.querySelector('[data-ln-modal="' + modalId + '"]');
+			if (el) return el;
+		}
+
+		if (triggerEl) {
+			const wrapper = triggerEl.closest('[' + DOM_SELECTOR + ']');
+			if (wrapper) {
+				if (wrapper.hasAttribute('data-ln-modal')) return wrapper;
+				const scoped = wrapper.querySelector('[data-ln-modal]');
+				if (scoped) return scoped;
+			}
+			const closest = triggerEl.closest('[data-ln-modal]');
+			if (closest) return closest;
+		}
+
+		return document.querySelector('[data-ln-modal]');
+	}
+
+	// Hash param for a modal open. Edit opens must carry a TRUTHY segment so
+	// foreign hashchanges never route them through the empty-param reset branch
+	// (which would wipe the edit fill). Prefer the real entity id
+	// (data-ln-fill-id) for a bookmarkable URL; fall back to the non-addressable
+	// marker 'edit' when the trigger fills inline with no id. New opens carry ''.
+	function _hashParamForOpen(mode, triggerEl) {
+		if (mode !== 'edit') return '';
+		if (triggerEl) {
+			const fillId = triggerEl.getAttribute('data-ln-fill-id');
+			if (fillId) return fillId;
+		}
+		return 'edit';
+	}
+
+	// Helper to reset all forms and display fields inside a modal panel
+	function _resetModalForm(modal) {
+		if (!modal) return;
+		const fields = modal.querySelectorAll('[data-ln-field]');
+		for (let i = 0; i < fields.length; i++) {
+			fields[i].textContent = '';
+		}
+		const forms = modal.querySelectorAll('form');
+		for (let i = 0; i < forms.length; i++) {
+			if (window.lnCore && typeof window.lnCore.lnFill === 'function') {
+				window.lnCore.lnFill(forms[i], null);
+			} else {
+				forms[i].reset();
+			}
+		}
+	}
+
+	// ─── Native Submit Pending Intake & Hash Clear ───────────
+
+	document.addEventListener('submit', function (e) {
+		if (e.defaultPrevented) return;
+		const form = e.target;
+		const modal = form.closest('[data-ln-modal]');
+		if (modal && modal.id) {
+			try {
+				sessionStorage.setItem('ln-modal-pending:' + modal.id, 'true');
+			} catch (err) {}
+			// Clear hash before native submit/reload so browser reloads clean
+			hashSet(modal.id, null);
+		}
+	});
+
+	// ─── Trigger & Hash Navigation Delegation ──────────────
+
+	document.addEventListener('click', function (e) {
+		if (e.ctrlKey || e.metaKey || e.button === 1) return;
+
+		// 1. Handle trigger click [data-ln-modal-for="modalId"]
+		const trigger = e.target.closest('[data-ln-modal-for]');
+		if (trigger) {
+			const modalId = trigger.getAttribute('data-ln-modal-for');
+			const target = _findTargetModal(trigger, modalId);
+			if (target && target.lnModal) {
+				e.preventDefault();
+
+				const MODAL_RESERVED = { lnModalFor: true, lnModalClose: true, lnModalMode: true };
+				const record = {};
+				const ds = trigger.dataset;
+				for (const key in ds) {
+					if (!key.startsWith('lnModal')) continue;
+					if (MODAL_RESERVED[key]) continue;
+					const suffix = key.slice(7);
+					if (!suffix) continue;
+					record[suffix.charAt(0).toLowerCase() + suffix.slice(1)] = ds[key];
+				}
+
+				const hasRecord = Object.keys(record).length > 0;
+
+				if (trigger.hasAttribute('data-ln-modal-mode')) {
+					target.dataset.lnModalMode = trigger.getAttribute('data-ln-modal-mode');
+				} else {
+					target.dataset.lnModalMode = hasRecord ? 'edit' : 'new';
+				}
+
+				if (hasRecord && window.lnCore && typeof window.lnCore.fill === 'function') {
+					window.lnCore.fill(target, record);
+				} else if (target.dataset.lnModalMode === 'new') {
+					_resetModalForm(target);
+				}
+
+				const current = target.getAttribute('data-ln-modal');
+				if (current === 'open') {
+					dispatch(target, 'ln-modal:request-close', {});
+				} else {
+					// Restore per-open hash-write (pre-extraction invariant): every
+					// open leaves a URL segment so _syncHashModals never closes it.
+					if (target.id) {
+						hashSet(target.id, _hashParamForOpen(target.dataset.lnModalMode, trigger));
+					}
+					dispatch(target, 'ln-modal:request-open', {});
+				}
+			}
+			return;
+		}
+
+		// 2. Handle hash anchor click <a href="#modalId"> / <a href="#modalId:param">
+		const hashAnchor = e.target.closest('a[href^="#"]');
+		if (hashAnchor) {
+			const map = hashParse(hashAnchor.getAttribute('href'));
+			for (const ns in map) {
+				const el = document.getElementById(ns);
+				if (el && el.lnModal) {
+					if (!hashLinkClick(e)) return;
+					hashSet(ns, map[ns]);
+					return;
+				}
+			}
+		}
+	});
+
+	// ─── Before Open Reset Gate ────────────────────────────
+
+	document.addEventListener('ln-modal:before-open', function (e) {
+		const modal = e.target;
+		if (!modal || !modal.lnModal) return;
+
+		const mode = modal.dataset.lnModalMode || 'new';
+		if (mode === 'new') {
+			_resetModalForm(modal);
+		}
+	});
+
+	// ─── Open Event Fill Dispatcher ───────────────────────
+
+	document.addEventListener('ln-modal:open', function (e) {
+		const modal = e.target;
+		if (!modal || !modal.lnModal || !modal.id) return;
+
+		let param = hashGet(modal.id);
+
+		// Non-trigger opens (programmatic / SSR-via-mutation) reach here with no
+		// segment — adopt one so foreign hashchanges never close the modal.
+		// Trigger opens already wrote their segment, so this is skipped for them.
+		if (param === null) {
+			param = _hashParamForOpen(modal.dataset.lnModalMode, null);
+			hashSet(modal.id, param);
+		}
+
+		if (param) {
+			modal.dataset.lnModalMode = 'edit';
+			modal.dispatchEvent(new CustomEvent('ln-fill:request', {
+				bubbles: true,
+				detail: { id: param }
+			}));
+		} else {
+			modal.dataset.lnModalMode = 'new';
+			_resetModalForm(modal);
+		}
+	});
+
+	// ─── Hash Sync Listener & Pending Submit Resolution ────
+
+	let _inSync = false;
+	function _syncHashModals() {
+		if (_inSync) return;
+		_inSync = true;
+		try {
+			const modals = document.querySelectorAll('[data-ln-modal][id]');
+			for (let i = 0; i < modals.length; i++) {
+				const modal = modals[i];
+				if (!modal.lnModal) continue;
+				const hashNs = modal.id;
+
+				const pendingKey = 'ln-modal-pending:' + hashNs;
+				let isPending = false;
+				try {
+					isPending = sessionStorage.getItem(pendingKey) === 'true';
+				} catch (err) {}
+
+				if (isPending) {
+					try {
+						sessionStorage.removeItem(pendingKey);
+					} catch (err) {}
+
+					const hasErrors = !!(
+						document.querySelector('.has-error, [data-ln-validate-error], .form-error, .alert-danger') ||
+						modal.querySelector('.has-error, [data-ln-validate-error], .form-error, .alert-danger')
+					);
+
+					if (!hasErrors) {
+						hashSet(hashNs, null);
+						dispatch(modal, 'ln-modal:request-close', {});
+						_resetModalForm(modal);
+						continue;
+					} else {
+						modal.dataset.lnModalMode = 'edit';
+						dispatch(modal, 'ln-modal:request-open', {});
+						continue;
+					}
+				}
+
+				const param = hashGet(hashNs);
+				const present = param !== null;
+				const isOpen = modal.lnModal.isOpen;
+
+				if (present) {
+					const mode = param ? 'edit' : 'new';
+					modal.dataset.lnModalMode = mode;
+					if (!isOpen) {
+						dispatch(modal, 'ln-modal:request-open', {});
+					} else {
+						// Modal is already open, but hash param changed dynamically (e.g. #modal:42 -> #modal:5)
+						if (param) {
+							modal.dispatchEvent(new CustomEvent('ln-fill:request', {
+								bubbles: true,
+								detail: { id: param }
+							}));
+						} else {
+							_resetModalForm(modal);
+						}
+					}
+				} else if (isOpen) {
+					dispatch(modal, 'ln-modal:request-close', {});
+				}
+			}
+		} finally {
+			_inSync = false;
+		}
+	}
+
+	// SSR modals authored data-ln-modal="open" never pass through a trigger or
+	// hash anchor, so they carry no URL segment. Adopt them into the hash BEFORE
+	// the first sync, so _syncHashModals sees them present and keeps them open
+	// instead of closing them as a phantom back-navigation. Skips modals that
+	// already have a segment (e.g. an SSR deep-link URL).
+	function _adoptOpenModals() {
+		const openModals = document.querySelectorAll('[data-ln-modal="open"][id]');
+		for (let i = 0; i < openModals.length; i++) {
+			const modal = openModals[i];
+			if (!modal.lnModal) continue;
+			if (hashGet(modal.id) !== null) continue;
+			hashSet(modal.id, _hashParamForOpen(modal.dataset.lnModalMode, null));
+		}
+	}
+
+	window.addEventListener('hashchange', _syncHashModals);
+
+	function _bootSync() {
+		_adoptOpenModals();
+		_syncHashModals();
+	}
+
+	if (document.readyState === 'loading') {
+		document.addEventListener('DOMContentLoaded', function () {
+			setTimeout(_bootSync, 0);
+		});
+	} else {
+		setTimeout(_bootSync, 0);
+	}
+
+	// ─── Form Submission Auto-Close Mediation ────────────────
+
+	function _handleFormSuccess(e) {
+		const modal = e.target.closest('[data-ln-modal]');
+		if (!modal || !modal.lnModal) return;
+
+		if (modal.id) {
+			try {
+				sessionStorage.removeItem('ln-modal-pending:' + modal.id);
+			} catch (err) {}
+			hashSet(modal.id, null);
+		}
+
+		dispatch(modal, 'ln-modal:request-close', {});
+		_resetModalForm(modal);
+	}
+
+	document.addEventListener('ln-form:success', _handleFormSuccess);
+	document.addEventListener('ln-ajax:success', _handleFormSuccess);
+
+	// ─── Hash Cleanup & Reset on Modal Close ───────────────
+
+	document.addEventListener('ln-modal:close', function (e) {
+		const modal = e.target;
+		if (!modal || !modal.lnModal) return;
+
+		if (modal.id) {
+			try {
+				sessionStorage.removeItem('ln-modal-pending:' + modal.id);
+			} catch (err) {}
+			if (hashGet(modal.id) !== null) {
+				hashSet(modal.id, null);
+			}
+		}
+
+		if (modal.dataset.lnModalMode === 'new') {
+			_resetModalForm(modal);
+		}
+	});
+
+	// ─── Component Constructor & Registration ────────────
+
+	function _component(dom) {
+		this.dom = dom;
+		return this;
+	}
+
+	_component.prototype.destroy = function () {
+		if (!this.dom[DOM_ATTRIBUTE]) return;
+		delete this.dom[DOM_ATTRIBUTE];
+	};
+
+	registerComponent(DOM_SELECTOR, DOM_ATTRIBUTE, _component, 'ln-modal-coordinator');
+})();

package/js/ln-nav/README.md

@@ -3,8 +3,6 @@
 Active link highlighter — automatically marks the active link in navigation based on the current URL.
 Works with `pushState` (ln-ajax) and `popstate` (browser back/forward).
 
-For internal mechanics — singleton `history.pushState` patch, per-instance MutationObserver, URL normalization — see [`docs/js/nav.md`](../../docs/js/nav.md).
-
 ## Integration
 
 ### In-Bundle (Standard Integration)
@@ -28,11 +26,14 @@ If you only need the active link highlighter component, load the compiled zero-d
 | Attribute | On | Description |
 |-----------|-----|-------------|
 | `data-ln-nav="className"` | `<nav>` element | CSS class to apply to the active link (any class name) |
+| `data-ln-nav-exact` | `<nav>` element | Opt out of parent-prefix matching — only exact URL matches activate a link. Read at init; adding it after initialization requires re-init. |
 
 ## Behavior
 
 - Compares each `<a href>` inside the nav against `window.location.pathname`.
-- **Match rule**: exact match (`/users` == `/users`) OR parent-prefix match (`/users` matches `/users/42`). Root (`/`) is exact-only — it never matches as a parent. Trailing slashes are normalized (`/users/` == `/users`).
+- **Match rule (default)**: exact match (`/users` == `/users`) OR parent-prefix match (`/users` matches `/users/42`). Root (`/`) is exact-only — it never matches as a parent. Trailing slashes are normalized (`/users/` == `/users`).
+- **Exact-only mode** (`data-ln-nav-exact`): only strict URL equality activates a link. Parent-prefix matching is disabled.
+- Active links receive both the CSS class AND `aria-current="page"` (accessibility). Inactive links have `aria-current` removed.
 - Re-runs on `popstate` (browser back/forward) and on `history.pushState` (ln-ajax navigation) automatically — no configuration.
 - New `<a>` elements added under the nav after init are scored immediately (per-instance MutationObserver).
 
@@ -68,3 +69,45 @@ nav a {
 ## API
 
 `data-ln-nav` is the contract — setting the attribute on a connected `<nav>` is sufficient (the document-level MutationObserver picks it up). For custom roots that the observer does not watch (Shadow DOM, iframe), call `window.lnNav(rootElement)` to upgrade manually. Each `[data-ln-nav]` element exposes `element.lnNav.destroy()` for teardown.
+
+---
+
+## ⚡ DOM Events
+
+All events bubble from the `<nav>` element.
+
+| Event | Cancelable | Payload (`detail`) | Description |
+|---|---|---|---|
+| `ln-nav:before-update` | Yes | `{ target }` | Fires at the start of every `update()` pass. Call `e.preventDefault()` to skip the highlight recalculation. |
+| `ln-nav:update` | No | `{ target }` | Fires after active classes / `aria-current` have been applied to matching links. |
+| `ln-nav:destroyed` | No | `{ target }` | Fires inside `destroy()`, after listeners/observer are torn down. |
+
+---
+
+## 🔧 Internals
+
+Source: `js/ln-nav/ln-nav.js`. Registered via `registerComponent` with `extraAttributes: ['data-ln-nav-exact']` and an `onAttributeChange` bridge — the shared core handles instantiation, body-guarding, and teardown.
+
+### Singleton `pushState` patch
+
+`history.pushState` is monkey-patched once per page, guarded by `history._lnNavPatched`. Every `[data-ln-nav]` instance pushes its `updateHandler` onto a shared `_pushStateCallbacks` array; the patched `pushState` calls the original, then invokes every registered handler. This is the only mechanism that catches URL changes from `pushState`-based navigation (e.g. `ln-ajax`); `popstate` is wired separately for back/forward.
+
+### Per-instance MutationObserver
+
+Each instance also watches its own container (`childList`/`subtree`) so dynamically inserted/removed anchors (e.g. an AJAX-rendered menu) trigger `update()` without waiting for a URL change.
+
+### URL normalization & matching
+
+Both `link.href` and `location.pathname` go through `new URL(href, location.href)` then a trailing-slash strip (root falls back to `/`). Hash-only links, `mailto:`/`tel:`/`javascript:`, and cross-host links are excluded outright. Match rule: exact equality, or (unless `data-ln-nav-exact`) parent-prefix — `normalizedCurrent.startsWith(normalizedHref + '/')`, with `/` excluded from the parent rule so root doesn't match everything.
+
+### `update()` sequence
+
+Dispatches cancelable `ln-nav:before-update` (a listener calling `preventDefault()` aborts) → adds `activeClass` + `aria-current="page"` to matching links, removes both from non-matching ones → dispatches bubbling `ln-nav:update`.
+
+### Attribute bridge
+
+`_syncAttribute(el, attrName)` runs on `data-ln-nav`/`data-ln-nav-exact` mutation: a class-name change clears the old class from every anchor before caching the new one and re-running `update()`; an exact-mode change updates the flag and re-runs `update()`.
+
+### Teardown
+
+`destroy()` disconnects the local observer, removes the `popstate` listener, splices `updateHandler` out of the global `_pushStateCallbacks` array, and dispatches `ln-nav:destroyed`.

package/js/ln-nav/ln-nav.js

@@ -1 +1 @@
-(function(){"use strict";function y(r,s){if(!document.body){document.addEventListener("DOMContentLoaded",function(){y(r,s)}),console.warn("["+s+'] Script loaded before <body> — add "defer" to your <script> tag');return}r()}const h={};function m(r,s){h[r]=s}function g(r){return h[r]||{ingress:s=>s,egress:s=>s}}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.registerDataMapper=m,window.lnCore.getDataMapper=g),(function(){const r="data-ln-nav",s="lnNav";if(window[s]!==void 0)return;const w=new WeakMap,l=[];if(!history._lnNavPatched){const t=history.pushState;history.pushState=function(){t.apply(history,arguments);for(const o of l)o()},history._lnNavPatched=!0}function f(t){if(!t.hasAttribute(r)||w.has(t))return;const o=t.getAttribute(r);if(!o)return;const e=S(t,o);w.set(t,e),t[s]=e}function S(t,o){let e=Array.from(t.querySelectorAll("a"));p(e,o,window.location.pathname);const n=function(){e=Array.from(t.querySelectorAll("a")),p(e,o,window.location.pathname)};window.addEventListener("popstate",n),l.push(n);const a=new MutationObserver(function(d){for(const u of d)if(u.type==="childList"){for(const i of u.addedNodes)if(i.nodeType===1){if(i.tagName==="A")e.push(i),p([i],o,window.location.pathname);else if(i.querySelectorAll){const c=Array.from(i.querySelectorAll("a"));e=e.concat(c),p(c,o,window.location.pathname)}}for(const i of u.removedNodes)if(i.nodeType===1){if(i.tagName==="A")e=e.filter(function(c){return c!==i});else if(i.querySelectorAll){const c=Array.from(i.querySelectorAll("a"));e=e.filter(function(v){return!c.includes(v)})}}}});return a.observe(t,{childList:!0,subtree:!0}),{navElement:t,activeClass:o,observer:a,updateHandler:n,destroy:function(){a.disconnect(),window.removeEventListener("popstate",n);const d=l.indexOf(n);d!==-1&&l.splice(d,1),w.delete(t),delete t[s]}}}function b(t){try{return new URL(t,window.location.href).pathname.replace(/\/$/,"")||"/"}catch{return t.replace(/\/$/,"")||"/"}}function p(t,o,e){const n=b(e);for(const a of t){const d=a.getAttribute("href");if(!d)continue;const u=b(d);a.classList.remove(o);const i=u===n,c=u!=="/"&&n.startsWith(u+"/");(i||c)&&a.classList.add(o)}}function L(){y(function(){new MutationObserver(function(o){for(const e of o)if(e.type==="childList"){for(const n of e.addedNodes)if(n.nodeType===1&&(n.hasAttribute&&n.hasAttribute(r)&&f(n),n.querySelectorAll))for(const a of n.querySelectorAll("["+r+"]"))f(a)}else e.type==="attributes"&&e.target.hasAttribute&&e.target.hasAttribute(r)&&f(e.target)}).observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[r]})},"ln-nav")}window[s]=f;function A(){for(const t of document.querySelectorAll("["+r+"]"))f(t)}L(),document.readyState==="loading"?document.addEventListener("DOMContentLoaded",A):A()})()})();
+(function(){"use strict";if(typeof window<"u"){const t=console.warn;console.warn=function(...e){typeof e[0]=="string"&&(e[0].startsWith("[ln-")||e[0].startsWith("[lnCore"))&&!(document.documentElement.hasAttribute("data-ln-debug")||document.body&&document.body.hasAttribute("data-ln-debug"))||t.apply(console,e)}}const w={};function D(t,e){w[t]||(w[t]=document.querySelector('[data-ln-template="'+t+'"]'));const i=w[t];return i?i.content.cloneNode(!0):(console.warn("["+(e||"ln-core")+'] Template "'+t+'" not found'),null)}function A(t,e,i){t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:i||{}}))}function W(t,e,i){const c=new CustomEvent(e,{bubbles:!0,cancelable:!0,detail:i||{}});return t.dispatchEvent(c),c}function x(t,e){if(!t||!e)return t;const i=t.querySelectorAll("[data-ln-field]");for(let n=0;n<i.length;n++){const o=i[n],r=o.getAttribute("data-ln-field");e[r]!=null&&(o.textContent=e[r])}const c=t.querySelectorAll("[data-ln-attr]");for(let n=0;n<c.length;n++){const o=c[n],r=o.getAttribute("data-ln-attr").split(",");for(let l=0;l<r.length;l++){const s=r[l].trim().split(":");if(s.length!==2)continue;const u=s[0].trim(),f=s[1].trim();e[f]!=null&&o.setAttribute(u,e[f])}}const d=t.querySelectorAll("[data-ln-show]");for(let n=0;n<d.length;n++){const o=d[n],r=o.getAttribute("data-ln-show");r in e&&o.classList.toggle("hidden",!e[r])}const a=t.querySelectorAll("[data-ln-class]");for(let n=0;n<a.length;n++){const o=a[n],r=o.getAttribute("data-ln-class").split(",");for(let l=0;l<r.length;l++){const s=r[l].trim().split(":");if(s.length!==2)continue;const u=s[0].trim(),f=s[1].trim();f in e&&o.classList.toggle(u,!!e[f])}}return t}function j(t,e){t.matches&&t.matches("[data-ln-form], [data-ln-fillable]")&&t.dispatchEvent(new CustomEvent("ln-fill",{detail:e??null,bubbles:!0}));const i=t.querySelectorAll("[data-ln-form], [data-ln-fillable]");for(let c=0;c<i.length;c++)i[c].dispatchEvent(new CustomEvent("ln-fill",{detail:e??null,bubbles:!0}));return t}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore._fillBound||(window.lnCore._fillBound=!0,document.addEventListener("ln-fill",function(t){if(!(!t.target.matches||!t.target.matches("[data-ln-fillable]")))if(t.detail)x(t.target,t.detail);else{const e=t.target.querySelectorAll("[data-ln-field]");for(let i=0;i<e.length;i++)e[i].textContent=""}})));function L(t,e){if(!t||!e)return t;const i=document.createTreeWalker(t,NodeFilter.SHOW_TEXT);for(;i.nextNode();){const a=i.currentNode;a.textContent.indexOf("{{")!==-1&&(a.textContent=a.textContent.replace(/\{\{\s*(\w+)\s*\}\}/g,function(n,o){return e[o]!==void 0?e[o]:""}))}const c=function(a,n){return e[n]!==void 0?e[n]:""},d=Array.from(t.querySelectorAll("*"));t.nodeType===1&&d.push(t);for(let a=0;a<d.length;a++){const n=d[a],o=n.attributes;for(let r=0;r<o.length;r++){const l=o[r];l.value.indexOf("{{")!==-1&&n.setAttribute(l.name,l.value.replace(/\{\{\s*(\w+)\s*\}\}/g,c))}}return t}function M(t,e,i,c,d,a){const n={};for(let r=0;r<t.children.length;r++){const l=t.children[r],s=l.getAttribute("data-ln-key");s&&(n[s]=l)}const o=document.createDocumentFragment();for(let r=0;r<e.length;r++){const l=e[r],s=String(c(l));let u=n[s];if(u)d(u,l,r);else{const f=D(i,a);if(!f||(L(f,l),u=f.firstElementChild,!u))continue;u.setAttribute("data-ln-key",s),d(u,l,r)}o.appendChild(u)}t.textContent="",t.appendChild(o)}function S(t,e){if(!document.body){document.addEventListener("DOMContentLoaded",function(){S(t,e)}),console.warn("["+e+'] Script loaded before <body> — add "defer" to your <script> tag');return}t()}function b(t,e,i,c){if(t.nodeType!==1)return;const a=e.indexOf("[")!==-1||e.indexOf(".")!==-1||e.indexOf("#")!==-1?e:"["+e+"]",n=Array.from(t.querySelectorAll(a));t.matches&&t.matches(a)&&n.push(t);for(const o of n)o[i]||(o[i]=new c(o))}function N(t,e,i,c,d={}){const a=d.extraAttributes||[],n=d.onAttributeChange||null,o=d.onInit||null;function r(l){const s=l||document.body;b(s,t,e,i),o&&o(s)}return S(function(){const l=new MutationObserver(function(u){for(let f=0;f<u.length;f++){const h=u[f];if(h.type==="childList"){for(let p=0;p<h.addedNodes.length;p++){const m=h.addedNodes[p];m.nodeType===1&&(b(m,t,e,i),o&&o(m))}for(let p=0;p<h.removedNodes.length;p++){const m=h.removedNodes[p];if(m.nodeType===1){const T=t.indexOf("[")!==-1||t.indexOf(".")!==-1||t.indexOf("#")!==-1?t:"["+t+"]",y=Array.from(m.querySelectorAll(T));m.matches&&m.matches(T)&&y.push(m);for(let C=0;C<y.length;C++){const q=y[C];if(!document.contains(q)){const v=q[e];v&&typeof v.destroy=="function"&&v.destroy()}}}}}else h.type==="attributes"&&(n&&h.target[e]?n(h.target,h.attributeName):(b(h.target,t,e,i),o&&o(h.target)))}});let s=[];if(t.indexOf("[")!==-1){const u=/\[([\w-]+)/g;let f;for(;(f=u.exec(t))!==null;)s.push(f[1])}else s.push(t);l.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:s.concat(a)})},c),window[e]=r,document.readyState==="loading"?document.addEventListener("DOMContentLoaded",function(){r(document.body)}):r(document.body),r}const k={};function H(t,e){k[t]=e}function P(t){return k[t]||{ingress:e=>e,egress:e=>e}}const O={};function E(t,e){if(!t||typeof e!="object")return;const i=t.toLowerCase().split("-")[0];O[i]=e}function F(t){if(!t)return null;const e=t.toLowerCase().split("-")[0];return O[e]||null}E("mk",{monthsLong:["јануари","февруари","март","април","мај","јуни","јули","август","септември","октомври","ноември","декември"],monthsShort:["јан","фев","мар","апр","мај","јун","јул","авг","септ","окт","ноем","дек"],daysLong:["недела","понеделник","вторник","среда","четврток","петок","сабота"],daysShort:["нед","пон","вт","ср","чет","пет","саб"]}),typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.registerDataMapper=H,window.lnCore.getDataMapper=P,window.lnCore.registerLocaleFallback=E,window.lnCore.getLocaleFallback=F,window.lnCore.fillTemplate=L,window.lnCore.fill=x,window.lnCore.lnFill=j,window.lnCore.renderList=M);function _(t){return(t||"").replace(/^#/,"")}function g(t){const e=t===void 0?location.hash:t,i={},c=_(e);if(!c)return i;const d=c.split("&");for(let a=0;a<d.length;a++){const n=d[a];if(!n)continue;const o=n.indexOf(":"),r=o>-1?n.slice(0,o):n,l=o>-1?n.slice(o+1):"";if(r)try{i[r]=decodeURIComponent(l)}catch{i[r]=l}}return i}function B(t){if(!t)return null;const e=g();return t in e?e[t]:null}function I(t,e){if(!t)return;const i=g();e==null?delete i[t]:i[t]=String(e);const d=Object.keys(i).map(function(a){const n=i[a];return n===""?a:a+":"+encodeURIComponent(n)}).join("&");_(location.hash)!==d&&(location.hash=d)}function R(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=g,window.lnCore.hashGet=B,window.lnCore.hashSet=I,window.lnCore.hashLinkClick=R),(function(){const t="data-ln-nav",e="lnNav";if(window[e]!==void 0)return;const i=[];if(!history._lnNavPatched){const n=history.pushState;history.pushState=function(){n.apply(history,arguments);for(const o of i)o()},history._lnNavPatched=!0}function c(n){return this.dom=n,this.activeClass=n.getAttribute(t)||"active",this.exact=n.hasAttribute("data-ln-nav-exact"),this.updateHandler=()=>this.update(),window.addEventListener("popstate",this.updateHandler),i.push(this.updateHandler),this.observer=new MutationObserver(()=>this.update()),this.observer.observe(n,{childList:!0,subtree:!0}),this.update(),this}c.prototype.update=function(){if(!this.activeClass||W(this.dom,"ln-nav:before-update",{target:this.dom}).defaultPrevented)return;const o=Array.from(this.dom.querySelectorAll("a")),r=window.location.pathname,l=d(r);for(const s of o){const u=s.getAttribute("href");if(!u||u==="#"||u.startsWith("#")||u.startsWith("javascript:")||u.startsWith("mailto:")||u.startsWith("tel:")){s.classList.remove(this.activeClass),s.removeAttribute("aria-current");continue}if(s.hostname&&s.hostname!==window.location.hostname){s.classList.remove(this.activeClass),s.removeAttribute("aria-current");continue}const f=d(u),h=f===l,p=!this.exact&&f!=="/"&&l.startsWith(f+"/");h||p?(s.classList.add(this.activeClass),s.setAttribute("aria-current","page")):(s.classList.remove(this.activeClass),s.removeAttribute("aria-current"))}A(this.dom,"ln-nav:update",{target:this.dom})},c.prototype.destroy=function(){if(!this.dom[e])return;this.observer&&this.observer.disconnect(),window.removeEventListener("popstate",this.updateHandler);const n=i.indexOf(this.updateHandler);n!==-1&&i.splice(n,1),A(this.dom,"ln-nav:destroyed",{target:this.dom}),delete this.dom[e]};function d(n){try{return new URL(n,window.location.href).pathname.replace(/\/$/,"")||"/"}catch{return n.replace(/\/$/,"")||"/"}}function a(n,o){const r=n[e];if(r){if(o===t){if(!n.hasAttribute(t)){r.destroy();return}const l=r.activeClass,s=n.getAttribute(t)||"active";if(l!==s){const u=n.querySelectorAll("a");for(const f of u)l&&f.classList.remove(l);r.activeClass=s}}else o==="data-ln-nav-exact"&&(r.exact=n.hasAttribute("data-ln-nav-exact"));r.update()}}N(t,e,c,"ln-nav",{extraAttributes:["data-ln-nav-exact"],onAttributeChange:a})})()})();