@livenetworks/ashlar 1.4.1 → 1.6.0

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

@@ -1,201 +1,137 @@
-import { registerComponent, dispatch, dispatchCancelable, isVisible } from '../../ln-core';
-
-(function () {
-	const DOM_SELECTOR = 'data-ln-modal';
-	const DOM_ATTRIBUTE = 'lnModal';
-
-	if (window[DOM_ATTRIBUTE] !== undefined) return;
-
-
-	function _attachTriggers(root) {
-		const triggers = Array.from(root.querySelectorAll('[data-ln-modal-for]'));
-		if (root.hasAttribute && root.hasAttribute('data-ln-modal-for')) {
-			triggers.push(root);
-		}
-		for (const btn of triggers) {
-			if (btn[DOM_ATTRIBUTE + 'Trigger']) continue;
-			const handler = function (e) {
-				if (e.ctrlKey || e.metaKey || e.button === 1) return;
-				e.preventDefault();
-				const modalId = btn.getAttribute('data-ln-modal-for');
-				const target = document.getElementById(modalId);
-				if (!target) {
-					console.warn('[ln-modal] No modal found for data-ln-modal-for="' + modalId + '"');
-					return;
-				}
-				if (!target[DOM_ATTRIBUTE]) return;
-				const current = target.getAttribute(DOM_SELECTOR);
-				target.setAttribute(DOM_SELECTOR, current === 'open' ? 'close' : 'open');
-			};
-			btn.addEventListener('click', handler);
-			btn[DOM_ATTRIBUTE + 'Trigger'] = handler;
-		}
-	}
-
-	// ─── Component ─────────────────────────────────────────────
-
-	function _component(dom) {
-		this.dom = dom;
-		this.isOpen = dom.getAttribute(DOM_SELECTOR) === 'open';
-
-		const self = this;
-
-		this._onEscape = function (e) {
-			if (e.key === 'Escape') self.dom.setAttribute(DOM_SELECTOR, 'close');
-		};
-
-		this._onFocusTrap = function (e) {
-			if (e.key !== 'Tab') return;
-			// Focuses in DOM order — positive tabindex not supported (anti-pattern per WCAG)
-			const focusable = Array.prototype.filter.call(
-				self.dom.querySelectorAll('a[href], button:not([disabled]), input:not([disabled]):not([type="hidden"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'),
-				isVisible
-			);
-			if (focusable.length === 0) return;
-			const first = focusable[0];
-			const last = focusable[focusable.length - 1];
-			if (e.shiftKey) {
-				if (document.activeElement === first) { e.preventDefault(); last.focus(); }
-			} else {
-				if (document.activeElement === last) { e.preventDefault(); first.focus(); }
-			}
-		};
-
-		this._onClose = function (e) {
-			e.preventDefault();
-			self.dom.setAttribute(DOM_SELECTOR, 'close');
-		};
-
-		_attachCloseButtons(this);
-
-		// Apply initial state if open
-		if (this.isOpen) {
-			this.dom.setAttribute('aria-modal', 'true');
-			this.dom.setAttribute('role', 'dialog');
-			document.body.classList.add('ln-modal-open');
-			document.addEventListener('keydown', this._onEscape);
-			document.addEventListener('keydown', this._onFocusTrap);
-		}
-
-		return this;
-	}
-
-	_component.prototype.destroy = function () {
-		if (!this.dom[DOM_ATTRIBUTE]) return;
-
-		if (this.isOpen) {
-			this.dom.removeAttribute('aria-modal');
-			document.removeEventListener('keydown', this._onEscape);
-			document.removeEventListener('keydown', this._onFocusTrap);
-			this._returnFocusEl = null;
-			if (!document.querySelector('[' + DOM_SELECTOR + '="open"]')) {
-				document.body.classList.remove('ln-modal-open');
-			}
-		}
-
-		const closeButtons = this.dom.querySelectorAll('[data-ln-modal-close]');
-		for (const btn of closeButtons) {
-			if (btn[DOM_ATTRIBUTE + 'Close']) {
-				btn.removeEventListener('click', btn[DOM_ATTRIBUTE + 'Close']);
-				delete btn[DOM_ATTRIBUTE + 'Close'];
-			}
-		}
-
-		const triggers = document.querySelectorAll('[data-ln-modal-for="' + this.dom.id + '"]');
-		for (const btn of triggers) {
-			if (btn[DOM_ATTRIBUTE + 'Trigger']) {
-				btn.removeEventListener('click', btn[DOM_ATTRIBUTE + 'Trigger']);
-				delete btn[DOM_ATTRIBUTE + 'Trigger'];
-			}
-		}
-
-		dispatch(this.dom, 'ln-modal:destroyed', { modalId: this.dom.id, target: this.dom });
-		delete this.dom[DOM_ATTRIBUTE];
-	};
-
-	// ─── Attribute Sync ────────────────────────────────────────
-
-	function _syncAttribute(el) {
-		const instance = el[DOM_ATTRIBUTE];
-		if (!instance) return;
-
-		const value = el.getAttribute(DOM_SELECTOR);
-		const shouldBeOpen = value === 'open';
-
-		if (shouldBeOpen === instance.isOpen) return;
-
-		if (shouldBeOpen) {
-			const before = dispatchCancelable(el, 'ln-modal:before-open', { modalId: el.id, target: el });
-			if (before.defaultPrevented) {
-				el.setAttribute(DOM_SELECTOR, 'close');
-				return;
-			}
-			instance.isOpen = true;
-			el.setAttribute('aria-modal', 'true');
-			el.setAttribute('role', 'dialog');
-			document.body.classList.add('ln-modal-open');
-			document.addEventListener('keydown', instance._onEscape);
-			document.addEventListener('keydown', instance._onFocusTrap);
-
-			const previouslyFocused = document.activeElement;
-			instance._returnFocusEl = (previouslyFocused && previouslyFocused !== document.body) ? previouslyFocused : null;
-
-			const autoFocusEl = el.querySelector('[autofocus]');
-			if (autoFocusEl && isVisible(autoFocusEl)) {
-				autoFocusEl.focus();
-			} else {
-				const inputs = el.querySelectorAll('input:not([disabled]):not([type="hidden"]), textarea:not([disabled]), select:not([disabled])');
-				const firstInput = Array.prototype.find.call(inputs, isVisible);
-				if (firstInput) firstInput.focus();
-				else {
-					const buttons = el.querySelectorAll('a[href], button:not([disabled])');
-					const firstFocusable = Array.prototype.find.call(buttons, isVisible);
-					if (firstFocusable) firstFocusable.focus();
-				}
-			}
-
-			dispatch(el, 'ln-modal:open', { modalId: el.id, target: el });
-		} else {
-			const before = dispatchCancelable(el, 'ln-modal:before-close', { modalId: el.id, target: el });
-			if (before.defaultPrevented) {
-				el.setAttribute(DOM_SELECTOR, 'open');
-				return;
-			}
-			instance.isOpen = false;
-			el.removeAttribute('aria-modal');
-			document.removeEventListener('keydown', instance._onEscape);
-			document.removeEventListener('keydown', instance._onFocusTrap);
-			dispatch(el, 'ln-modal:close', { modalId: el.id, target: el });
-
-			if (instance._returnFocusEl
-				&& document.contains(instance._returnFocusEl)
-				&& typeof instance._returnFocusEl.focus === 'function') {
-				instance._returnFocusEl.focus();
-			}
-			instance._returnFocusEl = null;
-
-			if (!document.querySelector('[' + DOM_SELECTOR + '="open"]')) {
-				document.body.classList.remove('ln-modal-open');
-			}
-		}
-	}
-
-	// ─── Helpers ───────────────────────────────────────────────
-
-	function _attachCloseButtons(instance) {
-		const closeButtons = instance.dom.querySelectorAll('[data-ln-modal-close]');
-		for (const btn of closeButtons) {
-			if (btn[DOM_ATTRIBUTE + 'Close']) continue;
-			btn.addEventListener('click', instance._onClose);
-			btn[DOM_ATTRIBUTE + 'Close'] = instance._onClose;
-		}
-	}
-
-	// ─── Init ──────────────────────────────────────────────────
-
-	registerComponent(DOM_SELECTOR, DOM_ATTRIBUTE, _component, 'ln-modal', {
-		extraAttributes: ['data-ln-modal-for'],
-		onAttributeChange: _syncAttribute,
-		onInit: _attachTriggers
-	});
-})();
+import { registerComponent, dispatch, dispatchCancelable, isVisible } from '../../ln-core';
+
+(function () {
+	const DOM_SELECTOR = 'data-ln-modal';
+	const DOM_ATTRIBUTE = 'lnModal';
+
+	if (window[DOM_ATTRIBUTE] !== undefined) return;
+
+	// ─── Component Constructor ─────────────────────────────
+
+	function _component(dom) {
+		this.dom = dom;
+		this.isOpen = dom.getAttribute(DOM_SELECTOR) === 'open';
+
+		const self = this;
+
+		// Command listeners for request events
+		this._onRequestOpen = function () {
+			self.dom.setAttribute(DOM_SELECTOR, 'open');
+		};
+
+		this._onRequestClose = function () {
+			self.dom.setAttribute(DOM_SELECTOR, 'close');
+		};
+
+		// Native dialog ESC cancel interception
+		this._onCancel = function (e) {
+			e.preventDefault();
+			self.dom.setAttribute(DOM_SELECTOR, 'close');
+		};
+
+		// Dismiss trigger buttons inside modal [data-ln-modal-close]
+		this._onClickClose = function (e) {
+			const closeBtn = e.target.closest('[data-ln-modal-close]');
+			if (closeBtn && self.dom.contains(closeBtn)) {
+				e.preventDefault();
+				self.dom.setAttribute(DOM_SELECTOR, 'close');
+			}
+		};
+
+		this.dom.addEventListener('ln-modal:request-open', this._onRequestOpen);
+		this.dom.addEventListener('ln-modal:request-close', this._onRequestClose);
+		this.dom.addEventListener('cancel', this._onCancel);
+		this.dom.addEventListener('click', this._onClickClose);
+
+		// Apply initial state if rendered with open attribute
+		if (this.isOpen) {
+			if (typeof this.dom.showModal === 'function') this.dom.showModal();
+			document.body.classList.add('ln-modal-open');
+		}
+
+		return this;
+	}
+
+	_component.prototype.destroy = function () {
+		if (!this.dom[DOM_ATTRIBUTE]) return;
+
+		this.dom.removeEventListener('ln-modal:request-open', this._onRequestOpen);
+		this.dom.removeEventListener('ln-modal:request-close', this._onRequestClose);
+		this.dom.removeEventListener('cancel', this._onCancel);
+		this.dom.removeEventListener('click', this._onClickClose);
+
+		if (this.isOpen) {
+			const dom = this.dom;
+			const otherOpen = Array.prototype.some.call(
+				document.querySelectorAll('[' + DOM_SELECTOR + '="open"]'),
+				function (el) { return el !== dom; }
+			);
+			if (!otherOpen) {
+				document.body.classList.remove('ln-modal-open');
+			}
+		}
+
+		dispatch(this.dom, 'ln-modal:destroyed', { modalId: this.dom.id, target: this.dom });
+		delete this.dom[DOM_ATTRIBUTE];
+	};
+
+	// ─── Attribute Sync (Single Source of Truth) ───────────
+
+	function _syncAttribute(el) {
+		const instance = el[DOM_ATTRIBUTE];
+		if (!instance) return;
+
+		const value = el.getAttribute(DOM_SELECTOR);
+		const shouldBeOpen = value === 'open';
+
+		if (shouldBeOpen === instance.isOpen) return;
+
+		if (shouldBeOpen) {
+			const before = dispatchCancelable(el, 'ln-modal:before-open', { modalId: el.id, target: el });
+			if (before.defaultPrevented) {
+				el.setAttribute(DOM_SELECTOR, 'close');
+				return;
+			}
+			instance.isOpen = true;
+			document.body.classList.add('ln-modal-open');
+			if (typeof el.showModal === 'function') el.showModal();
+
+			// Focus placement
+			const autoFocusEl = el.querySelector('[autofocus]');
+			if (autoFocusEl && isVisible(autoFocusEl)) {
+				autoFocusEl.focus();
+			} else {
+				const inputs = el.querySelectorAll('input:not([disabled]):not([type="hidden"]), textarea:not([disabled]), select:not([disabled])');
+				const firstInput = Array.prototype.find.call(inputs, isVisible);
+				if (firstInput) firstInput.focus();
+				else {
+					const buttons = el.querySelectorAll('a[href], button:not([disabled])');
+					const firstFocusable = Array.prototype.find.call(buttons, isVisible);
+					if (firstFocusable) firstFocusable.focus();
+				}
+			}
+
+			dispatch(el, 'ln-modal:open', { modalId: el.id, target: el });
+		} else {
+			const before = dispatchCancelable(el, 'ln-modal:before-close', { modalId: el.id, target: el });
+			if (before.defaultPrevented) {
+				el.setAttribute(DOM_SELECTOR, 'open');
+				return;
+			}
+			instance.isOpen = false;
+			dispatch(el, 'ln-modal:close', { modalId: el.id, target: el });
+
+			if (typeof el.close === 'function') el.close();
+
+			if (!document.querySelector('[' + DOM_SELECTOR + '="open"]')) {
+				document.body.classList.remove('ln-modal-open');
+			}
+		}
+	}
+
+	// ─── Init ──────────────────────────────────────────────
+
+	registerComponent(DOM_SELECTOR, DOM_ATTRIBUTE, _component, 'ln-modal', {
+		onAttributeChange: _syncAttribute
+	});
+})();

