@livenetworks/ashlar 1.6.0 → 2.0.0

package/js/ln-upload/src/ln-upload.js

@@ -1,423 +0,0 @@
-import { guardBody, dispatch, buildDict, cloneTemplateScoped, fill } from '../../ln-core';
-
-(function () {
-	const DOM_SELECTOR = 'data-ln-upload';
-	const DOM_ATTRIBUTE = 'lnUpload';
-	const DICT_SELECTOR = 'data-ln-upload-dict';
-	const ACCEPT_ATTR = 'data-ln-upload-accept';
-	const CONTEXT_ATTR = 'data-ln-upload-context';
-
-	const DEFAULT_ITEM_TEMPLATE_HTML =
-		'<template data-ln-template="ln-upload-item">' +
-			'<li class="ln-upload__item" data-ln-class="ln-upload__item--uploading:uploading, ln-upload__item--error:error, ln-upload__item--deleting:deleting">' +
-				'<svg class="ln-icon" aria-hidden="true"><use data-ln-attr="href:iconHref" href="#ln-icon-file"></use></svg>' +
-				'<span class="ln-upload__name" data-ln-field="name"></span>' +
-				'<span class="ln-upload__size" data-ln-field="sizeText"></span>' +
-				'<button type="button" class="ln-upload__remove" data-ln-upload-action="remove" data-ln-attr="aria-label:removeLabel, title:removeLabel">' +
-					'<svg class="ln-icon" aria-hidden="true"><use href="#ln-icon-x"></use></svg>' +
-				'</button>' +
-				'<div class="ln-upload__progress"><div class="ln-upload__progress-bar"></div></div>' +
-			'</li>' +
-		'</template>';
-
-	function _ensureDefaultItemTemplate() {
-		if (document.querySelector('[data-ln-template="ln-upload-item"]')) return;
-		if (!document.body) return;
-		const holder = document.createElement('div');
-		// Trust boundary: DEFAULT_ITEM_TEMPLATE_HTML is a hardcoded template string defined above
-		holder.innerHTML = DEFAULT_ITEM_TEMPLATE_HTML;
-		const tmpl = holder.firstElementChild;
-		if (tmpl) document.body.appendChild(tmpl);
-	}
-
-	if (window[DOM_ATTRIBUTE] !== undefined) return;
-
-	function _formatSize(bytes) {
-		if (bytes === 0) return '0 B';
-		const k = 1024;
-		const sizes = ['B', 'KB', 'MB', 'GB'];
-		const i = Math.floor(Math.log(bytes) / Math.log(k));
-		return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i];
-	}
-
-	function _getExtension(filename) {
-		return filename.split('.').pop().toLowerCase();
-	}
-
-	function _getIconId(extension) {
-		if (extension === 'docx') extension = 'doc';
-		const supported = ['pdf', 'doc', 'epub'];
-		return supported.includes(extension) ? 'ln-icon-custom-file-' + extension : 'ln-icon-file';
-	}
-
-	function _isValidFile(file, acceptString) {
-		if (!acceptString) return true;
-		const ext = '.' + _getExtension(file.name);
-		const allowed = acceptString.split(',').map(function (s) { return s.trim().toLowerCase(); });
-		return allowed.includes(ext.toLowerCase());
-	}
-
-	function _initUpload(container) {
-		if (container.lnUploadAPI) return;
-
-		_ensureDefaultItemTemplate();
-		const dict = buildDict(container, DICT_SELECTOR);
-		const zone = container.querySelector('.ln-upload__zone');
-		const list = container.querySelector('.ln-upload__list');
-		const acceptString = container.getAttribute(ACCEPT_ATTR) || '';
-
-		if (!zone || !list) {
-			console.warn('[ln-upload] Missing .ln-upload__zone or .ln-upload__list in container:', container);
-			return;
-		}
-
-		let input = container.querySelector('input[type="file"]');
-		if (!input) {
-			input = document.createElement('input');
-			input.type = 'file';
-			input.multiple = true;
-			input.classList.add('hidden');
-			if (acceptString) {
-				input.accept = acceptString.split(',').map(function(ext) {
-					ext = ext.trim();
-					return ext.startsWith('.') ? ext : '.' + ext;
-				}).join(',');
-			}
-			container.appendChild(input);
-		}
-		const uploadUrl = container.getAttribute(DOM_SELECTOR) || '/files/upload';
-		const uploadContextFallback = container.getAttribute(CONTEXT_ATTR) || '';
-		const deleteUrlPattern = container.getAttribute('data-ln-upload-delete') || 
-			(uploadUrl.includes('/upload') ? uploadUrl.replace(/\/upload\/?$/, '/{id}') : uploadUrl + '/{id}');
-
-		const uploadedFiles = new Map();
-		let fileIdCounter = 0;
-
-		function getCsrfToken() {
-			const meta = document.querySelector('meta[name="csrf-token"]');
-			return meta ? meta.getAttribute('content') : '';
-		}
-
-		function addFile(file) {
-			if (!_isValidFile(file, acceptString)) {
-				const message = dict['invalid-type'];
-				dispatch(container, 'ln-upload:invalid', {
-					file: file,
-					message: message
-				});
-
-				dispatch(window, 'ln-toast:enqueue', {
-					type: 'error',
-					title: dict['invalid-title'] || 'Invalid File',
-					message: message || dict['invalid-type'] || 'This file type is not allowed'
-				});
-				return;
-			}
-
-			const localId = 'file-' + (++fileIdCounter);
-			const ext = _getExtension(file.name);
-			const iconId = _getIconId(ext);
-
-			const fragment = cloneTemplateScoped(container, 'ln-upload-item', 'ln-upload');
-			if (!fragment) return;
-			const li = fragment.firstElementChild;
-			if (!li) return;
-
-			li.setAttribute('data-file-id', localId);
-
-			fill(li, {
-				name: file.name,
-				sizeText: '0%',
-				iconHref: '#' + iconId,
-				removeLabel: dict['remove'] || 'Remove',
-				uploading: true,
-				error: false,
-				deleting: false
-			});
-
-			const progressBar = li.querySelector('.ln-upload__progress-bar');
-			const removeBtn = li.querySelector('[data-ln-upload-action="remove"]');
-			if (removeBtn) removeBtn.disabled = true;
-
-			list.appendChild(li);
-
-			const formData = new FormData();
-			formData.append('file', file);
-
-			const gatheredNames = new Set();
-			container.querySelectorAll('input, select, textarea').forEach(function (el) {
-				if (el.name && el.name !== 'file_ids[]' && el.type !== 'file') {
-					if ((el.type === 'checkbox' || el.type === 'radio') && !el.checked) {
-						return;
-					}
-					formData.append(el.name, el.value);
-					gatheredNames.add(el.name);
-				}
-			});
-
-			if (!gatheredNames.has('context') && uploadContextFallback) {
-				formData.append('context', uploadContextFallback);
-			}
-
-			const xhr = new XMLHttpRequest();
-
-			xhr.upload.addEventListener('progress', function (e) {
-				if (e.lengthComputable) {
-					const percent = Math.round((e.loaded / e.total) * 100);
-					progressBar.style.width = percent + '%';
-					fill(li, { sizeText: percent + '%' });
-				}
-			});
-
-			xhr.addEventListener('load', function () {
-				if (xhr.status >= 200 && xhr.status < 300) {
-					let data;
-					try {
-						data = JSON.parse(xhr.responseText);
-					} catch (e) {
-						handleError('Invalid response');
-						return;
-					}
-
-					fill(li, { sizeText: _formatSize(data.size || file.size), uploading: false });
-					if (removeBtn) removeBtn.disabled = false;
-
-					uploadedFiles.set(localId, {
-						serverId: data.id,
-						name: data.name,
-						size: data.size
-					});
-
-					updateHiddenInput();
-
-					dispatch(container, 'ln-upload:uploaded', {
-						localId: localId,
-						serverId: data.id,
-						name: data.name
-					});
-				} else {
-					let message = dict['upload-failed'] || 'Upload failed';
-					try {
-						const errorData = JSON.parse(xhr.responseText);
-						message = errorData.message || message;
-					} catch (e) { }
-					handleError(message);
-				}
-			});
-
-			xhr.addEventListener('error', function () {
-				handleError(dict['network-error'] || 'Network error');
-			});
-
-			function handleError(message) {
-				if (progressBar) progressBar.style.width = '100%';
-				fill(li, { sizeText: dict['error'] || 'Error', uploading: false, error: true });
-				if (removeBtn) removeBtn.disabled = false;
-
-				dispatch(container, 'ln-upload:error', {
-					file: file,
-					message: message
-				});
-
-				dispatch(window, 'ln-toast:enqueue', {
-					type: 'error',
-					title: dict['error-title'] || 'Upload Error',
-					message: message || dict['upload-failed'] || 'Failed to upload file'
-				});
-			}
-
-			xhr.open('POST', uploadUrl);
-			xhr.setRequestHeader('X-CSRF-TOKEN', getCsrfToken());
-			xhr.setRequestHeader('Accept', 'application/json');
-			xhr.send(formData);
-		}
-
-		function updateHiddenInput() {
-			for (const el of container.querySelectorAll('input[name="file_ids[]"]')) {
-				el.remove();
-			}
-
-			for (const [, fileData] of uploadedFiles) {
-				const hiddenInput = document.createElement('input');
-				hiddenInput.type = 'hidden';
-				hiddenInput.name = 'file_ids[]';
-				hiddenInput.value = fileData.serverId;
-				container.appendChild(hiddenInput);
-			}
-		}
-
-		function removeFile(localId) {
-			const fileData = uploadedFiles.get(localId);
-			const item = list.querySelector('[data-file-id="' + localId + '"]');
-
-			if (!fileData || !fileData.serverId) {
-				if (item) item.remove();
-				uploadedFiles.delete(localId);
-				updateHiddenInput();
-				return;
-			}
-
-			if (item) fill(item, { deleting: true });
-
-			const deleteUrl = deleteUrlPattern.replace('{id}', fileData.serverId);
-			fetch(deleteUrl, {
-				method: 'DELETE',
-				headers: {
-					'X-CSRF-TOKEN': getCsrfToken(),
-					'Accept': 'application/json'
-				}
-			})
-				.then(function (response) {
-					if (response.status === 200) {
-						if (item) item.remove();
-						uploadedFiles.delete(localId);
-						updateHiddenInput();
-
-						dispatch(container, 'ln-upload:removed', {
-							localId: localId,
-							serverId: fileData.serverId
-						});
-					} else {
-						if (item) fill(item, { deleting: false });
-
-						dispatch(window, 'ln-toast:enqueue', {
-							type: 'error',
-							title: dict['delete-title'] || 'Error',
-							message: dict['delete-error'] || 'Failed to delete file'
-						});
-					}
-				})
-				.catch(function (error) {
-					console.warn('[ln-upload] Delete error:', error);
-					if (item) fill(item, { deleting: false });
-
-					dispatch(window, 'ln-toast:enqueue', {
-						type: 'error',
-						title: dict['network-error'] || 'Network error',
-						message: dict['connection-error'] || 'Could not connect to server'
-					});
-				});
-		}
-
-		function handleFiles(fileList) {
-			for (const file of fileList) {
-				addFile(file);
-			}
-			input.value = '';
-		}
-
-		const _onZoneClick = function () { input.click(); };
-		const _onInputChange = function () { handleFiles(this.files); };
-		const _onDragEnter = function (e) { e.preventDefault(); e.stopPropagation(); zone.classList.add('ln-upload__zone--dragover'); };
-		const _onDragOver = function (e) { e.preventDefault(); e.stopPropagation(); zone.classList.add('ln-upload__zone--dragover'); };
-		const _onDragLeave = function (e) { e.preventDefault(); e.stopPropagation(); zone.classList.remove('ln-upload__zone--dragover'); };
-		const _onDrop = function (e) { e.preventDefault(); e.stopPropagation(); zone.classList.remove('ln-upload__zone--dragover'); handleFiles(e.dataTransfer.files); };
-		const _onListClick = function (e) {
-			const btn = e.target.closest('[data-ln-upload-action="remove"]');
-			if (!btn || !list.contains(btn)) return;
-			if (btn.disabled) return;
-			const item = btn.closest('.ln-upload__item');
-			if (item) removeFile(item.getAttribute('data-file-id'));
-		};
-
-		zone.addEventListener('click', _onZoneClick);
-		input.addEventListener('change', _onInputChange);
-		zone.addEventListener('dragenter', _onDragEnter);
-		zone.addEventListener('dragover', _onDragOver);
-		zone.addEventListener('dragleave', _onDragLeave);
-		zone.addEventListener('drop', _onDrop);
-		list.addEventListener('click', _onListClick);
-
-		container.lnUploadAPI = {
-			getFileIds: function () {
-				return Array.from(uploadedFiles.values()).map(function (f) { return f.serverId; });
-			},
-			getFiles: function () {
-				return Array.from(uploadedFiles.values());
-			},
-			clear: function () {
-				for (const [, fileData] of uploadedFiles) {
-					if (fileData.serverId) {
-						const deleteUrl = deleteUrlPattern.replace('{id}', fileData.serverId);
-						fetch(deleteUrl, {
-							method: 'DELETE',
-							headers: {
-								'X-CSRF-TOKEN': getCsrfToken(),
-								'Accept': 'application/json'
-							}
-						});
-					}
-				}
-				uploadedFiles.clear();
-				list.innerHTML = '';
-				updateHiddenInput();
-				dispatch(container, 'ln-upload:cleared', {});
-			},
-			destroy: function () {
-				zone.removeEventListener('click', _onZoneClick);
-				input.removeEventListener('change', _onInputChange);
-				zone.removeEventListener('dragenter', _onDragEnter);
-				zone.removeEventListener('dragover', _onDragOver);
-				zone.removeEventListener('dragleave', _onDragLeave);
-				zone.removeEventListener('drop', _onDrop);
-				list.removeEventListener('click', _onListClick);
-				uploadedFiles.clear();
-				list.innerHTML = '';
-				updateHiddenInput();
-				delete container.lnUploadAPI;
-			}
-		};
-	}
-
-	function _initializeAll() {
-		for (const el of document.querySelectorAll('[' + DOM_SELECTOR + ']')) {
-			_initUpload(el);
-		}
-	}
-
-	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(DOM_SELECTOR)) {
-									_initUpload(node);
-								}
-
-								for (const child of node.querySelectorAll('[' + DOM_SELECTOR + ']')) {
-									_initUpload(child);
-								}
-							}
-						}
-					} else if (mutation.type === 'attributes') {
-						if (mutation.target.hasAttribute(DOM_SELECTOR)) {
-							_initUpload(mutation.target);
-						}
-					}
-				}
-			});
-
-			observer.observe(document.body, {
-				childList: true,
-				subtree: true,
-				attributes: true,
-				attributeFilter: [DOM_SELECTOR]
-			});
-		}, 'ln-upload');
-	}
-
-	window[DOM_ATTRIBUTE] = {
-		init: _initUpload,
-		initAll: _initializeAll
-	};
-
-	_domObserver();
-
-	if (document.readyState === 'loading') {
-		document.addEventListener('DOMContentLoaded', _initializeAll);
-	} else {
-		_initializeAll();
-	}
-})();

