@livenetworks/ashlar 1.6.0 → 2.0.0

package/js/ln-date/src/ln-date.js

@@ -1,603 +0,0 @@
-import { dispatch, getLocale, registerComponent, interceptValueProperty, getLocaleFallback, registerLocaleFallback, buildDict } from '../../ln-core';
-
-(function () {
-	const DOM_SELECTOR = 'data-ln-date';
-	const DOM_ATTRIBUTE = 'lnDate';
-
-	if (window[DOM_ATTRIBUTE] !== undefined) return;
-
-	// ─── Formatter Cache ──────────────────────────────────────
-
-	const _formatters = {};
-	const _inputValueDesc = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value');
-
-	function _getFormatter(locale, options) {
-		const key = locale + '|' + JSON.stringify(options);
-		if (!_formatters[key]) {
-			_formatters[key] = new Intl.DateTimeFormat(locale, options);
-		}
-		return _formatters[key];
-	}
-
-	// ─── Format Detection ─────────────────────────────────────
-
-	const KEYWORD_RE = /^(short|medium|long)(\s+datetime)?$/;
-
-	const KEYWORD_OPTIONS = {
-		'short':          { dateStyle: 'short' },
-		'medium':         { dateStyle: 'medium' },
-		'long':           { dateStyle: 'long' },
-		'short datetime':  { dateStyle: 'short', timeStyle: 'short' },
-		'medium datetime': { dateStyle: 'medium', timeStyle: 'short' },
-		'long datetime':   { dateStyle: 'long', timeStyle: 'short' }
-	};
-
-	function _getIntlOptions(format) {
-		if (!format || format === '') return { dateStyle: 'medium' };
-		const match = format.match(KEYWORD_RE);
-		if (match) {
-			return KEYWORD_OPTIONS[format];
-		}
-		return null; // custom pattern
-	}
-
-	// ─── Custom Pattern Formatting ────────────────────────────
-
-	function _formatCustom(date, pattern, locale) {
-		const day = date.getDate();
-		const month = date.getMonth();
-		const year = date.getFullYear();
-		const hours = date.getHours();
-		const minutes = date.getMinutes();
-
-		let mmmmVal, mmmVal;
-		const fallback = getLocaleFallback(locale);
-		const langPrefix = (locale || '').toLowerCase().split('-')[0];
-		const formatter = _getFormatter(locale, { month: 'long' });
-		const resolvedLocale = formatter.resolvedOptions().locale.toLowerCase().split('-')[0];
-		const isFallbackNeeded = fallback && resolvedLocale !== langPrefix;
-
-		if (isFallbackNeeded && fallback.monthsLong) {
-			mmmmVal = fallback.monthsLong[month];
-		} else {
-			mmmmVal = _getFormatter(locale, { month: 'long' }).format(date);
-		}
-
-		if (isFallbackNeeded && fallback.monthsShort) {
-			mmmVal = fallback.monthsShort[month];
-		} else {
-			mmmVal = _getFormatter(locale, { month: 'short' }).format(date);
-		}
-
-		const tokens = {
-			'yyyy': String(year),
-			'yy':   String(year).slice(-2),
-			'MMMM': mmmmVal,
-			'MMM':  mmmVal,
-			'MM':   String(month + 1).padStart(2, '0'),
-			'M':    String(month + 1),
-			'dd':   String(day).padStart(2, '0'),
-			'd':    String(day),
-			'HH':   String(hours).padStart(2, '0'),
-			'mm':   String(minutes).padStart(2, '0')
-		};
-
-		return pattern.replace(/yyyy|yy|MMMM|MMM|MM|M|dd|d|HH|mm/g, function (m) { return tokens[m]; });
-	}
-
-	// ─── Format Date ──────────────────────────────────────────
-
-	function _formatDate(date, format, locale) {
-		const intlOptions = _getIntlOptions(format);
-		if (intlOptions) {
-			const formatter = _getFormatter(locale, intlOptions);
-			const langPrefix = (locale || '').toLowerCase().split('-')[0];
-			const resolvedLocale = formatter.resolvedOptions().locale.toLowerCase().split('-')[0];
-			const fallback = getLocaleFallback(locale);
-
-			if (fallback && resolvedLocale !== langPrefix) {
-				return _formatCustom(date, 'dd.MM.yyyy', locale);
-			}
-			return formatter.format(date);
-		}
-		return _formatCustom(date, format, locale);
-	}
-
-	// ─── Component Helpers ────────────────────────────────────
-
-	function _toISO(date) {
-		if (!date) return '';
-		const y = date.getFullYear();
-		const m = String(date.getMonth() + 1).padStart(2, '0');
-		const d = String(date.getDate()).padStart(2, '0');
-		return y + '-' + m + '-' + d;
-	}
-
-	function _notifyChange(self, iso, date) {
-		dispatch(self.dom, 'ln-date:change', {
-			value: iso,
-			formatted: self.dom.value,
-			date: date
-		});
-		self.dom.dispatchEvent(new Event('change', { bubbles: true }));
-	}
-
-	function _updateState(self, iso, date, formattedText) {
-		self._setHiddenRaw(iso);
-		_inputValueDesc.set.call(self._picker, iso);
-		self._lastISO = iso;
-		if (formattedText !== undefined) {
-			self._isFormatting = true;
-			self.dom.value = formattedText;
-			self._isFormatting = false;
-		} else if (date) {
-			self._displayFormatted(date);
-		}
-		_notifyChange(self, iso, date);
-	}
-
-	function _clearState(self) {
-		self._setHiddenRaw('');
-		_inputValueDesc.set.call(self._picker, '');
-		self._isFormatting = true;
-		self.dom.value = '';
-		self._isFormatting = false;
-		self._lastISO = '';
-		_notifyChange(self, '', null);
-	}
-
-	// ─── Component ────────────────────────────────────────────
-
-	// ─── Component ────────────────────────────────────────────
-
-	_component.prototype._initTextElement = function () {
-		const dom = this.dom;
-		let valAttr = dom.getAttribute('data-ln-value');
-		let dateAttr = dom.getAttribute('data-ln-date');
-		let datetimeAttr = dom.getAttribute('datetime');
-
-		let candidate = null;
-		if (valAttr !== null && valAttr !== '') {
-			candidate = valAttr;
-		} else if (datetimeAttr !== null && datetimeAttr !== '') {
-			candidate = datetimeAttr;
-		} else if (dateAttr !== null && dateAttr !== '' && dateAttr !== 'true' && !KEYWORD_RE.test(dateAttr)) {
-			candidate = dateAttr;
-		} else {
-			candidate = dom.textContent.trim();
-		}
-
-		let date = _parseISO(candidate) || _parseTyped(candidate);
-		if (!date && candidate) {
-			if (!isNaN(candidate)) {
-				const num = Number(candidate);
-				date = new Date(num > 1e11 ? num : num * 1000);
-			} else {
-				date = new Date(candidate);
-			}
-		}
-		if (date && !isNaN(date.getTime())) {
-			const iso = _toISO(date);
-			this._rawValue = iso;
-			if (!dom.hasAttribute('data-ln-value')) {
-				dom.setAttribute('data-ln-value', iso);
-			}
-			this._formatTextContent();
-		} else {
-			this._rawValue = null;
-		}
-	};
-
-	_component.prototype._formatTextContent = function () {
-		if (this._rawValue) {
-			const date = _parseISO(this._rawValue);
-			if (date) {
-				const formatAttr = this.dom.getAttribute('data-ln-date-format');
-				let format = formatAttr;
-				if (!format) {
-					const dateAttr = this.dom.getAttribute('data-ln-date');
-					if (dateAttr && KEYWORD_RE.test(dateAttr)) {
-						format = dateAttr;
-					}
-				}
-				const locale = getLocale(this.dom);
-				this.dom.textContent = _formatDate(date, format || 'medium', locale);
-			}
-		}
-	};
-
-	function _component(dom) {
-		if (dom[DOM_ATTRIBUTE]) return dom[DOM_ATTRIBUTE];
-		dom[DOM_ATTRIBUTE] = this;
-
-		this.dom = dom;
-
-		if (dom.tagName !== 'INPUT') {
-			this.isTextElement = true;
-			this._initTextElement();
-			return this;
-		}
-
-		this.isTextElement = false;
-		const self = this;
-
-		// ── Read initial state ──────────────────────────────
-		const initialValue = dom.value;
-		const name = dom.name;
-
-		// Check for declarative HTML dictionary nearby
-		const container = dom.closest('.form-element, form') || dom.parentNode;
-		const dictEls = container.querySelectorAll('[data-ln-date-dict]');
-		for (let i = 0; i < dictEls.length; i++) {
-			const lang = dictEls[i].getAttribute('data-ln-date-dict');
-			if (lang) {
-				const dictData = buildDict(dictEls[i], 'data-ln-date-dict-key');
-				if (dictData['months-long']) {
-					dictData.monthsLong = dictData['months-long'].split(',').map(s => s.trim());
-				}
-				if (dictData['months-short']) {
-					dictData.monthsShort = dictData['months-short'].split(',').map(s => s.trim());
-				}
-				registerLocaleFallback(lang, dictData);
-			}
-		}
-
-		// ── Wrap field: replace dom with <span data-ln-date-field> and move dom inside ──
-		const wrapper = document.createElement('span');
-		wrapper.setAttribute('data-ln-date-field', '');
-		dom.parentNode.insertBefore(wrapper, dom);
-		wrapper.appendChild(dom);
-		this._wrapper = wrapper;
-
-		// ── Create hidden input for form submission ─────────
-		const hidden = document.createElement('input');
-		hidden.type = 'hidden';
-		hidden.name = name;
-		dom.removeAttribute('name');
-		if (dom.hasAttribute('data-ln-fill-as')) {
-			hidden.setAttribute('data-ln-fill-as', dom.getAttribute('data-ln-fill-as'));
-		}
-		dom.insertAdjacentElement('afterend', hidden);
-		this._hidden = hidden;
-
-		// ── Create hidden date input for native picker ──────
-		const picker = document.createElement('input');
-		picker.type = 'date';
-		picker.tabIndex = -1;
-		picker.style.cssText = 'position:absolute;opacity:0;width:0;height:0;overflow:hidden;pointer-events:none';
-		hidden.insertAdjacentElement('afterend', picker);
-		this._picker = picker;
-
-		// ── Transform original input to text display ────────
-		dom.type = 'text';
-
-		// ── Create calendar button ──────────────────────────
-		const btn = document.createElement('button');
-		btn.type = 'button';
-		btn.setAttribute('aria-label', dom.getAttribute('data-ln-date-label') || 'Open date picker');
-		btn.innerHTML = '<svg class="ln-icon" aria-hidden="true"><use href="#ln-icon-calendar"></use></svg>';
-		picker.insertAdjacentElement('afterend', btn);
-		this._btn = btn;
-		this._lastISO = '';
-
-		// ── Intercept programmatic value sets on hidden input ──
-		Object.defineProperty(hidden, 'value', {
-			get: function () {
-				return _inputValueDesc.get.call(hidden);
-			},
-			set: function (val) {
-				_inputValueDesc.set.call(hidden, val);
-				if (val && val !== '') {
-					const date = _parseISO(val);
-					if (date) _updateState(self, val, date);
-				} else if (val === '') {
-					_clearState(self);
-				}
-			}
-		});
-
-		// ── Intercept programmatic value sets on visible input (2-way binding) ──
-		interceptValueProperty(dom, _inputValueDesc, {
-			get: function () {
-				return _inputValueDesc.get.call(dom);
-			},
-			set: function (val, originalSet) {
-				if (self._isFormatting) {
-					originalSet(val);
-					return;
-				}
-				if (!val || val === '') {
-					originalSet('');
-					_clearState(self);
-					return;
-				}
-
-				const date = _parseISO(val) || _parseTyped(val);
-
-				if (date) {
-					const iso = _toISO(date);
-					const format = dom.getAttribute(DOM_SELECTOR) || '';
-					const locale = getLocale(dom);
-					const formatted = _formatDate(date, format, locale);
-					originalSet(formatted);
-					_updateState(self, iso, date, formatted);
-				} else {
-					originalSet(String(val));
-					_clearState(self);
-				}
-			}
-		});
-
-		// ── Bind events ─────────────────────────────────────
-		this._onPickerChange = function () {
-			const val = picker.value;
-			if (val) {
-				const date = _parseISO(val);
-				if (date) _updateState(self, val, date);
-			} else {
-				_clearState(self);
-			}
-		};
-		picker.addEventListener('change', this._onPickerChange);
-
-		this._onBlur = function () {
-			const typed = self.dom.value.trim();
-
-			if (typed === '') {
-				if (self._lastISO !== '') _clearState(self);
-				return;
-			}
-
-			if (self._lastISO) {
-				const currentDate = _parseISO(self._lastISO);
-				if (currentDate) {
-					const format = self.dom.getAttribute(DOM_SELECTOR) || '';
-					const locale = getLocale(self.dom);
-					if (typed === _formatDate(currentDate, format, locale)) return;
-				}
-			}
-
-			const parsed = _parseTyped(typed);
-			if (parsed) {
-				const iso = _toISO(parsed);
-				_updateState(self, iso, parsed);
-			} else {
-				if (self._lastISO) {
-					const prevDate = _parseISO(self._lastISO);
-					if (prevDate) self._displayFormatted(prevDate);
-				} else {
-					self.dom.value = '';
-				}
-			}
-		};
-		dom.addEventListener('blur', this._onBlur);
-
-		this._onBtnClick = function () {
-			self._openPicker();
-		};
-		btn.addEventListener('click', this._onBtnClick);
-
-		// ── Handle pre-filled value ─────────────────────────
-		if (initialValue && initialValue !== '') {
-			const date = _parseISO(initialValue);
-			if (date) _updateState(self, initialValue, date);
-		}
-
-		return this;
-	}
-
-	// ─── Parsing Helpers ──────────────────────────────────────
-
-	function _parseISO(str) {
-		if (!str || typeof str !== 'string') return null;
-		const parts = str.split('T');
-		const dateParts = parts[0].split('-');
-		if (dateParts.length < 3) return null;
-		const y = parseInt(dateParts[0], 10);
-		const m = parseInt(dateParts[1], 10) - 1;
-		const d = parseInt(dateParts[2], 10);
-		if (isNaN(y) || isNaN(m) || isNaN(d)) return null;
-		let h = 0, min = 0;
-		if (parts[1]) {
-			const timeParts = parts[1].split(':');
-			h = parseInt(timeParts[0], 10) || 0;
-			min = parseInt(timeParts[1], 10) || 0;
-		}
-		const date = new Date(y, m, d, h, min);
-		if (date.getFullYear() !== y || date.getMonth() !== m || date.getDate() !== d) return null;
-		return date;
-	}
-
-	function _parseTyped(str) {
-		if (!str || typeof str !== 'string') return null;
-		str = str.trim();
-		if (str.length < 6) return null;
-
-		let sep, parts;
-		if (str.indexOf('.') !== -1) {
-			sep = '.'; parts = str.split('.');
-		} else if (str.indexOf('/') !== -1) {
-			sep = '/'; parts = str.split('/');
-		} else if (str.indexOf('-') !== -1) {
-			sep = '-'; parts = str.split('-');
-		} else {
-			return null;
-		}
-
-		if (parts.length !== 3) return null;
-		const nums = [];
-		for (let i = 0; i < 3; i++) {
-			const n = parseInt(parts[i], 10);
-			if (isNaN(n)) return null;
-			nums.push(n);
-		}
-
-		let day, month, year;
-		if (sep === '.') {
-			day = nums[0]; month = nums[1]; year = nums[2];
-		} else if (sep === '/') {
-			month = nums[0]; day = nums[1]; year = nums[2];
-		} else {
-			if (parts[0].length === 4) {
-				year = nums[0]; month = nums[1]; day = nums[2];
-			} else {
-				day = nums[0]; month = nums[1]; year = nums[2];
-			}
-		}
-
-		if (year < 100) {
-			year += (year < 50) ? 2000 : 1900;
-		}
-
-		const date = new Date(year, month - 1, day);
-		if (date.getFullYear() !== year || date.getMonth() !== month - 1 || date.getDate() !== day) {
-			return null;
-		}
-		return date;
-	}
-
-	_component.prototype._openPicker = function () {
-		if (typeof this._picker.showPicker === 'function') {
-			try {
-				this._picker.showPicker();
-			} catch (e) {
-				this._picker.click();
-			}
-		} else {
-			this._picker.click();
-		}
-	};
-
-	_component.prototype._setHiddenRaw = function (val) {
-		_inputValueDesc.set.call(this._hidden, val);
-	};
-
-	_component.prototype._displayFormatted = function (date) {
-		const format = this.dom.getAttribute(DOM_SELECTOR) || '';
-		const locale = getLocale(this.dom);
-		this._isFormatting = true;
-		this.dom.value = _formatDate(date, format, locale);
-		this._isFormatting = false;
-	};
-
-	// ─── Public API ───────────────────────────────────────────
-
-	Object.defineProperty(_component.prototype, 'value', {
-		get: function () {
-			if (this.isTextElement) {
-				return this._rawValue || '';
-			}
-			return _inputValueDesc.get.call(this._hidden);
-		},
-		set: function (isoStr) {
-			if (this.isTextElement) {
-				if (!isoStr || isoStr === '') {
-					this._rawValue = null;
-					this.dom.removeAttribute('data-ln-value');
-					this.dom.textContent = '';
-					return;
-				}
-				const date = _parseISO(isoStr) || _parseTyped(isoStr);
-				if (!date) return;
-				const iso = _toISO(date);
-				this._rawValue = iso;
-				this.dom.setAttribute('data-ln-value', iso);
-				this._formatTextContent();
-				return;
-			}
-			if (!isoStr || isoStr === '') {
-				_clearState(this);
-				return;
-			}
-			const date = _parseISO(isoStr);
-			if (!date) return;
-			_updateState(this, isoStr, date);
-		}
-	});
-
-	Object.defineProperty(_component.prototype, 'date', {
-		get: function () {
-			const val = this.value;
-			if (!val) return null;
-			return _parseISO(val);
-		},
-		set: function (dateObj) {
-			if (!dateObj || !(dateObj instanceof Date) || isNaN(dateObj.getTime())) {
-				this.value = '';
-				return;
-			}
-			this.value = _toISO(dateObj);
-		}
-	});
-
-	Object.defineProperty(_component.prototype, 'formatted', {
-		get: function () {
-			if (this.isTextElement) {
-				return this.dom.textContent;
-			}
-			return this.dom.value;
-		}
-	});
-
-	_component.prototype.destroy = function () {
-		if (!this.dom[DOM_ATTRIBUTE]) return;
-		if (this.isTextElement) {
-			dispatch(this.dom, 'ln-date:destroyed', { target: this.dom });
-			delete this.dom[DOM_ATTRIBUTE];
-			return;
-		}
-		this._picker.removeEventListener('change', this._onPickerChange);
-		this.dom.removeEventListener('blur', this._onBlur);
-		this._btn.removeEventListener('click', this._onBtnClick);
-		const isoVal = this.value;
-		this._hidden.remove();
-		this._picker.remove();
-		this._btn.remove();
-		if (this._wrapper && this._wrapper.parentNode) {
-			this._wrapper.parentNode.insertBefore(this.dom, this._wrapper);
-			this._wrapper.remove();
-		}
-		delete this.dom.value;
-		this.dom.name = this._hidden.name;
-		this.dom.type = 'date';
-		if (isoVal) this.dom.value = isoVal;
-		dispatch(this.dom, 'ln-date:destroyed', { target: this.dom });
-		delete this.dom[DOM_ATTRIBUTE];
-	};
-
-	// ─── Locale Observer ──────────────────────────────────────
-
-	function _localeObserver() {
-		new MutationObserver(function () {
-			const els = document.querySelectorAll('[' + DOM_SELECTOR + ']');
-			for (let i = 0; i < els.length; i++) {
-				const inst = els[i][DOM_ATTRIBUTE];
-				if (inst) {
-					if (inst.isTextElement) {
-						inst._formatTextContent();
-					} else if (inst.value) {
-						const date = _parseISO(inst.value);
-						if (date) inst._displayFormatted(date);
-					}
-				}
-			}
-		}).observe(document.documentElement, { attributes: true, attributeFilter: ['lang'], subtree: true });
-	}
-
-	// ─── Init ─────────────────────────────────────────────────
-
-	registerComponent(DOM_SELECTOR, DOM_ATTRIBUTE, _component, 'ln-date', {
-		extraAttributes: ['data-ln-date-format', 'data-ln-date-locale', 'data-ln-value', 'datetime', 'lang'],
-		onAttributeChange: function (el) {
-			const inst = el[DOM_ATTRIBUTE];
-			if (!inst) return;
-			if (inst.isTextElement) {
-				inst._initTextElement();
-			} else if (inst.value) {
-				const date = _parseISO(inst.value);
-				if (date) inst._displayFormatted(date);
-			}
-		}
-	});
-	_localeObserver();
-})();