package/js/ln-modal-coordinator/README.md

@@ -0,0 +1,99 @@
+# ln-modal-coordinator
+
+A zero-instance, document-level singleton that wires `[data-ln-modal-for]` triggers, hash navigation, native-submit resume, and form-completion auto-close across every `ln-modal` on the page. `ln-modal` itself only knows `open`/`close`; this coordinator is the Layer-2 policy that decides *when* and *with what data*.
+
+---
+
+## 🧭 Philosophy & Architecture
+
+1. **Layer separation.** `ln-modal` is a Layer 1 primitive: it manages the `data-ln-modal="open|close"` attribute and native `<dialog>` mechanics only — no trigger resolution, no record filling, no submit handling. `ln-modal-coordinator` is the Layer 2 coordinator that adds all of that on top, without `ln-modal` ever being aware it exists.
+2. **No per-element instance.** There is nothing to construct per modal. The whole file is one IIFE guarded by `window.lnModalCoordinator`, attaching a handful of document-level listeners once per page load.
+3. **Command events, not direct calls.** The coordinator never flips `data-ln-modal` itself — it dispatches `ln-modal:request-open` / `ln-modal:request-close` and lets `ln-modal`'s own attribute-sync logic own the transition (and any cancellation via `ln-modal:before-open`/`before-close`).
+
+---
+
+## 📦 Minimal Blueprint
+
+No markup is required to opt in — the coordinator listens on `document` and activates for any `[data-ln-modal-for]` trigger or `[data-ln-modal]` panel already on the page.
+
+```html
+<!-- Trigger carries the record as a dataset — becomes the fill payload -->
+<button data-ln-modal-for="user-modal" data-ln-modal-id="42" data-ln-modal-name="Jane Doe">
+  Edit Jane Doe
+</button>
+
+<dialog class="ln-modal" data-ln-modal id="user-modal">
+  <form data-ln-field="name">
+    <!-- ... -->
+  </form>
+</dialog>
+```
+
+Clicking the trigger sets `data-ln-modal-mode="edit"` (a record was harvested), fills the modal via `lnCore.fill`, and dispatches `ln-modal:request-open`.
+
+---
+
+## 🛠️ Declarative API Contract
+
+### HTML Attributes
+
+| Attribute | Elements | Description |
+| :--- | :--- | :--- |
+| `data-ln-modal-for="modalId"` | Trigger (`<button>`, `<a>`) | Opens/closes the `[data-ln-modal][id="modalId"]` panel on click. |
+| `data-ln-modal-mode="edit\|new"` | Trigger (optional) | Forces the mode instead of letting it be inferred from whether a record was harvested. |
+| `data-ln-modal-{field}` | Trigger | Record fields harvested off the trigger's dataset (excluding `data-ln-modal-for`/`-close`/`-mode`) and passed to `lnCore.fill`. |
+| `<a href="#modalId">` / `<a href="#modalId:param">` | Anchor | Opens the modal by hash; `param` (if present) is passed as the fill id via `ln-fill:request`. |
+
+Cross-link: see [`js/ln-modal/README.md`](../ln-modal/README.md) for the primitive's own `data-ln-modal`/`data-ln-modal-close` contract.
+
+---
+
+## ⚡ DOM Events
+
+### Consumed
+
+| Event | Source | Behavior |
+| :--- | :--- | :--- |
+| `click` | `document` | Resolves `[data-ln-modal-for]` triggers and `<a href="#modalId">` hash anchors. |
+| `submit` | `document` | Inside a modal, stores a `sessionStorage` pending-flag and clears the hash so a native (non-AJAX) submit + reload can resume. |
+| `hashchange` | `window` | Re-syncs every `[data-ln-modal][id]`'s open/close state against the URL hash. |
+| `ln-modal:before-open` | `document` | Mode `new` → resets the modal's forms before it opens. |
+| `ln-modal:open` | `document` | Reads the hash param for the modal's id and either dispatches `ln-fill:request` (`edit`) or resets the form (`new`, empty param). |
+| `ln-modal:close` | `document` | Clears the pending flag and hash; mode `new` → resets the modal's forms. |
+| `ln-form:success` / `ln-ajax:success` | `document` | Closes the modal and resets its forms. |
+
+### Dispatched
+
+| Event | Target | Payload (`detail`) | Description |
+| :--- | :--- | :--- | :--- |
+| `ln-modal:request-open` | The modal | `{}` | Sent after trigger/hash resolution to open the modal. |
+| `ln-modal:request-close` | The modal | `{}` | Sent to close the modal (trigger toggle, form success, pending-resume with no errors). |
+| `ln-fill:request` | The modal | `{ id }` | Sent when a hash param (or a live hash change while open) identifies the record to fill. |
+
+---
+
+## 🔧 Internals
+
+Source: `js/ln-modal-coordinator/src/ln-modal-coordinator.js`. One IIFE, no `_component` constructor, no `MutationObserver` — every mechanism below is a single document/window-level listener bound once at load, guarded by `window.lnModalCoordinator`.
+
+### Trigger delegation
+
+The `click` listener resolves `e.target.closest('[data-ln-modal-for]')`, looks up the target modal by id, and bails if it isn't an initialized `ln-modal` (`target.lnModal` missing). It harvests a record from the trigger's `dataset`, walking every `lnModal*` key, skipping the reserved `lnModalFor`/`lnModalClose`/`lnModalMode`, and lower-casing the first letter of the remaining suffix (`data-ln-modal-name` → `record.name`). Mode resolution: an explicit `data-ln-modal-mode` on the trigger wins; otherwise a non-empty harvested record implies `edit`, an empty one implies `new`. `edit` fills via `window.lnCore.fill(target, record)`; `new` resets the modal's forms via `_resetModalForm`. Finally it toggles based on the modal's current `data-ln-modal` value: `open` → dispatch `request-close`, anything else → dispatch `request-open`.
+
+### Hash navigation
+
+A click on `a[href^="#"]` is parsed with `hashParse` into a `{ namespace: param }` map; if any namespace matches an initialized modal's `id`, `hashLinkClick(e)` gates the default navigation and `hashSet(ns, param)` writes the hash — the actual open/close is driven by the `hashchange` listener below, not the click handler itself.
+
+`_syncHashModals` (bound to `hashchange`, and run once on load after `DOMContentLoaded`/`setTimeout(0)`) walks every `[data-ln-modal][id]`. It first resolves any pending native-submit resume (see below), then compares `hashGet(hashNs)` against the modal's current open state: hash present + closed → `request-open` (mode `edit` if the param is non-empty, else `new`); hash present + already open with a changed param → re-dispatch `ln-fill:request` (or reset if the param went empty); hash absent + open → `request-close`. A re-entrancy guard (`_inSync`) prevents the listener from recursing on the `hashSet` calls it triggers indirectly through `ln-modal`'s own attribute sync.
+
+### Native-submit resume
+
+On `submit` inside a `[data-ln-modal]` with an `id`, the coordinator writes `sessionStorage['ln-modal-pending:{id}'] = 'true'` and clears the hash (`hashSet(modal.id, null)`) *before* the native submit/reload happens, so the browser reloads on a clean URL. On the next load, `_syncHashModals` checks the pending flag first: if cleared and no error markers are found (`.has-error`, `[data-ln-validate-error]`, `.form-error`, `.alert-danger` — checked both document-wide and inside the modal) it removes the flag, clears the hash, dispatches `request-close`, and resets the form; if error markers are present, it reopens in `edit` mode instead so the user sees their errors in-context.
+
+### Form-completion auto-close
+
+`ln-form:success` and `ln-ajax:success` share one handler: resolve the closest `[data-ln-modal]` ancestor of the event target, clear the pending flag and hash, dispatch `request-close`, and reset the form. `ln-modal:close` performs the same pending/hash cleanup and additionally resets forms when the mode is `new` (an `edit` close leaves the just-submitted data visible rather than blanking it).
+
+### `_resetModalForm`
+
+Shared by every reset path above: clears `textContent` on every `[data-ln-field]` descendant, then for every `<form>` in the modal calls `window.lnCore.lnFill(form, null)` if available, falling back to the native `form.reset()` otherwise.

