@livenetworks/ashlar 1.4.1 → 1.6.0

package/js/ln-progress/ln-progress.js

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

package/js/ln-progress/src/ln-progress.js

@@ -1,150 +1,98 @@
-import { dispatch, guardBody } from '../../ln-core';
-
-(function () {
-	const DOM_SELECTOR = '[data-ln-progress]';
-	const DOM_ATTRIBUTE = 'lnProgress';
-
-	if (window[DOM_ATTRIBUTE] !== undefined) return;
-
-	function constructor(domRoot) {
-		findElements(domRoot);
-	}
-
-	// Local findElements — intentional divergence from ln-core helper:
-	// inlines selector + constructor (no ComponentClass parameter) and
-	// includes a domRoot self-match branch so the childList re-init
-	// path picks up the inserted root itself.
-	function findElements(domRoot) {
-		const items = Array.from(domRoot.querySelectorAll(DOM_SELECTOR));
-
-		for (const item of items) {
-			if (!item[DOM_ATTRIBUTE]) {
-				item[DOM_ATTRIBUTE] = new _constructor(item);
-			}
-		}
-
-		if (domRoot.hasAttribute && domRoot.hasAttribute('data-ln-progress') && !domRoot[DOM_ATTRIBUTE]) {
-			domRoot[DOM_ATTRIBUTE] = new _constructor(domRoot);
-		}
-	}
-
-	function _constructor(dom) {
-		this.dom = dom;
-		this._attrObserver = null;
-		this._parentObserver = null;
-		_render.call(this);
-		_listenValues.call(this);
-		_listenParent.call(this);
-		return this;
-	}
-
-	_constructor.prototype.destroy = function () {
-		if (!this.dom[DOM_ATTRIBUTE]) return;
-		if (this._attrObserver) {
-			this._attrObserver.disconnect();
-		}
-		if (this._parentObserver) {
-			this._parentObserver.disconnect();
-		}
-		delete this.dom[DOM_ATTRIBUTE];
-	};
-
-	function _domObserver() {
-		guardBody(function () {
-			const observer = new MutationObserver(function (mutations) {
-				for (const mutation of mutations) {
-					if (mutation.type === "childList") {
-						for (const item of mutation.addedNodes) {
-							if (item.nodeType === 1) {
-								findElements(item);
-							}
-						}
-					} else if (mutation.type === 'attributes') {
-						findElements(mutation.target);
-					}
-				}
-			});
-
-			observer.observe(document.body, {
-				childList: true,
-				subtree: true,
-				attributes: true,
-				attributeFilter: ['data-ln-progress']
-			});
-		}, 'ln-progress');
-	}
-
-	_domObserver();
-
-	function _listenValues() {
-		const self = this;
-		const observer = new MutationObserver(function (mutations) {
-			for (const mutation of mutations) {
-				if (mutation.attributeName === 'data-ln-progress' || mutation.attributeName === 'data-ln-progress-max') {
-					_render.call(self);
-				}
-			}
-		});
-
-		observer.observe(this.dom, {
-			attributes: true,
-			attributeFilter: ['data-ln-progress', 'data-ln-progress-max']
-		});
-
-		this._attrObserver = observer;
-	}
-
-	function _listenParent() {
-		const self = this;
-		const parent = this.dom.parentElement;
-		if (!parent || !parent.hasAttribute('data-ln-progress-max')) return;
-
-		const observer = new MutationObserver(function (mutations) {
-			for (const mutation of mutations) {
-				if (mutation.attributeName === 'data-ln-progress-max') {
-					_render.call(self);
-				}
-			}
-		});
-
-		observer.observe(parent, {
-			attributes: true,
-			attributeFilter: ['data-ln-progress-max']
-		});
-
-		this._parentObserver = observer;
-	}
-
-	function _render() {
-		const value = parseFloat(this.dom.getAttribute('data-ln-progress')) || 0;
-		const parent = this.dom.parentElement;
-		const parentMax = parent && parent.hasAttribute('data-ln-progress-max')
-			? parseFloat(parent.getAttribute('data-ln-progress-max'))
-			: null;
-		const max = parentMax || parseFloat(this.dom.getAttribute('data-ln-progress-max')) || 100;
-		let percentage = (max > 0) ? (value / max) * 100 : 0;
-
-		if (percentage < 0) percentage = 0;
-		if (percentage > 100) percentage = 100;
-
-		this.dom.style.width = percentage + '%';
-
-		const clampedValue = Math.max(0, Math.min(value, max));
-		this.dom.setAttribute('role', 'progressbar');
-		this.dom.setAttribute('aria-valuemin', '0');
-		this.dom.setAttribute('aria-valuemax', String(max));
-		this.dom.setAttribute('aria-valuenow', String(clampedValue));
-
-		dispatch(this.dom, 'ln-progress:change', { target: this.dom, value: value, max: max, percentage: percentage });
-	}
-
-	window[DOM_ATTRIBUTE] = constructor;
-
-	if (document.readyState === 'loading') {
-		document.addEventListener('DOMContentLoaded', function () {
-			constructor(document.body);
-		});
-	} else {
-		constructor(document.body);
-	}
-})();
+import { dispatch, registerComponent } from '../../ln-core';
+
+(function () {
+	const DOM_SELECTOR = '[data-ln-progress]';
+	const DOM_ATTRIBUTE = 'lnProgress';
+
+	if (window[DOM_ATTRIBUTE] !== undefined) return;
+
+	function _constructor(dom) {
+		this.dom = dom;
+		this._attrObserver = null;
+		this._parentObserver = null;
+		_render.call(this);
+		_listenValues.call(this);
+		_listenParent.call(this);
+		return this;
+	}
+
+	_constructor.prototype.destroy = function () {
+		if (!this.dom[DOM_ATTRIBUTE]) return;
+		if (this._attrObserver) {
+			this._attrObserver.disconnect();
+		}
+		if (this._parentObserver) {
+			this._parentObserver.disconnect();
+		}
+		delete this.dom[DOM_ATTRIBUTE];
+	};
+
+	function _listenValues() {
+		const self = this;
+		const observer = new MutationObserver(function (mutations) {
+			for (const mutation of mutations) {
+				if (mutation.attributeName === 'data-ln-progress' || mutation.attributeName === 'data-ln-progress-max') {
+					_render.call(self);
+				}
+			}
+		});
+
+		observer.observe(this.dom, {
+			attributes: true,
+			attributeFilter: ['data-ln-progress', 'data-ln-progress-max']
+		});
+
+		this._attrObserver = observer;
+	}
+
+	function _listenParent() {
+		const self = this;
+		const parent = this.dom.parentElement;
+		if (!parent) return;
+
+		const observer = new MutationObserver(function (mutations) {
+			for (const mutation of mutations) {
+				if (mutation.attributeName === 'data-ln-progress-max') {
+					_render.call(self);
+				}
+			}
+		});
+
+		observer.observe(parent, {
+			attributes: true,
+			attributeFilter: ['data-ln-progress-max']
+		});
+
+		this._parentObserver = observer;
+	}
+
+	function _render() {
+		const value = parseFloat(this.dom.getAttribute('data-ln-progress')) || 0;
+		const parent = this.dom.parentElement;
+		const parentMax = parent && parent.hasAttribute('data-ln-progress-max')
+			? parseFloat(parent.getAttribute('data-ln-progress-max'))
+			: null;
+		const max = parentMax || parseFloat(this.dom.getAttribute('data-ln-progress-max')) || 100;
+		let percentage = (max > 0) ? (value / max) * 100 : 0;
+
+		if (percentage < 0) percentage = 0;
+		if (percentage > 100) percentage = 100;
+
+		this.dom.style.width = percentage + '%';
+
+		const clampedValue = Math.max(0, Math.min(value, max));
+		this.dom.setAttribute('role', 'progressbar');
+		this.dom.setAttribute('aria-valuemin', '0');
+		this.dom.setAttribute('aria-valuemax', String(max));
+		this.dom.setAttribute('aria-valuenow', String(clampedValue));
+
+		dispatch(this.dom, 'ln-progress:change', { target: this.dom, value: value, max: max, percentage: percentage });
+	}
+
+	registerComponent(
+		DOM_SELECTOR,
+		DOM_ATTRIBUTE,
+		_constructor,
+		'ln-progress'
+	);
+})();