snice 4.15.0 → 4.16.0

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

@@ -1,12 +1,12 @@
 /*!
- * snice v4.14.0
+ * snice v4.15.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.
  */
 var Snice=function(t){"use strict";
 /*!
-   * snice v4.14.0
+   * snice v4.15.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.
@@ -19,7 +19,7 @@ var Snice=function(t){"use strict";
    */
 class ae{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 le(t){const e={};return t.split(";").forEach(t=>{const[n,o]=t.split(":").map(t=>t.trim());n&&o&&(e[n]=o)}),e}var ce;!function(t){t.SUCCESS="success",t.GUARDS_FAILED="guards-failed",t.NOT_FOUND="not-found"}(ce||(ce={}));const ue=".snice-tooltip--visible{opacity:1!important;transform:scale(1)!important}.snice-tooltip__arrow{position:absolute;width:0;height:0;border-style:solid;border-color:transparent}.snice-tooltip--top .snice-tooltip__arrow,.snice-tooltip--top-start .snice-tooltip__arrow,.snice-tooltip--top-end .snice-tooltip__arrow{bottom:-6px;border-width:6px 6px 0;border-top-color:hsl(0 0% 20%)}.snice-tooltip--bottom .snice-tooltip__arrow,.snice-tooltip--bottom-start .snice-tooltip__arrow,.snice-tooltip--bottom-end .snice-tooltip__arrow{top:-6px;border-width:0 6px 6px;border-bottom-color:hsl(0 0% 20%)}.snice-tooltip--left .snice-tooltip__arrow,.snice-tooltip--left-start .snice-tooltip__arrow,.snice-tooltip--left-end .snice-tooltip__arrow{right:-6px;border-width:6px 0 6px 6px;border-left-color:hsl(0 0% 20%)}.snice-tooltip--right .snice-tooltip__arrow,.snice-tooltip--right-start .snice-tooltip__arrow,.snice-tooltip--right-end .snice-tooltip__arrow{left:-6px;border-width:6px 6px 6px 0;border-right-color:hsl(0 0% 20%)}.snice-tooltip--top .snice-tooltip__arrow,.snice-tooltip--bottom .snice-tooltip__arrow{left:50%;transform:translateX(-50%)}.snice-tooltip--top-start .snice-tooltip__arrow,.snice-tooltip--bottom-start .snice-tooltip__arrow{left:16px}.snice-tooltip--top-end .snice-tooltip__arrow,.snice-tooltip--bottom-end .snice-tooltip__arrow{right:16px}.snice-tooltip--left .snice-tooltip__arrow,.snice-tooltip--right .snice-tooltip__arrow{top:50%;transform:translateY(-50%)}.snice-tooltip--left-start .snice-tooltip__arrow,.snice-tooltip--right-start .snice-tooltip__arrow{top:16px}.snice-tooltip--left-end .snice-tooltip__arrow,.snice-tooltip--right-end .snice-tooltip__arrow{bottom:16px;top:auto}",he=new WeakMap;let de=!1;function me(t){const e=getComputedStyle(t),n=(t,n)=>e.getPropertyValue(t).trim()||n;return{position:n("--tooltip-position","top"),trigger:n("--tooltip-trigger","hover"),delay:parseInt(n("--tooltip-delay","0"),10),hideDelay:parseInt(n("--tooltip-hide-delay","0"),10),offset:parseInt(n("--tooltip-offset","12"),10),arrow:"none"!==n("--tooltip-arrow","auto"),maxWidth:parseInt(n("--tooltip-max-width","250"),10),zIndex:parseInt(n("--tooltip-z-index","10000"),10),strictPositioning:"true"===n("--tooltip-strict-positioning",""),bg:n("--tooltip-bg","hsl(0 0% 20%)"),color:n("--tooltip-color","white"),padding:n("--tooltip-padding","8px 12px"),radius:n("--tooltip-radius","6px"),fontSize:n("--tooltip-font-size","14px")}}function pe(t,e,n,o,s){let r=0,i=0;const a=t.left+t.width/2,l=t.top+t.height/2,c=o,u=o+s;switch(n){case"top":r=a-e.width/2,i=t.top-e.height-c;break;case"top-start":r=t.left,i=t.top-e.height-c;break;case"top-end":r=t.right-e.width,i=t.top-e.height-c;break;case"bottom":r=a-e.width/2,i=t.bottom+c;break;case"bottom-start":r=t.left,i=t.bottom+c;break;case"bottom-end":r=t.right-e.width,i=t.bottom+c;break;case"left":r=t.left-e.width-u,i=l-e.height/2;break;case"left-start":r=t.left-e.width-u,i=t.top;break;case"left-end":r=t.left-e.width-u,i=t.bottom-e.height;break;case"right":r=t.right+u,i=l-e.height/2;break;case"right-start":r=t.right+u,i=t.top;break;case"right-end":r=t.right+u,i=t.bottom-e.height}return{left:r,top:i}}function fe(t){const e=t.getAttribute("tooltip");if(!e)return;!function(){if(!de)try{if("adoptedStyleSheets"in document&&"CSSStyleSheet"in window){const t=new CSSStyleSheet;t.replaceSync(ue),document.adoptedStyleSheets=[...document.adoptedStyleSheets,t]}else{const t=document.createElement("style");t.textContent=ue,document.head.appendChild(t)}de=!0}catch(t){console.warn("Failed to inject tooltip portal styles:",t)}}();const n=me(t);let o=he.get(t);if(o||(o={portal:null,listeners:[],activePosition:n.position},he.set(t,o)),o.portal){const t=o.portal;t.style.zIndex=String(n.zIndex),t.style.padding=n.padding,t.style.background=n.bg,t.style.color=n.color,t.style.borderRadius=n.radius,t.style.fontSize=n.fontSize,t.style.maxWidth=`${n.maxWidth}px`;let e=t.querySelector(".snice-tooltip__arrow");n.arrow&&!e?(e=document.createElement("div"),e.className="snice-tooltip__arrow",e.style.cssText="position:absolute;width:0;height:0;border-style:solid;",t.appendChild(e)):!n.arrow&&e?e.style.display="none":n.arrow&&e&&(e.style.display="")}else o.portal=function(t){const e=document.createElement("div");e.className=`snice-tooltip snice-tooltip--${t.position}`,e.setAttribute("role","tooltip"),e.style.cssText=`\n    position: fixed;\n    z-index: ${t.zIndex};\n    padding: ${t.padding};\n    background: ${t.bg};\n    color: ${t.color};\n    border-radius: ${t.radius};\n    font-size: ${t.fontSize};\n    line-height: 1.4;\n    max-width: ${t.maxWidth}px;\n    width: max-content;\n    pointer-events: none;\n    opacity: 0;\n    transform: scale(0.95);\n    transition: opacity 0.2s, transform 0.2s;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n    display: none;\n  `;const n=document.createElement("div");if(n.className="snice-tooltip__content",e.appendChild(n),t.arrow){const t=document.createElement("div");t.className="snice-tooltip__arrow",t.style.cssText="position:absolute;width:0;height:0;border-style:solid;",e.appendChild(t)}return document.body.appendChild(e),e}(n);const s=o.portal,r=s.querySelector(".snice-tooltip__content");r&&(r.textContent=e),s.style.display="block",s.offsetHeight,s.style.visibility="hidden",s.style.left="-9999px",s.style.top="-9999px";const i=t.getBoundingClientRect(),a=s.getBoundingClientRect();s.style.visibility="";const l=n.arrow?6:0,c=function(t,e,n,o,s,r){const i=window.innerWidth,a=window.innerHeight;let l=n,c=pe(t,e,l,o,s);if(!(r||c.left>=0&&c.top>=0&&c.left+e.width<=i&&c.top+e.height<=a))for(const n of function(t){return{top:["bottom","left","right"],"top-start":["bottom-start","left","right"],"top-end":["bottom-end","left","right"],bottom:["top","left","right"],"bottom-start":["top-start","left","right"],"bottom-end":["top-end","left","right"],left:["right","top","bottom"],"left-start":["right-start","top","bottom"],"left-end":["right-end","top","bottom"],right:["left","top","bottom"],"right-start":["left-start","top","bottom"],"right-end":["left-end","top","bottom"]}[t]||["top","bottom","left","right"]}(l)){const r=pe(t,e,n,o,s);if(r.left>=0&&r.top>=0&&r.left+e.width<=i&&r.top+e.height<=a){l=n,c=r;break}}return{left:c.left,top:c.top,adjustedPosition:l}}(i,a,n.position,n.offset,l,n.strictPositioning);c.adjustedPosition!==o.activePosition&&(s.classList.remove(`snice-tooltip--${o.activePosition}`),s.classList.add(`snice-tooltip--${c.adjustedPosition}`),o.activePosition=c.adjustedPosition),s.style.left=`${c.left}px`,s.style.top=`${c.top}px`,s.classList.add("snice-tooltip--visible")}function ye(t){const e=he.get(t);if(!e?.portal)return;e.portal.classList.remove("snice-tooltip--visible");const n=e.portal;setTimeout(()=>{n&&(n.style.display="none")},200)}function ge(t){const e=he.get(t);if(!e)return;we(e);const n=me(t);n.delay>0?e.showTimeout=window.setTimeout(()=>fe(t),n.delay):fe(t)}function be(t){const e=he.get(t);if(!e)return;we(e);const n=me(t);n.hideDelay>0?e.hideTimeout=window.setTimeout(()=>ye(t),n.hideDelay):ye(t)}function we(t){void 0!==t.showTimeout&&(clearTimeout(t.showTimeout),t.showTimeout=void 0),void 0!==t.hideTimeout&&(clearTimeout(t.hideTimeout),t.hideTimeout=void 0)}function ve(t){if(he.has(t))return;const e=me(t),n={portal:null,listeners:[],activePosition:e.position};he.set(t,n);const o=(e,o)=>{t.addEventListener(e,o),n.listeners.push({type:e,fn:o})};switch(e.trigger){case"hover":o("mouseenter",()=>ge(t)),o("mouseleave",()=>be(t)),o("focusin",()=>ge(t)),o("focusout",()=>be(t));break;case"focus":o("focusin",()=>ge(t)),o("focusout",()=>be(t));break;case"click":{const e=n=>{t.contains(n.target)||(be(t),document.removeEventListener("click",e))};o("click",()=>{const n=he.get(t),o=n?.portal?.classList.contains("snice-tooltip--visible");o?be(t):(ge(t),setTimeout(()=>document.addEventListener("click",e),0))});break}}}function Te(t){const e=he.get(t);if(e){we(e);for(const{type:n,fn:o}of e.listeners)t.removeEventListener(n,o);e.portal&&e.portal.remove(),he.delete(t)}}function Se(t){if(!(t instanceof HTMLElement))return;t.getAttribute("tooltip")&&ve(t)}let _e=!1;async function xe(t,e=500){if(customElements.get(t))return;let n=null;_e||(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 Ee(t,e=500){const n=t.tagName.toLowerCase();await xe(n,e),"ready"in t&&"function"==typeof t.ready?.then&&await t.ready}const Ne=n("debounce-timers"),Ae=n("throttle-timers"),Ce=n("once-called"),ke=n("memoize-cache");
 /*!
-   * snice v4.14.0
+   * snice v4.15.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.