package/js/ln-debug/README.md

@@ -1,58 +0,0 @@
-# ln-debug
-
-> The diagnostic component of `ln-ashlar` that enables verbose developer warnings in console logs during development.
-
----
-
-## 1. Philosophy
-
-In production, libraries should remain silent and not pollute the browser console with developer-oriented warnings (such as template mismatch warnings or missing configuration parameters). 
-
-The `ln-debug` component solves this by acting as a global switch:
-- When active, all core validation warnings (prefixed with `[ln-` or `[lnCore`) are enabled.
-- When inactive, these developer warnings are safely suppressed, maintaining a clean production log.
-
----
-
-## 2. Minimal Blueprint
-
-Add the `data-ln-debug` attribute to either the `<html>` or `<body>` element (or any element in the document) to enable debug logs:
-
-```html
-<!DOCTYPE html>
-<html lang="en" data-ln-debug>
-<head>
-    <script src="dist/ln-ashlar.iife.js" defer></script>
-</head>
-<body>
-    <!-- Warnings will be visible in the developer console -->
-</body>
-</html>
-```
-
----
-
-## 3. DOM & State Management
-
-This component lives entirely at the level of the DOM. The single source of truth is the presence of the `data-ln-debug` attribute on `<html>` or `<body>`.
-
-### Checking the State via JS
-
-To check if debug mode is active in your scripts, query the DOM directly:
-
-```javascript
-const isDebug = document.documentElement.hasAttribute('data-ln-debug') || 
-                (document.body && document.body.hasAttribute('data-ln-debug'));
-```
-
-### Toggling the State
-
-To toggle debug mode at runtime, add or remove the attribute from the DOM:
-
-```javascript
-// Enable
-document.documentElement.setAttribute('data-ln-debug', '');
-
-// Disable
-document.documentElement.removeAttribute('data-ln-debug');
-```

package/js/ln-debug/ln-debug.js

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

package/js/ln-debug/src/ln-debug.js

@@ -1,19 +0,0 @@
-import { registerComponent } from '../../ln-core';
-
-(function () {
-	const DOM_SELECTOR = 'data-ln-debug';
-	const DOM_ATTRIBUTE = 'lnDebug';
-
-	if (window[DOM_ATTRIBUTE] !== undefined) return;
-
-	function _component(dom) {
-		this.dom = dom;
-		return this;
-	}
-
-	_component.prototype.destroy = function () {
-		delete this.dom[DOM_ATTRIBUTE];
-	};
-
-	registerComponent(DOM_SELECTOR, DOM_ATTRIBUTE, _component, 'ln-debug');
-})();