@livenetworks/ashlar 1.6.1 → 2.0.1

package/components/ln-time/ln-time.js

@@ -0,0 +1 @@
+(function(){"use strict";function q(){return typeof window>"u"?!1:window.lnDebug===!0||window.lnCore&&window.lnCore._debugSink?!0:typeof document<"u"&&document.body?document.body.hasAttribute("data-ln-debug")||document.body.querySelector("[data-ln-debug]")!==null:!1}function M(e){if(typeof window>"u")return!1;if(window.lnDebug===!0)return!0;if(window.lnCore&&window.lnCore._debugIsContained)return e?window.lnCore._debugIsContained(e):window.lnCore._debugSink!==null;if(e&&e.closest){const t=e.closest("[data-ln-debug]");return!(!t||typeof document<"u"&&t===document.documentElement)}return typeof document<"u"&&document.body?document.body.hasAttribute("data-ln-debug"):!1}if(typeof window<"u"&&(window.lnCore=window.lnCore||{},!window.lnCore._warnBound)){window.lnCore._warnBound=!0;const e=console.warn;console.warn=function(...t){if(typeof t[0]=="string"&&(t[0].startsWith("[ln-")||t[0].startsWith("[lnCore"))){let o=null;for(let r=1;r<t.length;r++)if(t[r]&&t[r].nodeType===1){o=t[r];break}if(!M(o))return}e.apply(console,t)}}function J(e,t,n){const o=n||{};window.lnCore._debugSink&&window.lnCore._debugSink("event",t,e,o),e.dispatchEvent(new CustomEvent(t,{bubbles:!0,detail:o}))}function k(e,t){if(!document.body){document.addEventListener("DOMContentLoaded",function(){k(e,t)}),console.warn("["+t+'] Script loaded before <body> — add "defer" to your <script> tag');return}e()}const B={};function G(e,t){B[e]=t}function X(e){return B[e]||{ingress:t=>t,egress:t=>t}}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.registerDataMapper=G,window.lnCore.getDataMapper=X);function Z(e){const t=e?e.closest("[lang]"):null,n=(t?t.getAttribute("lang")||t.lang:null)||(typeof document<"u"&&document.documentElement?document.documentElement.getAttribute("lang")||document.documentElement.lang:null)||(typeof navigator<"u"?navigator.language:null);return n?n.trim():"en-US"}function W(){typeof window>"u"||(window.lnCore=window.lnCore||{},!window.lnCore._localeObserverBound&&(window.lnCore._localeObserverBound=!0,k(function(){new MutationObserver(function(){J(document,"ln-core:locale-change",{})}).observe(document.documentElement,{attributes:!0,attributeFilter:["lang"],subtree:!0})},"ln-core")))}const j={};function ee(e,t){if(!e||typeof t!="object")return;const n=e.toLowerCase().split("-")[0];j[n]=t}function x(e){if(!e)return null;const t=e.toLowerCase().split("-")[0];return j[t]||null}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.registerLocaleFallback=ee,window.lnCore.getLocaleFallback=x,window.lnCore.ensureLocaleObserver=W);const D={};function te(e,t){D[e]||(D[e]=document.querySelector('[data-ln-template="'+e+'"]'));const n=D[e];return n?n.content.cloneNode(!0):(console.warn("["+(t||"ln-core")+'] Template "'+e+'" not found'),null)}function V(e,t){if(!e||!t)return e;const n=e.querySelectorAll("[data-ln-field]");for(let l=0;l<n.length;l++){const a=n[l],s=a.getAttribute("data-ln-field");t[s]!=null&&(a.textContent=t[s])}const o=e.querySelectorAll("[data-ln-attr]");for(let l=0;l<o.length;l++){const a=o[l],s=a.getAttribute("data-ln-attr").split(",");for(let c=0;c<s.length;c++){const h=s[c].trim().split(":");if(h.length!==2)continue;const w=h[0].trim(),b=h[1].trim();t[b]!=null&&a.setAttribute(w,t[b])}}const r=e.querySelectorAll("[data-ln-show]");for(let l=0;l<r.length;l++){const a=r[l],s=a.getAttribute("data-ln-show");s in t&&a.classList.toggle("hidden",!t[s])}const i=e.querySelectorAll("[data-ln-class]");for(let l=0;l<i.length;l++){const a=i[l],s=a.getAttribute("data-ln-class").split(",");for(let c=0;c<s.length;c++){const h=s[c].trim().split(":");if(h.length!==2)continue;const w=h[0].trim(),b=h[1].trim();b in t&&a.classList.toggle(w,!!t[b])}}return e}function ne(e,t){e.matches&&e.matches("[data-ln-form], [data-ln-fillable]")&&(window.lnCore._debugSink&&window.lnCore._debugSink("event","ln-fill",e,t??null),e.dispatchEvent(new CustomEvent("ln-fill",{detail:t??null,bubbles:!0})));const n=e.querySelectorAll("[data-ln-form], [data-ln-fillable]");for(let o=0;o<n.length;o++)window.lnCore._debugSink&&window.lnCore._debugSink("event","ln-fill",n[o],t??null),n[o].dispatchEvent(new CustomEvent("ln-fill",{detail:t??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)V(e.target,e.detail);else{const t=e.target.querySelectorAll("[data-ln-field]");for(let n=0;n<t.length;n++)t[n].textContent=""}})));function H(e,t){if(!e||!t)return e;const n=document.createTreeWalker(e,NodeFilter.SHOW_TEXT);for(;n.nextNode();){const i=n.currentNode;i.textContent.indexOf("{{")!==-1&&(i.textContent=i.textContent.replace(/\{\{\s*(\w+)\s*\}\}/g,function(l,a){return t[a]!==void 0?t[a]:""}))}const o=function(i,l){return t[l]!==void 0?t[l]:""},r=Array.from(e.querySelectorAll("*"));e.nodeType===1&&r.push(e);for(let i=0;i<r.length;i++){const l=r[i],a=l.attributes;for(let s=0;s<a.length;s++){const c=a[s];c.value.indexOf("{{")!==-1&&l.setAttribute(c.name,c.value.replace(/\{\{\s*(\w+)\s*\}\}/g,o))}}return e}function oe(e,t,n,o,r,i){const l={};for(let s=0;s<e.children.length;s++){const c=e.children[s],h=c.getAttribute("data-ln-render-key");h&&(l[h]=c)}const a=document.createDocumentFragment();for(let s=0;s<t.length;s++){const c=t[s],h=String(o(c));let w=l[h];if(w)r(w,c,s);else{const b=te(n,i);if(!b||(H(b,c),w=b.firstElementChild,!w))continue;w.setAttribute("data-ln-render-key",h),r(w,c,s)}a.appendChild(w)}e.textContent="",e.appendChild(a)}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.fillTemplate=H,window.lnCore.fill=V,window.lnCore.lnFill=ne,window.lnCore.renderList=oe);function U(e,t,n,o,r){if(!e||t===null)return!0;const i=o||"ln-component",l=e.type;if(l==="trigger"||l==="marker"||l==="string"||l==="list"||!l||t===""&&e.fallback!==void 0)return!0;const a=s=>{r?console.warn(s,r):console.warn(s)};if(l==="boolean"){const s=t.trim().toLowerCase();return s!==""&&s!=="true"&&s!=="false"&&s!=="1"&&s!=="0"?(a(`[${i}] Invalid value "${t}" for boolean attribute "${n}". Allowed: "true", "false", or presence-only.`),!1):!0}if(l==="enum"){const s=e.values||[];return s.includes(t)?!0:(a(`[${i}] Invalid value "${t}" for attribute "${n}". Allowed: ${s.join(", ")}. Fallback: "${e.fallback}".`),!1)}if(l==="integer"){if(!/^-?\d+$/.test(t))return a(`[${i}] Invalid integer "${t}" for attribute "${n}". Fallback: ${e.fallback}.`),!1;const s=parseInt(t,10);return e.min!==void 0&&s<e.min?(a(`[${i}] Value ${s} for attribute "${n}" is less than min (${e.min}).`),!1):e.max!==void 0&&s>e.max?(a(`[${i}] Value ${s} for attribute "${n}" is greater than max (${e.max}).`),!1):!0}if(l==="float")return isNaN(Number(t))?(a(`[${i}] Invalid float "${t}" for attribute "${n}". Fallback: ${e.fallback}.`),!1):!0;if(l==="json")try{return JSON.parse(t),!0}catch(s){return a(`[${i}] Invalid JSON for attribute "${n}": ${s.message}. Fallback: ${e.fallback}.`),!1}return!0}function re(e){const t={};for(const n in e){const o=e[n];o&&o.effect&&(t[n]=o.effect)}return Object.keys(t).length?t:null}function ie(e){if(e.onAttrChange&&!e.declared)return null;const t=new Set;if(e.effects)for(const n in e.effects)t.add(n);if(e.onAttrChange&&e.declared)for(const n of e.declared)t.add(n);return t}function $(e,t,n,o){if(e.nodeType!==1)return;const i=t.indexOf("[")!==-1||t.indexOf(".")!==-1||t.indexOf("#")!==-1?t:"["+t+"]",l=Array.from(e.querySelectorAll(i));e.matches&&e.matches(i)&&l.push(e);for(const a of l)if(!a[n]){window.lnCore._persistSink&&a.hasAttribute("data-ln-persist")&&window.lnCore._persistSink(a,t);try{a[n]=new o(a)}catch(s){console.error("["+n+"] init failed",a,s)}}}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore._bootHolds=window.lnCore._bootHolds||0,window.lnCore._bootQueue=window.lnCore._bootQueue||[]);function le(){return typeof window<"u"&&window.lnCore&&window.lnCore._bootHolds||0}function se(e){typeof window<"u"?(window.lnCore=window.lnCore||{},window.lnCore._bootHolds=window.lnCore._bootHolds||0,window.lnCore._bootQueue=window.lnCore._bootQueue||[],window.lnCore._bootHolds>0?window.lnCore._bootQueue.push(e):setTimeout(e,0)):e()}function Q(){window.lnCore=window.lnCore||{};const e=window.lnCore._attrRegistry=window.lnCore._attrRegistry||{byAttr:new Map,reactive:[],persist:[]};return e.byReactive=e.byReactive||new Map,e.reactiveWildcard=e.reactiveWildcard||[],e}function ue(e){const t=Q(),n=e.observed||[];for(let o=0;o<n.length;o++){const r=n[o];t.byAttr.has(r)||t.byAttr.set(r,[]),t.byAttr.get(r).push(e)}if(t.byDeclaredAttr=t.byDeclaredAttr||new Map,e.attributes)for(const o in e.attributes){t.byDeclaredAttr.has(o)||t.byDeclaredAttr.set(o,[]);const r=t.byDeclaredAttr.get(o);r.some(i=>i.componentTag===e.componentTag)||r.push({spec:e.attributes[o],componentTag:e.componentTag})}if(e.onAttrChange||e.effects){t.reactive.push(e);const o=ie(e);if(o===null)t.reactiveWildcard.push(e);else for(const r of o)t.byReactive.has(r)||t.byReactive.set(r,[]),t.byReactive.get(r).push(e)}e.persist&&t.persist.push(e)}function Y(e,t,n,o){for(let r=0;r<e.length;r++){const i=e[r];if(!t[i.attribute])continue;const l=i.effects&&i.effects[n];l?l(t,n,o):i.onAttrChange&&(!i.declared||i.declared.has(n))&&i.onAttrChange(t,n,o)}}function ae(e){const t=e.target,n=e.attributeName;if(e.oldValue===t.getAttribute(n))return;const o=Q(),r=o.byAttr.get(n);if(q()&&o.byDeclaredAttr&&o.byDeclaredAttr.has(n)&&M(t)){const i=o.byDeclaredAttr.get(n),l=t.getAttribute(n);for(let a=0;a<i.length;a++)U(i[a].spec,l,n,i[a].componentTag,t)}if(window.lnCore._debugSink&&(n.indexOf("data-ln-")===0||r)&&window.lnCore._debugSink("attr",n,t,{oldValue:e.oldValue,newValue:t.getAttribute(n)}),n.indexOf("data-ln-")===0){const i=o.byReactive.get(n);i&&Y(i,t,n,e.oldValue),o.reactiveWildcard.length&&Y(o.reactiveWildcard,t,n,e.oldValue)}if(r)for(let i=0;i<r.length;i++){const l=r[i];if(l.handler){l.handler(t,n,e.oldValue);continue}l.onAttributeChange&&t[l.attribute]?l.onAttributeChange(t,n):($(t,l.selector,l.attribute,l.ComponentFn),l.onInit&&l.onInit(t))}}function ce(){window.lnCore=window.lnCore||{},!window.lnCore._attrObserverBound&&(window.lnCore._attrObserverBound=!0,k(function(){new MutationObserver(function(t){for(let n=0;n<t.length;n++)try{ae(t[n])}catch(o){console.error("[ln-core] mutation handler failed",t[n].target,o)}}).observe(document.body,{attributes:!0,subtree:!0,attributeOldValue:!0})},"ln-core"))}function K(){return window.lnCore=window.lnCore||{},window.lnCore._lifecycleRegistry=window.lnCore._lifecycleRegistry||[]}function de(e){const t=K();if(t.length){if(e.target)for(let n=0;n<t.length;n++){const o=t[n];if(o.onSubtreeChange){const r=o.query,i=e.target.nodeType===1?e.target.matches(r)?e.target:e.target.closest(r):e.target.parentElement?e.target.parentElement.closest(r):null;i&&o.onSubtreeChange(i,e)}}for(let n=0;n<e.addedNodes.length;n++){const o=e.addedNodes[n];if(o.nodeType===1)for(let r=0;r<t.length;r++){const i=t[r];$(o,i.selector,i.attribute,i.ComponentFn),i.onInit&&i.onInit(o)}}for(let n=0;n<e.removedNodes.length;n++){const o=e.removedNodes[n];if(o.nodeType===1)for(let r=0;r<t.length;r++){const i=t[r],l=i.query,a=Array.from(o.querySelectorAll(l));o.matches&&o.matches(l)&&a.push(o);for(let s=0;s<a.length;s++){const c=a[s];if(!document.contains(c)){const h=c[i.attribute];if(h&&typeof h.destroy=="function")try{h.destroy()}catch(w){console.error("["+i.attribute+"] destroy failed",c,w)}delete c[i.attribute]}}}}}}function fe(){window.lnCore=window.lnCore||{},!window.lnCore._lifecycleObserverBound&&(window.lnCore._lifecycleObserverBound=!0,k(function(){new MutationObserver(function(t){for(let n=0;n<t.length;n++){const o=t[n];if(o.type==="childList")try{de(o)}catch(r){console.error("[ln-core] lifecycle handler failed",o.target,r)}}}).observe(document.body,{childList:!0,subtree:!0})},"ln-core"))}function we(e,t,n,o,r={}){const i=r.extraAttributes||[],l=r.onAttributeChange||null,a=r.onSubtreeChange||null,s=r.onInit||null,c=r.onAttrChange||null,h=r.effects||null,w=r.attributes||null,b=w?re(w):h,T=w?new Set(Object.keys(w)):null,L=r.persist||null;function A(v){const p=v||document.body;if($(p,e,t,n),w&&q())for(const u in w){const d=w[u],f=Array.from(p.querySelectorAll("["+u+"]"));p.matches&&p.matches("["+u+"]")&&f.push(p);for(let m=0;m<f.length;m++){const g=f[m];M(g)&&U(d,g.getAttribute(u),u,o,g)}}s&&s(p)}const S=[];if(e.indexOf("[")!==-1){const v=/\[([\w-]+)/g;let p;for(;(p=v.exec(e))!==null;)S.push(p[1])}else S.push(e);ue({selector:e,attribute:t,componentTag:o,attributes:w,ComponentFn:n,onInit:s,observed:S.concat(i),onAttributeChange:l,onAttrChange:c,effects:b,declared:T,persist:L}),ce();const y=e.indexOf("[")!==-1||e.indexOf(".")!==-1||e.indexOf("#")!==-1?e:"["+e+"]";K().push({selector:e,attribute:t,ComponentFn:n,onInit:s,onSubtreeChange:a,query:y}),fe(),window[t]=A;function _(){le()>0?se(function(){A(document.body)}):A(document.body)}return document.readyState==="loading"?document.addEventListener("DOMContentLoaded",_):_(),A}function P(e){return(e||"").replace(/^#/,"")}function E(e){const t=e===void 0?location.hash:e,n={},o=P(t);if(!o)return n;const r=o.split("&");for(let i=0;i<r.length;i++){const l=r[i];if(!l)continue;const a=l.indexOf(":"),s=a>-1?l.slice(0,a):l,c=a>-1?l.slice(a+1):"";if(s)try{n[s]=decodeURIComponent(c)}catch{n[s]=c}}return n}function he(e){if(!e)return null;const t=E();return e in t?t[e]:null}function ge(e,t){if(!e)return;const n=E();t==null?delete n[e]:n[e]=String(t);const r=Object.keys(n).map(function(i){const l=n[i];return l===""?i:i+":"+encodeURIComponent(l)}).join("&");P(location.hash)!==r&&(location.hash=r)}function be(e){return e.button===1||e.ctrlKey||e.metaKey||e.shiftKey?!1:(e.preventDefault(),!0)}function me(e,t){if(!e||!e.hasAttribute("data-ln-hash"))return null;const n=e.getAttribute("data-ln-hash");if(n&&n.trim()!=="")return n.trim();const o=e.getAttribute("data-ln-sort")||e.getAttribute("data-ln-search-for")||e.getAttribute("data-ln-search")||e.getAttribute("data-ln-filter")||e.id;return o?t?o+"-"+t:o:t||null}function pe(e,t){return!t||t==="none"||e===null||e===void 0?null:String(e)+"."+t}function Ce(e){return!e||typeof e!="string"?null:e.endsWith(".asc")?{fieldOrColumn:e.slice(0,-4),direction:"asc"}:e.endsWith(".desc")?{fieldOrColumn:e.slice(0,-5),direction:"desc"}:null}function ye(e,t){return!e||!Array.isArray(t)||t.length===0?null:e+":"+t.map(encodeURIComponent).join(",")}function ve(e){if(!e||typeof e!="string")return null;const t=e.indexOf(":");if(t===-1)return null;const n=e.slice(0,t),o=e.slice(t+1),r=o?o.split(",").map(function(i){try{return decodeURIComponent(i)}catch{return i}}).filter(Boolean):[];return{key:n,values:r}}typeof window<"u"&&(window.lnCore=window.lnCore||{},window.lnCore.hashParse=E,window.lnCore.hashGet=he,window.lnCore.hashSet=ge,window.lnCore.hashLinkClick=be,window.lnCore.resolveHashNamespace=me,window.lnCore.hashSortEncode=pe,window.lnCore.hashSortDecode=Ce,window.lnCore.hashFilterEncode=ye,window.lnCore.hashFilterDecode=ve);function Ae(e){if(e==null||e==="")return null;if(e instanceof Date)return isNaN(e.getTime())?null:e;const t=Number(e);if(!isNaN(t)&&t>0){const n=t<1e11?t*1e3:t,o=new Date(n);return isNaN(o.getTime())?null:o}if(typeof e=="string"){const n=e.trim();if(!n)return null;const o=/^(\d{4})-(\d{2})-(\d{2})$/.exec(n);if(o){const i=+o[1],l=+o[2],a=+o[3],s=new Date(i,l-1,a);return s.getFullYear()!==i||s.getMonth()!==l-1||s.getDate()!==a?null:s}const r=new Date(n);return isNaN(r.getTime())?null:r}return null}function _e(e,t=Date.now()){if(!e)return{value:0,unit:"second",isOlderThanMonth:!1};const n=typeof t=="number"?t:t.getTime(),o=e.getTime(),r=Math.floor((o-n)/1e3),i=Math.abs(r);return i<10?{value:0,unit:"second",isOlderThanMonth:!1}:i<60?{value:r,unit:"second",isOlderThanMonth:!1}:i<3600?{value:Math.round(r/60),unit:"minute",isOlderThanMonth:!1}:i<86400?{value:Math.round(r/3600),unit:"hour",isOlderThanMonth:!1}:i<604800?{value:Math.round(r/86400),unit:"day",isOlderThanMonth:!1}:i<2592e3?{value:Math.round(r/604800),unit:"week",isOlderThanMonth:!1}:{value:Math.round(r/2592e3),unit:"month",isOlderThanMonth:!0}}function O(e,t,n=new Date){switch(e){case"full":return{dateStyle:"long",timeStyle:"short"};case"date":return{dateStyle:"medium"};case"time":return{timeStyle:"short"};case"short":default:{const o={month:"short",day:"numeric"};return t&&t.getFullYear()!==n.getFullYear()&&(o.year="numeric"),o}}}(function(){const e="data-ln-time",t="lnTime";if(window[t]!==void 0)return;const n={"data-ln-time":{type:"enum",values:["relative","short","medium","long","iso"],fallback:"relative",effect:v,description:"Time format style preset or activator"},"data-ln-time-locale":{type:"string",effect:v,description:"BCP 47 language tag override for time formatting"}},o={},r={};function i(u){return u.getAttribute("data-ln-time-locale")||Z(u)}function l(u,d){const f=(u||"")+"|"+JSON.stringify(d);return o[f]||(o[f]=new Intl.DateTimeFormat(u,d)),o[f]}function a(u){const d=u||"";return r[d]||(r[d]=new Intl.RelativeTimeFormat(u,{numeric:"auto",style:"narrow"})),r[d]}const s=new Set;let c=null;function h(){c||(c=setInterval(b,6e4))}function w(){c&&(clearInterval(c),c=null)}function b(){for(const u of s){if(!document.body.contains(u.dom)){s.delete(u);continue}y(u)}s.size===0&&w()}function T(u,d){const f=x(d),m=(d||"").toLowerCase().split("-")[0],g=l(d,O("full",u)),C=g.resolvedOptions().locale.toLowerCase().split("-")[0];if(f&&C!==m&&f.monthsLong){const I=f.monthsLong[u.getMonth()],F=u.getDate(),R=u.getFullYear(),N=String(u.getHours()).padStart(2,"0"),Se=String(u.getMinutes()).padStart(2,"0");return`${F} ${I} ${R}, ${N}:${Se}`}return g.format(u)}function L(u,d){const f=O("short",u),m=x(d),g=(d||"").toLowerCase().split("-")[0],C=l(d,f),I=C.resolvedOptions().locale.toLowerCase().split("-")[0];if(m&&I!==g&&m.monthsShort){const F=m.monthsShort[u.getMonth()],R=u.getDate(),N=f.year?" "+u.getFullYear():"";return`${R} ${F}${N}`}return C.format(u)}function A(u,d){return l(d,O("date",u)).format(u)}function S(u,d){return l(d,O("time",u)).format(u)}function z(u,d){const f=_e(u);return f.isOlderThanMonth?L(u,d):a(d).format(f.value,f.unit)}function y(u){const d=u.dom.getAttribute("datetime");if(!d)return;const f=Ae(d);if(!f)return;const m=u.dom.getAttribute(e)||"short",g=i(u.dom);let C;switch(m){case"relative":C=z(f,g);break;case"full":C=T(f,g);break;case"date":C=A(f,g);break;case"time":C=S(f,g);break;default:C=L(f,g);break}u.dom.textContent=C,m!=="full"&&(u.dom.title=T(f,g))}function _(u){this.dom=u;const d=this;return this._onLocaleChange=function(){y(d)},W(),document.addEventListener("ln-core:locale-change",this._onLocaleChange),y(this),u.getAttribute(e)==="relative"&&(s.add(this),h()),this}_.prototype.render=function(){y(this)},_.prototype.destroy=function(){this._onLocaleChange&&document.removeEventListener("ln-core:locale-change",this._onLocaleChange),s.delete(this),s.size===0&&w(),delete this.dom[t]};function v(u){const d=u[t];if(!d)return;u.getAttribute(e)==="relative"?(s.add(d),h()):(s.delete(d),s.size===0&&w()),y(d)}function p(u){u.nodeType===1&&u.hasAttribute&&u.hasAttribute(e)&&u[t]&&y(u[t])}we(e,t,_,"ln-time",{attributes:n,extraAttributes:["datetime","lang"],onAttributeChange:v,onInit:p})})()})();

package/components/ln-time/ln-time.schema.json

@@ -0,0 +1,38 @@
+{
+	"$comment": "This file is partly generated. The $comment, component, generator, and each attribute's direction, sources, type, values, fallback, and description keys are owned by the generator and synchronized from JS source code. All other keys are preserved and safe to hand-author. Regenerate with `npm run sync:ln-schemas`.",
+	"component": "ln-time",
+	"generator": "scripts/sync-ln-schemas.mjs",
+	"attributes": {
+		"data-ln-debug": {
+			"direction": null,
+			"sources": [
+				"ln-time-dev.scss"
+			]
+		},
+		"data-ln-time": {
+			"direction": "author",
+			"sources": [
+				"ln-time-dev.scss",
+				"src/ln-time.js"
+			],
+			"type": "enum",
+			"values": [
+				"relative",
+				"short",
+				"medium",
+				"long",
+				"iso"
+			],
+			"fallback": "relative",
+			"description": "Time format style preset or activator"
+		},
+		"data-ln-time-locale": {
+			"direction": "author",
+			"sources": [
+				"src/ln-time.js"
+			],
+			"type": "string",
+			"description": "BCP 47 language tag override for time formatting"
+		}
+	}
+}

package/{js → components}/ln-time/src/ln-time.js

@@ -1,223 +1,206 @@
-import { registerComponent, getLocale, getLocaleFallback } from '../../ln-core';
-
-(function () {
-	const DOM_SELECTOR = 'data-ln-time';
-	const DOM_ATTRIBUTE = 'lnTime';
-
-	if (window[DOM_ATTRIBUTE] !== undefined) return;
-
-	// ─── Formatter Cache ──────────────────────────────────────
-	const _formatters = {};
-	const _relativeFormatters = {};
-
-	function _resolveLocale(el) {
-		return el.getAttribute('data-ln-time-locale') || getLocale(el);
-	}
-
-	function _getFormatter(locale, options) {
-		const key = (locale || '') + '|' + JSON.stringify(options);
-		if (!_formatters[key]) {
-			_formatters[key] = new Intl.DateTimeFormat(locale, options);
-		}
-		return _formatters[key];
-	}
-
-	function _getRelativeFormatter(locale) {
-		const key = locale || '';
-		if (!_relativeFormatters[key]) {
-			_relativeFormatters[key] = new Intl.RelativeTimeFormat(locale, { numeric: 'auto', style: 'narrow' });
-		}
-		return _relativeFormatters[key];
-	}
-
-	// ─── Auto-Update Pool ─────────────────────────────────────
-	const _relativeElements = new Set();
-	let _intervalId = null;
-
-	function _startInterval() {
-		if (!_intervalId) _intervalId = setInterval(_tickRelative, 60000);
-	}
-
-	function _stopInterval() {
-		if (_intervalId) {
-			clearInterval(_intervalId);
-			_intervalId = null;
-		}
-	}
-
-	function _tickRelative() {
-		for (const instance of _relativeElements) {
-			if (!document.body.contains(instance.dom)) {
-				_relativeElements.delete(instance);
-				continue;
-			}
-			_render(instance);
-		}
-		if (_relativeElements.size === 0) _stopInterval();
-	}
-
-	// ─── Formatting ───────────────────────────────────────────
-	function _formatFull(date, locale) {
-		const fallback = getLocaleFallback(locale);
-		const langPrefix = (locale || '').toLowerCase().split('-')[0];
-		const formatter = _getFormatter(locale, { dateStyle: 'long', timeStyle: 'short' });
-		const resolvedLocale = formatter.resolvedOptions().locale.toLowerCase().split('-')[0];
-
-		if (fallback && resolvedLocale !== langPrefix && fallback.monthsLong) {
-			const month = fallback.monthsLong[date.getMonth()];
-			const day = date.getDate();
-			const year = date.getFullYear();
-			const hours = String(date.getHours()).padStart(2, '0');
-			const mins = String(date.getMinutes()).padStart(2, '0');
-			return `${day} ${month} ${year} во ${hours}:${mins}`;
-		}
-		return formatter.format(date);
-	}
-
-	function _formatShort(date, locale) {
-		const now = new Date();
-		const options = { month: 'short', day: 'numeric' };
-		if (date.getFullYear() !== now.getFullYear()) {
-			options.year = 'numeric';
-		}
-		const fallback = getLocaleFallback(locale);
-		const langPrefix = (locale || '').toLowerCase().split('-')[0];
-		const formatter = _getFormatter(locale, options);
-		const resolvedLocale = formatter.resolvedOptions().locale.toLowerCase().split('-')[0];
-
-		if (fallback && resolvedLocale !== langPrefix && fallback.monthsShort) {
-			const month = fallback.monthsShort[date.getMonth()];
-			const day = date.getDate();
-			const year = date.getFullYear() !== now.getFullYear() ? ' ' + date.getFullYear() : '';
-			return `${day} ${month}${year}`;
-		}
-		return formatter.format(date);
-	}
-
-	function _formatDate(date, locale) {
-		return _getFormatter(locale, { dateStyle: 'medium' }).format(date);
-	}
-
-	function _formatTime(date, locale) {
-		return _getFormatter(locale, { timeStyle: 'short' }).format(date);
-	}
-
-	function _formatRelative(date, locale) {
-		const nowSec = Math.floor(Date.now() / 1000);
-		const thenSec = Math.floor(date.getTime() / 1000);
-		const diff = thenSec - nowSec;
-		const absDiff = Math.abs(diff);
-
-		if (absDiff < 10) return _getRelativeFormatter(locale).format(0, 'second');
-
-		let unit, value;
-		if (absDiff < 60) {
-			unit = 'second'; value = diff;
-		} else if (absDiff < 3600) {
-			unit = 'minute'; value = Math.round(diff / 60);
-		} else if (absDiff < 86400) {
-			unit = 'hour'; value = Math.round(diff / 3600);
-		} else if (absDiff < 604800) {
-			unit = 'day'; value = Math.round(diff / 86400);
-		} else if (absDiff < 2592000) {
-			unit = 'week'; value = Math.round(diff / 604800);
-		} else {
-			return _formatShort(date, locale);
-		}
-
-		return _getRelativeFormatter(locale).format(value, unit);
-	}
-
-	// ─── Render ───────────────────────────────────────────────
-	function _render(instance) {
-		const raw = instance.dom.getAttribute('datetime');
-		if (!raw) return;
-
-		const timestamp = Number(raw);
-		if (isNaN(timestamp)) return;
-
-		const date = new Date(timestamp * 1000);
-		const mode = instance.dom.getAttribute(DOM_SELECTOR) || 'short';
-		const locale = _resolveLocale(instance.dom);
-		let text;
-
-		switch (mode) {
-			case 'relative': text = _formatRelative(date, locale); break;
-			case 'full':     text = _formatFull(date, locale);     break;
-			case 'date':     text = _formatDate(date, locale);     break;
-			case 'time':     text = _formatTime(date, locale);     break;
-			default:         text = _formatShort(date, locale);    break;
-		}
-
-		instance.dom.textContent = text;
-		if (mode !== 'full') {
-			instance.dom.title = _formatFull(date, locale);
-		}
-	}
-
-	// ─── Component ────────────────────────────────────────────
-	function _constructor(dom) {
-		this.dom = dom;
-		_render(this);
-
-		if (dom.getAttribute(DOM_SELECTOR) === 'relative') {
-			_relativeElements.add(this);
-			_startInterval();
-		}
-
-		return this;
-	}
-
-	_constructor.prototype.render = function () {
-		_render(this);
-	};
-
-	_constructor.prototype.destroy = function () {
-		_relativeElements.delete(this);
-		if (_relativeElements.size === 0) _stopInterval();
-		delete this.dom[DOM_ATTRIBUTE];
-	};
-
-	// ─── Attribute / Mutation Hooks ───────────────────────────
-	function _onAttributeChange(el) {
-		const instance = el[DOM_ATTRIBUTE];
-		if (!instance) return;
-		const mode = el.getAttribute(DOM_SELECTOR);
-		if (mode === 'relative') {
-			_relativeElements.add(instance);
-			_startInterval();
-		} else {
-			_relativeElements.delete(instance);
-			if (_relativeElements.size === 0) _stopInterval();
-		}
-		_render(instance);
-	}
-
-	function _onInit(node) {
-		if (node.nodeType !== 1) return;
-		if (node.hasAttribute && node.hasAttribute(DOM_SELECTOR) && node[DOM_ATTRIBUTE]) {
-			_render(node[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) {
-					_render(inst);
-				}
-			}
-		}).observe(document.documentElement, { attributes: true, attributeFilter: ['lang'], subtree: true });
-	}
-
-	// ─── Registration ─────────────────────────────────────────
-	registerComponent(DOM_SELECTOR, DOM_ATTRIBUTE, _constructor, 'ln-time', {
-		extraAttributes: ['datetime', 'data-ln-time-locale', 'lang'],
-		onAttributeChange: _onAttributeChange,
-		onInit: _onInit
-	});
-	_localeObserver();
-})();
+import { ensureLocaleObserver, getLocale, getLocaleFallback, parseDateInput, registerComponent } from '../../ln-core';
+import { calculateRelativeTime, resolveDateFormatOptions } from './time-model.js';
+
+(function () {
+	const DOM_SELECTOR = 'data-ln-time';
+	const DOM_ATTRIBUTE = 'lnTime';
+
+	if (window[DOM_ATTRIBUTE] !== undefined) return;
+
+	// ─── Attribute Contract (SSOT) ──────────────────────────
+	const ATTRIBUTES = {
+		'data-ln-time':        { type: 'enum', values: ['relative', 'short', 'medium', 'long', 'iso'], fallback: 'relative', effect: _onAttributeChange, description: 'Time format style preset or activator' },
+		'data-ln-time-locale': { type: 'string', effect: _onAttributeChange, description: 'BCP 47 language tag override for time formatting' }
+	};
+
+	// ─── Formatter Cache ──────────────────────────────────────
+	const _formatters = {};
+	const _relativeFormatters = {};
+
+	function _resolveLocale(el) {
+		return el.getAttribute('data-ln-time-locale') || getLocale(el);
+	}
+
+	function _getFormatter(locale, options) {
+		const key = (locale || '') + '|' + JSON.stringify(options);
+		if (!_formatters[key]) {
+			_formatters[key] = new Intl.DateTimeFormat(locale, options);
+		}
+		return _formatters[key];
+	}
+
+	function _getRelativeFormatter(locale) {
+		const key = locale || '';
+		if (!_relativeFormatters[key]) {
+			_relativeFormatters[key] = new Intl.RelativeTimeFormat(locale, { numeric: 'auto', style: 'narrow' });
+		}
+		return _relativeFormatters[key];
+	}
+
+	// ─── Auto-Update Pool ─────────────────────────────────────
+	const _relativeElements = new Set();
+	let _intervalId = null;
+
+	function _startInterval() {
+		if (!_intervalId) _intervalId = setInterval(_tickRelative, 60000);
+	}
+
+	function _stopInterval() {
+		if (_intervalId) {
+			clearInterval(_intervalId);
+			_intervalId = null;
+		}
+	}
+
+	function _tickRelative() {
+		for (const instance of _relativeElements) {
+			if (!document.body.contains(instance.dom)) {
+				_relativeElements.delete(instance);
+				continue;
+			}
+			_render(instance);
+		}
+		if (_relativeElements.size === 0) _stopInterval();
+	}
+
+	// ─── Formatting ───────────────────────────────────────────
+	function _formatFull(date, locale) {
+		const fallback = getLocaleFallback(locale);
+		const langPrefix = (locale || '').toLowerCase().split('-')[0];
+		const formatter = _getFormatter(locale, resolveDateFormatOptions('full', date));
+		const resolvedLocale = formatter.resolvedOptions().locale.toLowerCase().split('-')[0];
+
+		if (fallback && resolvedLocale !== langPrefix && fallback.monthsLong) {
+			const month = fallback.monthsLong[date.getMonth()];
+			const day = date.getDate();
+			const year = date.getFullYear();
+			const hours = String(date.getHours()).padStart(2, '0');
+			const mins = String(date.getMinutes()).padStart(2, '0');
+			return `${day} ${month} ${year}, ${hours}:${mins}`;
+		}
+		return formatter.format(date);
+	}
+
+	function _formatShort(date, locale) {
+		const options = resolveDateFormatOptions('short', date);
+		const fallback = getLocaleFallback(locale);
+		const langPrefix = (locale || '').toLowerCase().split('-')[0];
+		const formatter = _getFormatter(locale, options);
+		const resolvedLocale = formatter.resolvedOptions().locale.toLowerCase().split('-')[0];
+
+		if (fallback && resolvedLocale !== langPrefix && fallback.monthsShort) {
+			const month = fallback.monthsShort[date.getMonth()];
+			const day = date.getDate();
+			const year = options.year ? ' ' + date.getFullYear() : '';
+			return `${day} ${month}${year}`;
+		}
+		return formatter.format(date);
+	}
+
+	function _formatDate(date, locale) {
+		return _getFormatter(locale, resolveDateFormatOptions('date', date)).format(date);
+	}
+
+	function _formatTime(date, locale) {
+		return _getFormatter(locale, resolveDateFormatOptions('time', date)).format(date);
+	}
+
+	function _formatRelative(date, locale) {
+		const rel = calculateRelativeTime(date);
+		if (rel.isOlderThanMonth) {
+			return _formatShort(date, locale);
+		}
+		return _getRelativeFormatter(locale).format(rel.value, rel.unit);
+	}
+
+	// ─── Render ───────────────────────────────────────────────
+	function _render(instance) {
+		const raw = instance.dom.getAttribute('datetime');
+		if (!raw) return;
+
+		const date = parseDateInput(raw);
+		if (!date) return;
+
+		const mode = instance.dom.getAttribute(DOM_SELECTOR) || 'short';
+		const locale = _resolveLocale(instance.dom);
+		let text;
+
+		switch (mode) {
+			case 'relative': text = _formatRelative(date, locale); break;
+			case 'full':     text = _formatFull(date, locale);     break;
+			case 'date':     text = _formatDate(date, locale);     break;
+			case 'time':     text = _formatTime(date, locale);     break;
+			default:         text = _formatShort(date, locale);    break;
+		}
+
+		instance.dom.textContent = text;
+		if (mode !== 'full') {
+			instance.dom.title = _formatFull(date, locale);
+		}
+	}
+
+	// ─── Component ────────────────────────────────────────────
+	function _constructor(dom) {
+		this.dom = dom;
+		const self = this;
+
+		// ── Subscribe to global locale changes ──────────────
+		this._onLocaleChange = function () {
+			_render(self);
+		};
+		ensureLocaleObserver();
+		document.addEventListener('ln-core:locale-change', this._onLocaleChange);
+
+		_render(this);
+
+		if (dom.getAttribute(DOM_SELECTOR) === 'relative') {
+			_relativeElements.add(this);
+			_startInterval();
+		}
+
+		return this;
+	}
+
+	_constructor.prototype.render = function () {
+		_render(this);
+	};
+
+	_constructor.prototype.destroy = function () {
+		if (this._onLocaleChange) {
+			document.removeEventListener('ln-core:locale-change', this._onLocaleChange);
+		}
+		_relativeElements.delete(this);
+		if (_relativeElements.size === 0) _stopInterval();
+		delete this.dom[DOM_ATTRIBUTE];
+	};
+
+	// ─── Attribute / Mutation Hooks ───────────────────────────
+	function _onAttributeChange(el) {
+		const instance = el[DOM_ATTRIBUTE];
+		if (!instance) return;
+		const mode = el.getAttribute(DOM_SELECTOR);
+		if (mode === 'relative') {
+			_relativeElements.add(instance);
+			_startInterval();
+		} else {
+			_relativeElements.delete(instance);
+			if (_relativeElements.size === 0) _stopInterval();
+		}
+		_render(instance);
+	}
+
+	function _onInit(node) {
+		if (node.nodeType !== 1) return;
+		if (node.hasAttribute && node.hasAttribute(DOM_SELECTOR) && node[DOM_ATTRIBUTE]) {
+			_render(node[DOM_ATTRIBUTE]);
+		}
+	}
+
+	// ─── Registration ─────────────────────────────────────────
+	registerComponent(DOM_SELECTOR, DOM_ATTRIBUTE, _constructor, 'ln-time', {
+		attributes: ATTRIBUTES,
+		extraAttributes: ['datetime', 'lang'],
+		onAttributeChange: _onAttributeChange,
+		onInit: _onInit
+	});
+})();

package/components/ln-time/src/time-model.js

@@ -0,0 +1,64 @@
+/**
+ * Calculates relative time difference and optimal unit.
+ * @param {Date} date Target date
+ * @param {Date|number} [now=Date.now()] Reference date
+ * @returns {{ value: number, unit: Intl.RelativeTimeFormatUnit, isOlderThanMonth: boolean }}
+ */
+export function calculateRelativeTime(date, now = Date.now()) {
+	if (!date) {
+		return { value: 0, unit: 'second', isOlderThanMonth: false };
+	}
+
+	const nowMs = typeof now === 'number' ? now : now.getTime();
+	const thenMs = date.getTime();
+	const diffSec = Math.floor((thenMs - nowMs) / 1000);
+	const absSec = Math.abs(diffSec);
+
+	if (absSec < 10) {
+		return { value: 0, unit: 'second', isOlderThanMonth: false };
+	}
+
+	if (absSec < 60) {
+		return { value: diffSec, unit: 'second', isOlderThanMonth: false };
+	}
+	if (absSec < 3600) {
+		return { value: Math.round(diffSec / 60), unit: 'minute', isOlderThanMonth: false };
+	}
+	if (absSec < 86400) {
+		return { value: Math.round(diffSec / 3600), unit: 'hour', isOlderThanMonth: false };
+	}
+	if (absSec < 604800) {
+		return { value: Math.round(diffSec / 86400), unit: 'day', isOlderThanMonth: false };
+	}
+	if (absSec < 2592000) {
+		return { value: Math.round(diffSec / 604800), unit: 'week', isOlderThanMonth: false };
+	}
+
+	return { value: Math.round(diffSec / 2592000), unit: 'month', isOlderThanMonth: true };
+}
+
+/**
+ * Resolves standard Intl.DateTimeFormat options for various modes.
+ * @param {'full' | 'short' | 'date' | 'time' | string} mode
+ * @param {Date} date
+ * @param {Date} [now=new Date()]
+ * @returns {Intl.DateTimeFormatOptions}
+ */
+export function resolveDateFormatOptions(mode, date, now = new Date()) {
+	switch (mode) {
+		case 'full':
+			return { dateStyle: 'long', timeStyle: 'short' };
+		case 'date':
+			return { dateStyle: 'medium' };
+		case 'time':
+			return { timeStyle: 'short' };
+		case 'short':
+		default: {
+			const options = { month: 'short', day: 'numeric' };
+			if (date && date.getFullYear() !== now.getFullYear()) {
+				options.year = 'numeric';
+			}
+			return options;
+		}
+	}
+}