lyco 1.3.6 → 1.3.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -1,4 +1,4 @@
1
- import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRandomClassName as r,renderFn as i,renderFnOrArray as a,renderFnOrArrayOrCurry as o,renderFnOrCurry as s}from"./core-B-U2ZJO6.mjs";import{css as c,html as l,nothing as u}from"lit";import{createRef as d,ref as f}from"lit/directives/ref.js";import{styleMap as p}from"lit/directives/style-map.js";const m=typeof window>`u`,h=100;var g=class{constructor(e){this._capacity=e,this.buffer=Array(e)}set(e,t){this.buffer[e%this._capacity]=t}get(e){return this.buffer[e%this._capacity]}clear(){this.buffer.fill(void 0)}get capacity(){return this._capacity}},_=class{constructor(){this.data=new Float64Array}set(e,t){let n=e*3;this.data[n]=t.start,this.data[n+1]=t.end,this.data[n+2]=t.total}get(e){let t=e*3;return t<0||t+2>=this.data.length?{start:0,end:0,total:0}:{start:this.data[t],end:this.data[t+1],total:this.data[t+2]}}initialize(e){this.data=new Float64Array(Math.ceil(e/h)*3),this.data.fill(0)}},v=class{constructor(e,t,n){this._items=[],this._itemSize=50,this._layout=`vertical`,this._preloadCount=5,this._cacheSize=200,this._renderItem=()=>l``,this._containerRef=d(),this._firstVisible=0,this._lastVisible=0,this._positionCache=new Float64Array,this._sizeCache=new Float32Array,this._cacheInitialized=!1,this._totalContentSize=0,this._blockStore=new _,this._recycledNodes=[],this.RECYCLE_POOL_SIZE=20,this._preRenderChunkSize=5,this.CHUNK_SIZE=1e3,this._chunks=new Map,this._visibleChunkIndexes=new Set,this._loadedChunks=new Set,this._estimatedItemHeight=0,this._isLoading=!1,this._hasMore=!1,this._pageSize=50,this._fetchMoreThreshold=.8,this._getItemSize=e=>typeof this._itemSize==`function`?this._itemSize(e):this._itemSize,this._calculateMetrics=()=>{if(this._items.length===0){this._positionCache=new Float64Array,this._sizeCache=new Float32Array,this._blockStore.initialize(0),this._totalContentSize=0,this._cacheInitialized=!0,this._templateBuffer.clear();return}this._positionCache=new Float64Array(this._items.length),this._sizeCache=new Float32Array(this._items.length),this._blockStore.initialize(this._items.length);let e=0,t=0,n=0;for(let r=0;r<this._items.length;r++){let i=this._getItemSize(r);if(this._positionCache[r]=e,this._sizeCache[r]=i,n+=i,(r+1)%h===0||r===this._items.length-1){let a=Math.floor(r/h);this._blockStore.set(a,{start:t,end:e+i,total:n}),t=e+i,n=0}e+=i}this._totalContentSize=e,this._cacheInitialized=!0,this._templateBuffer.clear()},this._findItemIndexByOffset=e=>{if(!this._cacheInitialized||this._items.length===0)return 0;let t=0,n=this._items.length-1,r=0;for(;t<=n;){let i=Math.floor((t+n)/2);this._positionCache[i]<=e?(r=i,t=i+1):n=i-1}return r},this._updateVisibleRange=()=>{if(!this._containerRef.value)return;let e=this._layout===`vertical`,t=e?this._containerRef.value.scrollTop:this._containerRef.value.scrollLeft,n=e?this._containerRef.value.clientHeight:this._containerRef.value.clientWidth;this._firstVisible=Math.floor(t/this._estimatedItemHeight),this._lastVisible=Math.ceil((t+n)/this._estimatedItemHeight),this._checkAndLoadMore(),this.host.requestUpdate()},this._ticking=!1,this._lastUpdate=0,this.FRAME_BUDGET=16,this._scheduleUpdate=async()=>{if(this._ticking)return;let e=performance.now(),t=e-this._lastUpdate;t>=this.FRAME_BUDGET&&(this._ticking=!0,requestAnimationFrame(()=>{this._updateVisibleRange(),this._ticking=!1,this._lastUpdate=performance.now()}))},this.host=e,e.addController(this),this.updateConfig(t,n),this._templateBuffer=new g(this._cacheSize),this._pageSize=t.pageSize??50,this._fetchMoreThreshold=t.fetchMoreThreshold??.8,m||(this._setupObservers(),this._setupResizeObserver(),this._initializeChunks())}_initializeItems(e){this._items=[...e],this._calculateMetrics(),this._initializeChunks(),this.host.requestUpdate()}_updateMetricsForRange(e,t){if(t>this._positionCache.length){let e=new Float64Array(Math.max(t*1.5,1e3));e.set(this._positionCache),this._positionCache=e;let n=new Float32Array(Math.max(t*1.5,1e3));n.set(this._sizeCache),this._sizeCache=n}let n=e===0?0:this._positionCache[e-1]+this._sizeCache[e-1];for(let r=e;r<t;r++){let e=this._getItemSize(r);this._positionCache[r]=n,this._sizeCache[r]=e,n+=e}this._totalContentSize=n,this._updateChunkMetrics()}_setupObservers(){this._intersectionObserver=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&this._preRenderChunk()})},{rootMargin:`50%`}),this._mutationObserver=new MutationObserver(e=>{e.forEach(e=>{e.removedNodes.forEach(e=>{e instanceof HTMLElement&&this._recycledNodes.length<this.RECYCLE_POOL_SIZE&&this._recycledNodes.push(e)})})})}_setupResizeObserver(){this._resizeObserver=new ResizeObserver(e=>{for(let t of e)if(t.target instanceof HTMLElement){let e=t.contentRect.height;e>0&&(this._estimatedItemHeight=e,this._updateChunkMetrics())}})}_initializeChunks(){this._chunks.clear();let e=Math.ceil(this._items.length/this.CHUNK_SIZE);for(let t=0;t<e;t++){let e=t*this.CHUNK_SIZE,n=Math.min(e+this.CHUNK_SIZE,this._items.length);this._chunks.set(t,this._items.slice(e,n))}}_updateChunkMetrics(){if(!this._containerRef.value)return;let e=this._containerRef.value.clientHeight,t=this._items.length*this._estimatedItemHeight;this._blockStore.initialize(Math.ceil(this._items.length/this.CHUNK_SIZE));let n=0;for(let e=0;e<this._chunks.size;e++){let t=Math.min(this.CHUNK_SIZE,this._items.length-e*this.CHUNK_SIZE),r=t*this._estimatedItemHeight;this._blockStore.set(e,{start:n,end:n+r,total:r}),n+=r}this._totalContentSize=t,this._calculateVisibleChunks()}_calculateVisibleChunks(){if(!this._containerRef.value)return;let e=this._containerRef.value.scrollTop,t=this._containerRef.value.clientHeight,n=Math.floor(e/(this.CHUNK_SIZE*this._estimatedItemHeight)),r=Math.ceil((e+t)/(this.CHUNK_SIZE*this._estimatedItemHeight));this._visibleChunkIndexes.clear();for(let e=n;e<=r;e++)this._chunks.has(e)&&this._visibleChunkIndexes.add(e);this._preloadAdjacentChunks(n-1,r+1)}_preloadAdjacentChunks(e,t){for(let n=e;n<=t;n++)n>=0&&n<this._chunks.size&&!this._loadedChunks.has(n)&&requestIdleCallback(()=>{this._loadChunk(n)})}_loadChunk(e){if(this._loadedChunks.has(e))return;let t=e*this.CHUNK_SIZE,n=Math.min(t+this.CHUNK_SIZE,this._items.length),r=this._items.slice(t,n);this._chunks.set(e,r),this._loadedChunks.add(e),this._calculateMetricsForChunk(e)}_calculateMetricsForChunk(e){let t=e*this.CHUNK_SIZE,n=this._chunks.get(e)||[],r=t*this._estimatedItemHeight;for(let e=0;e<n.length;e++){let n=t+e;this._positionCache[n]=r,this._sizeCache[n]=this._estimatedItemHeight,r+=this._estimatedItemHeight}}_preRenderChunk(){this._idleCallbackId&&cancelIdleCallback(this._idleCallbackId),this._idleCallbackId=requestIdleCallback(e=>{let t=this._lastVisible+1,n=0;for(;e.timeRemaining()>0&&n<this._preRenderChunkSize&&t<this._items.length;)this._prerenderItem(t),t++,n++;t<this._items.length&&this._preRenderChunk()})}_prerenderItem(e){let t=e%this._cacheSize;if(!this._templateBuffer.get(t)){let n=this._positionCache[e],r=this._sizeCache[e];if(n!==void 0&&r!==void 0){let i=this._getItemStyle(n,r),a=this._createItemTemplate(this._items[e],e,i);this._templateBuffer.set(t,a)}}}_getItemStyle(e,t){let n=this._layout===`vertical`;return{position:`absolute`,[n?`top`:`left`]:`${e}px`,[n?`height`:`width`]:`${t}px`,width:n?`100%`:`auto`,height:n?`auto`:`100%`,willChange:`transform`,contain:`content`,backfaceVisibility:`hidden`,WebkitFontSmoothing:`subpixel-antialiased`}}_createItemTemplate(e,t,n){let r=this._recycledNodes.pop(),i=`item-${t}`;return l`
1
+ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRandomClassName as r,renderFn as i,renderFnOrArray as a,renderFnOrArrayOrCurry as o,renderFnOrCurry as s}from"./core-CkkadBgp.mjs";import{css as c,html as l,nothing as u}from"lit";import{createRef as d,ref as f}from"lit/directives/ref.js";import{styleMap as p}from"lit/directives/style-map.js";const m=typeof window>`u`,h=100;var g=class{constructor(e){this._capacity=e,this.buffer=Array(e)}set(e,t){this.buffer[e%this._capacity]=t}get(e){return this.buffer[e%this._capacity]}clear(){this.buffer.fill(void 0)}get capacity(){return this._capacity}},_=class{constructor(){this.data=new Float64Array}set(e,t){let n=e*3;this.data[n]=t.start,this.data[n+1]=t.end,this.data[n+2]=t.total}get(e){let t=e*3;return t<0||t+2>=this.data.length?{start:0,end:0,total:0}:{start:this.data[t],end:this.data[t+1],total:this.data[t+2]}}initialize(e){this.data=new Float64Array(Math.ceil(e/h)*3),this.data.fill(0)}},v=class{constructor(e,t,n){this._items=[],this._itemSize=50,this._layout=`vertical`,this._preloadCount=5,this._cacheSize=200,this._renderItem=()=>l``,this._containerRef=d(),this._firstVisible=0,this._lastVisible=0,this._positionCache=new Float64Array,this._sizeCache=new Float32Array,this._cacheInitialized=!1,this._totalContentSize=0,this._blockStore=new _,this._recycledNodes=[],this.RECYCLE_POOL_SIZE=20,this._preRenderChunkSize=5,this.CHUNK_SIZE=1e3,this._chunks=new Map,this._visibleChunkIndexes=new Set,this._loadedChunks=new Set,this._estimatedItemHeight=0,this._isLoading=!1,this._hasMore=!1,this._pageSize=50,this._fetchMoreThreshold=.8,this._getItemSize=e=>typeof this._itemSize==`function`?this._itemSize(e):this._itemSize,this._calculateMetrics=()=>{if(this._items.length===0){this._positionCache=new Float64Array,this._sizeCache=new Float32Array,this._blockStore.initialize(0),this._totalContentSize=0,this._cacheInitialized=!0,this._templateBuffer.clear();return}this._positionCache=new Float64Array(this._items.length),this._sizeCache=new Float32Array(this._items.length),this._blockStore.initialize(this._items.length);let e=0,t=0,n=0;for(let r=0;r<this._items.length;r++){let i=this._getItemSize(r);if(this._positionCache[r]=e,this._sizeCache[r]=i,n+=i,(r+1)%h===0||r===this._items.length-1){let a=Math.floor(r/h);this._blockStore.set(a,{start:t,end:e+i,total:n}),t=e+i,n=0}e+=i}this._totalContentSize=e,this._cacheInitialized=!0,this._templateBuffer.clear()},this._findItemIndexByOffset=e=>{if(!this._cacheInitialized||this._items.length===0)return 0;let t=0,n=this._items.length-1,r=0;for(;t<=n;){let i=Math.floor((t+n)/2);this._positionCache[i]<=e?(r=i,t=i+1):n=i-1}return r},this._updateVisibleRange=()=>{if(!this._containerRef.value)return;let e=this._layout===`vertical`,t=e?this._containerRef.value.scrollTop:this._containerRef.value.scrollLeft,n=e?this._containerRef.value.clientHeight:this._containerRef.value.clientWidth;this._firstVisible=Math.floor(t/this._estimatedItemHeight),this._lastVisible=Math.ceil((t+n)/this._estimatedItemHeight),this._checkAndLoadMore(),this.host.requestUpdate()},this._ticking=!1,this._lastUpdate=0,this.FRAME_BUDGET=16,this._scheduleUpdate=async()=>{if(this._ticking)return;let e=performance.now(),t=e-this._lastUpdate;t>=this.FRAME_BUDGET&&(this._ticking=!0,requestAnimationFrame(()=>{this._updateVisibleRange(),this._ticking=!1,this._lastUpdate=performance.now()}))},this.host=e,e.addController(this),this.updateConfig(t,n),this._templateBuffer=new g(this._cacheSize),this._pageSize=t.pageSize??50,this._fetchMoreThreshold=t.fetchMoreThreshold??.8,m||(this._setupObservers(),this._setupResizeObserver(),this._initializeChunks())}_initializeItems(e){this._items=[...e],this._calculateMetrics(),this._initializeChunks(),this.host.requestUpdate()}_updateMetricsForRange(e,t){if(t>this._positionCache.length){let e=new Float64Array(Math.max(t*1.5,1e3));e.set(this._positionCache),this._positionCache=e;let n=new Float32Array(Math.max(t*1.5,1e3));n.set(this._sizeCache),this._sizeCache=n}let n=e===0?0:this._positionCache[e-1]+this._sizeCache[e-1];for(let r=e;r<t;r++){let e=this._getItemSize(r);this._positionCache[r]=n,this._sizeCache[r]=e,n+=e}this._totalContentSize=n,this._updateChunkMetrics()}_setupObservers(){this._intersectionObserver=new IntersectionObserver(e=>{e.forEach(e=>{e.isIntersecting&&this._preRenderChunk()})},{rootMargin:`50%`}),this._mutationObserver=new MutationObserver(e=>{e.forEach(e=>{e.removedNodes.forEach(e=>{e instanceof HTMLElement&&this._recycledNodes.length<this.RECYCLE_POOL_SIZE&&this._recycledNodes.push(e)})})})}_setupResizeObserver(){this._resizeObserver=new ResizeObserver(e=>{for(let t of e)if(t.target instanceof HTMLElement){let e=t.contentRect.height;e>0&&(this._estimatedItemHeight=e,this._updateChunkMetrics())}})}_initializeChunks(){this._chunks.clear();let e=Math.ceil(this._items.length/this.CHUNK_SIZE);for(let t=0;t<e;t++){let e=t*this.CHUNK_SIZE,n=Math.min(e+this.CHUNK_SIZE,this._items.length);this._chunks.set(t,this._items.slice(e,n))}}_updateChunkMetrics(){if(!this._containerRef.value)return;let e=this._containerRef.value.clientHeight,t=this._items.length*this._estimatedItemHeight;this._blockStore.initialize(Math.ceil(this._items.length/this.CHUNK_SIZE));let n=0;for(let e=0;e<this._chunks.size;e++){let t=Math.min(this.CHUNK_SIZE,this._items.length-e*this.CHUNK_SIZE),r=t*this._estimatedItemHeight;this._blockStore.set(e,{start:n,end:n+r,total:r}),n+=r}this._totalContentSize=t,this._calculateVisibleChunks()}_calculateVisibleChunks(){if(!this._containerRef.value)return;let e=this._containerRef.value.scrollTop,t=this._containerRef.value.clientHeight,n=Math.floor(e/(this.CHUNK_SIZE*this._estimatedItemHeight)),r=Math.ceil((e+t)/(this.CHUNK_SIZE*this._estimatedItemHeight));this._visibleChunkIndexes.clear();for(let e=n;e<=r;e++)this._chunks.has(e)&&this._visibleChunkIndexes.add(e);this._preloadAdjacentChunks(n-1,r+1)}_preloadAdjacentChunks(e,t){for(let n=e;n<=t;n++)n>=0&&n<this._chunks.size&&!this._loadedChunks.has(n)&&requestIdleCallback(()=>{this._loadChunk(n)})}_loadChunk(e){if(this._loadedChunks.has(e))return;let t=e*this.CHUNK_SIZE,n=Math.min(t+this.CHUNK_SIZE,this._items.length),r=this._items.slice(t,n);this._chunks.set(e,r),this._loadedChunks.add(e),this._calculateMetricsForChunk(e)}_calculateMetricsForChunk(e){let t=e*this.CHUNK_SIZE,n=this._chunks.get(e)||[],r=t*this._estimatedItemHeight;for(let e=0;e<n.length;e++){let n=t+e;this._positionCache[n]=r,this._sizeCache[n]=this._estimatedItemHeight,r+=this._estimatedItemHeight}}_preRenderChunk(){this._idleCallbackId&&cancelIdleCallback(this._idleCallbackId),this._idleCallbackId=requestIdleCallback(e=>{let t=this._lastVisible+1,n=0;for(;e.timeRemaining()>0&&n<this._preRenderChunkSize&&t<this._items.length;)this._prerenderItem(t),t++,n++;t<this._items.length&&this._preRenderChunk()})}_prerenderItem(e){let t=e%this._cacheSize;if(!this._templateBuffer.get(t)){let n=this._positionCache[e],r=this._sizeCache[e];if(n!==void 0&&r!==void 0){let i=this._getItemStyle(n,r),a=this._createItemTemplate(this._items[e],e,i);this._templateBuffer.set(t,a)}}}_getItemStyle(e,t){let n=this._layout===`vertical`;return{position:`absolute`,[n?`top`:`left`]:`${e}px`,[n?`height`:`width`]:`${t}px`,width:n?`100%`:`auto`,height:n?`auto`:`100%`,willChange:`transform`,contain:`content`,backfaceVisibility:`hidden`,WebkitFontSmoothing:`subpixel-antialiased`}}_createItemTemplate(e,t,n){let r=this._recycledNodes.pop(),i=`item-${t}`;return l`
2
2
  ${r?l`<div
3
3
  .key=${i}
4
4
  style=${p(n)}
@@ -228,7 +228,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
228
228
  <div style="flex: 0 0 ${r}; overflow: auto;">${s}</div>
229
229
  <div style="flex: 1 1 auto; overflow: auto;">${c}</div>
230
230
  </div>
231
- `}function ee(i={},a){if(a===void 0)return e=>ee(i,e??[l``]);let o=n(`Swiper`),{gap:s=`8px`,snapType:c=`mandatory`,height:u=`auto`,width:d=`100%`,className:p=r(`Swiper::swiper`)+`-lyco-now-${o}`,direction:m=`x`,scrollBehavior:h=`smooth`,align:g=`start`,showNavigation:_=!0,navigationPosition:v=`inside`,showPagination:y=!0,paginationType:b=`dots`,autoPlay:x=!1,interval:S=3e3,loop:C=!1,touchEnabled:w=!0,mouseWheel:T=!1,onSlideChange:E,on:D}=i,O=p,k=O+`-container`,A=O+`-slide`,j=O+`-navigation`,M=O+`-pagination`,N;N=a?typeof a==`function`?a():a:[];let P=N.length,[F,I]=(()=>{let e={value:0};return[()=>e.value,t=>{let n=Math.max(0,Math.min(t,P-1));e.value!==n&&(e.value=n,E?.(n))}]})(),L=e=>{let t=typeof document<`u`?document.querySelector(`.${k}`):null;if(!t)return;let n=t.querySelectorAll(`.${A}`);if(e<0||e>=n.length)return;let r=n[e],i=r.getBoundingClientRect(),a=t.getBoundingClientRect(),o;m===`x`?(o=r.offsetLeft-t.offsetLeft,g===`center`?o-=(a.width-i.width)/2:g===`end`&&(o-=a.width-i.width),t.scrollTo({left:o,behavior:h})):(o=r.offsetTop-t.offsetTop,g===`center`?o-=(a.height-i.height)/2:g===`end`&&(o-=a.height-i.height),t.scrollTo({top:o,behavior:h})),I(e)},R=()=>{let e=F()+1>=P?C?0:F():F()+1;L(e)},z=()=>{let e=F()-1<0?C?P-1:F():F()-1;L(e)},B=()=>{let e=typeof document<`u`?document.querySelector(`.${k}`):null;if(!e)return;let t=e.querySelectorAll(`.${A}`),n=0,r=1/0;t.forEach((t,i)=>{let a=t.getBoundingClientRect(),o=e.getBoundingClientRect(),s;if(m===`x`){let e=a.left+a.width/2-(o.left+o.width/2);s=Math.abs(e)}else{let e=a.top+a.height/2-(o.top+o.height/2);s=Math.abs(e)}s<r&&(r=s,n=i)}),I(n)},V=e=>{if(!w)return;let t=e.touches[0],n=e.currentTarget;n.dataset.touchStartX=t.clientX.toString(),n.dataset.touchStartY=t.clientY.toString()},H=e=>{if(!w)return;let t=e.touches[0],n=e.currentTarget,r=parseFloat(n.dataset.touchStartX||`0`),i=parseFloat(n.dataset.touchStartY||`0`),a=t.clientX-r,o=t.clientY-i;(Math.abs(a)>Math.abs(o)||m===`x`)&&e.preventDefault()},U=e=>{if(!w)return;let t=e.currentTarget,n=parseFloat(t.dataset.touchStartX||`0`),r=parseFloat(t.dataset.touchStartY||`0`);if(!n&&!r)return;let i=e.changedTouches[0],a=i.clientX-n,o=i.clientY-r,s=Math.max(Math.abs(a),Math.abs(o))>30;s&&(m===`x`?a>0?z():R():o>0?z():R()),delete t.dataset.touchStartX,delete t.dataset.touchStartY},W=e=>{T&&(e.preventDefault(),e.deltaY>0?R():z())},te=e=>{if(!x||!e)return;let t,n=()=>{t=setInterval(R,S)},r=()=>{clearInterval(t)};return e.addEventListener(`mouseenter`,r),e.addEventListener(`mouseleave`,n),n(),()=>{clearInterval(t),e.removeEventListener(`mouseenter`,r),e.removeEventListener(`mouseleave`,n)}},G=()=>{let e=typeof document<`u`?document.querySelector(`.${k}`):null;if(!e)return;let t=[];e.addEventListener(`scroll`,B),t.push(()=>e.removeEventListener(`scroll`,B)),w&&(e.addEventListener(`touchstart`,V),e.addEventListener(`touchmove`,H,{passive:!1}),e.addEventListener(`touchend`,U),t.push(()=>e.removeEventListener(`touchstart`,V)),t.push(()=>e.removeEventListener(`touchmove`,H)),t.push(()=>e.removeEventListener(`touchend`,U))),T&&(e.addEventListener(`wheel`,W,{passive:!1}),t.push(()=>e.removeEventListener(`wheel`,W)));let n=te(e);return n&&t.push(n),L(0),()=>t.forEach(e=>e())};typeof window<`u`&&typeof document<`u`&&setTimeout(G,0);let K=l`
231
+ `}function ee(i={},a){if(a===void 0)return e=>ee(i,e??[l``]);let o=n(`Swiper`),{gap:s=`8px`,snapType:c=`mandatory`,height:u=`auto`,width:d=`100%`,className:p=r(`Swiper::swiper`)+`-lyco-now-${o}`,direction:m=`x`,scrollBehavior:h=`smooth`,align:g=`start`,showNavigation:_=!0,navigationPosition:v=`inside`,showPagination:y=!0,paginationType:b=`dots`,autoPlay:x=!1,interval:S=3e3,loop:C=!1,touchEnabled:w=!0,mouseWheel:T=!1,onSlideChange:E,on:D}=i,O=p,k=O+`-container`,A=O+`-slide`,j=O+`-navigation`,M=O+`-pagination`,N;N=a?typeof a==`function`?a():a:[];let P=N.length,[F,I]=(()=>{let e={value:0};return[()=>e.value,t=>{let n=Math.max(0,Math.min(t,P-1));e.value!==n&&(e.value=n,E?.(n))}]})(),L=e=>{let t=typeof document<`u`?document.querySelector(`.${k}`):null;if(!t)return;let n=t.querySelectorAll(`.${A}`);if(e<0||e>=n.length)return;let r=n[e],i=r.getBoundingClientRect(),a=t.getBoundingClientRect(),o;m===`x`?(o=r.offsetLeft-t.offsetLeft,g===`center`?o-=(a.width-i.width)/2:g===`end`&&(o-=a.width-i.width),t.scrollTo({left:o,behavior:h})):(o=r.offsetTop-t.offsetTop,g===`center`?o-=(a.height-i.height)/2:g===`end`&&(o-=a.height-i.height),t.scrollTo({top:o,behavior:h})),I(e)},R=()=>{let e=F()+1>=P?C?0:F():F()+1;L(e)},z=()=>{let e=F()-1<0?C?P-1:F():F()-1;L(e)},te=()=>{let e=typeof document<`u`?document.querySelector(`.${k}`):null;if(!e)return;let t=e.querySelectorAll(`.${A}`),n=0,r=1/0;t.forEach((t,i)=>{let a=t.getBoundingClientRect(),o=e.getBoundingClientRect(),s;if(m===`x`){let e=a.left+a.width/2-(o.left+o.width/2);s=Math.abs(e)}else{let e=a.top+a.height/2-(o.top+o.height/2);s=Math.abs(e)}s<r&&(r=s,n=i)}),I(n)},B=e=>{if(!w)return;let t=e.touches[0],n=e.currentTarget;n.dataset.touchStartX=t.clientX.toString(),n.dataset.touchStartY=t.clientY.toString()},V=e=>{if(!w)return;let t=e.touches[0],n=e.currentTarget,r=parseFloat(n.dataset.touchStartX||`0`),i=parseFloat(n.dataset.touchStartY||`0`),a=t.clientX-r,o=t.clientY-i;(Math.abs(a)>Math.abs(o)||m===`x`)&&e.preventDefault()},H=e=>{if(!w)return;let t=e.currentTarget,n=parseFloat(t.dataset.touchStartX||`0`),r=parseFloat(t.dataset.touchStartY||`0`);if(!n&&!r)return;let i=e.changedTouches[0],a=i.clientX-n,o=i.clientY-r,s=Math.max(Math.abs(a),Math.abs(o))>30;s&&(m===`x`?a>0?z():R():o>0?z():R()),delete t.dataset.touchStartX,delete t.dataset.touchStartY},U=e=>{T&&(e.preventDefault(),e.deltaY>0?R():z())},W=e=>{if(!x||!e)return;let t,n=()=>{t=setInterval(R,S)},r=()=>{clearInterval(t)};return e.addEventListener(`mouseenter`,r),e.addEventListener(`mouseleave`,n),n(),()=>{clearInterval(t),e.removeEventListener(`mouseenter`,r),e.removeEventListener(`mouseleave`,n)}},G=()=>{let e=typeof document<`u`?document.querySelector(`.${k}`):null;if(!e)return;let t=[];e.addEventListener(`scroll`,te),t.push(()=>e.removeEventListener(`scroll`,te)),w&&(e.addEventListener(`touchstart`,B),e.addEventListener(`touchmove`,V,{passive:!1}),e.addEventListener(`touchend`,H),t.push(()=>e.removeEventListener(`touchstart`,B)),t.push(()=>e.removeEventListener(`touchmove`,V)),t.push(()=>e.removeEventListener(`touchend`,H))),T&&(e.addEventListener(`wheel`,U,{passive:!1}),t.push(()=>e.removeEventListener(`wheel`,U)));let n=W(e);return n&&t.push(n),L(0),()=>t.forEach(e=>e())};typeof window<`u`&&typeof document<`u`&&setTimeout(G,0);let K=l`
232
232
  <div class="${M}">
233
233
  ${Array.from({length:P},(e,t)=>l`
234
234
  <button
@@ -237,25 +237,25 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
237
237
  ></button>
238
238
  `)}
239
239
  </div>
240
- `,q=l`
240
+ `,ne=l`
241
241
  <div class="${M} fraction">
242
242
  <span class="current">${F()+1}</span>
243
243
  <span class="separator">/</span>
244
244
  <span class="total">${P}</span>
245
245
  </div>
246
- `,J=l`
246
+ `,re=l`
247
247
  <div class="${M} progressbar">
248
248
  <div
249
249
  class="progress"
250
250
  style="width: ${P>1?F()/(P-1)*100:0}%"
251
251
  ></div>
252
252
  </div>
253
- `,ne=l`
253
+ `,q=l`
254
254
  <div class="${j}">
255
255
  <button class="prev" @click=${z}>◀</button>
256
256
  <button class="next" @click=${R}>▶</button>
257
257
  </div>
258
- `,Y=`
258
+ `,ie=`
259
259
  .${O} {
260
260
  position: relative;
261
261
  overflow: hidden;
@@ -360,13 +360,13 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
360
360
  background-color: white;
361
361
  transition: width 0.3s;
362
362
  }
363
- `,X=t(D??{});return e(`Swiper`,l`
363
+ `,J=t(D??{});return e(`Swiper`,l`
364
364
  <style>
365
- ${Y}
365
+ ${ie}
366
366
  </style>
367
367
 
368
368
  <div
369
- ${f(e=>{e?X.bind(e):X.unbindAll()})}
369
+ ${f(e=>{e?J.bind(e):J.unbindAll()})}
370
370
  class="${O}"
371
371
  >
372
372
  <div class="${k}">
@@ -377,10 +377,10 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
377
377
  `)}
378
378
  </div>
379
379
 
380
- ${_?ne:null}
380
+ ${_?q:null}
381
381
  ${y&&b===`dots`?K:null}
382
- ${y&&b===`fraction`?q:null}
383
- ${y&&b===`progressbar`?J:null}
382
+ ${y&&b===`fraction`?ne:null}
383
+ ${y&&b===`progressbar`?re:null}
384
384
  </div>
385
385
  `)}const L={borderRadius:{small:`4px`,medium:`8px`,large:`16px`,full:`9999px`},elevation:{level1:`0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.14)`,level2:`0 3px 6px rgba(0,0,0,0.15), 0 2px 4px rgba(0,0,0,0.12)`,level3:`0 10px 20px rgba(0,0,0,0.15), 0 3px 6px rgba(0,0,0,0.10)`,level4:`0 15px 25px rgba(0,0,0,0.15), 0 5px 10px rgba(0,0,0,0.05)`,level5:`0 20px 40px rgba(0,0,0,0.2)`},animation:{standard:`0.2s cubic-bezier(0.4, 0, 0.2, 1)`,emphasized:`0.3s cubic-bezier(0.4, 0, 0.2, 1)`,decelerated:`0.4s cubic-bezier(0, 0, 0.2, 1)`},colors:{primary:`#6750A4`,onPrimary:`#FFFFFF`,primaryContainer:`#EADDFF`,onPrimaryContainer:`#21005E`,secondary:`#625B71`,onSecondary:`#FFFFFF`,secondaryContainer:`#E8DEF8`,onSecondaryContainer:`#1E192B`,surface:`#FEF7FF`,onSurface:`#1C1B1F`,surfaceVariant:`#E7E0EB`,onSurfaceVariant:`#49454E`,error:`#B00020`}};function R(i){let{checked:a=!1,disabled:o=!1,size:s=`medium`,color:c=L.colors.primary,onChange:u,className:d=``,on:p={}}=i??{},m=n(`SwitchInput`),h=r(`SwitchInput::switch`)+`-lyco-now-${m}`,g={small:{width:32,height:16,thumbSize:12},medium:{width:44,height:24,thumbSize:18},large:{width:56,height:32,thumbSize:24}},{width:_,height:v,thumbSize:y}=g[s],b=`
386
386
  .${h} {
@@ -470,7 +470,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
470
470
  >
471
471
  ${i(e)}
472
472
  </div>
473
- `;return s(n,_)}function B(e,n){let r=e?.width??`300px`,i=e?.height??`auto`,a=e?.top??`20%`,s=e?.bottom??`auto`,c=e?.left??`50%`,u=e?.right??`auto`,d=c===`auto`?``:`transform: translateX(-50%);`,p=e?.background??`rgba(255, 255, 255, 0.3)`,m=e?.blur??`10px`,h=e?.borderRadius??`12px`,g=e?.padding??`16px`,_=e?.zIndex??1e3,v=t(e?.on??{}),y=e=>l`
473
+ `;return s(n,_)}function te(e,n){let r=e?.width??`300px`,i=e?.height??`auto`,a=e?.top??`20%`,s=e?.bottom??`auto`,c=e?.left??`50%`,u=e?.right??`auto`,d=c===`auto`?``:`transform: translateX(-50%);`,p=e?.background??`rgba(255, 255, 255, 0.3)`,m=e?.blur??`10px`,h=e?.borderRadius??`12px`,g=e?.padding??`16px`,_=e?.zIndex??1e3,v=t(e?.on??{}),y=e=>l`
474
474
  <div
475
475
  ${f(e=>{e?v.bind(e):v.unbindAll()})}
476
476
  style="
@@ -495,7 +495,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
495
495
  >
496
496
  ${e}
497
497
  </div>
498
- `;return o(n,void 0,y)}function V(e,n){if(n===void 0)return t=>V(e,t??[l``]);let r=`${100/e.ratio}%`,i=e.maxWidth?`max-width: ${e.maxWidth};`:``,o=e.background?`background: ${e.background};`:``,s=e.overflow??`hidden`,c=t(e.on??{});return l`
498
+ `;return o(n,void 0,y)}function B(e,n){if(n===void 0)return t=>B(e,t??[l``]);let r=`${100/e.ratio}%`,i=e.maxWidth?`max-width: ${e.maxWidth};`:``,o=e.background?`background: ${e.background};`:``,s=e.overflow??`hidden`,c=t(e.on??{});return l`
499
499
  <div
500
500
  ${f(e=>{e?c.bind(e):c.unbindAll()})}
501
501
  style="
@@ -519,7 +519,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
519
519
  ${a(n)}
520
520
  </div>
521
521
  </div>
522
- `}function H(a,o){if(o===void 0){let e=e=>H(a,e);return e.html=(e,...t)=>H(a,l(e,...t)),e}let s=n(`AutoFitGrid`),c=r(`AutoFitGrid::auto-fit-grid`)+`-lyco-now-`+s,u=a?.gap??`16px`,d=`
522
+ `}function V(a,o){if(o===void 0){let e=e=>V(a,e);return e.html=(e,...t)=>V(a,l(e,...t)),e}let s=n(`AutoFitGrid`),c=r(`AutoFitGrid::auto-fit-grid`)+`-lyco-now-`+s,u=a?.gap??`16px`,d=`
523
523
  .${c} {
524
524
  display: grid;
525
525
  grid-template-columns: repeat(auto-fit, minmax(${a.minItemWidth}, 1fr));
@@ -535,7 +535,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
535
535
  >
536
536
  ${i(o)}
537
537
  </div>
538
- `)}function U(e,n){if(n===void 0)return t=>U(e,t??[l``]);let r=e?.size??`32px`,i=e?.overlap??`-8px`,o=t(e?.on??{}),s=(e,t)=>l`
538
+ `)}function H(e,n){if(n===void 0)return t=>H(e,t??[l``]);let r=e?.size??`32px`,i=e?.overlap??`-8px`,o=t(e?.on??{}),s=(e,t)=>l`
539
539
  <div
540
540
  style="
541
541
  width: ${r};
@@ -556,7 +556,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
556
556
  >
557
557
  ${a(n,s)}
558
558
  </div>
559
- `}function W(e,n){if(n===void 0){let t=t=>W(e,t??l``);return t.html=(t,...n)=>W(e,l(t,...n)),t}let r=e?.position??`top-right`,a=e?.size??`16px`,o=e?.background??`red`,s=e?.color??`#fff`,[c,u,d,p]=[r.includes(`top`)?`0`:`auto`,r.includes(`right`)?`0`:`auto`,r.includes(`bottom`)?`0`:`auto`,r.includes(`left`)?`0`:`auto`],m=t(e?.on??{});return l`
559
+ `}function U(e,n){if(n===void 0){let t=t=>U(e,t??l``);return t.html=(t,...n)=>U(e,l(t,...n)),t}let r=e?.position??`top-right`,a=e?.size??`16px`,o=e?.background??`red`,s=e?.color??`#fff`,[c,u,d,p]=[r.includes(`top`)?`0`:`auto`,r.includes(`right`)?`0`:`auto`,r.includes(`bottom`)?`0`:`auto`,r.includes(`left`)?`0`:`auto`],m=t(e?.on??{});return l`
560
560
  <div style="position: relative; display: inline-block;">
561
561
  ${i(n)}
562
562
  <div
@@ -582,13 +582,13 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
582
582
  ${e?.content??``}
583
583
  </div>
584
584
  </div>
585
- `}function te(e,t){return e?n=>{typeof e==`function`?e(n):e={value:n},typeof t==`function`?t(n):t={value:n}}:t}function G(e,n){if(!n)return t=>G(e,t??d());let r=t(e?.on??{}),i=te(n,e=>{e?r.bind(e):r.unbindAll()});return l`
585
+ `}function W(e,n){if(!n)return t=>W(e,t??d());let r=t(e?.on??{}),i=e=>{e?(r.bind(e),typeof n==`function`?n(e):n={value:e}):r.unbindAll()};return l`
586
586
  <canvas
587
587
  ${f(i)}
588
588
  .class=${e?.className}
589
589
  style=${e?.style??``}
590
590
  ></canvas>
591
- `}function K(e,n){if(n===void 0)return t=>K(e,t??[l``]);let r=e?.padding??`16px`,i=e?.borderRadius??`8px`,o=e?.shadow??`0 2px 8px rgba(0,0,0,0.1)`,s=e?.background??`#fff`,c=t(e?.on??{});return l`
591
+ `}function G(e,n){if(n===void 0)return t=>G(e,t??[l``]);let r=e?.padding??`16px`,i=e?.borderRadius??`8px`,o=e?.shadow??`0 2px 8px rgba(0,0,0,0.1)`,s=e?.background??`#fff`,c=t(e?.on??{});return l`
592
592
  <div
593
593
  ${f(e=>{e?c.bind(e):c.unbindAll()})}
594
594
  style="
@@ -601,7 +601,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
601
601
  >
602
602
  ${a(n)}
603
603
  </div>
604
- `}function q(e,n){if(n===void 0){let t=t=>q(e,t??l``);return t.html=(t,...n)=>q(e,l(t,...n)),t}let r=e?.width?`width: ${e.width};`:``,a=e?.height?`height: ${e.height};`:``,o=e?.background?`background: ${e.background};`:``,s=t(e?.on??{});return l`
604
+ `}function K(e,n){if(n===void 0){let t=t=>K(e,t??l``);return t.html=(t,...n)=>K(e,l(t,...n)),t}let r=e?.width?`width: ${e.width};`:``,a=e?.height?`height: ${e.height};`:``,o=e?.background?`background: ${e.background};`:``,s=t(e?.on??{});return l`
605
605
  <div
606
606
  ${f(e=>{e?s.bind(e):s.unbindAll()})}
607
607
  style="
@@ -613,7 +613,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
613
613
  >
614
614
  ${i(n)}
615
615
  </div>
616
- `}function J(e,n){if(n===void 0)return t=>J(e,t??[l``]);let r=e?.maxWidth??`1024px`,i=e?.padding??`0 16px`,o=e?.background?`background: ${e.background};`:``,s=e?.fullHeight?`height: 100%;`:``,c=t(e?.on??{});return l`
616
+ `}function ne(e,n){if(n===void 0)return t=>ne(e,t??[l``]);let r=e?.maxWidth??`1024px`,i=e?.padding??`0 16px`,o=e?.background?`background: ${e.background};`:``,s=e?.fullHeight?`height: 100%;`:``,c=t(e?.on??{});return l`
617
617
  <div
618
618
  ${f(e=>{e?c.bind(e):c.unbindAll()})}
619
619
  style="
@@ -629,10 +629,10 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
629
629
  >
630
630
  ${a(n)}
631
631
  </div>
632
- `}function ne(e){let n=e?.orientation??`horizontal`,r=e?.thickness??`1px`,i=e?.color??`#e0e0e0`,a=e?.margin??(n===`horizontal`?`8px 0`:`0 8px`),o=t(e?.on??{}),s=n===`horizontal`?`width: 100%; height: ${r}; background: ${i}; margin: ${a};`:`width: ${r}; height: 100%; background: ${i}; margin: ${a};`;return l`<div
632
+ `}function re(e){let n=e?.orientation??`horizontal`,r=e?.thickness??`1px`,i=e?.color??`#e0e0e0`,a=e?.margin??(n===`horizontal`?`8px 0`:`0 8px`),o=t(e?.on??{}),s=n===`horizontal`?`width: 100%; height: ${r}; background: ${i}; margin: ${a};`:`width: ${r}; height: 100%; background: ${i}; margin: ${a};`;return l`<div
633
633
  ${f(e=>{e?o.bind(e):o.unbindAll()})}
634
634
  style="${s}"
635
- ></div>`}function Y(e,n){if(n===void 0){let t=t=>Y(e,t??l``);return t.html=(t,...n)=>Y(e,l(t,...n)),t}let r=e?.columns??4,a=e?.gap??`24px`,o=e?.background??`#f8f8f8`,s=e?.padding??`40px 16px`,c=t(e?.on??{});return l`
635
+ ></div>`}function q(e,n){if(n===void 0){let t=t=>q(e,t??l``);return t.html=(t,...n)=>q(e,l(t,...n)),t}let r=e?.columns??4,a=e?.gap??`24px`,o=e?.background??`#f8f8f8`,s=e?.padding??`40px 16px`,c=t(e?.on??{});return l`
636
636
  <div
637
637
  ${f(e=>{e?c.bind(e):c.unbindAll()})}
638
638
  style="
@@ -655,7 +655,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
655
655
  © ${new Date().getFullYear()} Your Company. All rights reserved.
656
656
  </div>
657
657
  </div>
658
- `}function X(e,t){return t?e.map((e,n)=>t(e,n)):t=>e.map((e,n)=>t(e,n))}function Z(a,o){if(o===void 0){let e=e=>Z(a,e??l``);return e.html=(e,...t)=>Z(a,l(e,...t)),e}let s=a.defaultColumns??1,c=a.gap??`16px`,u=n(`GridBreakpoint`),d=a.className??r(`GridBreakpoint::grid-breakpoint`)+`-lyco-now-`+u,p=Object.entries(a.breakpoints).map(([e,t])=>`@media`+e+`{
658
+ `}function ie(e,t){return t?e.map((e,n)=>t(e,n)):t=>e.map((e,n)=>t(e,n))}function J(a,o){if(o===void 0){let e=e=>J(a,e??l``);return e.html=(e,...t)=>J(a,l(e,...t)),e}let s=a.defaultColumns??1,c=a.gap??`16px`,u=n(`GridBreakpoint`),d=a.className??r(`GridBreakpoint::grid-breakpoint`)+`-lyco-now-`+u,p=Object.entries(a.breakpoints).map(([e,t])=>`@media`+e+`{
659
659
  `+d+`{ grid-template-columns: repeat(`+t+`, 1fr); }
660
660
  }`).join(`
661
661
  `),m=`
@@ -674,7 +674,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
674
674
  >
675
675
  ${i(o)}
676
676
  </div>
677
- `)}function re(e,n){if(n===void 0)return t=>re(e,t??[l``]);let r=e?.backgroundImage?`background-image: url('${e.backgroundImage}');`:``,i=e?.height??`400px`,o=e?.overlayColor??`rgba(0, 0, 0, 0.3)`,s=t(e?.on??{});return l`
677
+ `)}function ae(e,n){if(n===void 0)return t=>ae(e,t??[l``]);let r=e?.backgroundImage?`background-image: url('${e.backgroundImage}');`:``,i=e?.height??`400px`,o=e?.overlayColor??`rgba(0, 0, 0, 0.3)`,s=t(e?.on??{});return l`
678
678
  <div
679
679
  ${f(e=>{e?s.bind(e):s.unbindAll()})}
680
680
  style="
@@ -712,7 +712,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
712
712
  ${a(n)}
713
713
  </div>
714
714
  </div>
715
- `}function Q(a,o){if(o===void 0){let e=e=>Q(a,e??l``);return e.html=(e,...t)=>Q(a,l(e,...t)),e}let s=a?.breakpoint??`(max-width: 600px)`,c=a?.mode??`hide`,u=n(`Hidden`),d=a?.className??r(`Hidden::hidden-container`)+`-lyco-now-`+u,p=c===`hide`?`@media ${s} { .${d} { display: none !important; } }`:`@media ${s} { .${d} { display: block !important; } }
715
+ `}function Y(a,o){if(o===void 0){let e=e=>Y(a,e??l``);return e.html=(e,...t)=>Y(a,l(e,...t)),e}let s=a?.breakpoint??`(max-width: 600px)`,c=a?.mode??`hide`,u=n(`Hidden`),d=a?.className??r(`Hidden::hidden-container`)+`-lyco-now-`+u,p=c===`hide`?`@media ${s} { .${d} { display: none !important; } }`:`@media ${s} { .${d} { display: block !important; } }
716
716
  @media not ${s} { .${d} { display: none !important; } }`,m=`
717
717
  .${d} {
718
718
  display: block;
@@ -727,7 +727,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
727
727
  >
728
728
  ${i(o)}
729
729
  </div>
730
- `)}function ie(e){return l` <li>${a(e)}</li> `}function ae(t,i){let o=t?.bordered?`border: 1px solid #ddd; border-radius: 4px`:``,s=t?.striped?`li:nth-child(even) { background: #f9f9f9; }`:``,c=t?.hover?`li:hover { background: #f1f1f1; cursor: pointer; }`:``,u=n(`List`),d=t?.className??r(`List::list`)+`-lyco-now-${u}`,f=`
730
+ `)}function oe(e){return l` <li>${a(e)}</li> `}function se(t,i){let o=t?.bordered?`border: 1px solid #ddd; border-radius: 4px`:``,s=t?.striped?`li:nth-child(even) { background: #f9f9f9; }`:``,c=t?.hover?`li:hover { background: #f1f1f1; cursor: pointer; }`:``,u=n(`List`),d=t?.className??r(`List::list`)+`-lyco-now-${u}`,f=`
731
731
  ul.${d} {
732
732
  list-style: none;
733
733
  margin: 0;
@@ -750,7 +750,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
750
750
  <ul class="${d}">
751
751
  ${a(t)}
752
752
  </ul>
753
- `);return i===void 0?p:p(i)}function oe(i,s){let c=i?.bordered?`border: 1px solid #ddd; border-radius: 4px`:``,u=i?.striped?`li:nth-child(even) { background: #f9f9f9; }`:``,d=i?.hover?`li:hover { background: #f1f1f1; cursor: pointer; }`:``,p=n(`ListGroup`),m=i?.className??r(`ListGroup::list-group`)+`-lyco-now-`+p,h=(e,t,n,r)=>n?l` <li>${e}</li> `:e,g=`
753
+ `);return i===void 0?p:p(i)}function ce(i,s){let c=i?.bordered?`border: 1px solid #ddd; border-radius: 4px`:``,u=i?.striped?`li:nth-child(even) { background: #f9f9f9; }`:``,d=i?.hover?`li:hover { background: #f1f1f1; cursor: pointer; }`:``,p=n(`ListGroup`),m=i?.className??r(`ListGroup::list-group`)+`-lyco-now-`+p,h=(e,t,n,r)=>n?l` <li>${e}</li> `:e,g=`
754
754
  ul.${m} {
755
755
  list-style: none;
756
756
  margin: 0;
@@ -776,7 +776,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
776
776
  >
777
777
  ${a(t,h)}
778
778
  </ul>
779
- `);return o(s,v)}function se(e,n){if(n===void 0)return t=>se(e,t??[l``]);let r=e?.background??`rgba(0, 0, 0, 0.5)`,i=e?.zIndex??1e3,o=e?.fullScreen!==!1,s=t(e?.on??{});return l`
779
+ `);return o(s,v)}function le(e,n){if(n===void 0)return t=>le(e,t??[l``]);let r=e?.background??`rgba(0, 0, 0, 0.5)`,i=e?.zIndex??1e3,o=e?.fullScreen!==!1,s=t(e?.on??{});return l`
780
780
  <div
781
781
  ${f(e=>{e?s.bind(e):s.unbindAll()})}
782
782
  style="
@@ -791,7 +791,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
791
791
  >
792
792
  ${a(n)}
793
793
  </div>
794
- `}function ce(e,n){if(n===void 0){let t=t=>ce(e,t??l``);return t.html=(t,...n)=>ce(e,l(t,...n)),t}let r=e?.width?`width: ${e.width};`:``,a=e?.height?`height: ${e.height};`:``,o=e?.background?`background: ${e.background};`:``,s=t(e?.on??{});return l`
794
+ `}function X(e,n){if(n===void 0){let t=t=>X(e,t??l``);return t.html=(t,...n)=>X(e,l(t,...n)),t}let r=e?.width?`width: ${e.width};`:``,a=e?.height?`height: ${e.height};`:``,o=e?.background?`background: ${e.background};`:``,s=t(e?.on??{});return l`
795
795
  <div
796
796
  ${f(e=>{e?s.bind(e):s.unbindAll()})}
797
797
  style="
@@ -802,10 +802,10 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
802
802
  >
803
803
  ${i(n)}
804
804
  </div>
805
- `}function le(e){let n=e?.width?`width: ${e.width};`:``,r=e?.height?`height: ${e.height};`:``,i=t(e?.on??{});return l`<div
805
+ `}function ue(e){let n=e?.width?`width: ${e.width};`:``,r=e?.height?`height: ${e.height};`:``,i=t(e?.on??{});return l`<div
806
806
  ${f(e=>{e?i.bind(e):i.unbindAll()})}
807
807
  style="${n} ${r}"
808
- ></div>`}function ue(i){let{type:a=`rect`,width:o=`100%`,height:s=`16px`,borderRadius:c=`4px`,animation:u=!0,animationType:d=`shimmer`,bgColor:p=`#eee`,highlightColor:m=`#ddd`,count:h=1,spacing:g=`8px`,direction:_=`vertical`,delay:v=0,autoHide:y=!1,duration:b=2e3,on:x={}}=i??{},S=n(`SkeletonLoader`),C=r(`SkeletonLoader::skeleton`)+`-lyco-now-`+S,w=t(x),T=a===`circle`?`border-radius:50%;width:${o};height:${o}`:`border-radius:${c};width:${o};height:${s}`,E=``,D=``;u&&(d===`shimmer`?(E=`@keyframes ${C}-shimmer { 0% { background-color: ${p}; } 50% { background-color: ${m}; } 100% { background-color: ${p}; } }`,D=`animation:${C}-shimmer 1.2s infinite ease-in-out;`):(E=`@keyframes ${C}-pulse { 0% { opacity:1; } 50% { opacity:0.4; } 100% { opacity:1; } }`,D=`animation:${C}-pulse 1.2s infinite ease-in-out;`));let O=_===`horizontal`?`display:flex;flex-direction:row;gap:${g}`:`display:flex;flex-direction:column;gap:${g}`,k=[];for(let e=0;e<h;e++)k.push(l`
808
+ ></div>`}function de(i){let{type:a=`rect`,width:o=`100%`,height:s=`16px`,borderRadius:c=`4px`,animation:u=!0,animationType:d=`shimmer`,bgColor:p=`#eee`,highlightColor:m=`#ddd`,count:h=1,spacing:g=`8px`,direction:_=`vertical`,delay:v=0,autoHide:y=!1,duration:b=2e3,on:x={}}=i??{},S=n(`SkeletonLoader`),C=r(`SkeletonLoader::skeleton`)+`-lyco-now-`+S,w=t(x),T=a===`circle`?`border-radius:50%;width:${o};height:${o}`:`border-radius:${c};width:${o};height:${s}`,E=``,D=``;u&&(d===`shimmer`?(E=`@keyframes ${C}-shimmer { 0% { background-color: ${p}; } 50% { background-color: ${m}; } 100% { background-color: ${p}; } }`,D=`animation:${C}-shimmer 1.2s infinite ease-in-out;`):(E=`@keyframes ${C}-pulse { 0% { opacity:1; } 50% { opacity:0.4; } 100% { opacity:1; } }`,D=`animation:${C}-pulse 1.2s infinite ease-in-out;`));let O=_===`horizontal`?`display:flex;flex-direction:row;gap:${g}`:`display:flex;flex-direction:column;gap:${g}`,k=[];for(let e=0;e<h;e++)k.push(l`
809
809
  <div
810
810
  class="${C}"
811
811
  style="${T};background-color:${p};${D};opacity:0;transition:opacity 0.3s"
@@ -821,10 +821,10 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
821
821
  >
822
822
  ${k}
823
823
  </div>
824
- `)}function de(e){let n=t(e?.on??{});return l`<div
824
+ `)}function fe(e){let n=t(e?.on??{});return l`<div
825
825
  ${f(e=>{e?n.bind(e):n.unbindAll()})}
826
826
  style="flex: 1 1 auto;"
827
- ></div>`}function fe(e,n){if(n===void 0){let t=t=>fe(e,t??l``);return t.html=(t,...n)=>fe(e,l(t,...n)),t}let r=e?.top?`top: ${e.top};`:``,a=e?.bottom?`bottom: ${e.bottom};`:``,o=typeof e?.zIndex==`number`?`z-index: ${e.zIndex};`:``,s=t(e?.on??{});return l`
827
+ ></div>`}function Z(e,n){if(n===void 0){let t=t=>Z(e,t??l``);return t.html=(t,...n)=>Z(e,l(t,...n)),t}let r=e?.top?`top: ${e.top};`:``,a=e?.bottom?`bottom: ${e.bottom};`:``,o=typeof e?.zIndex==`number`?`z-index: ${e.zIndex};`:``,s=t(e?.on??{});return l`
828
828
  <div
829
829
  ${f(e=>{e?s.bind(e):s.unbindAll()})}
830
830
  style="
@@ -835,7 +835,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
835
835
  >
836
836
  ${i(n)}
837
837
  </div>
838
- `}function pe(a,o){if(o===void 0){let e=e=>pe(a,e??l``);return e.html=(e,...t)=>pe(a,l(e,...t)),e}let s=n(`Table`),c=a?.className??r(`Table::table`)+`-lyco-now-${s}`,u=a?.striped?`
838
+ `}function Q(a,o){if(o===void 0){let e=e=>Q(a,e??l``);return e.html=(e,...t)=>Q(a,l(e,...t)),e}let s=n(`Table`),c=a?.className??r(`Table::table`)+`-lyco-now-${s}`,u=a?.striped?`
839
839
  .${c} tr:nth-child(even) {
840
840
  background: ${L.colors.surface};
841
841
  }
@@ -887,7 +887,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
887
887
  ${i(o)}
888
888
  </table>
889
889
  </div>
890
- `)}function me(e,n){let r=e?.direction??`row`,i=t(e?.on??{});return n===void 0?t=>me(e,t??l``):l`
890
+ `)}function pe(e,n){let r=e?.direction??`row`,i=t(e?.on??{});return n===void 0?t=>pe(e,t??l``):l`
891
891
  <div
892
892
  ${f(e=>{e?i.bind(e):i.unbindAll()})}
893
893
  style="
@@ -901,7 +901,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
901
901
  >
902
902
  ${a(n)}
903
903
  </div>
904
- `}function he(e,n){let r=e?.width?`width: ${e.width};`:``,i=e?.height?`height: ${e.height};`:``,o=e?.background?`background: ${e.background};`:``,s=t(e?.on??{});if(n===void 0)return t=>he(e,t??[l``]);let c=`flex-start`,u=`flex-start`;switch(e?.align){case`top-right`:c=`flex-end`,u=`flex-start`;break;case`center`:c=`center`,u=`center`;break;case`bottom-left`:c=`flex-start`,u=`flex-end`;break;case`bottom-right`:c=`flex-end`,u=`flex-end`;break;default:c=`flex-start`,u=`flex-start`}return l`
904
+ `}function me(e,n){let r=e?.width?`width: ${e.width};`:``,i=e?.height?`height: ${e.height};`:``,o=e?.background?`background: ${e.background};`:``,s=t(e?.on??{});if(n===void 0)return t=>me(e,t??[l``]);let c=`flex-start`,u=`flex-start`;switch(e?.align){case`top-right`:c=`flex-end`,u=`flex-start`;break;case`center`:c=`center`,u=`center`;break;case`bottom-left`:c=`flex-start`,u=`flex-end`;break;case`bottom-right`:c=`flex-end`,u=`flex-end`;break;default:c=`flex-start`,u=`flex-start`}return l`
905
905
  <div
906
906
  ${f(e=>{e?s.bind(e):s.unbindAll()})}
907
907
  style="
@@ -914,7 +914,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
914
914
  >
915
915
  ${a(n)}
916
916
  </div>
917
- `}function ge(i){let{value:a=``,options:o=[],placeholder:s=``,disabled:c=!1,error:u=!1,className:d=``,style:p=``,maxHeight:m=`300px`,onChange:h,onInput:g,onFocus:_,onBlur:v,on:y={},optionRender:b}=i??{},x=n(`Combobox`),S=r(`Combobox::combobox`)+`-lyco-now-${x}`,C=!1,w=null,T=`
917
+ `}function he(i){let{value:a=``,options:o=[],placeholder:s=``,disabled:c=!1,error:u=!1,className:d=``,style:p=``,maxHeight:m=`300px`,onChange:h,onInput:g,onFocus:_,onBlur:v,on:y={},optionRender:b}=i??{},x=n(`Combobox`),S=r(`Combobox::combobox`)+`-lyco-now-${x}`,C=!1,w=null,T=`
918
918
  .${S} {
919
919
  position: relative;
920
920
  width: 100%;
@@ -1004,7 +1004,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
1004
1004
  `)}
1005
1005
  </div>
1006
1006
  </div>
1007
- `)}function _e(e){let n=Math.min(100,Math.max(0,e?.value??0)),r=Math.min(100,Math.max(0,e?.bufferValue??0)),i=e?.color??`#1976d2`,a=e?.secondaryColor??`#90caf9`,o=e?.backgroundColor??`#e0e0e0`,s=e?.height??`4px`,u=e?.radius??`4px`,d=e?.showLabel??!1,p=e?.labelPosition??`inside`,m=e?.labelColor??(n>50?`white`:i),h=e?.labelFontSize??`12px`,g=e?.striped??!1,_=e?.animated??!1,v=e?.paused??!1,y=e?.transitionDuration??`0.3s`,b=e?.className??``,x=e?.style??``,S=t(e?.on??{}),C=g?`background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
1007
+ `)}function ge(e){let n=Math.min(100,Math.max(0,e?.value??0)),r=Math.min(100,Math.max(0,e?.bufferValue??0)),i=e?.color??`#1976d2`,a=e?.secondaryColor??`#90caf9`,o=e?.backgroundColor??`#e0e0e0`,s=e?.height??`4px`,u=e?.radius??`4px`,d=e?.showLabel??!1,p=e?.labelPosition??`inside`,m=e?.labelColor??(n>50?`white`:i),h=e?.labelFontSize??`12px`,g=e?.striped??!1,_=e?.animated??!1,v=e?.paused??!1,y=e?.transitionDuration??`0.3s`,b=e?.className??``,x=e?.style??``,S=t(e?.on??{}),C=g?`background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
1008
1008
  background-size: 1rem 1rem;
1009
1009
  animation: progress-stripes 1s linear infinite;
1010
1010
  animation-play-state: ${v?`paused`:`running`};`:``;return l`
@@ -1080,7 +1080,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
1080
1080
  `:``}
1081
1081
  ${e?.suffixIcon}
1082
1082
  </div>
1083
- `}function ve(r){let{size:i=`24px`,color:a=L.colors.primary,thickness:o=`2px`,speed:s=`1.2s`,className:u=``,opacity:d=1,startAngle:p=0,easing:m=`linear`,reverse:h=!1,style:g=``,on:_={},children:v,svgMode:y=!1,strokeLinecap:b=`butt`,strokeDasharray:x=``}=r??{},S=t(_),C=n(`Spinner`),w=l`
1083
+ `}function _e(r){let{size:i=`24px`,color:a=L.colors.primary,thickness:o=`2px`,speed:s=`1.2s`,className:u=``,opacity:d=1,startAngle:p=0,easing:m=`linear`,reverse:h=!1,style:g=``,on:_={},children:v,svgMode:y=!1,strokeLinecap:b=`butt`,strokeDasharray:x=``}=r??{},S=t(_),C=n(`Spinner`),w=l`
1084
1084
  <div
1085
1085
  class="${u}"
1086
1086
  style="display: inline-flex; align-items: center; justify-content: center; width: ${i}; height: ${i}; ${g}"
@@ -1151,7 +1151,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
1151
1151
  }
1152
1152
  `.cssText}
1153
1153
  </style>
1154
- `;return e(`Spinner`,y?T:w)}let $=function(e){return e.Top=`top`,e.Bottom=`bottom`,e.Left=`left`,e.Right=`right`,e}({});function ye(e,n){let{content:r,placement:a=$.Top,delay:o={show:200,hide:100},offset:c=8,hideOnClick:u=!1,interactive:d=!1,maxWidth:p=`200px`,theme:m=`dark`,className:h=``,style:g=``,zIndex:_=1e3,on:v={},onShow:y,onHide:b}=e,x=t(v),S,C;function w(e){clearTimeout(C),S=window.setTimeout(()=>{E.style.visibility=`visible`,E.style.opacity=`1`,y?.()},o.show)}function T(){clearTimeout(S),C=window.setTimeout(()=>{E.style.visibility=`hidden`,E.style.opacity=`0`,b?.()},o.hide)}let E,D=e=>l`
1154
+ `;return e(`Spinner`,y?T:w)}let $=function(e){return e.Top=`top`,e.Bottom=`bottom`,e.Left=`left`,e.Right=`right`,e}({});function ve(e,n){let{content:r,placement:a=$.Top,delay:o={show:200,hide:100},offset:c=8,hideOnClick:u=!1,interactive:d=!1,maxWidth:p=`200px`,theme:m=`dark`,className:h=``,style:g=``,zIndex:_=1e3,on:v={},onShow:y,onHide:b}=e,x=t(v),S,C;function w(e){clearTimeout(C),S=window.setTimeout(()=>{E.style.visibility=`visible`,E.style.opacity=`1`,y?.()},o.show)}function T(){clearTimeout(S),C=window.setTimeout(()=>{E.style.visibility=`hidden`,E.style.opacity=`0`,b?.()},o.hide)}let E,D=e=>l`
1155
1155
  <div
1156
1156
  ${f(e=>{e?(x.bind(e),E=e.querySelector(`.lyco-tooltip-content`),e.addEventListener(`mouseenter`,()=>w(e)),e.addEventListener(`mouseleave`,()=>T()),u&&e.addEventListener(`click`,()=>T())):x.unbindAll()})}
1157
1157
  class="lyco-tooltip lyco-tooltip--${m} ${h}"
@@ -1185,7 +1185,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
1185
1185
  ${r}
1186
1186
  </div>
1187
1187
  </div>
1188
- `;return s(n,D)}let be=function(e){return e.Center=`center`,e.Left=`left`,e.Right=`right`,e.Top=`top`,e.Bottom=`bottom`,e.TopStart=`top-start`,e.TopEnd=`top-end`,e.BottomStart=`bottom-start`,e.BottomEnd=`bottom-end`,e.LeftStart=`left-start`,e.LeftEnd=`left-end`,e.RightStart=`right-start`,e.RightEnd=`right-end`,e}({});const xe=typeof window>`u`,Se=!xe&&`HTMLDialogElement`in window,Ce=e=>`
1188
+ `;return s(n,D)}let ye=function(e){return e.Center=`center`,e.Left=`left`,e.Right=`right`,e.Top=`top`,e.Bottom=`bottom`,e.TopStart=`top-start`,e.TopEnd=`top-end`,e.BottomStart=`bottom-start`,e.BottomEnd=`bottom-end`,e.LeftStart=`left-start`,e.LeftEnd=`left-end`,e.RightStart=`right-start`,e.RightEnd=`right-end`,e}({});const be=typeof window>`u`,xe=!be&&`HTMLDialogElement`in window,Se=e=>`
1189
1189
  position: fixed;
1190
1190
  top: 0;
1191
1191
  left: 0;
@@ -1196,7 +1196,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
1196
1196
  justify-content: center;
1197
1197
  z-index: 1000;
1198
1198
  background: rgba(0,0,0,0.3);
1199
- `;var we=class{constructor(e,t){this.isOpen=!1,this.returnValue=``,this.element=e,this.contentElement=t}show(){this.element.style.display=`flex`,this.isOpen=!0}showModal(){this.show()}close(){this.element.style.display=`none`,this.isOpen=!1,this.element.dispatchEvent(new Event(`close`))}get open(){return this.isOpen}getBoundingClientRect(){return this.contentElement.getBoundingClientRect()}get style(){return this.contentElement.style}};function Te(i,s){let c=i?.open??!1,u=i?.onClose,d=i?.className??``,p=i?.style??``,m=t(i?.on?i?.on:{}),h=i?.movable??!1,g=i?.placement??be.Center,_=i?.proxyRef??{value:null},v=null,y=!1,b={x:0,y:0},x=null,S=i?.mask??!0,C=n(`Dialog`),w=r(`Dialog::dialog`)+`-lyco-now-`+C;function T(e){return h?h===`self`?e:h&&`value`in h?h.value:null:null}function E(){if(typeof window>`u`)return``;let e=300,t=150,n=(window.innerWidth-e)/2,r=(window.innerHeight-t)/2;return`left: ${n}px; top: ${r}px;`}function D(){switch(g){case`left`:return`left: 32px; top: 50%;`;case`right`:return`right: 32px; top: 50%;`;case`top`:return`top: 32px; left: 50%;`;case`bottom`:return`bottom: 32px; left: 50%;`;case`top-start`:return`top: 32px; left: 32px;`;case`top-end`:return`top: 32px; right: 32px;`;case`bottom-start`:return`bottom: 32px; left: 32px;`;case`bottom-end`:return`bottom: 32px; right: 32px;`;case`left-start`:return`left: 32px; top: 32px;`;case`left-end`:return`left: 32px; bottom: 32px;`;case`right-start`:return`right: 32px; top: 32px;`;case`right-end`:return`right: 32px; bottom: 32px;`;default:return E()}}function O(){switch(g){case`top-start`:case`top-end`:case`bottom-start`:case`bottom-end`:case`left-start`:case`left-end`:case`right-start`:case`right-end`:return{txp:0,typ:0};case`left`:return{txp:0,typ:-50};case`right`:return{txp:0,typ:-50};case`top`:return{txp:-50,typ:0};case`bottom`:return{txp:-50,typ:0};default:return{txp:-50,typ:-50}}}function k(e,t){if(e.button!==0||(x=T(t),!x||!x.contains(e.target)))return;v=t,v.style.transform=`none`,e.preventDefault(),x.style.cursor=`grabbing`;let n=t.getBoundingClientRect(),{txp:r,typ:i}=O();b={x:e.clientX-(n.left+r/100*n.width),y:e.clientY-(n.top+i/100*n.height)},y=!0,document.addEventListener(`mousemove`,A),document.addEventListener(`mouseup`,j)}function A(e){if(!y||!x||!v)return;let t=v.getBoundingClientRect(),{txp:n,typ:r}=O(),i=e.clientX-b.x-n/100*t.width,a=e.clientY-b.y-r/100*t.height;v.style.left=`${i}px`,v.style.top=`${a}px`}function j(){y=!1,x=null,v=null,document.removeEventListener(`mousemove`,A),document.removeEventListener(`mouseup`,j)}function M(){let e=S?`rgba(0,0,0,0.5)`:`transparent`;return`
1199
+ `;var Ce=class{constructor(e,t){this.isOpen=!1,this.returnValue=``,this.element=e,this.contentElement=t}show(){this.element.style.display=`flex`,this.isOpen=!0}showModal(){this.show()}close(){this.element.style.display=`none`,this.isOpen=!1,this.element.dispatchEvent(new Event(`close`))}get open(){return this.isOpen}getBoundingClientRect(){return this.contentElement.getBoundingClientRect()}get style(){return this.contentElement.style}};function we(i,s){let c=i?.open??!1,u=i?.onClose,d=i?.className??``,p=i?.style??``,m=t(i?.on?i?.on:{}),h=i?.movable??!1,g=i?.placement??ye.Center,_=i?.proxyRef??{value:null},v=null,y=!1,b={x:0,y:0},x=null,S=i?.mask??!0,C=n(`Dialog`),w=r(`Dialog::dialog`)+`-lyco-now-`+C;function T(e){return h?h===`self`?e:h&&`value`in h?h.value:null:null}function E(){if(typeof window>`u`)return``;let e=300,t=150,n=(window.innerWidth-e)/2,r=(window.innerHeight-t)/2;return`left: ${n}px; top: ${r}px;`}function D(){switch(g){case`left`:return`left: 32px; top: 50%;`;case`right`:return`right: 32px; top: 50%;`;case`top`:return`top: 32px; left: 50%;`;case`bottom`:return`bottom: 32px; left: 50%;`;case`top-start`:return`top: 32px; left: 32px;`;case`top-end`:return`top: 32px; right: 32px;`;case`bottom-start`:return`bottom: 32px; left: 32px;`;case`bottom-end`:return`bottom: 32px; right: 32px;`;case`left-start`:return`left: 32px; top: 32px;`;case`left-end`:return`left: 32px; bottom: 32px;`;case`right-start`:return`right: 32px; top: 32px;`;case`right-end`:return`right: 32px; bottom: 32px;`;default:return E()}}function O(){switch(g){case`top-start`:case`top-end`:case`bottom-start`:case`bottom-end`:case`left-start`:case`left-end`:case`right-start`:case`right-end`:return{txp:0,typ:0};case`left`:return{txp:0,typ:-50};case`right`:return{txp:0,typ:-50};case`top`:return{txp:-50,typ:0};case`bottom`:return{txp:-50,typ:0};default:return{txp:-50,typ:-50}}}function k(e,t){if(e.button!==0||(x=T(t),!x||!x.contains(e.target)))return;v=t,v.style.transform=`none`,e.preventDefault(),x.style.cursor=`grabbing`;let n=t.getBoundingClientRect(),{txp:r,typ:i}=O();b={x:e.clientX-(n.left+r/100*n.width),y:e.clientY-(n.top+i/100*n.height)},y=!0,document.addEventListener(`mousemove`,A),document.addEventListener(`mouseup`,j)}function A(e){if(!y||!x||!v)return;let t=v.getBoundingClientRect(),{txp:n,typ:r}=O(),i=e.clientX-b.x-n/100*t.width,a=e.clientY-b.y-r/100*t.height;v.style.left=`${i}px`,v.style.top=`${a}px`}function j(){y=!1,x=null,v=null,document.removeEventListener(`mousemove`,A),document.removeEventListener(`mouseup`,j)}function M(){let e=S?`rgba(0,0,0,0.5)`:`transparent`;return`
1200
1200
  ${w}::-webkit-backdrop,
1201
1201
  ${w}::backdrop {
1202
1202
  background: ${e};
@@ -1204,12 +1204,12 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
1204
1204
  }
1205
1205
  `}function N(t){let n=null,r=null;return e(`Dialog`,l`
1206
1206
  <div
1207
- ${f(e=>{if(e){if(n=e,r){let e=new we(n,r);_.value=e,m.bind(n),c?e.showModal():e.close()}}else m.unbindAll()})}
1207
+ ${f(e=>{if(e){if(n=e,r){let e=new Ce(n,r);_.value=e,m.bind(n),c?e.showModal():e.close()}}else m.unbindAll()})}
1208
1208
  @click=${e=>{e.target===e.currentTarget&&u?.()}}
1209
- style=${Ce(c)}
1209
+ style=${Se(c)}
1210
1210
  >
1211
1211
  <div
1212
- ${f(e=>{if(e&&(r=e,n)){let e=new we(n,r);_.value=e}})}
1212
+ ${f(e=>{if(e&&(r=e,n)){let e=new Ce(n,r);_.value=e}})}
1213
1213
  class="${w} ${d}"
1214
1214
  style="
1215
1215
  padding: 0;
@@ -1225,7 +1225,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
1225
1225
  ${a(t)}
1226
1226
  </div>
1227
1227
  </div>
1228
- `)}function P(t){return xe||!Se?N(t):e(`Dialog`,l`
1228
+ `)}function P(t){return be||!xe?N(t):e(`Dialog`,l`
1229
1229
  <dialog
1230
1230
  ${f(e=>{if(e){_.value=e;let t=e;m.bind(t),requestAnimationFrame(()=>{try{c?t.showModal():t.close()}catch(e){console.warn(`Dialog operation failed:`,e)}})}else m.unbindAll()})}
1231
1231
  @close=${u}
@@ -1250,7 +1250,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
1250
1250
  <style>
1251
1251
  ${M()}
1252
1252
  </style>
1253
- `)}return o(s,P)}function Ee(e,n){let r=e?.className??``,i=e?.style??``,s=t(e?.on??{}),c=e=>l`
1253
+ `)}return o(s,P)}function Te(e,n){let r=e?.className??``,i=e?.style??``,s=t(e?.on??{}),c=e=>l`
1254
1254
  <div
1255
1255
  ${f(e=>{e?s.bind(e):s.unbindAll()})}
1256
1256
  class="lyco-dialog-actions ${r}"
@@ -1264,7 +1264,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
1264
1264
  >
1265
1265
  ${a(e)}
1266
1266
  </div>
1267
- `;return o(n,c)}function De(e,n){let r=e?.variant??`text`,a=e?.color??`default`,o=e?.className??``,c=e?.style??``,u=t({click:e?.onClick?t=>{var n;t.preventDefault(),(n=e.onClick)?.call(e,t)}:void 0,...e?.on}),d=e=>l`
1267
+ `;return o(n,c)}function Ee(e,n){let r=e?.variant??`text`,a=e?.color??`default`,o=e?.className??``,c=e?.style??``,u=t({click:e?.onClick?t=>{var n;t.preventDefault(),(n=e.onClick)?.call(e,t)}:void 0,...e?.on}),d=e=>l`
1268
1268
  <button
1269
1269
  ${f(e=>{e?u.bind(e):u.unbindAll()})}
1270
1270
  class="lyco-dialog-button ${r} ${a} ${o}"
@@ -1282,7 +1282,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
1282
1282
  >
1283
1283
  ${i(e)}
1284
1284
  </button>
1285
- `;return s(n,d)}function Oe(e,n){let r=e?.className??``,i=e?.style??``,s=t(e?.on??{}),c=e=>l`
1285
+ `;return s(n,d)}function De(e,n){let r=e?.className??``,i=e?.style??``,s=t(e?.on??{}),c=e=>l`
1286
1286
  <div
1287
1287
  class="lyco-dialog-content ${r}"
1288
1288
  style="
@@ -1296,7 +1296,7 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
1296
1296
  >
1297
1297
  ${a(e)}
1298
1298
  </div>
1299
- `;return o(n,c)}function ke(e,n){let r=e?.className??``,a=e?.style??``,o=t(e?.on??{}),c=e?.proxyRef??{value:null},u=e=>l`
1299
+ `;return o(n,c)}function Oe(e,n){let r=e?.className??``,a=e?.style??``,o=t(e?.on??{}),c=e?.proxyRef??{value:null},u=e=>l`
1300
1300
  <div
1301
1301
  ${f(e=>{e?(c.value=e,o.bind(e)):o.unbindAll()})}
1302
1302
  class="lyco-dialog-title ${r}"
@@ -1311,5 +1311,5 @@ import{LycoComponent as e,createEventBinder as t,getComponentCount as n,getRando
1311
1311
  >
1312
1312
  ${i(e)}
1313
1313
  </div>
1314
- `;return s(n,u)}function Ae(e){return a(e)}export{Ae as $Html,z as AbsoluteBox,B as AcrylicBar,V as AspectRatio,H as AutoFitGrid,U as AvatarStack,W as Badge,G as Canvas,K as Card,q as Center,w as Column,N as ColumnSplit,ge as Combobox,J as Container,Te as Dialog,Ee as DialogActions,De as DialogButton,Oe as DialogContent,be as DialogPlacement,ke as DialogTitle,ne as Divider,T as Flex,E as FlowItem,Y as FooterLayout,X as ForEach,D as Grid,Z as GridBreakpoint,O as GridCol,k as GridItem,A as GridRow,re as HeroSection,Q as Hidden,C as LightboxContainer,ae as List,oe as ListGroup,ie as ListItem,se as Overlay,ce as PositionContainer,_e as Progress,j as Row,P as RowSplit,F as ScrollBar,I as SideBarContainer,le as SizedBox,ue as SkeletonLoader,de as Spacer,ve as Spinner,fe as Sticky,ee as Swiper,R as SwitchInput,pe as Table,S as Virtualizer,v as VirtualizerController,M as WaterFlow,ye as WithTooltip,me as Wrap,he as ZStack};
1314
+ `;return s(n,u)}function ke(e){return a(e)}export{ke as $Html,z as AbsoluteBox,te as AcrylicBar,B as AspectRatio,V as AutoFitGrid,H as AvatarStack,U as Badge,W as Canvas,G as Card,K as Center,w as Column,N as ColumnSplit,he as Combobox,ne as Container,we as Dialog,Te as DialogActions,Ee as DialogButton,De as DialogContent,ye as DialogPlacement,Oe as DialogTitle,re as Divider,T as Flex,E as FlowItem,q as FooterLayout,ie as ForEach,D as Grid,J as GridBreakpoint,O as GridCol,k as GridItem,A as GridRow,ae as HeroSection,Y as Hidden,C as LightboxContainer,se as List,ce as ListGroup,oe as ListItem,le as Overlay,X as PositionContainer,ge as Progress,j as Row,P as RowSplit,F as ScrollBar,I as SideBarContainer,ue as SizedBox,de as SkeletonLoader,fe as Spacer,_e as Spinner,Z as Sticky,ee as Swiper,R as SwitchInput,Q as Table,S as Virtualizer,v as VirtualizerController,M as WaterFlow,ve as WithTooltip,pe as Wrap,me as ZStack};
1315
1315
  //# sourceMappingURL=index.es.js.map