@livenetworks/ashlar 1.5.1 → 1.6.0

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

@@ -1,4 +1,4 @@
-import { guardBody } from '../../ln-core';
+import { registerComponent, dispatch, dispatchCancelable } from '../../ln-core';
 
 (function () {
 	const DOM_SELECTOR = 'data-ln-nav';
@@ -6,8 +6,6 @@ import { guardBody } from '../../ln-core';
 
 	if (window[DOM_ATTRIBUTE] !== undefined) return;
 
-	const navInstances = new WeakMap();
-
 	// ─── pushState singleton patch ──────────────────────────────
 	const _pushStateCallbacks = [];
 
@@ -20,158 +18,125 @@ import { guardBody } from '../../ln-core';
 		history._lnNavPatched = true;
 	}
 
-	// ─── Constructor ───────────────────────────────────────────
-
-	function constructor(navElement) {
-		if (!navElement.hasAttribute(DOM_SELECTOR)) return;
-		if (navInstances.has(navElement)) return;
+	// ─── Component ─────────────────────────────────────────────
 
-		const activeClass = navElement.getAttribute(DOM_SELECTOR);
-		if (!activeClass) return;
+	function _component(dom) {
+		this.dom = dom;
+		this.activeClass = dom.getAttribute(DOM_SELECTOR) || 'active';
+		this.exact = dom.hasAttribute('data-ln-nav-exact');
 
-		const instance = _initializeNav(navElement, activeClass);
-		navInstances.set(navElement, instance);
-		navElement[DOM_ATTRIBUTE] = instance;
-	}
+		this.updateHandler = () => this.update();
 
-	function _initializeNav(navElement, activeClass) {
-		let links = Array.from(navElement.querySelectorAll('a'));
+		// Listen to navigation events
+		window.addEventListener('popstate', this.updateHandler);
+		_pushStateCallbacks.push(this.updateHandler);
 
-		_updateActiveState(links, activeClass, window.location.pathname);
+		// Observe DOM changes inside this nav element
+		this.observer = new MutationObserver(() => this.update());
+		this.observer.observe(dom, { childList: true, subtree: true });
 
-		const updateHandler = function () {
-			links = Array.from(navElement.querySelectorAll('a'));
-			_updateActiveState(links, activeClass, window.location.pathname);
-		};
+		// Perform initial highlight
+		this.update();
 
-		window.addEventListener('popstate', updateHandler);
-		_pushStateCallbacks.push(updateHandler);
-
-		const observer = new MutationObserver(function (mutations) {
-			for (const mutation of mutations) {
-				if (mutation.type === 'childList') {
-					for (const node of mutation.addedNodes) {
-						if (node.nodeType === 1) {
-							if (node.tagName === 'A') {
-								links.push(node);
-								_updateActiveState([node], activeClass, window.location.pathname);
-							} else if (node.querySelectorAll) {
-								const newLinks = Array.from(node.querySelectorAll('a'));
-								links = links.concat(newLinks);
-								_updateActiveState(newLinks, activeClass, window.location.pathname);
-							}
-						}
-					}
-
-					for (const node of mutation.removedNodes) {
-						if (node.nodeType === 1) {
-							if (node.tagName === 'A') {
-								links = links.filter(function (link) { return link !== node; });
-							} else if (node.querySelectorAll) {
-								const removedLinks = Array.from(node.querySelectorAll('a'));
-								links = links.filter(function (link) {
-									return !removedLinks.includes(link);
-								});
-							}
-						}
-					}
-				}
-			}
-		});
-
-		observer.observe(navElement, { childList: true, subtree: true });
-
-		return {
-			navElement: navElement,
-			activeClass: activeClass,
-			observer: observer,
-			updateHandler: updateHandler,
-			destroy: function () {
-				observer.disconnect();
-				window.removeEventListener('popstate', updateHandler);
-				const idx = _pushStateCallbacks.indexOf(updateHandler);
-				if (idx !== -1) _pushStateCallbacks.splice(idx, 1);
-				navInstances.delete(navElement);
-				delete navElement[DOM_ATTRIBUTE];
-			}
-		};
+		return this;
 	}
 
-	function _normalizeUrl(url) {
-		try {
-			const urlObj = new URL(url, window.location.href);
-			return urlObj.pathname.replace(/\/$/, '') || '/';
-		} catch (e) {
-			return url.replace(/\/$/, '') || '/';
-		}
-	}
+	_component.prototype.update = function () {
+		if (!this.activeClass) return;
+		const before = dispatchCancelable(this.dom, 'ln-nav:before-update', { target: this.dom });
+		if (before.defaultPrevented) return;
 
-	function _updateActiveState(links, activeClass, currentPath) {
+		const links = Array.from(this.dom.querySelectorAll('a'));
+		const currentPath = window.location.pathname;
 		const normalizedCurrent = _normalizeUrl(currentPath);
 
 		for (const link of links) {
 			const href = link.getAttribute('href');
-			if (!href) continue;
-
-			const normalizedHref = _normalizeUrl(href);
+			if (!href || href === '#' || href.startsWith('#') || href.startsWith('javascript:') || href.startsWith('mailto:') || href.startsWith('tel:')) {
+				link.classList.remove(this.activeClass);
+				link.removeAttribute('aria-current');
+				continue;
+			}
 
-			link.classList.remove(activeClass);
+			// Exclude external links
+			if (link.hostname && link.hostname !== window.location.hostname) {
+				link.classList.remove(this.activeClass);
+				link.removeAttribute('aria-current');
+				continue;
+			}
 
+			const normalizedHref = _normalizeUrl(href);
 			const isExact = normalizedHref === normalizedCurrent;
-			const isParent = normalizedHref !== '/' && normalizedCurrent.startsWith(normalizedHref + '/');
+			const isParent = !this.exact && normalizedHref !== '/' && normalizedCurrent.startsWith(normalizedHref + '/');
 
 			if (isExact || isParent) {
-				link.classList.add(activeClass);
+				link.classList.add(this.activeClass);
+				link.setAttribute('aria-current', 'page');
+			} else {
+				link.classList.remove(this.activeClass);
+				link.removeAttribute('aria-current');
 			}
 		}
-	}
 
-	// ─── Global DOM Observer ───────────────────────────────────
-
-	function _domObserver() {
-		guardBody(function () {
-			const observer = new MutationObserver(function (mutations) {
-				for (const mutation of mutations) {
-					if (mutation.type === 'childList') {
-						for (const node of mutation.addedNodes) {
-							if (node.nodeType === 1) {
-								if (node.hasAttribute && node.hasAttribute(DOM_SELECTOR)) {
-									constructor(node);
-								}
-								if (node.querySelectorAll) {
-									for (const el of node.querySelectorAll('[' + DOM_SELECTOR + ']')) {
-										constructor(el);
-									}
-								}
-							}
-						}
-					} else if (mutation.type === 'attributes') {
-						if (mutation.target.hasAttribute && mutation.target.hasAttribute(DOM_SELECTOR)) {
-							constructor(mutation.target);
-						}
-					}
-				}
-			});
+		dispatch(this.dom, 'ln-nav:update', { target: this.dom });
+	};
+
+	_component.prototype.destroy = function () {
+		if (!this.dom[DOM_ATTRIBUTE]) return;
+		if (this.observer) {
+			this.observer.disconnect();
+		}
+		window.removeEventListener('popstate', this.updateHandler);
+		const idx = _pushStateCallbacks.indexOf(this.updateHandler);
+		if (idx !== -1) {
+			_pushStateCallbacks.splice(idx, 1);
+		}
+		dispatch(this.dom, 'ln-nav:destroyed', { target: this.dom });
+		delete this.dom[DOM_ATTRIBUTE];
+	};
 
-			observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: [DOM_SELECTOR] });
-		}, 'ln-nav');
+	// ─── Helper Functions ──────────────────────────────────────
+
+	function _normalizeUrl(url) {
+		try {
+			const urlObj = new URL(url, window.location.href);
+			return urlObj.pathname.replace(/\/$/, '') || '/';
+		} catch (e) {
+			return url.replace(/\/$/, '') || '/';
+		}
 	}
 
-	// ─── Init ──────────────────────────────────────────────────
+	// ─── Attribute Sync ────────────────────────────────────────
 
-	window[DOM_ATTRIBUTE] = constructor;
+	function _syncAttribute(el, attrName) {
+		const instance = el[DOM_ATTRIBUTE];
+		if (!instance) return;
 
-	function _initializeAll() {
-		for (const el of document.querySelectorAll('[' + DOM_SELECTOR + ']')) {
-			constructor(el);
+		if (attrName === DOM_SELECTOR) {
+			if (!el.hasAttribute(DOM_SELECTOR)) {
+				instance.destroy();
+				return;
+			}
+			const oldClass = instance.activeClass;
+			const newClass = el.getAttribute(DOM_SELECTOR) || 'active';
+			if (oldClass !== newClass) {
+				const links = el.querySelectorAll('a');
+				for (const link of links) {
+					if (oldClass) link.classList.remove(oldClass);
+				}
+				instance.activeClass = newClass;
+			}
+		} else if (attrName === 'data-ln-nav-exact') {
+			instance.exact = el.hasAttribute('data-ln-nav-exact');
 		}
+
+		instance.update();
 	}
 
-	_domObserver();
+	// ─── Init ──────────────────────────────────────────────────
 
-	if (document.readyState === 'loading') {
-		document.addEventListener('DOMContentLoaded', _initializeAll);
-	} else {
-		_initializeAll();
-	}
+	registerComponent(DOM_SELECTOR, DOM_ATTRIBUTE, _component, 'ln-nav', {
+		extraAttributes: ['data-ln-nav-exact'],
+		onAttributeChange: _syncAttribute
+	});
 })();

package/js/ln-number/README.md

@@ -8,7 +8,12 @@ Real-time locale-aware number formatting for input fields.
 <input type="number" name="amount" data-ln-number>
 ```
 
-The component creates a hidden input that holds the raw numeric value for form submission and formats the visible input with locale-aware thousand separators. See [`docs/js/number.md`](../../docs/js/number.md#html) for the resulting DOM.
+The component creates a hidden input that holds the raw numeric value for form submission and formats the visible input with locale-aware thousand separators. After initialization:
+
+```html
+<input type="text" inputmode="decimal" data-ln-number>
+<input type="hidden" name="amount" value="1234567">
+```
 
 ## Loading & Source Files
 
@@ -120,3 +125,25 @@ on the visible input and works as expected:
 Works automatically. `serializeForm()` reads the hidden input (which has the
 `name`). `populateForm()` sets the hidden input's value, which triggers the
 display update.
+
+---
+
+## 🔧 Internals
+
+Source: `js/ln-number/ln-number.js`. Each `[data-ln-number]` gets a `_component` instance at `element.lnNumber`, holding `dom` (visible input), `_hidden` (hidden input), and bound `_onInput`/`_onPaste` handlers.
+
+### Formatter cache
+
+One `Intl.NumberFormat` instance per unique locale, cached at module level (`_formatters[locale]`), storing the formatter plus `groupSep`/`decimalSep` extracted once via `formatToParts()`. Separate cache keys (`locale + '|d' + max`, `locale + '|u' + n`) exist for decimal-fixed and user-decimal-preserving formatters. Reused across all instances sharing a locale — `Intl.NumberFormat` construction is the expensive part, not the format call.
+
+### Input flow
+
+On every `input` event: empty value clears the hidden input and dispatches; a bare `-` (user starting a negative number) is left alone. Otherwise: cursor position is saved as a digit-count left of `selectionStart` (not a raw index — formatting inserts/removes separators, so digit-count is the only stable anchor). The typed string is parsed (strip `groupSep`, swap `decimalSep` for `.`); a trailing decimal point or trailing zeros after the decimal point short-circuit to a hidden-only update (so `"12."` doesn't get reformatted mid-type and eat the point the user just typed). Otherwise the decimal limit is enforced (truncated, not rounded), the value is formatted via `Intl.NumberFormat`, `dom.value` is set, the cursor is restored by walking the formatted string until the saved digit-count is reached, and `hidden.value` is set to the raw numeric string. `ln-number:input` dispatches last.
+
+### Hidden input value interceptor
+
+`hidden.value` is wrapped via `Object.defineProperty` so programmatic sets (e.g. `populateForm()` writing `hidden.value = "1234"`) route through the same parse → format → display path as user input. Internal code writes through `_setHiddenRaw()`, which calls the prototype's original setter directly — bypassing the custom setter avoids the interceptor re-triggering itself (infinite loop).
+
+### Auto-init
+
+A single `document.body` `MutationObserver` watches `childList` (subtree — new `[data-ln-number]` elements auto-initialize via `findElements`) and `attributes` on `data-ln-number` (attribute added to an existing element initializes it in place).

package/js/ln-number/ln-number-dev.scss

@@ -0,0 +1,13 @@
+@use '../../scss/config/mixins' as *;
+
+[data-ln-debug] {
+	// 1. Number element misuse: data-ln-number belongs on <input>, <span>, <time>, or <td>
+	[data-ln-number]:not(input, span, time, td, p, div, b, strong, data) {
+		@include dev-inline-error("data-ln-number belongs on <input>, <span>, <time>, or <td>");
+	}
+
+	// 2. Number input missing ID: input[data-ln-number] must have an id for proper labeling/association
+	input[data-ln-number]:not([id]) {
+		@include dev-inline-error("data-ln-number is missing required 'id' attribute");
+	}
+}

package/js/ln-number/ln-number.js

@@ -1 +1 @@
-(function(){"use strict";function v(s,i,u){s.dispatchEvent(new CustomEvent(i,{bubbles:!0,detail:u||{}}))}function S(s,i){if(!document.body){document.addEventListener("DOMContentLoaded",function(){S(s,i)}),console.warn("["+i+'] Script loaded before <body> — add "defer" to your <script> tag');return}s()}function x(s,i,u,p){if(s.nodeType!==1)return;const y=i.indexOf("[")!==-1||i.indexOf(".")!==-1||i.indexOf("#")!==-1?i:"["+i+"]",m=Array.from(s.querySelectorAll(y));s.matches&&s.matches(y)&&m.push(s);for(const h of m)h[u]||(h[u]=new p(h))}function E(s){const i=s.closest("[lang]");return(i?i.lang:null)||navigator.language}function O(s,i,{get:u,set:p}){Object.defineProperty(s,"value",{get:function(){return u?u.call(this):i.get.call(this)},set:function(g){p?p.call(this,g,y=>i.set.call(this,y)):i.set.call(this,g)},configurable:!0})}function I(s,i,u,p,g={}){const y=g.extraAttributes||[],m=g.onAttributeChange||null,h=g.onInit||null;function t(a){const e=a||document.body;x(e,s,i,u),h&&h(e)}return S(function(){const a=new MutationObserver(function(c){for(let r=0;r<c.length;r++){const n=c[r];if(n.type==="childList"){for(let o=0;o<n.addedNodes.length;o++){const l=n.addedNodes[o];l.nodeType===1&&(x(l,s,i,u),h&&h(l))}for(let o=0;o<n.removedNodes.length;o++){const l=n.removedNodes[o];if(l.nodeType===1){const _=s.indexOf("[")!==-1||s.indexOf(".")!==-1||s.indexOf("#")!==-1?s:"["+s+"]",F=Array.from(l.querySelectorAll(_));l.matches&&l.matches(_)&&F.push(l);for(let b=0;b<F.length;b++){const D=F[b];if(!document.contains(D)){const N=D[i];N&&typeof N.destroy=="function"&&N.destroy()}}}}}else n.type==="attributes"&&(m&&n.target[i]?m(n.target,n.attributeName):(x(n.target,s,i,u),h&&h(n.target)))}});let e=[];if(s.indexOf("[")!==-1){const c=/\[([\w-]+)/g;let r;for(;(r=c.exec(s))!==null;)e.push(r[1])}else e.push(s);a.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:e.concat(y)})},p),window[i]=t,document.readyState==="loading"?document.addEventListener("DOMContentLoaded",function(){t(document.body)}):t(document.body),t}const A={};function C(s,i){A[s]=i}function L(s){return A[s]||{ingress:i=>i,egress:i=>i}}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.registerDataMapper=C,window.lnCore.getDataMapper=L),(function(){const s="data-ln-number",i="lnNumber";if(window[i]!==void 0)return;const u={},p=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value");function g(t){if(!u[t]){const a=new Intl.NumberFormat(t,{useGrouping:!0}),e=a.formatToParts(1234.5);let c="",r=".";for(let n=0;n<e.length;n++)e[n].type==="group"&&(c=e[n].value),e[n].type==="decimal"&&(r=e[n].value);u[t]={fmt:a,groupSep:c,decimalSep:r}}return u[t]}function y(t,a,e){if(e!==null){const c=parseInt(e,10),r=t+"|d"+c;return u[r]||(u[r]=new Intl.NumberFormat(t,{useGrouping:!0,minimumFractionDigits:0,maximumFractionDigits:c})),u[r].format(a)}return g(t).fmt.format(a)}function m(t){if(t.tagName!=="INPUT")return console.warn("[ln-number] Can only be applied to <input>, got:",t.tagName),this;if(t[i])return t[i];t[i]=this,this.dom=t;const a=document.createElement("input");a.type="hidden",a.name=t.name,t.removeAttribute("name"),t.type="text",t.setAttribute("inputmode","decimal"),t.insertAdjacentElement("afterend",a),this._hidden=a;const e=this;Object.defineProperty(a,"value",{get:function(){return p.get.call(a)},set:function(r){if(p.set.call(a,r),r!==""&&!isNaN(parseFloat(r))){const n=parseFloat(r);e._displayFormatted(n),v(e.dom,"ln-number:input",{value:n,formatted:e.dom.value}),e.dom.dispatchEvent(new Event("input",{bubbles:!0}))}else r===""&&(e.dom.value="",v(e.dom,"ln-number:input",{value:NaN,formatted:""}),e.dom.dispatchEvent(new Event("input",{bubbles:!0})))}}),O(t,p,{get:function(){return p.get.call(t)},set:function(r,n){if(e._isFormatting){n(r);return}if(r===""){n(""),e._setHiddenRaw(""),v(t,"ln-number:input",{value:NaN,formatted:""}),t.dispatchEvent(new Event("input",{bubbles:!0}));return}let o=typeof r=="number"?r:parseFloat(String(r).replace(/[^\d.-]/g,""));if(isNaN(o))n(String(r)),e._setHiddenRaw(""),v(t,"ln-number:input",{value:NaN,formatted:String(r)}),t.dispatchEvent(new Event("input",{bubbles:!0}));else{e._setHiddenRaw(o);const l=y(E(t),o,t.getAttribute("data-ln-number-decimals"));n(l),v(t,"ln-number:input",{value:o,formatted:l}),t.dispatchEvent(new Event("input",{bubbles:!0}))}}}),this._onInput=function(){e._handleInput()},t.addEventListener("input",this._onInput),this._onPaste=function(r){r.preventDefault();const n=(r.clipboardData||window.clipboardData).getData("text"),o=g(E(t)),l=o.decimalSep.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");let f=n.replace(new RegExp("[^0-9\\-"+l+".]","g"),"");o.groupSep&&(f=f.split(o.groupSep).join("")),o.decimalSep!=="."&&(f=f.replace(o.decimalSep,"."));const _=parseFloat(f);isNaN(_)?(t.value="",e._hidden.value=""):e.value=_},t.addEventListener("paste",this._onPaste);const c=t.value;if(c!==""){const r=parseFloat(c);isNaN(r)||(this._displayFormatted(r),p.set.call(a,String(r)),v(t,"ln-number:input",{value:r,formatted:t.value}),t.dispatchEvent(new Event("input",{bubbles:!0})))}return this}m.prototype._handleInput=function(){const t=this.dom,a=g(E(t)),e=t.value;if(e===""){this._hidden.value="",v(t,"ln-number:input",{value:NaN,formatted:""});return}if(e==="-"){this._hidden.value="";return}const c=t.selectionStart;let r=0;for(let d=0;d<c;d++)/[0-9]/.test(e[d])&&r++;let n=e;if(a.groupSep&&(n=n.split(a.groupSep).join("")),n=n.replace(a.decimalSep,"."),e.endsWith(a.decimalSep)||e.endsWith(".")){const d=n.replace(/\.$/,""),w=parseFloat(d);isNaN(w)||this._setHiddenRaw(w);return}const o=n.indexOf(".");if(o!==-1&&n.slice(o+1).endsWith("0")){const w=parseFloat(n);isNaN(w)||this._setHiddenRaw(w);return}const l=t.getAttribute("data-ln-number-decimals");if(l!==null&&o!==-1){const d=parseInt(l,10);n.slice(o+1).length>d&&(n=n.slice(0,o+1+d))}const f=parseFloat(n);if(isNaN(f))return;const _=t.getAttribute("data-ln-number-min"),F=t.getAttribute("data-ln-number-max");if(_!==null&&f<parseFloat(_)||F!==null&&f>parseFloat(F))return;let b;if(l!==null)b=y(E(t),f,l);else{const d=o!==-1?n.slice(o+1).length:0;if(d>0){const w=E(t)+"|u"+d;u[w]||(u[w]=new Intl.NumberFormat(E(t),{useGrouping:!0,minimumFractionDigits:d,maximumFractionDigits:d})),b=u[w].format(f)}else b=a.fmt.format(f)}t.value=b;let D=r,N=0;for(let d=0;d<b.length&&D>0;d++)N=d+1,/[0-9]/.test(b[d])&&D--;D>0&&(N=b.length),t.setSelectionRange(N,N),this._setHiddenRaw(f),v(t,"ln-number:input",{value:f,formatted:b})},m.prototype._setHiddenRaw=function(t){p.set.call(this._hidden,String(t))},m.prototype._displayFormatted=function(t){this._isFormatting=!0,this.dom.value=y(E(this.dom),t,this.dom.getAttribute("data-ln-number-decimals")),this._isFormatting=!1},Object.defineProperty(m.prototype,"value",{get:function(){const t=this._hidden.value;return t===""?NaN:parseFloat(t)},set:function(t){if(typeof t!="number"||isNaN(t)){this.dom.value="",this._setHiddenRaw(""),this.dom.dispatchEvent(new Event("input",{bubbles:!0}));return}this._displayFormatted(t),this._setHiddenRaw(t),v(this.dom,"ln-number:input",{value:t,formatted:this.dom.value}),this.dom.dispatchEvent(new Event("input",{bubbles:!0}))}}),Object.defineProperty(m.prototype,"formatted",{get:function(){return this.dom.value}}),m.prototype.destroy=function(){this.dom[i]&&(this.dom.removeEventListener("input",this._onInput),this.dom.removeEventListener("paste",this._onPaste),this.dom.name=this._hidden.name,this.dom.type="number",this.dom.removeAttribute("inputmode"),this._hidden.remove(),v(this.dom,"ln-number:destroyed",{target:this.dom}),delete this.dom[i])};function h(){new MutationObserver(function(){const t=document.querySelectorAll("["+s+"]");for(let a=0;a<t.length;a++){const e=t[a][i];e&&!isNaN(e.value)&&e._displayFormatted(e.value)}}).observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]})}I(s,i,m,"ln-number"),h()})()})();
+(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 v={};function H(e,n){v[e]||(v[e]=document.querySelector('[data-ln-template="'+e+'"]'));const s=v[e];return s?s.content.cloneNode(!0):(console.warn("["+(n||"ln-core")+'] Template "'+e+'" not found'),null)}function S(e,n,s){e.dispatchEvent(new CustomEvent(n,{bubbles:!0,detail:s||{}}))}function R(e,n){if(!e||!n)return e;const s=e.querySelectorAll("[data-ln-field]");for(let l=0;l<s.length;l++){const a=s[l],d=a.getAttribute("data-ln-field");n[d]!=null&&(a.textContent=n[d])}const u=e.querySelectorAll("[data-ln-attr]");for(let l=0;l<u.length;l++){const a=u[l],d=a.getAttribute("data-ln-attr").split(",");for(let t=0;t<d.length;t++){const i=d[t].trim().split(":");if(i.length!==2)continue;const r=i[0].trim(),m=i[1].trim();n[m]!=null&&a.setAttribute(r,n[m])}}const p=e.querySelectorAll("[data-ln-show]");for(let l=0;l<p.length;l++){const a=p[l],d=a.getAttribute("data-ln-show");d in n&&a.classList.toggle("hidden",!n[d])}const c=e.querySelectorAll("[data-ln-class]");for(let l=0;l<c.length;l++){const a=c[l],d=a.getAttribute("data-ln-class").split(",");for(let t=0;t<d.length;t++){const i=d[t].trim().split(":");if(i.length!==2)continue;const r=i[0].trim(),m=i[1].trim();m in n&&a.classList.toggle(r,!!n[m])}}return e}function P(e,n){e.matches&&e.matches("[data-ln-form], [data-ln-fillable]")&&e.dispatchEvent(new CustomEvent("ln-fill",{detail:n??null,bubbles:!0}));const s=e.querySelectorAll("[data-ln-form], [data-ln-fillable]");for(let u=0;u<s.length;u++)s[u].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)R(e.target,e.detail);else{const n=e.target.querySelectorAll("[data-ln-field]");for(let s=0;s<n.length;s++)n[s].textContent=""}})));function L(e,n){if(!e||!n)return e;const s=document.createTreeWalker(e,NodeFilter.SHOW_TEXT);for(;s.nextNode();){const c=s.currentNode;c.textContent.indexOf("{{")!==-1&&(c.textContent=c.textContent.replace(/\{\{\s*(\w+)\s*\}\}/g,function(l,a){return n[a]!==void 0?n[a]:""}))}const u=function(c,l){return n[l]!==void 0?n[l]:""},p=Array.from(e.querySelectorAll("*"));e.nodeType===1&&p.push(e);for(let c=0;c<p.length;c++){const l=p[c],a=l.attributes;for(let d=0;d<a.length;d++){const t=a[d];t.value.indexOf("{{")!==-1&&l.setAttribute(t.name,t.value.replace(/\{\{\s*(\w+)\s*\}\}/g,u))}}return e}function M(e,n,s,u,p,c){const l={};for(let d=0;d<e.children.length;d++){const t=e.children[d],i=t.getAttribute("data-ln-key");i&&(l[i]=t)}const a=document.createDocumentFragment();for(let d=0;d<n.length;d++){const t=n[d],i=String(u(t));let r=l[i];if(r)p(r,t,d);else{const m=H(s,c);if(!m||(L(m,t),r=m.firstElementChild,!r))continue;r.setAttribute("data-ln-key",i),p(r,t,d)}a.appendChild(r)}e.textContent="",e.appendChild(a)}function O(e,n){if(!document.body){document.addEventListener("DOMContentLoaded",function(){O(e,n)}),console.warn("["+n+'] Script loaded before <body> — add "defer" to your <script> tag');return}e()}function D(e,n,s,u){if(e.nodeType!==1)return;const c=n.indexOf("[")!==-1||n.indexOf(".")!==-1||n.indexOf("#")!==-1?n:"["+n+"]",l=Array.from(e.querySelectorAll(c));e.matches&&e.matches(c)&&l.push(e);for(const a of l)a[s]||(a[s]=new u(a))}const F={mk:"mk-MK",de:"de-DE",fr:"fr-FR",es:"es-ES",it:"it-IT",nl:"nl-NL",pt:"pt-PT",ru:"ru-RU",bg:"bg-BG",hr:"hr-HR",sr:"sr-RS",sq:"sq-AL",el:"el-GR",en:"en-US"};function w(e){const n=e?e.closest("[lang]"):null,s=(n?n.getAttribute("lang")||n.lang:null)||(document.documentElement?document.documentElement.getAttribute("lang")||document.documentElement.lang:null)||navigator.language;if(!s)return"en-US";const u=s.trim().toLowerCase();return u.indexOf("-")===-1&&F[u]?F[u]:s}function V(e,n,{get:s,set:u}){Object.defineProperty(e,"value",{get:function(){return s?s.call(this):n.get.call(this)},set:function(p){u?u.call(this,p,c=>n.set.call(this,c)):n.set.call(this,p)},configurable:!0})}function W(e,n,s,u,p={}){const c=p.extraAttributes||[],l=p.onAttributeChange||null,a=p.onInit||null;function d(t){const i=t||document.body;D(i,e,n,s),a&&a(i)}return O(function(){const t=new MutationObserver(function(r){for(let m=0;m<r.length;m++){const o=r[m];if(o.type==="childList"){for(let f=0;f<o.addedNodes.length;f++){const h=o.addedNodes[f];h.nodeType===1&&(D(h,e,n,s),a&&a(h))}for(let f=0;f<o.removedNodes.length;f++){const h=o.removedNodes[f];if(h.nodeType===1){const b=e.indexOf("[")!==-1||e.indexOf(".")!==-1||e.indexOf("#")!==-1?e:"["+e+"]",x=Array.from(h.querySelectorAll(b));h.matches&&h.matches(b)&&x.push(h);for(let E=0;E<x.length;E++){const y=x[E];if(!document.contains(y)){const A=y[n];A&&typeof A.destroy=="function"&&A.destroy()}}}}}else o.type==="attributes"&&(l&&o.target[n]?l(o.target,o.attributeName):(D(o.target,e,n,s),a&&a(o.target)))}});let i=[];if(e.indexOf("[")!==-1){const r=/\[([\w-]+)/g;let m;for(;(m=r.exec(e))!==null;)i.push(m[1])}else i.push(e);t.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:i.concat(c)})},u),window[n]=d,document.readyState==="loading"?document.addEventListener("DOMContentLoaded",function(){d(document.body)}):d(document.body),d}const k={};function B(e,n){k[e]=n}function G(e){return k[e]||{ingress:n=>n,egress:n=>n}}const I={};function j(e,n){if(!e||typeof n!="object")return;const s=e.toLowerCase().split("-")[0];I[s]=n}function U(e){if(!e)return null;const n=e.toLowerCase().split("-")[0];return I[n]||null}j("mk",{monthsLong:["јануари","февруари","март","април","мај","јуни","јули","август","септември","октомври","ноември","декември"],monthsShort:["јан","фев","мар","апр","мај","јун","јул","авг","септ","окт","ноем","дек"],daysLong:["недела","понеделник","вторник","среда","четврток","петок","сабота"],daysShort:["нед","пон","вт","ср","чет","пет","саб"]}),typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.registerDataMapper=B,window.lnCore.getDataMapper=G,window.lnCore.registerLocaleFallback=j,window.lnCore.getLocaleFallback=U,window.lnCore.fillTemplate=L,window.lnCore.fill=R,window.lnCore.lnFill=P,window.lnCore.renderList=M);function q(e){return(e||"").replace(/^#/,"")}function T(e){const n=e===void 0?location.hash:e,s={},u=q(n);if(!u)return s;const p=u.split("&");for(let c=0;c<p.length;c++){const l=p[c];if(!l)continue;const a=l.indexOf(":"),d=a>-1?l.slice(0,a):l,t=a>-1?l.slice(a+1):"";if(d)try{s[d]=decodeURIComponent(t)}catch{s[d]=t}}return s}function K(e){if(!e)return null;const n=T();return e in n?n[e]:null}function $(e,n){if(!e)return;const s=T();n==null?delete s[e]:s[e]=String(n);const p=Object.keys(s).map(function(c){const l=s[c];return l===""?c:c+":"+encodeURIComponent(l)}).join("&");q(location.hash)!==p&&(location.hash=p)}function X(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=T,window.lnCore.hashGet=K,window.lnCore.hashSet=$,window.lnCore.hashLinkClick=X),(function(){const e="data-ln-number",n="lnNumber";if(window[n]!==void 0)return;const s={},u=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value");function p(t){if(!s[t]){const i=new Intl.NumberFormat(t,{useGrouping:!0}),r=i.formatToParts(1234.5);let m="",o=".";for(let f=0;f<r.length;f++)r[f].type==="group"&&(m=r[f].value),r[f].type==="decimal"&&(o=r[f].value);s[t]={fmt:i,groupSep:m,decimalSep:o}}return s[t]}function c(t,i,r){if(r!==null){const m=parseInt(r,10),o=t+"|d"+m;return s[o]||(s[o]=new Intl.NumberFormat(t,{useGrouping:!0,minimumFractionDigits:0,maximumFractionDigits:m})),s[o].format(i)}return p(t).fmt.format(i)}function l(t){if(t[n])return t[n];if(t[n]=this,this.dom=t,t.tagName!=="INPUT")return this.isTextElement=!0,this._initTextElement(),this;const i=document.createElement("input");i.type="hidden",i.name=t.name,t.removeAttribute("name"),t.hasAttribute("data-ln-fill-as")&&i.setAttribute("data-ln-fill-as",t.getAttribute("data-ln-fill-as")),t.type="text",t.setAttribute("inputmode","decimal"),t.insertAdjacentElement("afterend",i),this._hidden=i;const r=this;Object.defineProperty(i,"value",{get:function(){return u.get.call(i)},set:function(o){u.set.call(i,o),o!==""&&!isNaN(parseFloat(o))?r._setDisplayRaw(c(w(r.dom),parseFloat(o),r.dom.getAttribute("data-ln-number-decimals"))):r._setDisplayRaw(""),r.dom.dispatchEvent(new Event("input",{bubbles:!0}))}}),V(t,u,{get:function(){return u.get.call(t)},set:function(o){if(o===""){r._setDisplayRaw(""),r._setHiddenRaw(""),t.dispatchEvent(new Event("input",{bubbles:!0}));return}const f=typeof o=="number"?o:parseFloat(String(o).replace(/[^\d.-]/g,""));isNaN(f)?(r._setDisplayRaw(String(o)),r._setHiddenRaw("")):(r._setHiddenRaw(f),r._setDisplayRaw(c(w(t),f,t.getAttribute("data-ln-number-decimals")))),t.dispatchEvent(new Event("input",{bubbles:!0}))}}),this._onInput=function(){r._handleInput()},t.addEventListener("input",this._onInput),this._onPaste=function(o){o.preventDefault();const f=(o.clipboardData||window.clipboardData).getData("text"),h=p(w(t)),C=h.decimalSep.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");let b=f.replace(new RegExp("[^0-9\\-"+C+".]","g"),"");h.groupSep&&(b=b.split(h.groupSep).join("")),h.decimalSep!=="."&&(b=b.replace(h.decimalSep,"."));const x=parseFloat(b);r.value=isNaN(x)?NaN:x},t.addEventListener("paste",this._onPaste);const m=t.value;if(m!==""){const o=parseFloat(m);isNaN(o)||(this._setHiddenRaw(o),this._setDisplayRaw(c(w(t),o,t.getAttribute("data-ln-number-decimals"))),t.dispatchEvent(new Event("input",{bubbles:!0})))}return this}function a(t){if(typeof t=="number")return isNaN(t)?null:t;if(!t||typeof t!="string")return null;let i=t.trim();if(i==="")return null;i=i.replace(/[\s\u00A0$€£]/g,""),i.indexOf(",")!==-1&&i.indexOf(".")!==-1?i.indexOf(".")<i.indexOf(",")?i=i.replace(/\./g,"").replace(",","."):i=i.replace(/,/g,""):i.indexOf(",")!==-1&&(i=i.replace(",",".")),i=i.replace(/[^\d.-]/g,"");const r=parseFloat(i);return isNaN(r)?null:r}l.prototype._initTextElement=function(){const t=this.dom;let i=t.getAttribute("data-ln-value"),r=t.getAttribute("data-ln-number"),m=null;i!==null&&i!==""?m=i:r!==null&&r!==""&&r!=="true"?m=r:m=t.textContent.trim();const o=a(m);o!==null?(this._rawValue=o,t.hasAttribute("data-ln-value")||t.setAttribute("data-ln-value",String(o)),this._formatTextContent()):this._rawValue=null},l.prototype._formatTextContent=function(){if(this._rawValue!==null&&!isNaN(this._rawValue)){const t=this.dom.getAttribute("data-ln-number-decimals");this.dom.textContent=c(w(this.dom),this._rawValue,t)}},l.prototype._handleInput=function(){const t=this.dom,i=p(w(t)),r=u.get.call(t);if(r===""){this._setHiddenRaw(""),S(t,"ln-number:input",{value:NaN,formatted:""});return}if(r==="-"){this._setHiddenRaw("");return}const m=t.selectionStart;let o=0;for(let g=0;g<m;g++)/[0-9]/.test(r[g])&&o++;let f=r;if(i.groupSep&&(f=f.split(i.groupSep).join("")),f=f.replace(i.decimalSep,"."),r.endsWith(i.decimalSep)||r.endsWith(".")){const g=f.replace(/\.$/,""),_=parseFloat(g);isNaN(_)||this._setHiddenRaw(_);return}const h=f.indexOf(".");if(h!==-1&&f.slice(h+1).endsWith("0")){const _=parseFloat(f);isNaN(_)||this._setHiddenRaw(_);return}const C=t.getAttribute("data-ln-number-decimals");if(C!==null&&h!==-1){const g=parseInt(C,10);f.slice(h+1).length>g&&(f=f.slice(0,h+1+g))}const b=parseFloat(f);if(isNaN(b))return;const x=t.getAttribute("data-ln-number-min"),E=t.getAttribute("data-ln-number-max");if(x!==null&&b<parseFloat(x)||E!==null&&b>parseFloat(E))return;let y;if(C!==null)y=c(w(t),b,C);else{const g=h!==-1?f.slice(h+1).length:0;if(g>0){const _=w(t)+"|u"+g;s[_]||(s[_]=new Intl.NumberFormat(w(t),{useGrouping:!0,minimumFractionDigits:g,maximumFractionDigits:g})),y=s[_].format(b)}else y=i.fmt.format(b)}this._setDisplayRaw(y);let A=o,N=0;for(let g=0;g<y.length&&A>0;g++)N=g+1,/[0-9]/.test(y[g])&&A--;A>0&&(N=y.length),t.setSelectionRange(N,N),this._setHiddenRaw(b),S(t,"ln-number:input",{value:b,formatted:y})},l.prototype._setHiddenRaw=function(t){this._hidden&&u.set.call(this._hidden,String(t))},l.prototype._setDisplayRaw=function(t){this.isTextElement?this.dom.textContent=String(t):u.set.call(this.dom,String(t))},l.prototype._displayFormatted=function(t){this.isTextElement?this._formatTextContent():this._setDisplayRaw(c(w(this.dom),t,this.dom.getAttribute("data-ln-number-decimals")))},Object.defineProperty(l.prototype,"value",{get:function(){if(this.isTextElement)return this._rawValue;const t=u.get.call(this._hidden);return t===""?NaN:parseFloat(t)},set:function(t){if(this.isTextElement){typeof t!="number"||isNaN(t)?(this._rawValue=null,this.dom.textContent=""):(this._rawValue=t,this.dom.setAttribute("data-ln-value",String(t)),this._formatTextContent());return}if(typeof t!="number"||isNaN(t)){this._setDisplayRaw(""),this._setHiddenRaw(""),this.dom.dispatchEvent(new Event("input",{bubbles:!0}));return}this._setHiddenRaw(t),this._setDisplayRaw(c(w(this.dom),t,this.dom.getAttribute("data-ln-number-decimals"))),this.dom.dispatchEvent(new Event("input",{bubbles:!0}))}}),Object.defineProperty(l.prototype,"formatted",{get:function(){return this.isTextElement?this.dom.textContent:u.get.call(this.dom)}}),l.prototype.destroy=function(){this.dom[n]&&(this.isTextElement||(this.dom.removeEventListener("input",this._onInput),this.dom.removeEventListener("paste",this._onPaste),this._hidden&&(this.dom.name=this._hidden.name,this._hidden.remove()),this.dom.type="number",this.dom.removeAttribute("inputmode")),S(this.dom,"ln-number:destroyed",{target:this.dom}),delete this.dom[n])};function d(){new MutationObserver(function(){const t=document.querySelectorAll("["+e+"]");for(let i=0;i<t.length;i++){const r=t[i][n];r&&(r.isTextElement?r._formatTextContent():isNaN(r.value)||r._displayFormatted(r.value))}}).observe(document.documentElement,{attributes:!0,attributeFilter:["lang"],subtree:!0})}W(e,n,l,"ln-number",{extraAttributes:["data-ln-value","data-ln-number-decimals","data-ln-number-min","data-ln-number-max","lang"],onAttributeChange:function(t){const i=t[n];i&&(i.isTextElement?i._initTextElement():isNaN(i.value)||i._displayFormatted(i.value))}}),d()})()})();