snice 4.12.0 → 4.13.0

package/dist/cdn/runtime/snice-runtime.esm.min.js

@@ -1,11 +1,11 @@
 /*!
- * snice v4.11.0
+ * snice v4.12.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.
  */
 /*!
- * snice v4.11.0
+ * snice v4.12.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.
@@ -18,7 +18,7 @@ globalThis.snice||(globalThis.snice={controllerRegistry:new Map,controllerIdCoun
  * Released under the MIT License.
  */class Oe{constructor(t){this.parsed=this.parsePattern(t)}get spec(){return this.parsed.template}parsePattern(t){let e=t,n="",o=!1;const s=t.indexOf("?");return-1!==s&&(e=t.slice(0,s),n=t.slice(s+1),e.endsWith("(")&&n.endsWith(")")&&(o=!0,e=e.slice(0,-1),n=n.slice(0,-1))),{pathSegments:this.parseSegments(e),querySegments:n?this.parseQuerySegments(n):[],queryOptional:o,template:t}}parseSegments(t){const e=[];let n=0;for(;n<t.length;){switch(t[n]){case"(":const{segments:o,endIndex:s}=this.parseOptionalGroup(t,n);e.push({type:"optional",segments:o}),n=s+1;break;case":":const{name:r,endIndex:i}=this.parseIdentifier(t,n+1);e.push({type:"param",name:r}),n=i;break;case"*":const{name:a,endIndex:l}=this.parseIdentifier(t,n+1);e.push({type:"splat",name:a}),n=l;break;default:const{value:c,endIndex:u}=this.parseLiteral(t,n);c&&e.push({type:"literal",value:c}),n=u}}return e}parseOptionalGroup(t,e){let n=1,o=e+1;for(;o<t.length&&n>0;)"("===t[o]&&n++,")"===t[o]&&n--,o++;const s=t.slice(e+1,o-1);return{segments:this.parseSegments(s),endIndex:o-1}}parseIdentifier(t,e){let n=e;for(;n<t.length&&/[\w-]/.test(t[n]);)n++;return{name:t.slice(e,n),endIndex:n}}parseLiteral(t,e){let n=e;for(;n<t.length&&!"(:*(".includes(t[n]);)n++;return{value:t.slice(e,n),endIndex:n}}parseQuerySegments(t){let e=t;e.startsWith("(")&&e.endsWith(")")&&(e=e.slice(1,-1));const n=[];let o=0;for(;o<e.length;)if(":"===e[o]){const{name:t,endIndex:s}=this.parseIdentifier(e,o+1);n.push({type:"param",name:t}),o=s}else{const{value:t,endIndex:s}=this.parseQueryLiteral(e,o);t&&n.push({type:"literal",value:t}),o=s}return n}parseQueryLiteral(t,e){let n=e;for(;n<t.length&&":"!==t[n];)n++;return{value:t.slice(e,n),endIndex:n}}getAllParamNames(){const t=new Set,e=n=>{for(const o of n)switch(o.type){case"param":case"splat":t.add(o.name);break;case"optional":e(o.segments)}};return e(this.parsed.pathSegments),e(this.parsed.querySegments),Array.from(t)}canMatchRemainingSegments(t,e,n){let o=e;for(const e of n)if("literal"===e.type){const n=t.indexOf(e.value,o);if(-1===n)return!1;o=n+e.value.length}return!0}match(t){const[e,n]=t.split("?"),o=this.matchPath(e,this.parsed.pathSegments);if(!1===o)return!1;const s=this.matchQuery(n||"",this.parsed.querySegments);if(!1===s)return!1;const r=this.getAllParamNames(),i={};for(const t of r)i[t]=void 0;return Object.assign(i,o,s),i}matchPath(t,e){const n={};let o=0;for(let s=0;s<e.length;s++){const r=e[s],i=e.slice(s+1),a=this.matchSegment(t,o,r,i);if(!1===a)return!1;Object.assign(n,a.params),o=a.nextIndex}return!(o<t.length)&&n}matchSegment(t,e,n,o=[]){switch(n.type){case"literal":return t.slice(e,e+n.value.length)===n.value&&{params:{},nextIndex:e+n.value.length};case"param":{let s=e;const r=o[0];let i,a=["/","?"];if(r&&"literal"===r.type){const n=r.value,o=t.indexOf(n,e);if(-1===o)return!1;s=o}else for(;s<t.length&&!a.includes(t[s]);)s++;if(s===e)return!1;try{i=decodeURIComponent(t.slice(e,s))}catch(n){i=t.slice(e,s)}return!(s<t.length&&"?"===t[s]&&o.length>0)&&{params:{[n.name]:i},nextIndex:s}}case"splat":{let s=t.length;const r=o[0];if(r)switch(r.type){case"literal":if("."===r.value){const n=t.indexOf(".",e);-1!==n&&(s=n)}else{const n=t.lastIndexOf(r.value);-1!==n&&n>=e&&(s=n)}break;case"param":let n=-1;for(let o=t.length-1;o>=e;o--)if("/"===t[o]){n=o;break}-1!==n&&(s=n);break;case"splat":let o=-1;for(let n=t.length-1;n>e;n--)if("/"===t[n]){o=n+1;break}if(-1!==o)s=o;else{const n=t.slice(e).split("/").filter(t=>t);s=n.length>1?e+n.slice(0,-1).join("/").length+1:e}break;case"optional":const i=t=>{for(const e of t){if("literal"===e.type)return e.value;if("optional"===e.type){const t=i(e.segments);if(t)return t}}return null},a=i(r.segments);if(a){const n=t.lastIndexOf(a);-1!==n&&n>=e&&(s=n)}}const i=t.indexOf("?",e);let a;-1!==i&&i<s&&(s=i);try{a=decodeURIComponent(t.slice(e,s))}catch(n){a=t.slice(e,s)}return{params:{[n.name]:a},nextIndex:s}}case"optional":{let s=e,r={},i=!0;for(let e=0;e<n.segments.length;e++){const o=n.segments[e],a=n.segments.slice(e+1),l=this.matchSegment(t,s,o,a);if(!1===l){i=!1;break}Object.assign(r,l.params),s=l.nextIndex}if(i){if(this.canMatchRemainingSegments(t,s,o))return{params:r,nextIndex:s}}return{params:{},nextIndex:e}}default:return!1}}findNextLiteral(t){for(const e of t){if("literal"===e.type)return e;if("optional"===e.type){const t=this.findNextLiteral(e.segments);if(t)return t}}return null}matchQuery(t,e){if(0===e.length)return{};const n={};let o=0;for(const s of e)switch(s.type){case"literal":if(t.slice(o,o+s.value.length)!==s.value)return!1;o+=s.value.length;break;case"param":{let e,r=o;for(;r<t.length&&"&"!==t[r];)r++;if(r===o)return!1;try{e=decodeURIComponent(t.slice(o,r))}catch(n){e=t.slice(o,r)}n[s.name]=e,o=r;break}}return n}reverse(t={}){const e=this.reverseSegments(this.parsed.pathSegments,t);if(!1===e)return!1;let n=e;if(this.parsed.querySegments.length>0){const e=this.reverseSegments(this.parsed.querySegments,t);if(!this.parsed.queryOptional&&!1===e)return!1;e&&""!==e&&(n+="?"+e)}return n}reverseSegments(t,e,n=!1){let o="";for(let s=0;s<t.length;s++){const r=t[s],i=t.slice(s+1);switch(r.type){case"literal":o+=r.value;break;case"param":case"splat":if(!(r.name in e))return!1;o+=String(e[r.name]);break;case"optional":if(this.hasAllParams(r.segments,e,n)||this.hasLaterOptionalGroupNeedingParams(i,e,r.segments)){const t=this.reverseSegments(r.segments,e,!0);if(!1===t)return!1;o+=t}}}return o}hasLaterOptionalGroupNeedingParams(t,e,n){for(const o of t)if("optional"===o.type&&this.hasAnyParamInSegments(o.segments,e))return this.hasOnlyLiteralsAndOptionals(n);return!1}hasOnlyLiteralsAndOptionals(t){for(const e of t)if("param"===e.type||"splat"===e.type)return!1;return!0}hasAllParams(t,e,n=!1){let o=!1,s=!1,r=!1,i=!0;for(const n of t)switch(n.type){case"param":case"splat":i=!1,n.name in e&&void 0!==e[n.name]?o=!0:r=!0}const a=n||o&&!r;for(const n of t)if("optional"===n.type){this.hasAllParams(n.segments,e,a)&&(s=!0)}return!(!o||r)||(!(!s||r)||!(!i||!n))}hasOnlyOptionalMissingParams(t,e){for(const n of t)switch(n.type){case"param":case"splat":if(!(n.name in e))return!1}return!0}hasAnyParamInSegments(t,e){for(const n of t)switch(n.type){case"param":case"splat":if(n.name in e)return!0;break;case"optional":if(this.hasAnyParamInSegments(n.segments,e))return!0}return!1}}function ke(t){const e={};return t.split(";").forEach(t=>{const[n,o]=t.split(":").map(t=>t.trim());n&&o&&(e[n]=o)}),e}var Le;function $e(t){const e=[];let n,o,s,r=!1,i=[],a=null,l=null;const c=t.context||{},u=new le(c,[],"",{},t.fetcher);function h(t){if(!a||!l)return null;const e=t.querySelectorAll(a);for(const t of e){if(t[E]===l)return t}return null}function d(t,i,a,l,c,u){e.push({route:new Oe(t),tag:i,transition:a,guards:l,layout:c,placard:u}),r=!1,"/404"===t&&(n=i),"/403"===t&&(o=i),"/"===t&&(s=i)}function m(){const t=new Set;i=e.filter(t=>t.placard).map(t=>{const e=t.placard;return"function"==typeof e?e(c):e}).filter(e=>!t.has(e.name)&&(t.add(e.name),!0))}function f(t,e,n){u[Q](c,i,e,n)}function p(){switch(t.type){case"hash":return window.location.hash.slice(1);case"pushstate":return window.location.pathname}}function g(t){let e;const n=!!o;if(n&&(e=document.createElement(o),e[S]=c),!n){const t=document.createElement("div");t.className="default-403",t.innerHTML="<h1>403</h1><p>Unauthorized</p>",e=t}t.innerHTML="",t.appendChild(e),a=null,l=null}function b(t,e,n){if(!!!t)return!0;const o=Array.isArray(t)?t:[t];for(const t of o){if(!t(c,e))return g(n),!1}return!0}function w(e){if(!1===e)return null;if(!!e)return e;return!!t.layout?t.layout:null}function v(t){if(!(t!==a))return{element:null,needsNewLayout:!1};a=t;if(!!t){const e=Date.now();l=e;const n=document.createElement(t);return n[S]=c,n[E]=e,{element:n,needsNewLayout:!0}}return l=null,{element:null,needsNewLayout:!0}}async function T(t,e,n,o,s,r,a){const l=o||h(t);if(!l)return;!function(t,e,n){"function"==typeof t.update&&t.update(c,i,e,n)}(l,r,a);const u=l.querySelector('[slot="page"]');if(!(!n||!u))return e.setAttribute("slot","page"),await x(l,u,e,n),void(s&&(t.innerHTML="",t.appendChild(l)));l.querySelectorAll('[slot="page"]').forEach(t=>t.remove()),e.setAttribute("slot","page"),l.appendChild(e),s&&(t.innerHTML="",t.appendChild(l))}async function A(t,e,n){const o=t.children[0];!n||!o?(t.innerHTML="",t.appendChild(e)):await x(t,o,e,n)}async function _(o){const r=document.querySelector(t.target);if(!r)throw new Error(`Target element not found: ${t.target}`);m(),window.scrollTo(0,0);if((""===o?.trim()||"/"===o)&&!!s){const n=e.find(t=>t.route.match("/"));if(!b(n?.guards,{},r))return;const{element:i,transition:a,layout:l}=function(){const t=document.createElement(s);t[S]=c;const n=customElements.get(s),o=n?.[N],r=e.find(t=>t.route.match("/"));return{element:t,transition:o,layout:r?.layout}}(),u=w(l),{element:d,needsNewLayout:m}=v(u),p=a||t.transition;return null!==d||null!==h(r)?(await T(r,i,p,d,m,o,{}),void f(0,o,{})):(await A(r,i,p),void f(0,o,{}))}if(!o)return;const i=function(t,n){for(const o of e){const e=o.route.match(t);if(!1===e)continue;if(!b(o.guards,e,n))return{result:Le.GUARDS_FAILED};const s=document.createElement(o.tag);s[S]=c,s[j]=u;const r=e;return Object.keys(r).forEach(t=>s.setAttribute(t,r[t])),{result:Le.SUCCESS,element:s,transition:o.transition,layout:o.layout,routeParams:r}}return{result:Le.NOT_FOUND}}(o,r);if(i.result===Le.GUARDS_FAILED)return;if(i.result===Le.SUCCESS){const{element:e,transition:n,layout:s,routeParams:a={}}=i,l=w(s),{element:c,needsNewLayout:u}=v(l),d=n||t.transition;return null!==c||null!==h(r)?(await T(r,e,d,c,u,o,a),void f(0,o,a)):(await A(r,e,d),void f(0,o,a))}const{element:a,transition:l,layout:d}=function(){if(n){const t=document.createElement(n);t[S]=c;const e=customElements.get(n),o=e?.[N];return{element:t,transition:o,layout:void 0}}const t=document.createElement("div");return t.className="default-404",t.innerHTML="<h1>404</h1><p>Page not found</p>",{element:t,transition:void 0,layout:void 0}}(),p=w(d),{element:y,needsNewLayout:g}=v(p),E=l||t.transition;if(null!==y||null!==h(r))return await T(r,a,E,y,g,o,{}),void f(0,o,{});await A(r,a,E),f(0,o,{})}async function x(t,e,n,o){return async function(t,e,n,o={}){const s=o.outDuration||300,r=o.inDuration||300,i=o.mode||"sequential",a=o.out?ke(o.out):{opacity:"0"},l={opacity:"0"},c=o.in?ke(o.in):{opacity:"1"},u=t.style,h=u.position,d=t.tagName.includes("-")&&t.shadowRoot;d||(u.position="relative");const m=e.hasAttribute("slot")||n.hasAttribute("slot");m?(e.style.position="absolute",e.style.width="100%",e.style.height="100%",e.style.transition=`opacity ${s}ms ease-in-out`,n.style.position="absolute",n.style.width="100%",n.style.height="100%",n.style.transition=`opacity ${r}ms ease-in-out`):(e.style.position="absolute",e.style.top="0",e.style.left="0",e.style.width="100%",e.style.transition=`all ${s}ms ease-in-out`,n.style.position="absolute",n.style.top="0",n.style.left="0",n.style.width="100%"),Object.assign(n.style,l),n.style.transition=`all ${r}ms ease-in-out`,t.appendChild(n),n.offsetHeight,"simultaneous"===i?(Object.assign(e.style,a),Object.assign(n.style,c),await new Promise(t=>setTimeout(t,Math.max(s,r)))):(Object.assign(e.style,a),await new Promise(t=>setTimeout(t,s)),Object.assign(n.style,c),await new Promise(t=>setTimeout(t,r))),e.remove(),m?(n.style.position="",n.style.width="",n.style.height="",n.style.transition=""):(n.style.position="",n.style.top="",n.style.left="",n.style.width="",n.style.transition=""),Object.keys({...l,...c}).forEach(t=>{n.style[t]=""}),d||(u.position=h)}(t,e,n,o)}return{page:function(t){return function(e,n){if(n?.metadata&&n.metadata[y]){e[y]||(e[y]=new Map);for(const[t,o]of n.metadata[y])e[y].set(t,o)}ge(e),e[N]=t.transition;const o=e.prototype.connectedCallback;e.prototype.connectedCallback=function(){this[j]=u,o?.call(this)};const s=e.prototype.disconnectedCallback;return e.prototype.disconnectedCallback=function(){s?.call(this),delete this[S],delete this[j]},customElements.get(t.tag)?console.warn(`[snice] Page "${t.tag}" is already registered. Skipping duplicate registration.`):customElements.define(t.tag,e),t.routes.forEach(e=>d(e,t.tag,t.transition,t.guards,t.layout,t.placard)),e}},initialize:function(){if(!document.querySelector(t.target))throw new Error(`Target element not found: ${t.target}`);!r&&(e.sort((t,e)=>e.route.spec.length-t.route.spec.length),r=!0),m(),function(){const e="hash"===t.type,n="pushstate"===t.type;e&&window.addEventListener("hashchange",()=>{document.querySelector(t.target)&&_(p())}),n&&window.addEventListener("popstate",()=>{document.querySelector(t.target)&&_(p())})}(),_(p())},navigate:_,register:d}}function Pe(t,e){return function(n,o){return function(...s){this[$]||(this[$]=new Map);const r=`${t}_${o.name}`;this[$].has(r)||this[$].set(r,{debounceTimeout:null,throttleLastCall:0,throttleTimeout:null});const i=this[$].get(r),a=n.apply(this,s),l=n=>{if(void 0===n&&!1===e?.dispatchOnUndefined)return;const o=new CustomEvent(t,{bubbles:!0,composed:!0,...e,detail:n});this.dispatchEvent(o)},c=t=>{if(e?.debounce)clearTimeout(i.debounceTimeout),i.debounceTimeout=setTimeout(()=>l(t),e.debounce);else if(e?.throttle){const n=Date.now(),o=e.throttle-(n-i.throttleLastCall);o<=0?(clearTimeout(i.throttleTimeout),i.throttleLastCall=n,l(t)):i.throttleTimeout||(i.throttleTimeout=setTimeout(()=>{i.throttleLastCall=Date.now(),i.throttleTimeout=null,l(t)},o))}else l(t)};return a instanceof Promise?a.then(t=>(c(t),t)):(c(a),a)}}}!function(t){t.SUCCESS="success",t.GUARDS_FAILED="guards-failed",t.NOT_FOUND="not-found"}(Le||(Le={}));let Me=!1;function Ie(t){Me=t}async function Re(t,e=500){if(customElements.get(t))return;let n=null;Me||(n=setTimeout(()=>{console.warn(`Custom element <${t}> is taking longer than ${e}ms to register. This may indicate a missing import or circular dependency. Set DISABLE_ELEMENT_READY_WARNINGS=true to disable this warning.`)},e));try{await customElements.whenDefined(t)}finally{n&&clearTimeout(n)}}async function De(t,e=500){const n=t.tagName.toLowerCase();await Re(n,e),"ready"in t&&"function"==typeof t.ready?.then&&await t.ready}async function qe(t,e=500){const n=[];if(t instanceof Element&&(t.tagName.includes("-")&&n.push(t),t.shadowRoot)){t.shadowRoot.querySelectorAll("*").forEach(t=>{t.tagName.includes("-")&&n.push(t)})}if(t instanceof DocumentFragment){t.querySelectorAll("*").forEach(t=>{t.tagName.includes("-")&&n.push(t)})}await Promise.all(n.map(t=>De(t,e)))}async function*Fe(t){for(;;)await new Promise(e=>{t[q]||(t[q]=[]),t[q].push(e)}),yield}const Ve=e("debounce-timers"),je=e("throttle-timers"),ze=e("once-called"),Be=e("memoize-cache");function We(t=300,e={}){const{leading:n=!1,trailing:o=!0,maxWait:s}=e;return function(e,r){const i=r.name;return function(...r){this[Ve]||(this[Ve]={});const a=this[Ve],l=i;a[l]&&clearTimeout(a[l].timeout);const c=Date.now(),u=!a[l],h=u?c:a[l].startTime,d=void 0!==s&&c-h>=s;if(n&&u){const t=e.apply(this,r);return a[l]={timeout:null,startTime:h,lastArgs:r},t}const m=setTimeout(()=>{(o||d)&&e.apply(this,a[l].lastArgs),delete a[l]},d?0:t);a[l]={timeout:m,startTime:h,lastArgs:r}}}}function Ue(t=300,e={}){const{leading:n=!0,trailing:o=!0}=e;return function(e,s){const r=s.name;return function(...s){this[je]||(this[je]={});const i=this[je],a=r,l=Date.now();if(i[a]){const n=l-i[a].lastInvoke;if(i[a].lastArgs=s,i[a].timeout&&clearTimeout(i[a].timeout),n>=t)e.apply(this,s),i[a].lastInvoke=l;else if(o){const o=t-n;i[a].timeout=setTimeout(()=>{e.apply(this,i[a].lastArgs),i[a].lastInvoke=Date.now(),i[a].timeout=null},o)}}else n&&e.apply(this,s),i[a]={lastInvoke:l,timeout:null,lastArgs:s},o&&!n&&(i[a].timeout=setTimeout(()=>{e.apply(this,i[a].lastArgs),delete i[a]},t))}}}function He(t=!0){let e,n=!1;return function(o,s){const r=s.name;return function(...s){return t?(this[ze]||(this[ze]={}),this[ze][r]||(this[ze][r]={called:!0,result:o.apply(this,s)}),this[ze][r].result):(n||(n=!0,e=o.apply(this,s)),e)}}}function Ge(t={}){const{keyGenerator:e=(...t)=>JSON.stringify(t),maxSize:n=100,ttl:o}=t;return function(t,s){const r=s.name;return function(...s){this[Be]||(this[Be]={}),this[Be][r]||(this[Be][r]=new Map);const i=this[Be][r],a=e(...s);if(i.has(a)){const t=i.get(a);if(void 0===o)return t.value;if(!(Date.now()-t.timestamp>o))return t.value;i.delete(a)}const l=t.apply(this,s);if(i.set(a,{value:l,timestamp:Date.now()}),i.size>n){const t=i.keys().next().value;i.delete(t)}return l}}}function Ke(t){if(t[Ve]){for(const e in t[Ve])t[Ve][e]?.timeout&&clearTimeout(t[Ve][e].timeout);t[Ve]={}}}function Je(t){if(t[je]){for(const e in t[je])t[je][e]?.timeout&&clearTimeout(t[je][e].timeout);t[je]={}}}function Qe(t,e){t[Be]&&(e?delete t[Be][e]:t[Be]={})}function Xe(t,e){t[ze]&&(e?delete t[ze][e]:t[ze]={})}class Ye{constructor(){this.requestMiddlewares=[],this.responseMiddlewares=[]}use(t,e){"request"===t?this.requestMiddlewares.push(e):this.responseMiddlewares.push(e)}create(t){const e=this.requestMiddlewares,n=this.responseMiddlewares;return async function(t,o){const s=new Request(t,o);let r=0;const i=async()=>{if(r<e.length){return e[r++].call(this,s,i)}const t=await fetch(s);let o=0;const a=async()=>{if(o<n.length){return n[o++].call(this,t,a)}return t};return a()};return i()}.bind(t)}}
 /*!
- * snice v4.11.0
+ * snice v4.12.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.