package/js/ln-modal-coordinator/ln-modal-coordinator-dev.scss

@@ -0,0 +1,8 @@
+@use '../../scss/config/mixins' as *;
+
+[data-ln-debug] {
+	// 1. Non-dialog coordinator check: data-ln-modal-coordinator must be on a <dialog> element
+	[data-ln-modal-coordinator]:not(dialog) {
+		@include dev-inline-error("data-ln-modal-coordinator must be on a <dialog> element");
+	}
+}

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

@@ -0,0 +1 @@
+(function(){"use strict";if(typeof window<"u"){const e=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"))||e.apply(console,n)}}const q={};function I(e,n){q[e]||(q[e]=document.querySelector('[data-ln-template="'+e+'"]'));const r=q[e];return r?r.content.cloneNode(!0):(console.warn("["+(n||"ln-core")+'] Template "'+e+'" not found'),null)}function A(e,n,r){e.dispatchEvent(new CustomEvent(n,{bubbles:!0,detail:r||{}}))}function O(e,n){if(!e||!n)return e;const r=e.querySelectorAll("[data-ln-field]");for(let i=0;i<r.length;i++){const s=r[i],d=s.getAttribute("data-ln-field");n[d]!=null&&(s.textContent=n[d])}const p=e.querySelectorAll("[data-ln-attr]");for(let i=0;i<p.length;i++){const s=p[i],d=s.getAttribute("data-ln-attr").split(",");for(let f=0;f<d.length;f++){const h=d[f].trim().split(":");if(h.length!==2)continue;const l=h[0].trim(),t=h[1].trim();n[t]!=null&&s.setAttribute(l,n[t])}}const m=e.querySelectorAll("[data-ln-show]");for(let i=0;i<m.length;i++){const s=m[i],d=s.getAttribute("data-ln-show");d in n&&s.classList.toggle("hidden",!n[d])}const u=e.querySelectorAll("[data-ln-class]");for(let i=0;i<u.length;i++){const s=u[i],d=s.getAttribute("data-ln-class").split(",");for(let f=0;f<d.length;f++){const h=d[f].trim().split(":");if(h.length!==2)continue;const l=h[0].trim(),t=h[1].trim();t in n&&s.classList.toggle(l,!!n[t])}}return e}function W(e,n){e.matches&&e.matches("[data-ln-form], [data-ln-fillable]")&&e.dispatchEvent(new CustomEvent("ln-fill",{detail:n??null,bubbles:!0}));const r=e.querySelectorAll("[data-ln-form], [data-ln-fillable]");for(let p=0;p<r.length;p++)r[p].dispatchEvent(new CustomEvent("ln-fill",{detail:n??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)O(e.target,e.detail);else{const n=e.target.querySelectorAll("[data-ln-field]");for(let r=0;r<n.length;r++)n[r].textContent=""}})));function _(e,n){if(!e||!n)return e;const r=document.createTreeWalker(e,NodeFilter.SHOW_TEXT);for(;r.nextNode();){const u=r.currentNode;u.textContent.indexOf("{{")!==-1&&(u.textContent=u.textContent.replace(/\{\{\s*(\w+)\s*\}\}/g,function(i,s){return n[s]!==void 0?n[s]:""}))}const p=function(u,i){return n[i]!==void 0?n[i]:""},m=Array.from(e.querySelectorAll("*"));e.nodeType===1&&m.push(e);for(let u=0;u<m.length;u++){const i=m[u],s=i.attributes;for(let d=0;d<s.length;d++){const f=s[d];f.value.indexOf("{{")!==-1&&i.setAttribute(f.name,f.value.replace(/\{\{\s*(\w+)\s*\}\}/g,p))}}return e}function B(e,n,r,p,m,u){const i={};for(let d=0;d<e.children.length;d++){const f=e.children[d],h=f.getAttribute("data-ln-key");h&&(i[h]=f)}const s=document.createDocumentFragment();for(let d=0;d<n.length;d++){const f=n[d],h=String(p(f));let l=i[h];if(l)m(l,f,d);else{const t=I(r,u);if(!t||(_(t,f),l=t.firstElementChild,!l))continue;l.setAttribute("data-ln-key",h),m(l,f,d)}s.appendChild(l)}e.textContent="",e.appendChild(s)}function k(e,n){if(!document.body){document.addEventListener("DOMContentLoaded",function(){k(e,n)}),console.warn("["+n+'] Script loaded before <body> — add "defer" to your <script> tag');return}e()}function E(e,n,r,p){if(e.nodeType!==1)return;const u=n.indexOf("[")!==-1||n.indexOf(".")!==-1||n.indexOf("#")!==-1?n:"["+n+"]",i=Array.from(e.querySelectorAll(u));e.matches&&e.matches(u)&&i.push(e);for(const s of i)s[r]||(s[r]=new p(s))}function K(e,n,r,p,m={}){const u=m.extraAttributes||[],i=m.onAttributeChange||null,s=m.onInit||null;function d(f){const h=f||document.body;E(h,e,n,r),s&&s(h)}return k(function(){const f=new MutationObserver(function(l){for(let t=0;t<l.length;t++){const o=l[t];if(o.type==="childList"){for(let c=0;c<o.addedNodes.length;c++){const a=o.addedNodes[c];a.nodeType===1&&(E(a,e,n,r),s&&s(a))}for(let c=0;c<o.removedNodes.length;c++){const a=o.removedNodes[c];if(a.nodeType===1){const w=e.indexOf("[")!==-1||e.indexOf(".")!==-1||e.indexOf("#")!==-1?e:"["+e+"]",M=Array.from(a.querySelectorAll(w));a.matches&&a.matches(w)&&M.push(a);for(let y=0;y<M.length;y++){const S=M[y];if(!document.contains(S)){const b=S[n];b&&typeof b.destroy=="function"&&b.destroy()}}}}}else o.type==="attributes"&&(i&&o.target[n]?i(o.target,o.attributeName):(E(o.target,e,n,r),s&&s(o.target)))}});let h=[];if(e.indexOf("[")!==-1){const l=/\[([\w-]+)/g;let t;for(;(t=l.exec(e))!==null;)h.push(t[1])}else h.push(e);f.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:h.concat(u)})},p),window[n]=d,document.readyState==="loading"?document.addEventListener("DOMContentLoaded",function(){d(document.body)}):d(document.body),d}const T={};function R(e,n){T[e]=n}function P(e){return T[e]||{ingress:n=>n,egress:n=>n}}const D={};function F(e,n){if(!e||typeof n!="object")return;const r=e.toLowerCase().split("-")[0];D[r]=n}function U(e){if(!e)return null;const n=e.toLowerCase().split("-")[0];return D[n]||null}F("mk",{monthsLong:["јануари","февруари","март","април","мај","јуни","јули","август","септември","октомври","ноември","декември"],monthsShort:["јан","фев","мар","апр","мај","јун","јул","авг","септ","окт","ноем","дек"],daysLong:["недела","понеделник","вторник","среда","четврток","петок","сабота"],daysShort:["нед","пон","вт","ср","чет","пет","саб"]}),typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.registerDataMapper=R,window.lnCore.getDataMapper=P,window.lnCore.registerLocaleFallback=F,window.lnCore.getLocaleFallback=U,window.lnCore.fillTemplate=_,window.lnCore.fill=O,window.lnCore.lnFill=W,window.lnCore.renderList=B);function j(e){return(e||"").replace(/^#/,"")}function L(e){const n=e===void 0?location.hash:e,r={},p=j(n);if(!p)return r;const m=p.split("&");for(let u=0;u<m.length;u++){const i=m[u];if(!i)continue;const s=i.indexOf(":"),d=s>-1?i.slice(0,s):i,f=s>-1?i.slice(s+1):"";if(d)try{r[d]=decodeURIComponent(f)}catch{r[d]=f}}return r}function v(e){if(!e)return null;const n=L();return e in n?n[e]:null}function g(e,n){if(!e)return;const r=L();n==null?delete r[e]:r[e]=String(n);const m=Object.keys(r).map(function(u){const i=r[u];return i===""?u:u+":"+encodeURIComponent(i)}).join("&");j(location.hash)!==m&&(location.hash=m)}function N(e){return e.button===1||e.ctrlKey||e.metaKey||e.shiftKey?!1:(e.preventDefault(),!0)}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.hashParse=L,window.lnCore.hashGet=v,window.lnCore.hashSet=g,window.lnCore.hashLinkClick=N),(function(){const e="data-ln-modal-coordinator",n="lnModalCoordinator";if(window[n]!==void 0)return;function r(l,t){if(t){if(l){const c=l.closest("["+e+"]");if(c){if(c.id===t&&c.hasAttribute("data-ln-modal"))return c;const a=c.querySelector("#"+CSS.escape(t)+'[data-ln-modal], [data-ln-modal="'+t+'"]');if(a)return a}}const o=document.getElementById(t)||document.querySelector('[data-ln-modal="'+t+'"]');if(o)return o}if(l){const o=l.closest("["+e+"]");if(o){if(o.hasAttribute("data-ln-modal"))return o;const a=o.querySelector("[data-ln-modal]");if(a)return a}const c=l.closest("[data-ln-modal]");if(c)return c}return document.querySelector("[data-ln-modal]")}function p(l,t){if(l!=="edit")return"";if(t){const o=t.getAttribute("data-ln-fill-id");if(o)return o}return"edit"}function m(l){if(!l)return;const t=l.querySelectorAll("[data-ln-field]");for(let c=0;c<t.length;c++)t[c].textContent="";const o=l.querySelectorAll("form");for(let c=0;c<o.length;c++)window.lnCore&&typeof window.lnCore.lnFill=="function"?window.lnCore.lnFill(o[c],null):o[c].reset()}document.addEventListener("submit",function(l){if(l.defaultPrevented)return;const o=l.target.closest("[data-ln-modal]");if(o&&o.id){try{sessionStorage.setItem("ln-modal-pending:"+o.id,"true")}catch{}g(o.id,null)}}),document.addEventListener("click",function(l){if(l.ctrlKey||l.metaKey||l.button===1)return;const t=l.target.closest("[data-ln-modal-for]");if(t){const c=t.getAttribute("data-ln-modal-for"),a=r(t,c);if(a&&a.lnModal){l.preventDefault();const C={lnModalFor:!0,lnModalClose:!0,lnModalMode:!0},w={},M=t.dataset;for(const b in M){if(!b.startsWith("lnModal")||C[b])continue;const x=b.slice(7);x&&(w[x.charAt(0).toLowerCase()+x.slice(1)]=M[b])}const y=Object.keys(w).length>0;t.hasAttribute("data-ln-modal-mode")?a.dataset.lnModalMode=t.getAttribute("data-ln-modal-mode"):a.dataset.lnModalMode=y?"edit":"new",y&&window.lnCore&&typeof window.lnCore.fill=="function"?window.lnCore.fill(a,w):a.dataset.lnModalMode==="new"&&m(a),a.getAttribute("data-ln-modal")==="open"?A(a,"ln-modal:request-close",{}):(a.id&&g(a.id,p(a.dataset.lnModalMode,t)),A(a,"ln-modal:request-open",{}))}return}const o=l.target.closest('a[href^="#"]');if(o){const c=L(o.getAttribute("href"));for(const a in c){const C=document.getElementById(a);if(C&&C.lnModal){if(!N(l))return;g(a,c[a]);return}}}}),document.addEventListener("ln-modal:before-open",function(l){const t=l.target;if(!t||!t.lnModal)return;(t.dataset.lnModalMode||"new")==="new"&&m(t)}),document.addEventListener("ln-modal:open",function(l){const t=l.target;if(!t||!t.lnModal||!t.id)return;let o=v(t.id);o===null&&(o=p(t.dataset.lnModalMode,null),g(t.id,o)),o?(t.dataset.lnModalMode="edit",t.dispatchEvent(new CustomEvent("ln-fill:request",{bubbles:!0,detail:{id:o}}))):(t.dataset.lnModalMode="new",m(t))});let u=!1;function i(){if(!u){u=!0;try{const l=document.querySelectorAll("[data-ln-modal][id]");for(let t=0;t<l.length;t++){const o=l[t];if(!o.lnModal)continue;const c=o.id,a="ln-modal-pending:"+c;let C=!1;try{C=sessionStorage.getItem(a)==="true"}catch{}if(C){try{sessionStorage.removeItem(a)}catch{}if(!!(document.querySelector(".has-error, [data-ln-validate-error], .form-error, .alert-danger")||o.querySelector(".has-error, [data-ln-validate-error], .form-error, .alert-danger"))){o.dataset.lnModalMode="edit",A(o,"ln-modal:request-open",{});continue}else{g(c,null),A(o,"ln-modal:request-close",{}),m(o);continue}}const w=v(c),M=w!==null,y=o.lnModal.isOpen;if(M){const S=w?"edit":"new";o.dataset.lnModalMode=S,y?w?o.dispatchEvent(new CustomEvent("ln-fill:request",{bubbles:!0,detail:{id:w}})):m(o):A(o,"ln-modal:request-open",{})}else y&&A(o,"ln-modal:request-close",{})}}finally{u=!1}}}function s(){const l=document.querySelectorAll('[data-ln-modal="open"][id]');for(let t=0;t<l.length;t++){const o=l[t];o.lnModal&&v(o.id)===null&&g(o.id,p(o.dataset.lnModalMode,null))}}window.addEventListener("hashchange",i);function d(){s(),i()}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",function(){setTimeout(d,0)}):setTimeout(d,0);function f(l){const t=l.target.closest("[data-ln-modal]");if(!(!t||!t.lnModal)){if(t.id){try{sessionStorage.removeItem("ln-modal-pending:"+t.id)}catch{}g(t.id,null)}A(t,"ln-modal:request-close",{}),m(t)}}document.addEventListener("ln-form:success",f),document.addEventListener("ln-ajax:success",f),document.addEventListener("ln-modal:close",function(l){const t=l.target;if(!(!t||!t.lnModal)){if(t.id){try{sessionStorage.removeItem("ln-modal-pending:"+t.id)}catch{}v(t.id)!==null&&g(t.id,null)}t.dataset.lnModalMode==="new"&&m(t)}});function h(l){return this.dom=l,this}h.prototype.destroy=function(){this.dom[n]&&delete this.dom[n]},K(e,n,h,"ln-modal-coordinator")})()})();