package/js/ln-validate/ln-validate.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 w={};function D(t,e){w[t]||(w[t]=document.querySelector('[data-ln-template="'+t+'"]'));const r=w[t];return r?r.content.cloneNode(!0):(console.warn("["+(e||"ln-core")+'] Template "'+t+'" not found'),null)}function C(t,e,r){t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:r||{}}))}function S(t,e){if(!t||!e)return t;const r=t.querySelectorAll("[data-ln-field]");for(let o=0;o<r.length;o++){const s=r[o],n=s.getAttribute("data-ln-field");e[n]!=null&&(s.textContent=e[n])}const c=t.querySelectorAll("[data-ln-attr]");for(let o=0;o<c.length;o++){const s=c[o],n=s.getAttribute("data-ln-attr").split(",");for(let i=0;i<n.length;i++){const a=n[i].trim().split(":");if(a.length!==2)continue;const f=a[0].trim(),p=a[1].trim();e[p]!=null&&s.setAttribute(f,e[p])}}const u=t.querySelectorAll("[data-ln-show]");for(let o=0;o<u.length;o++){const s=u[o],n=s.getAttribute("data-ln-show");n in e&&s.classList.toggle("hidden",!e[n])}const l=t.querySelectorAll("[data-ln-class]");for(let o=0;o<l.length;o++){const s=l[o],n=s.getAttribute("data-ln-class").split(",");for(let i=0;i<n.length;i++){const a=n[i].trim().split(":");if(a.length!==2)continue;const f=a[0].trim(),p=a[1].trim();p in e&&s.classList.toggle(f,!!e[p])}}return t}function M(t,e){t.matches&&t.matches("[data-ln-form], [data-ln-fillable]")&&t.dispatchEvent(new CustomEvent("ln-fill",{detail:e??null,bubbles:!0}));const r=t.querySelectorAll("[data-ln-form], [data-ln-fillable]");for(let c=0;c<r.length;c++)r[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)S(t.target,t.detail);else{const e=t.target.querySelectorAll("[data-ln-field]");for(let r=0;r<e.length;r++)e[r].textContent=""}})));function A(t,e){if(!t||!e)return t;const r=document.createTreeWalker(t,NodeFilter.SHOW_TEXT);for(;r.nextNode();){const l=r.currentNode;l.textContent.indexOf("{{")!==-1&&(l.textContent=l.textContent.replace(/\{\{\s*(\w+)\s*\}\}/g,function(o,s){return e[s]!==void 0?e[s]:""}))}const c=function(l,o){return e[o]!==void 0?e[o]:""},u=Array.from(t.querySelectorAll("*"));t.nodeType===1&&u.push(t);for(let l=0;l<u.length;l++){const o=u[l],s=o.attributes;for(let n=0;n<s.length;n++){const i=s[n];i.value.indexOf("{{")!==-1&&o.setAttribute(i.name,i.value.replace(/\{\{\s*(\w+)\s*\}\}/g,c))}}return t}function N(t,e,r,c,u,l){const o={};for(let n=0;n<t.children.length;n++){const i=t.children[n],a=i.getAttribute("data-ln-key");a&&(o[a]=i)}const s=document.createDocumentFragment();for(let n=0;n<e.length;n++){const i=e[n],a=String(c(i));let f=o[a];if(f)u(f,i,n);else{const p=D(r,l);if(!p||(A(p,i),f=p.firstElementChild,!f))continue;f.setAttribute("data-ln-key",a),u(f,i,n)}s.appendChild(f)}t.textContent="",t.appendChild(s)}function O(t,e){if(!document.body){document.addEventListener("DOMContentLoaded",function(){O(t,e)}),console.warn("["+e+'] Script loaded before <body> — add "defer" to your <script> tag');return}t()}function b(t,e,r,c){if(t.nodeType!==1)return;const l=e.indexOf("[")!==-1||e.indexOf(".")!==-1||e.indexOf("#")!==-1?e:"["+e+"]",o=Array.from(t.querySelectorAll(l));t.matches&&t.matches(l)&&o.push(t);for(const s of o)s[r]||(s[r]=new c(s))}function V(t,e,r,c,u={}){const l=u.extraAttributes||[],o=u.onAttributeChange||null,s=u.onInit||null;function n(i){const a=i||document.body;b(a,t,e,r),s&&s(a)}return O(function(){const i=new MutationObserver(function(f){for(let p=0;p<f.length;p++){const h=f[p];if(h.type==="childList"){for(let m=0;m<h.addedNodes.length;m++){const d=h.addedNodes[m];d.nodeType===1&&(b(d,t,e,r),s&&s(d))}for(let m=0;m<h.removedNodes.length;m++){const d=h.removedNodes[m];if(d.nodeType===1){const g=t.indexOf("[")!==-1||t.indexOf(".")!==-1||t.indexOf("#")!==-1?t:"["+t+"]",y=Array.from(d.querySelectorAll(g));d.matches&&d.matches(g)&&y.push(d);for(let _=0;_<y.length;_++){const T=y[_];if(!document.contains(T)){const E=T[e];E&&typeof E.destroy=="function"&&E.destroy()}}}}}else h.type==="attributes"&&(o&&h.target[e]?o(h.target,h.attributeName):(b(h.target,t,e,r),s&&s(h.target)))}});let a=[];if(t.indexOf("[")!==-1){const f=/\[([\w-]+)/g;let p;for(;(p=f.exec(t))!==null;)a.push(p[1])}else a.push(t);i.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:a.concat(l)})},c),window[e]=n,document.readyState==="loading"?document.addEventListener("DOMContentLoaded",function(){n(document.body)}):n(document.body),n}const x={};function F(t,e){x[t]=e}function I(t){return x[t]||{ingress:e=>e,egress:e=>e}}const q={};function R(t,e){if(!t||typeof e!="object")return;const r=t.toLowerCase().split("-")[0];q[r]=e}function j(t){if(!t)return null;const e=t.toLowerCase().split("-")[0];return q[e]||null}R("mk",{monthsLong:["јануари","февруари","март","април","мај","јуни","јули","август","септември","октомври","ноември","декември"],monthsShort:["јан","фев","мар","апр","мај","јун","јул","авг","септ","окт","ноем","дек"],daysLong:["недела","понеделник","вторник","среда","четврток","петок","сабота"],daysShort:["нед","пон","вт","ср","чет","пет","саб"]}),typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.registerDataMapper=F,window.lnCore.getDataMapper=I,window.lnCore.registerLocaleFallback=R,window.lnCore.getLocaleFallback=j,window.lnCore.fillTemplate=A,window.lnCore.fill=S,window.lnCore.lnFill=M,window.lnCore.renderList=N);function k(t){return(t||"").replace(/^#/,"")}function L(t){const e=t===void 0?location.hash:t,r={},c=k(e);if(!c)return r;const u=c.split("&");for(let l=0;l<u.length;l++){const o=u[l];if(!o)continue;const s=o.indexOf(":"),n=s>-1?o.slice(0,s):o,i=s>-1?o.slice(s+1):"";if(n)try{r[n]=decodeURIComponent(i)}catch{r[n]=i}}return r}function B(t){if(!t)return null;const e=L();return t in e?e[t]:null}function P(t,e){if(!t)return;const r=L();e==null?delete r[t]:r[t]=String(e);const u=Object.keys(r).map(function(l){const o=r[l];return o===""?l:l+":"+encodeURIComponent(o)}).join("&");k(location.hash)!==u&&(location.hash=u)}function W(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=L,window.lnCore.hashGet=B,window.lnCore.hashSet=P,window.lnCore.hashLinkClick=W),(function(){const t="data-ln-validate",e="lnValidate",r="data-ln-validate-errors",c="data-ln-validate-error",u="ln-validate-valid",l="ln-validate-invalid",o={required:"valueMissing",typeMismatch:"typeMismatch",tooShort:"tooShort",tooLong:"tooLong",patternMismatch:"patternMismatch",rangeUnderflow:"rangeUnderflow",rangeOverflow:"rangeOverflow"};if(window[e]!==void 0)return;function s(n){this.dom=n,this._touched=!1,this._customErrors=new Set;const i=this,a=n.tagName,f=n.type,p=a==="SELECT"||f==="checkbox"||f==="radio";this._onInput=function(){i._touched=!0,i.validate()},this._onChange=function(){i._touched=!0,i.validate()},this._onSetCustom=function(m){const d=m.detail&&m.detail.error;if(!d)return;i._customErrors.add(d),i._touched=!0;const v=n.closest(".form-element");if(v){const g=v.querySelector("["+c+'="'+d+'"]');g&&g.classList.remove("hidden")}n.classList.remove(u),n.classList.add(l),n.setAttribute("aria-invalid","true")},this._onClearCustom=function(m){const d=m.detail&&m.detail.error,v=n.closest(".form-element");if(d){if(i._customErrors.delete(d),v){const g=v.querySelector("["+c+'="'+d+'"]');g&&g.classList.add("hidden")}}else i._customErrors.forEach(function(g){if(v){const y=v.querySelector("["+c+'="'+g+'"]');y&&y.classList.add("hidden")}}),i._customErrors.clear();i._touched&&i.validate()},p||n.addEventListener("input",this._onInput),n.addEventListener("change",this._onChange),n.addEventListener("ln-validate:set-custom",this._onSetCustom),n.addEventListener("ln-validate:clear-custom",this._onClearCustom);const h=n.form;return h&&(h.hasAttribute("novalidate")||h.setAttribute("novalidate",""),this._onFormReset=function(){i.reset()},this._onValidateRequest=function(m){i._touched=!0,!i.validate()&&m.detail&&m.detail.invalidFields&&m.detail.invalidFields.push(i.dom)},h.addEventListener("reset",this._onFormReset),h.addEventListener("ln-validate:request-validate",this._onValidateRequest),h._lnValidateGateBound||(h._lnValidateGateBound=!0,h.addEventListener("submit",function(m){const d={invalidFields:[]};C(h,"ln-validate:request-validate",d),d.invalidFields.length>0&&(m.preventDefault(),d.invalidFields.sort((v,g)=>v.compareDocumentPosition(g)&Node.DOCUMENT_POSITION_PRECEDING?-1:1),d.invalidFields[0].focus())}))),this}s.prototype.validate=function(){const n=this.dom,i=n.validity,f=n.checkValidity()&&this._customErrors.size===0,p=n.closest(".form-element");if(p){const m=p.querySelector("["+r+"]");if(m){const d=m.querySelectorAll("["+c+"]");for(let v=0;v<d.length;v++){const g=d[v].getAttribute(c),y=o[g];y&&(i[y]?d[v].classList.remove("hidden"):d[v].classList.add("hidden"))}}}return n.classList.toggle(u,f),n.classList.toggle(l,!f),n.setAttribute("aria-invalid",f?"false":"true"),C(n,f?"ln-validate:valid":"ln-validate:invalid",{target:n,field:n.name}),f},s.prototype.reset=function(){this._touched=!1,this._customErrors.clear(),this.dom.classList.remove(u,l),this.dom.removeAttribute("aria-invalid");const n=this.dom.closest(".form-element");if(n){const i=n.querySelectorAll("["+c+"]");for(let a=0;a<i.length;a++)i[a].classList.add("hidden")}},Object.defineProperty(s.prototype,"isValid",{get:function(){return this.dom.checkValidity()&&this._customErrors.size===0}}),s.prototype.destroy=function(){if(!this.dom[e])return;this.dom.removeEventListener("input",this._onInput),this.dom.removeEventListener("change",this._onChange),this.dom.removeEventListener("ln-validate:set-custom",this._onSetCustom),this.dom.removeEventListener("ln-validate:clear-custom",this._onClearCustom);const n=this.dom.form;n&&(this._onFormReset&&n.removeEventListener("reset",this._onFormReset),this._onValidateRequest&&n.removeEventListener("ln-validate:request-validate",this._onValidateRequest)),this.dom.classList.remove(u,l),this.dom.removeAttribute("aria-invalid"),C(this.dom,"ln-validate:destroyed",{target:this.dom}),delete this.dom[e]},V(t,e,s,"ln-validate")})()})();

package/scss/components/_button.scss

@@ -1,20 +0,0 @@
-@use '../config/mixins' as *;
-
-// Prototype-tier classes.
-// These classes are provided for prototyping, inspector experimentation,
-// and demo HTML only. In production, apply the corresponding mixin to a
-// semantic selector:
-//
-//   #add-user        { @include btn; }
-//   #users-table ul  { @include btn-group; }
-//
-// See CLAUDE.md "Button Architecture" and "Button Groups vs Pill Groups"
-// for the production pattern.
-
-.btn    { @include btn; }
-.btn-sm { @include btn-sm; }
-.btn-lg { @include btn-lg; }
-
-.btn-group {
-	@include btn-group;
-}

package/scss/components/_confirm.scss

@@ -1,5 +0,0 @@
-@use '../config/mixins' as *;
-
-.ln-confirm-tooltip {
-	@include confirm-tooltip;
-}

package/scss/components/_form.scss

@@ -1,107 +0,0 @@
-@use '../config/mixins' as *;
-
-// ─── Inputs ─────────────────────────────────────────────────────
-
-input,
-textarea,
-select {
-	@include form-input;
-}
-
-textarea {
-	@include form-textarea;
-}
-
-select {
-	@include form-select;
-}
-
-// ─── Checkbox & Radio ───────────────────────────────────────────
-
-input[type="checkbox"] {
-	@include form-checkbox;
-}
-
-input[type="radio"] {
-	@include form-radio;
-}
-
-// ─── Icon input group ───────────────────────────────────────────
-// Semantic trigger: any <label> that directly contains a <svg class="ln-icon">
-// AND a text-ish <input>. Excludes checkbox/radio/file/button types via the
-// :is() allowlist.
-
-label:has(> .ln-icon):has(> :is(
-	input[type="text"],
-	input[type="search"],
-	input[type="email"],
-	input[type="url"],
-	input[type="tel"],
-	input[type="password"],
-	input[type="number"]
-)) {
-	@include form-input-icon-group;
-}
-
-// ─── Label & Actions ────────────────────────────────────────────
-
-// Non-wrapping labels only — the label sits above/beside its input, not
-// around it. The icon-group pattern owns its full styling and must not
-// inherit block + margin-bottom from here.
-label:not(:has(> input)) {
-	@include form-label;
-}
-
-// ─── Pill groups — radio & checkbox lists ──────────────────────────
-// Clean class-driven segmented controls and switch panels.
-// No <fieldset> tag dependency to prevent layout collisions.
-
-.pills {
-	@include pills;
-}
-
-.pills-outline {
-	@include pills-outline;
-}
-
-.pills-switch {
-	@include pills-switch;
-}
-
-.pills-segmented {
-	@include pills-segmented;
-}
-
-.pill {
-	@include pill;
-}
-
-.pill-outline {
-	@include pill-outline;
-}
-
-.pill-switch {
-	@include pill-switch;
-}
-
-.search {
-	@include search;
-}
-
-.form-actions {
-	@include form-actions;
-}
-
-// ─── Validation states ─────────────────────────────────────────
-
-.ln-validate-invalid {
-	@include form-validate-invalid;
-}
-
-.ln-validate-valid {
-	@include form-validate-valid;
-}
-
-[data-ln-validate-errors] {
-	@include form-validate-errors;
-}

package/scss/components/_status-badge.scss

@@ -1,4 +0,0 @@
-@use '../config/mixins' as *;
-
-.badge      { @include badge; }
-.badge.live { @include badge-live; }

package/scss/components/_toast.scss

@@ -1,68 +0,0 @@
-@use '../config/mixins' as *;
-
-[data-ln-toast] {
-	@include toast-container;
-}
-
-// The <li> IS the card: structural (item) + visual (card) styling both bind
-// here, contextually — the <li> carries no static class (no-BEM), only the
-// filled/authored type class.
-[data-ln-toast] > li {
-	@include toast-item;
-	@include toast-card;
-}
-
-[data-ln-toast] > li.ln-enter {
-	@include toast-item-enter;
-}
-
-[data-ln-toast] > li.ln-out {
-	@include toast-item-out;
-}
-
-// Type → tone. The status→tone map lives here (one place): warn maps to the
-// warning family. SSR authors the class; the dynamic path fills it verbatim.
-[data-ln-toast] > li.success { @include semantic-color(success); }
-[data-ln-toast] > li.error   { @include semantic-color(error); }
-[data-ln-toast] > li.warn    { @include semantic-color(warning); }
-[data-ln-toast] > li.info    { @include semantic-color(info); }
-
-[data-ln-toast] .icon {
-	@include toast-icon;
-}
-
-[data-ln-toast] .icon ul {
-	@include toast-icon-list;
-}
-
-// When-toggle — dynamic template ships all 4 icon variants; CSS shows the
-// one matching the card's type class. Unknown/absent type → no matching
-// class → no icon (documented degradation, see js/ln-toast/README.md).
-[data-ln-toast] > li.success .icon li[data-ln-toast-when="success"],
-[data-ln-toast] > li.error .icon li[data-ln-toast-when="error"],
-[data-ln-toast] > li.warn .icon li[data-ln-toast-when="warn"],
-[data-ln-toast] > li.info .icon li[data-ln-toast-when="info"] {
-	@include block;
-}
-
-[data-ln-toast] .content {
-	@include toast-content;
-}
-
-[data-ln-toast] .title {
-	@include toast-title;
-}
-
-// No default titles are ever filled by JS — an empty title collapses.
-[data-ln-toast] .title:empty {
-	@include hidden;
-}
-
-[data-ln-toast] .body {
-	@include toast-body;
-}
-
-// No hasBody flag — an unfilled body collapses via :empty.
-[data-ln-toast] .body:empty {
-	@include hidden;
-}