lyco 1.3.0 → 1.3.6

package/dist/index.es.js

@@ -1,36 +1,33 @@
-import{css as e,html as t,nothing as n}from"lit";import{createRef as r,ref as i}from"lit/directives/ref.js";import{styleMap as a}from"lit/directives/style-map.js";const o=typeof window>`u`,s=100;var c=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}},l=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/s)*3),this.data.fill(0)}},u=class{constructor(e,n,i){this._items=[],this._itemSize=50,this._layout=`vertical`,this._preloadCount=5,this._cacheSize=200,this._renderItem=()=>t``,this._containerRef=r(),this._firstVisible=0,this._lastVisible=0,this._positionCache=new Float64Array,this._sizeCache=new Float32Array,this._cacheInitialized=!1,this._totalContentSize=0,this._blockStore=new l,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)%s===0||r===this._items.length-1){let a=Math.floor(r/s);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(n,i),this._templateBuffer=new c(this._cacheSize),this._pageSize=n.pageSize??50,this._fetchMoreThreshold=n.fetchMoreThreshold??.8,o||(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,n,r){let i=this._recycledNodes.pop(),o=`item-${n}`;return t`
-			${i?t`<div
-						.key=${o}
-						style=${a(r)}
-						data-index=${n}
-						.recycled=${i}
+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`
+			${r?l`<div
+						.key=${i}
+						style=${p(n)}
+						data-index=${t}
+						.recycled=${r}
 				  >
-						${this._renderItem(e,n)}
-				  </div>`:t`<div .key=${o} style=${a(r)} data-index=${n}>
-						${this._renderItem(e,n)}
+						${this._renderItem(e,t)}
+				  </div>`:l`<div .key=${i} style=${p(n)} data-index=${t}>
+						${this._renderItem(e,t)}
 				  </div>`}
-		`}hostConnected(){if(o||this.host.updateComplete.then(()=>{this._containerRef.value&&(this._containerRef.value.addEventListener(`scroll`,this._scheduleUpdate),this._calculateMetrics(),this._updateVisibleRange(),this.host.requestUpdate())}),!o&&this._containerRef.value){var e,t,n;(e=this._intersectionObserver)?.observe(this._containerRef.value),(t=this._mutationObserver)?.observe(this._containerRef.value,{childList:!0,subtree:!0,attributes:!0}),(n=this._resizeObserver)?.observe(this._containerRef.value)}}hostDisconnected(){var e,t,n;!o&&this._containerRef.value&&this._containerRef.value.removeEventListener(`scroll`,this._scheduleUpdate),(e=this._intersectionObserver)?.disconnect(),(t=this._mutationObserver)?.disconnect(),(n=this._resizeObserver)?.disconnect(),this._idleCallbackId&&cancelIdleCallback(this._idleCallbackId)}hostUpdated(){!o&&!this._cacheInitialized&&this._containerRef.value&&this._items.length>0&&(this._calculateMetrics(),this._updateVisibleRange(),this.host.requestUpdate())}async updateConfig(e,t){let n=this._itemSize,r=this._cacheSize;this._itemSize=e.itemSize??50,this._layout=e.layout??`vertical`,this._preloadCount=e.preloadCount??5,this._cacheSize=e.cacheSize??200,this._renderItem=t,this._onLoadMore=e.onLoadMore,`items`in e&&this._initializeItems(e.items),this._pageSize=e.pageSize??this._pageSize,this._fetchMoreThreshold=e.fetchMoreThreshold??this._fetchMoreThreshold,r!==this._cacheSize&&(this._templateBuffer=new c(this._cacheSize)),n!==this._itemSize&&(this._calculateMetrics(),this._initializeChunks()),o||this._updateVisibleRange(),this.host.requestUpdate()}async _checkAndLoadMore(){if(!this._onLoadMore||this._isLoading||!this._containerRef.value)return;let e=this._lastVisible,t=this._pageSize||1e3,n=(e+1)%t===0;if(n){console.log(`Reached end of page, loading more...`,{lastVisibleIndex:e,pageSize:t,totalItems:this._items.length}),this._isLoading=!0;try{await this._onLoadMore()}finally{this._isLoading=!1}}}getRenderedItems(){if(!this._renderItem)return[];let e=[],t=new Set;for(let e of this._visibleChunkIndexes){let n=this._chunks.get(e);if(!n)continue;let r=e*this.CHUNK_SIZE;n.forEach((e,n)=>{let i=r+n;i>=this._firstVisible&&i<=this._lastVisible&&t.add(i)})}return Array.from(t).sort((e,t)=>e-t).forEach(t=>{let n=this._getItemStyle(this._positionCache[t]||t*this._estimatedItemHeight,this._sizeCache[t]||this._estimatedItemHeight);e.push(this._createItemTemplate(this._items[t],t,n))}),e}getContainerRef(){return this._containerRef}getTotalContentSize(){return this._totalContentSize}getLayout(){return this._layout}};const d=new WeakMap,f=()=>{if(o)return null;try{let e=document.currentScript;if(e&&`_$litElement$`in e)return e._$litElement$;if(customElements&&window.customElements){let e=document.querySelector(`virtualizer-example`);if(e&&`_$litElement$`in e)return e._$litElement$}}catch(e){console.warn(`Failed to get Lit host:`,e)}return null};function p(e){return e!==null&&typeof e.addController==`function`}function m(e,r){let s=f();if(!p(s)){console.warn(`Virtualizer: Running in fallback mode`);let n=r||e.renderItem||(e=>t`${String(e)}`),i=e.items;return t`
+		`}hostConnected(){if(m||this.host.updateComplete.then(()=>{this._containerRef.value&&(this._containerRef.value.addEventListener(`scroll`,this._scheduleUpdate),this._calculateMetrics(),this._updateVisibleRange(),this.host.requestUpdate())}),!m&&this._containerRef.value){var e,t,n;(e=this._intersectionObserver)?.observe(this._containerRef.value),(t=this._mutationObserver)?.observe(this._containerRef.value,{childList:!0,subtree:!0,attributes:!0}),(n=this._resizeObserver)?.observe(this._containerRef.value)}}hostDisconnected(){var e,t,n;!m&&this._containerRef.value&&this._containerRef.value.removeEventListener(`scroll`,this._scheduleUpdate),(e=this._intersectionObserver)?.disconnect(),(t=this._mutationObserver)?.disconnect(),(n=this._resizeObserver)?.disconnect(),this._idleCallbackId&&cancelIdleCallback(this._idleCallbackId)}hostUpdated(){!m&&!this._cacheInitialized&&this._containerRef.value&&this._items.length>0&&(this._calculateMetrics(),this._updateVisibleRange(),this.host.requestUpdate())}async updateConfig(e,t){let n=this._itemSize,r=this._cacheSize;this._itemSize=e.itemSize??50,this._layout=e.layout??`vertical`,this._preloadCount=e.preloadCount??5,this._cacheSize=e.cacheSize??200,this._renderItem=t,this._onLoadMore=e.onLoadMore,`items`in e&&this._initializeItems(e.items),this._pageSize=e.pageSize??this._pageSize,this._fetchMoreThreshold=e.fetchMoreThreshold??this._fetchMoreThreshold,r!==this._cacheSize&&(this._templateBuffer=new g(this._cacheSize)),n!==this._itemSize&&(this._calculateMetrics(),this._initializeChunks()),m||this._updateVisibleRange(),this.host.requestUpdate()}async _checkAndLoadMore(){if(!this._onLoadMore||this._isLoading||!this._containerRef.value)return;let e=this._lastVisible,t=this._pageSize||1e3,n=(e+1)%t===0;if(n){console.log(`Reached end of page, loading more...`,{lastVisibleIndex:e,pageSize:t,totalItems:this._items.length}),this._isLoading=!0;try{await this._onLoadMore()}finally{this._isLoading=!1}}}getRenderedItems(){if(!this._renderItem)return[];let e=[],t=new Set;for(let e of this._visibleChunkIndexes){let n=this._chunks.get(e);if(!n)continue;let r=e*this.CHUNK_SIZE;n.forEach((e,n)=>{let i=r+n;i>=this._firstVisible&&i<=this._lastVisible&&t.add(i)})}return Array.from(t).sort((e,t)=>e-t).forEach(t=>{let n=this._getItemStyle(this._positionCache[t]||t*this._estimatedItemHeight,this._sizeCache[t]||this._estimatedItemHeight);e.push(this._createItemTemplate(this._items[t],t,n))}),e}getContainerRef(){return this._containerRef}getTotalContentSize(){return this._totalContentSize}getLayout(){return this._layout}};const y=new WeakMap,b=()=>{if(m)return null;try{let e=document.currentScript;if(e&&`_$litElement$`in e)return e._$litElement$;if(customElements&&window.customElements){let e=document.querySelector(`virtualizer-example`);if(e&&`_$litElement$`in e)return e._$litElement$}}catch(e){console.warn(`Failed to get Lit host:`,e)}return null};function x(e){return e!==null&&typeof e.addController==`function`}function S(e,t){let n=b();if(!x(n)){console.warn(`Virtualizer: Running in fallback mode`);let n=t||e.renderItem||(e=>l`${String(e)}`),r=e.items;return l`
 			<div style="overflow: auto; height: 100%; position: relative;">
 				<div style="position: relative;">
-					${i.map((e,t)=>n(e,t))}
+					${r.map((e,t)=>n(e,t))}
 				</div>
 			</div>
-		`}let c=d.get(s);if(!c){let n=r||e.renderItem||(e=>t`${e}`);c=new u(s,e,n),d.set(s,c)}let l=r=>{c.updateConfig(e,r);let s={position:`relative`,overflow:o?`visible`:`auto`,[c.getLayout()===`vertical`?`height`:`width`]:`100%`,[c.getLayout()===`vertical`?`minHeight`:`minWidth`]:`1px`},l={position:`relative`,[c.getLayout()===`vertical`?`height`:`width`]:`${c.getTotalContentSize()}px`,transform:c.getLayout()===`vertical`?`translateY(0)`:`translateX(0)`};return t`
+		`}let r=y.get(n);if(!r){let i=t||e.renderItem||(e=>l`${e}`);r=new v(n,e,i),y.set(n,r)}let i=t=>{r.updateConfig(e,t);let n={position:`relative`,overflow:m?`visible`:`auto`,[r.getLayout()===`vertical`?`height`:`width`]:`100%`,[r.getLayout()===`vertical`?`minHeight`:`minWidth`]:`1px`},i={position:`relative`,[r.getLayout()===`vertical`?`height`:`width`]:`${r.getTotalContentSize()}px`,transform:r.getLayout()===`vertical`?`translateY(0)`:`translateX(0)`};return l`
 			<div
-				${i(c.getContainerRef())}
-				style=${a(s)}
-				@scroll=${o?n:()=>c.host.requestUpdate()}
+				${f(r.getContainerRef())}
+				style=${p(n)}
+				@scroll=${m?u:()=>r.host.requestUpdate()}
 			>
-				<div style=${a(l)}>
-					${c.getRenderedItems()}
+				<div style=${p(i)}>
+					${r.getRenderedItems()}
 				</div>
 			</div>
-		`};return r===void 0?`renderItem`in e?l(e.renderItem):e=>l(e):l(r)}const h=Symbol(`___LYCO_NULL___`);function g(e){return e?typeof e==`function`?e():e:t``}function _(e,n){let r=n??(e=>e);if(e===void 0)return t``;if(Array.isArray(e))return e.map((e,t)=>r(g(e),t,!0,!1));if(typeof e!=`function`)return r(g(e),void 0,!1,!1);let i=e();return Array.isArray(i)?i.map((e,t)=>r(g(e),t,!0,!1)):r(g(i),void 0,!1,!0)}function v(e){let t=Math.random().toString(36).substring(2,15);return e?`lyco-${e}-${t}`:`lyco-${t}`}function y(e,t){let n=t??(e=>e),r=e=>n(g(e));return e?r(e):r}function b(e,t,n){let r=t??(e=>e),i=e=>r(_(e,n));return e?i(e):i}const x=e=>({init:!1,prefix:e,className:h}),S={"GridBreakpoint::grid-breakpoint":x(`grid-breakpoint`),"Hidden::hidden-container":x(`hidden-container`),"ListGroup::list-group":x(`list-group`),"ScrollBar::scrollbar-container":x(`scrollbar-container`),"SkeletonLoader::skeleton":x(`skeleton`),"Swiper::swiper":x(`swiper`),"Table::table":x(`table`),"WaterFlow::waterflow":x(`waterflow`),"AutoFitGrid::auto-fit-grid":x(`auto-fit-grid`),"GridCol::grid-col":x(`grid-col`),"GridRow::grid-row":x(`grid-row`),"List::list":x(`list`),"Dialog::dialog":x(`dialog`),"SwitchInput::switch":x(`switch`),"Combobox::combobox":x(`combobox`)};function C(e){let t=S[e];return t.init||(S[e].init=!0,S[e].className=v(t.prefix)),S[e].className===h?v(t.prefix):S[e].className}const w={all:{value:0}};function T(e){var t;return(t=w[e])?.value||(w[e]={value:0}),w[e].value}function E(e,n){return w.all={value:w.all.value+1},w[e]===void 0?w[e]={value:0}:w[e].value=w[e].value+1,t`
-		<!-- ${e} - ${w[e].value} -->
-		${n}
-	`}function D(e,t,n){t.forEach(([t,r])=>{if(!r)return;n.has(t)&&e.removeEventListener(t,n.get(t));let i,a;if(typeof r==`function`?(i=r,a=void 0):(i=r.handler,a=r.options),!i)return;let o=e=>i(e);e.addEventListener(t,o,a),n.set(t,o)})}function O(e){let t=new Map,n=Object.entries(e);return{bind(e){D(e,n,t)},unbindAll(){t.clear()}}}function k(e,n){if(n===void 0){let n=n=>k(e,n??t``);return n.html=(n,...r)=>k(e,t(n,...r)),n}let r=e?.fadeBg??`rgba(0,0,0,0.7)`,a=e?.zIndex??2e3,o=O(e?.on??{});return t`
+		`};return t===void 0?`renderItem`in e?i(e.renderItem):e=>i(e):i(t)}function C(e,n){if(n===void 0){let t=t=>C(e,t??l``);return t.html=(t,...n)=>C(e,l(t,...n)),t}let r=e?.fadeBg??`rgba(0,0,0,0.7)`,a=e?.zIndex??2e3,o=t(e?.on??{});return l`
 		<div
-			${i(e=>{e?o.bind(e):o.unbindAll()})}
+			${f(e=>{e?o.bind(e):o.unbindAll()})}
 			style="
         position: fixed;
         top: 0; left: 0; right: 0; bottom: 0;
@@ -41,11 +38,11 @@ import{css as e,html as t,nothing as n}from"lit";import{createRef as r,ref as i}
         align-items: center;
       "
 		>
-			${g(n)}
+			${i(n)}
 		</div>
-	`}function A(e,n){let r=O(e?.on??{});return n===void 0?n=>A(e,n??[t``]):t`
+	`}function w(e,n){let r=t(e?.on??{});return n===void 0?t=>w(e,t??[l``]):l`
 		<div
-			${i(e=>{e?r.bind(e):r.unbindAll()})}
+			${f(e=>{e?r.bind(e):r.unbindAll()})}
 			.class="${e?.className}"
 			style="
       display: flex;
@@ -55,11 +52,11 @@ import{css as e,html as t,nothing as n}from"lit";import{createRef as r,ref as i}
       ${e?.style??``}
     "
 		>
-			${_(n)}
+			${a(n)}
 		</div>
-	`}function j(e,n){if(n===void 0){let n=n=>j(e,n??t``);return n.html=(n,...r)=>j(e,t(n,...r)),n}let r=e?.direction??`row`,a=O(e?.on??{});return t`
+	`}function T(e,n){if(n===void 0){let t=t=>T(e,t??l``);return t.html=(t,...n)=>T(e,l(t,...n)),t}let r=e?.direction??`row`,a=t(e?.on??{});return l`
 		<div
-			${i(e=>{e?a.bind(e):a.unbindAll()})}
+			${f(e=>{e?a.bind(e):a.unbindAll()})}
 			style="
         display: flex;
         flex-direction: ${r};
@@ -68,68 +65,68 @@ import{css as e,html as t,nothing as n}from"lit";import{createRef as r,ref as i}
         ${e?.gap?`gap: ${e.gap};`:``}
       "
 		>
-			${g(n)}
+			${i(n)}
 		</div>
-	`}function M(e,n){if(n===void 0){let n=n=>M(e,n??t``);return n.html=(n,...r)=>M(e,t(n,...r)),n}let r=O(e?.on??{});return t`
+	`}function E(e,n){if(n===void 0){let t=t=>E(e,t??l``);return t.html=(t,...n)=>E(e,l(t,...n)),t}let r=t(e?.on??{});return l`
 		<div
-			${i(e=>{e?r.bind(e):r.unbindAll()})}
+			${f(e=>{e?r.bind(e):r.unbindAll()})}
 			style="break-inside: avoid; margin-bottom: 16px;"
 		>
-			${g(n)}
+			${i(n)}
 		</div>
-	`}function N(e,n){if(n===void 0)return n=>N(e,n??[t``]);let r=e?.columns??1,a=O(e?.on??{});return t`
+	`}function D(e,n){if(n===void 0)return t=>D(e,t??[l``]);let r=e?.columns??1,i=t(e?.on??{});return l`
 		<div
-			${i(e=>{e?a.bind(e):a.unbindAll()})}
+			${f(e=>{e?i.bind(e):i.unbindAll()})}
 			style="
         display: grid;
         grid-template-columns: repeat(${r}, 1fr);
         ${e?.gap?`gap: ${e.gap};`:``}
       "
 		>
-			${_(n)}
+			${a(n)}
 		</div>
-	`}function P(e,n){if(n===void 0){let n=n=>P(e,n??t``);return n.html=(n,...r)=>P(e,t(n,...r)),n}let r=T(`GridCol`),a=C(`GridCol::grid-col`)+`-lyco-now-`+r,o=e?.gap?`column-gap: ${e.gap};`:``,s=`
-      .${a} {
+	`}function O(a,o){if(o===void 0){let e=e=>O(a,e??l``);return e.html=(e,...t)=>O(a,l(e,...t)),e}let s=n(`GridCol`),c=r(`GridCol::grid-col`)+`-lyco-now-`+s,u=a?.gap?`column-gap: ${a.gap};`:``,d=`
+      .${c} {
         display: grid;
         grid-auto-flow: column;
-        ${o}
+        ${u}
       }
-    `,c=O(e?.on??{});return E(`GridCol`,t`
+    `,p=t(a?.on??{});return e(`GridCol`,l`
 			<style>
-				${s}
+				${d}
 			</style>
 			<div
-				${i(e=>{e?c.bind(e):c.unbindAll()})}
-				class="${a}"
+				${f(e=>{e?p.bind(e):p.unbindAll()})}
+				class="${c}"
 			>
-				${g(n)}
+				${i(o)}
 			</div>
-		`)}function F(e,n){if(n===void 0){let n=n=>F(e,n??t``);return n.html=(n,...r)=>F(e,t(n,...r)),n}let r=O(e?.on??{});return t`
+		`)}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=t(e?.on??{});return l`
 		<div
-			${i(e=>{e?r.bind(e):r.unbindAll()})}
+			${f(e=>{e?r.bind(e):r.unbindAll()})}
 			style="${e?.span?`grid-column: span ${e.span};`:``}"
 		>
-			${g(n)}
+			${i(n)}
 		</div>
-	`}function I(e,n){if(n===void 0){let n=n=>I(e,n??t``);return n.html=(n,...r)=>I(e,t(n,...r)),n}let r=T(`GridRow`),a=C(`GridRow::grid-row`)+`-lyco-now-`+r,o=e?.gap?`row-gap: ${e.gap};`:``,s=`
-      .${a} {
+	`}function A(a,o){if(o===void 0){let e=e=>A(a,e??l``);return e.html=(e,...t)=>A(a,l(e,...t)),e}let s=n(`GridRow`),c=r(`GridRow::grid-row`)+`-lyco-now-`+s,u=a?.gap?`row-gap: ${a.gap};`:``,d=`
+      .${c} {
         display: grid;
         grid-auto-flow: row;
-        ${o}
+        ${u}
       }
-    `,c=O(e?.on??{});return E(`GridRow`,t`
+    `,p=t(a?.on??{});return e(`GridRow`,l`
 			<style>
-				${s}
+				${d}
 			</style>
 			<div
-				${i(e=>{e?c.bind(e):c.unbindAll()})}
-				class="${a}"
+				${f(e=>{e?p.bind(e):p.unbindAll()})}
+				class="${c}"
 			>
-				${g(n)}
+				${i(o)}
 			</div>
-		`)}function L(e,n){if(n===void 0)return n=>L(e,n??[t``]);let r=O(e?.on??{});return t`
+		`)}function j(e,n){if(n===void 0)return t=>j(e,t??[l``]);let r=t(e?.on??{});return l`
 		<div
-			${i(e=>{e?r.bind(e):r.unbindAll()})}
+			${f(e=>{e?r.bind(e):r.unbindAll()})}
 			style="
         display: flex;
         flex-direction: row;
@@ -137,33 +134,33 @@ import{css as e,html as t,nothing as n}from"lit";import{createRef as r,ref as i}
         ${e?.space?`gap: ${e.space};`:``}
       "
 		>
-			${_(n)}
+			${a(n)}
 		</div>
-	`}function R(e,n){if(n===void 0){let n=n=>R(e,n??t``);return n.html=(n,...r)=>R(e,t(n,...r)),n}let r=e?.columnCount??3,a=e?.gap??`16px`,o=T(`WaterFlow`),s=C(`WaterFlow::waterflow`)+`-lyco-now-${o}`,c=`
+	`}function M(a,o){if(o===void 0){let e=e=>M(a,e??l``);return e.html=(e,...t)=>M(a,l(e,...t)),e}let s=a?.columnCount??3,c=a?.gap??`16px`,u=n(`WaterFlow`),d=r(`WaterFlow::waterflow`)+`-lyco-now-${u}`,p=`
 	/* 使用 CSS 类来控制多列布局 */
-	.${s} {
-		column-count: ${r};
-		column-gap: ${typeof a==`number`?`${a}px`:a};
+	.${d} {
+		column-count: ${s};
+		column-gap: ${typeof c==`number`?`${c}px`:c};
 	}
 	/* 子元素如果是块级元素，需要让它们适应多列流式布局 */
-	.${s} > * {
+	.${d} > * {
 		display: inline-block;
 		width: 100%;
 	}
-	`,l=O(e?.on??{});return E(`WaterFlow`,t`
+	`,m=t(a?.on??{});return e(`WaterFlow`,l`
 			<style>
-				${c}
+				${p}
 			</style>
 
 			<div
-				${i(e=>{e?l.bind(e):l.unbindAll()})}
-				class="${s}"
+				${f(e=>{e?m.bind(e):m.unbindAll()})}
+				class="${d}"
 			>
-				${g(n)}
+				${i(o)}
 			</div>
-		`)}function z(e,n){if(n===void 0){let n=n=>z(e,n??t``);return n.html=(n,...r)=>z(e,t(n,...r)),n}let r=e?.gap??`0px`,a=e?.firstHeight??`50%`,o=t``,s=t``;if(typeof n==`function`){var c;let e=(c=n.call)?.call(n,null)??[];o=e[0]??t``,s=e[1]??t``}else o=g(n);let l=O(e?.on??{});return t`
+		`)}function N(e,n){if(n===void 0){let t=t=>N(e,t??l``);return t.html=(t,...n)=>N(e,l(t,...n)),t}let r=e?.gap??`0px`,a=e?.firstHeight??`50%`,o=l``,s=l``;if(typeof n==`function`){var c;let e=(c=n.call)?.call(n,null)??[];o=e[0]??l``,s=e[1]??l``}else o=i(n);let u=t(e?.on??{});return l`
 		<div
-			${i(e=>{e?l.bind(e):l.unbindAll()})}
+			${f(e=>{e?u.bind(e):u.unbindAll()})}
 			style="
         display: flex;
         flex-direction: column;
@@ -175,9 +172,9 @@ import{css as e,html as t,nothing as n}from"lit";import{createRef as r,ref as i}
 			<div style="flex: 0 0 ${a}; overflow: auto;">${o}</div>
 			<div style="flex: 1 1 auto; overflow: auto;">${s}</div>
 		</div>
-	`}function B(e,n){if(n===void 0){let n=n=>B(e,n??t``);return n.html=(n,...r)=>B(e,t(n,...r)),n}let r=e?.gap??`0px`,a=e?.firstWidth??`50%`,o=t``,s=t``;if(typeof n==`function`){var c;let e=(c=n.call)?.call(n,null)??[];o=e[0]??t``,s=e[1]??t``}else o=g(n);let l=O(e?.on??{});return t`
+	`}function P(e,n){if(n===void 0){let t=t=>P(e,t??l``);return t.html=(t,...n)=>P(e,l(t,...n)),t}let r=e?.gap??`0px`,a=e?.firstWidth??`50%`,o=l``,s=l``;if(typeof n==`function`){var c;let e=(c=n.call)?.call(n,null)??[];o=e[0]??l``,s=e[1]??l``}else o=i(n);let u=t(e?.on??{});return l`
 		<div
-			${i(e=>{e?l.bind(e):l.unbindAll()})}
+			${f(e=>{e?u.bind(e):u.unbindAll()})}
 			style="
       display: flex;
       flex-direction: row;
@@ -189,40 +186,40 @@ import{css as e,html as t,nothing as n}from"lit";import{createRef as r,ref as i}
 			<div style="flex: 0 0 ${a}; overflow: auto;">${o}</div>
 			<div style="flex: 1 1 auto; overflow: auto;">${s}</div>
 		</div>
-	`}function V(e,n){if(n===void 0){let n=n=>V(e,n??t``);return n.html=(n,...r)=>V(e,t(n,...r)),n}let r=e?.direction??`vertical`,a=e?.height??`100%`,o=e?.width??`100%`,s=e?.customCss??``,c=T(`ScrollBar`),l=e?.className??C(`ScrollBar::scrollbar-container`)+`-lyco-now-`+c,u=r===`horizontal`?`overflow-x: auto; overflow-y: hidden`:`overflow-y: auto; overflow-x: hidden`,d=`
-	.${l} {
-	  ${u};
-	  width: ${o};
-	  height: ${a};
+	`}function F(a,o){if(o===void 0){let e=e=>F(a,e??l``);return e.html=(e,...t)=>F(a,l(e,...t)),e}let s=a?.direction??`vertical`,c=a?.height??`100%`,u=a?.width??`100%`,d=a?.customCss??``,p=n(`ScrollBar`),m=a?.className??r(`ScrollBar::scrollbar-container`)+`-lyco-now-`+p,h=s===`horizontal`?`overflow-x: auto; overflow-y: hidden`:`overflow-y: auto; overflow-x: hidden`,g=`
+	.${m} {
+	  ${h};
+	  width: ${u};
+	  height: ${c};
 	}
-	.${l}::-webkit-scrollbar {
+	.${m}::-webkit-scrollbar {
 	  width: 8px;
 	  height: 8px;
 	}
-	.${l}::-webkit-scrollbar-thumb {
+	.${m}::-webkit-scrollbar-thumb {
 	  background-color: rgba(0, 0, 0, 0.2);
 	  border-radius: 4px;
 	}
-	.${l}::-webkit-scrollbar-track {
+	.${m}::-webkit-scrollbar-track {
 	  background: rgba(0, 0, 0, 0.05);
 	}
-	${s}
-	`,f=O(e?.on??{});return E(`ScrollBar`,t`
+	${d}
+	`,_=t(a?.on??{});return e(`ScrollBar`,l`
 			<style>
-				${d}
+				${g}
 			</style>
 			<div
-				${i(e=>{e?f.bind(e):f.unbindAll()})}
-				class="${l}"
+				${f(e=>{e?_.bind(e):_.unbindAll()})}
+				class="${m}"
 			>
-				${g(n)}
+				${i(o)}
 			</div>
-		`)}function H(e,n){if(n===void 0)return n=>H(e,n??[t``]);let r=e?.sidebarWidth??`240px`,a=e?.sidebarPosition??`left`,o=e?.gap??`0px`,s=t``,c=t``;if(typeof n==`function`){var l;let e=(l=n.call)?.call(n,null)??[];s=e[0]??t``,c=e[1]??t``}else c=_(n);let u=O(e?.on??{});return t`
+		`)}function I(e,n){if(n===void 0)return t=>I(e,t??[l``]);let r=e?.sidebarWidth??`240px`,i=e?.sidebarPosition??`left`,o=e?.gap??`0px`,s=l``,c=l``;if(typeof n==`function`){var u;let e=(u=n.call)?.call(n,null)??[];s=e[0]??l``,c=e[1]??l``}else c=a(n);let d=t(e?.on??{});return l`
 		<div
-			${i(e=>{e?u.bind(e):u.unbindAll()})}
+			${f(e=>{e?d.bind(e):d.unbindAll()})}
 			style="
       display: flex;
-      flex-direction: ${a===`left`?`row`:`row-reverse`};
+      flex-direction: ${i===`left`?`row`:`row-reverse`};
       width: 100%;
       height: 100%;
       gap: ${o};
@@ -231,55 +228,55 @@ import{css as e,html as t,nothing as n}from"lit";import{createRef as r,ref as i}
 			<div style="flex: 0 0 ${r}; overflow: auto;">${s}</div>
 			<div style="flex: 1 1 auto; overflow: auto;">${c}</div>
 		</div>
-	`}function ee(e={},n){if(n===void 0)return n=>ee(e,n??[t``]);let r=T(`Swiper`),{gap:a=`8px`,snapType:o=`mandatory`,height:s=`auto`,width:c=`100%`,className:l=C(`Swiper::swiper`)+`-lyco-now-${r}`,direction:u=`x`,scrollBehavior:d=`smooth`,align:f=`start`,showNavigation:p=!0,navigationPosition:m=`inside`,showPagination:h=!0,paginationType:g=`dots`,autoPlay:_=!1,interval:v=3e3,loop:y=!1,touchEnabled:b=!0,mouseWheel:x=!1,onSlideChange:S,on:w}=e,D=l,k=D+`-container`,A=D+`-slide`,j=D+`-navigation`,M=D+`-pagination`,N;N=n?typeof n==`function`?n():n:[];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,S?.(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;u===`x`?(o=r.offsetLeft-t.offsetLeft,f===`center`?o-=(a.width-i.width)/2:f===`end`&&(o-=a.width-i.width),t.scrollTo({left:o,behavior:d})):(o=r.offsetTop-t.offsetTop,f===`center`?o-=(a.height-i.height)/2:f===`end`&&(o-=a.height-i.height),t.scrollTo({top:o,behavior:d})),I(e)},R=()=>{let e=F()+1>=P?y?0:F():F()+1;L(e)},z=()=>{let e=F()-1<0?y?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(u===`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(!b)return;let t=e.touches[0],n=e.currentTarget;n.dataset.touchStartX=t.clientX.toString(),n.dataset.touchStartY=t.clientY.toString()},H=e=>{if(!b)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)||u===`x`)&&e.preventDefault()},U=e=>{if(!b)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&&(u===`x`?a>0?z():R():o>0?z():R()),delete t.dataset.touchStartX,delete t.dataset.touchStartY},W=e=>{x&&(e.preventDefault(),e.deltaY>0?R():z())},te=e=>{if(!_||!e)return;let t,n=()=>{t=setInterval(R,v)},r=()=>{clearInterval(t)};return e.addEventListener(`mouseenter`,r),e.addEventListener(`mouseleave`,n),n(),()=>{clearInterval(t),e.removeEventListener(`mouseenter`,r),e.removeEventListener(`mouseleave`,n)}},ne=()=>{let e=typeof document<`u`?document.querySelector(`.${k}`):null;if(!e)return;let t=[];e.addEventListener(`scroll`,B),t.push(()=>e.removeEventListener(`scroll`,B)),b&&(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))),x&&(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(ne,0);let G=t`
+	`}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`
 		<div class="${M}">
-			${Array.from({length:P},(e,n)=>t`
+			${Array.from({length:P},(e,t)=>l`
 					<button
-						class="${n===F()?`active`:``}"
-						@click=${()=>L(n)}
+						class="${t===F()?`active`:``}"
+						@click=${()=>L(t)}
 					></button>
 				`)}
 		</div>
-	`,K=t`
+	`,q=l`
 		<div class="${M} fraction">
 			<span class="current">${F()+1}</span>
 			<span class="separator">/</span>
 			<span class="total">${P}</span>
 		</div>
-	`,q=t`
+	`,J=l`
 		<div class="${M} progressbar">
 			<div
 				class="progress"
 				style="width: ${P>1?F()/(P-1)*100:0}%"
 			></div>
 		</div>
-	`,J=t`
+	`,ne=l`
 		<div class="${j}">
 			<button class="prev" @click=${z}>◀</button>
 			<button class="next" @click=${R}>▶</button>
 		</div>
-	`,re=`
-	.${D} {
+	`,Y=`
+	.${O} {
 		position: relative;
 		overflow: hidden;
-		width: ${c};
-		height: ${s};
+		width: ${d};
+		height: ${u};
 	}
 
 	.${k} {
 		width: 100%;
 		height: 100%;
 		overflow: auto;
-		scroll-snap-type: ${u+` `+o};
+		scroll-snap-type: ${m+` `+c};
 		-webkit-overflow-scrolling: touch;
-		scroll-behavior: ${d};
-		gap: ${a};
+		scroll-behavior: ${h};
+		gap: ${s};
 		display: flex;
-		flex-direction: ${u===`x`?`row`:`column`};
+		flex-direction: ${m===`x`?`row`:`column`};
 	}
 
 	.${A} {
-		scroll-snap-align: ${f};
+		scroll-snap-align: ${g};
 		flex-shrink: 0;
 	}
 
@@ -292,7 +289,7 @@ import{css as e,html as t,nothing as n}from"lit";import{createRef as r,ref as i}
 		display: flex;
 		justify-content: space-between;
 		pointer-events: none;
-		padding: ${m===`outside`?`0 1rem`:`0 0.5rem`};
+		padding: ${v===`outside`?`0 1rem`:`0 0.5rem`};
 	}
 
 	.${j} button {
@@ -363,148 +360,148 @@ import{css as e,html as t,nothing as n}from"lit";import{createRef as r,ref as i}
 		background-color: white;
 		transition: width 0.3s;
 	}
-	`,Y=O(w??{});return E(`Swiper`,t`
+	`,X=t(D??{});return e(`Swiper`,l`
 			<style>
-				${re}
+				${Y}
 			</style>
 
 			<div
-				${i(e=>{e?Y.bind(e):Y.unbindAll()})}
-				class="${D}"
+				${f(e=>{e?X.bind(e):X.unbindAll()})}
+				class="${O}"
 			>
 				<div class="${k}">
-					${N.map((e,n)=>t`
-							<div class="${A} --slide-${n}" key=${n}>
+					${N.map((e,t)=>l`
+							<div class="${A} --slide-${t}" key=${t}>
 								${e}
 							</div>
 						`)}
 				</div>
 
-				${p?J:null}
-				${h&&g===`dots`?G:null}
-				${h&&g===`fraction`?K:null}
-				${h&&g===`progressbar`?q:null}
+				${_?ne:null}
+				${y&&b===`dots`?K:null}
+				${y&&b===`fraction`?q:null}
+				${y&&b===`progressbar`?J:null}
 			</div>
-		`)}const U={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 W(e){let{checked:n=!1,disabled:r=!1,size:a=`medium`,color:o=U.colors.primary,onChange:s,className:c=``,on:l={}}=e??{},u=T(`SwitchInput`),d=C(`SwitchInput::switch`)+`-lyco-now-${u}`,f={small:{width:32,height:16,thumbSize:12},medium:{width:44,height:24,thumbSize:18},large:{width:56,height:32,thumbSize:24}},{width:p,height:m,thumbSize:h}=f[a],g=`
-    .${d} {
+		`)}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=`
+    .${h} {
       display: inline-block;
       position: relative;
-      width: ${p}px;
-      height: ${m}px;
-      cursor: ${r?`not-allowed`:`pointer`};
+      width: ${_}px;
+      height: ${v}px;
+      cursor: ${o?`not-allowed`:`pointer`};
     }
 
-    .${d} input {
+    .${h} input {
       opacity: 0;
       width: 0;
       height: 0;
     }
 
-    .${d} .slider {
+    .${h} .slider {
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
-      background-color: ${r?U.colors.surfaceVariant:U.colors.onSurfaceVariant};
-      transition: ${U.animation.standard};
-      border-radius: ${m}px;
-      opacity: ${r?.38:.5};
+      background-color: ${o?L.colors.surfaceVariant:L.colors.onSurfaceVariant};
+      transition: ${L.animation.standard};
+      border-radius: ${v}px;
+      opacity: ${o?.38:.5};
     }
 
-    .${d} .slider:before {
+    .${h} .slider:before {
       position: absolute;
       content: "";
-      height: ${h}px;
-      width: ${h}px;
-      left: ${(m-h)/2}px;
-      bottom: ${(m-h)/2}px;
-      background-color: ${U.colors.surface};
-      transition: ${U.animation.emphasized};
+      height: ${y}px;
+      width: ${y}px;
+      left: ${(v-y)/2}px;
+      bottom: ${(v-y)/2}px;
+      background-color: ${L.colors.surface};
+      transition: ${L.animation.emphasized};
       border-radius: 50%;
-      box-shadow: ${U.elevation.level1};
+      box-shadow: ${L.elevation.level1};
     }
 
-    .${d} input:checked + .slider {
-      background-color: ${r?U.colors.surfaceVariant:o};
-      opacity: ${r?.38:1};
+    .${h} input:checked + .slider {
+      background-color: ${o?L.colors.surfaceVariant:c};
+      opacity: ${o?.38:1};
     }
 
-    .${d} input:checked + .slider:before {
-      transform: translateX(${p-m}px);
-      background-color: ${U.colors.onPrimary};
+    .${h} input:checked + .slider:before {
+      transform: translateX(${_-v}px);
+      background-color: ${L.colors.onPrimary};
     }
 
-    .${d}:hover .slider:before {
-      box-shadow: ${r?U.elevation.level1:U.elevation.level2};
+    .${h}:hover .slider:before {
+      box-shadow: ${o?L.elevation.level1:L.elevation.level2};
     }
 
-    .${d}:active .slider:before {
-      box-shadow: ${r?U.elevation.level1:U.elevation.level3};
-      width: ${h*1.2}px;
+    .${h}:active .slider:before {
+      box-shadow: ${o?L.elevation.level1:L.elevation.level3};
+      width: ${y*1.2}px;
     }
-  `,_=O(l);return E(`SwitchInput`,t`
+  `,x=t(p);return e(`SwitchInput`,l`
 			<style>
-				${g}
+				${b}
 			</style>
 			<label
-				class="${d} ${c}"
-				${i(e=>{e?_.bind(e):_.unbindAll()})}
+				class="${h} ${d}"
+				${f(e=>{e?x.bind(e):x.unbindAll()})}
 			>
 				<input
 					type="checkbox"
-					?checked=${n}
-					?disabled=${r}
-					@change=${e=>{!r&&s&&s(e.target.checked)}}
+					?checked=${a}
+					?disabled=${o}
+					@change=${e=>{!o&&u&&u(e.target.checked)}}
 				/>
 				<span class="slider"></span>
 			</label>
-		`)}function te(e,n){let r=e?.top?`top: ${e.top};`:``,a=e?.right?`right: ${e.right};`:``,o=e?.bottom?`bottom: ${e.bottom};`:``,s=e?.left?`left: ${e.left};`:``,c=e?.width?`width: ${e.width};`:``,l=e?.height?`height: ${e.height};`:``,u=typeof e?.zIndex==`number`?`z-index: ${e.zIndex};`:``,d=e?.style?e.style:``,f=e?.className?e.className:``,p=O(e?.on??{}),m=e=>t`
+		`)}function z(e,n){let r=e?.top?`top: ${e.top};`:``,a=e?.right?`right: ${e.right};`:``,o=e?.bottom?`bottom: ${e.bottom};`:``,c=e?.left?`left: ${e.left};`:``,u=e?.width?`width: ${e.width};`:``,d=e?.height?`height: ${e.height};`:``,p=typeof e?.zIndex==`number`?`z-index: ${e.zIndex};`:``,m=e?.style?e.style:``,h=e?.className?e.className:``,g=t(e?.on??{}),_=e=>l`
 			<div
-				${i(e=>{e?p.bind(e):p.unbindAll()})}
-				class="${f}"
+				${f(e=>{e?g.bind(e):g.unbindAll()})}
+				class="${h}"
 				style="
       position: absolute;
-      ${r} ${a} ${o} ${s}
-      ${c} ${l}
-      ${u}
-	  ${d}
+      ${r} ${a} ${o} ${c}
+      ${u} ${d}
+      ${p}
+	  ${m}
     "
 			>
-				${g(e)}
+				${i(e)}
 			</div>
-		`;return y(n,m)}function ne(e,n){let r=e?.width??`300px`,a=e?.height??`auto`,o=e?.top??`20%`,s=e?.bottom??`auto`,c=e?.left??`50%`,l=e?.right??`auto`,u=c===`auto`?``:`transform: translateX(-50%);`,d=e?.background??`rgba(255, 255, 255, 0.3)`,f=e?.blur??`10px`,p=e?.borderRadius??`12px`,m=e?.padding??`16px`,h=e?.zIndex??1e3,g=O(e?.on??{}),_=e=>t`
+		`;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`
 			<div
-				${i(e=>{e?g.bind(e):g.unbindAll()})}
+				${f(e=>{e?v.bind(e):v.unbindAll()})}
 				style="
       position: fixed;
-      top: ${o};
+      top: ${a};
       bottom: ${s};
       left: ${c};
-      right: ${l};
-      ${u}
+      right: ${u};
+      ${d}
       width: ${r};
-      height: ${a};
-      background: ${d};
-      backdrop-filter: blur(${f});
-      -webkit-backdrop-filter: blur(${f});
-      border-radius: ${p};
-      padding: ${m};
+      height: ${i};
+      background: ${p};
+      backdrop-filter: blur(${m});
+      -webkit-backdrop-filter: blur(${m});
+      border-radius: ${h};
+      padding: ${g};
       box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
-      z-index: ${h};
+      z-index: ${_};
       display: flex;
       flex-direction: column;
     "
 			>
 				${e}
 			</div>
-		`;return b(n,void 0,_)}function G(e,n){if(n===void 0)return n=>G(e,n??[t``]);let r=`${100/e.ratio}%`,a=e.maxWidth?`max-width: ${e.maxWidth};`:``,o=e.background?`background: ${e.background};`:``,s=e.overflow??`hidden`,c=O(e.on??{});return t`
+		`;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`
 		<div
-			${i(e=>{e?c.bind(e):c.unbindAll()})}
+			${f(e=>{e?c.bind(e):c.unbindAll()})}
 			style="
       position: relative;
       width: 100%;
-      ${a}
+      ${i}
       ${o}
       overflow: ${s};
     "
@@ -519,26 +516,26 @@ import{css as e,html as t,nothing as n}from"lit";import{createRef as r,ref as i}
         height: 100%;
       "
 			>
-				${_(n)}
+				${a(n)}
 			</div>
 		</div>
-	`}function K(e,n){if(n===void 0){let n=t=>K(e,t);return n.html=(n,...r)=>K(e,t(n,...r)),n}let r=T(`AutoFitGrid`),a=C(`AutoFitGrid::auto-fit-grid`)+`-lyco-now-`+r,o=e?.gap??`16px`,s=`
-      .${a} {
+	`}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=`
+      .${c} {
         display: grid;
-        grid-template-columns: repeat(auto-fit, minmax(${e.minItemWidth}, 1fr));
-        gap: ${o};
+        grid-template-columns: repeat(auto-fit, minmax(${a.minItemWidth}, 1fr));
+        gap: ${u};
       }
-    `,c=O(e.on??{});return E(`AutoFitGrid`,t`
+    `,p=t(a.on??{});return e(`AutoFitGrid`,l`
 			<style>
-				${s}
+				${d}
 			</style>
 			<div
-				class="${a}"
-				${i(e=>{e?c.bind(e):c.unbindAll()})}
+				class="${c}"
+				${f(e=>{e?p.bind(e):p.unbindAll()})}
 			>
-				${g(n)}
+				${i(o)}
 			</div>
-		`)}function q(e,n){if(n===void 0)return n=>q(e,n??[t``]);let r=e?.size??`32px`,a=e?.overlap??`-8px`,o=O(e?.on??{}),s=(e,n)=>t`
+		`)}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`
 		<div
 			style="
               width: ${r};
@@ -546,30 +543,30 @@ import{css as e,html as t,nothing as n}from"lit";import{createRef as r,ref as i}
               border-radius: 50%;
               overflow: hidden;
               border: 2px solid #fff;
-              margin-left: ${n===0?`0`:a};
+              margin-left: ${t===0?`0`:i};
               box-sizing: content-box;
             "
 		>
 			${e}
 		</div>
-	`;return t`
+	`;return l`
 		<div
-			${i(e=>{e?o.bind(e):o.unbindAll()})}
+			${f(e=>{e?o.bind(e):o.unbindAll()})}
 			style="display: flex; align-items: center;"
 		>
-			${_(n,s)}
+			${a(n,s)}
 		</div>
-	`}function J(e,n){if(n===void 0){let n=n=>J(e,n??t``);return n.html=(n,...r)=>J(e,t(n,...r)),n}let r=e?.position??`top-right`,a=e?.size??`16px`,o=e?.background??`red`,s=e?.color??`#fff`,[c,l,u,d]=[r.includes(`top`)?`0`:`auto`,r.includes(`right`)?`0`:`auto`,r.includes(`bottom`)?`0`:`auto`,r.includes(`left`)?`0`:`auto`],f=O(e?.on??{});return t`
+	`}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`
 		<div style="position: relative; display: inline-block;">
-			${g(n)}
+			${i(n)}
 			<div
-				${i(e=>{e?f.bind(e):f.unbindAll()})}
+				${f(e=>{e?m.bind(e):m.unbindAll()})}
 				style="
         position: absolute;
         top: ${c};
-        right: ${l};
-        bottom: ${u};
-        left: ${d};
+        right: ${u};
+        bottom: ${d};
+        left: ${p};
         width: ${a};
         height: ${a};
         background: ${o};
@@ -579,34 +576,34 @@ import{css as e,html as t,nothing as n}from"lit";import{createRef as r,ref as i}
         display: flex;
         justify-content: center;
         align-items: center;
-        transform: translate(${d===`0`?`-50%`:`0`}, ${c===`0`?`-50%`:`0`});
+        transform: translate(${p===`0`?`-50%`:`0`}, ${c===`0`?`-50%`:`0`});
       "
 			>
 				${e?.content??``}
 			</div>
 		</div>
-	`}function re(e,t){return e?n=>{typeof e==`function`?e(n):e.current=n,typeof t==`function`?t(n):t.current=n}:t}function Y(e,n){if(!n)return t=>Y(e,t??r());let a=O(e?.on??{}),o=re(n,e=>{e?a.bind(e):a.unbindAll()});return t`
+	`}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`
 		<canvas
-			${i(o)}
+			${f(i)}
 			.class=${e?.className}
 			style=${e?.style??``}
 		></canvas>
-	`}function ie(e,n){if(n===void 0)return n=>ie(e,n??[t``]);let r=e?.padding??`16px`,a=e?.borderRadius??`8px`,o=e?.shadow??`0 2px 8px rgba(0,0,0,0.1)`,s=e?.background??`#fff`,c=O(e?.on??{});return t`
+	`}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`
 		<div
-			${i(e=>{e?c.bind(e):c.unbindAll()})}
+			${f(e=>{e?c.bind(e):c.unbindAll()})}
 			style="
       background: ${s};
-      border-radius: ${a};
+      border-radius: ${i};
       box-shadow: ${o};
       padding: ${r};
       box-sizing: border-box;
     "
 		>
-			${_(n)}
+			${a(n)}
 		</div>
-	`}function X(e,n){if(n===void 0){let n=n=>X(e,n??t``);return n.html=(n,...r)=>X(e,t(n,...r)),n}let r=e?.width?`width: ${e.width};`:``,a=e?.height?`height: ${e.height};`:``,o=e?.background?`background: ${e.background};`:``,s=O(e?.on??{});return t`
+	`}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`
 		<div
-			${i(e=>{e?s.bind(e):s.unbindAll()})}
+			${f(e=>{e?s.bind(e):s.unbindAll()})}
 			style="
       display: flex;
       justify-content: center;
@@ -614,30 +611,30 @@ import{css as e,html as t,nothing as n}from"lit";import{createRef as r,ref as i}
       ${r} ${a} ${o}
     "
 		>
-			${g(n)}
+			${i(n)}
 		</div>
-	`}function ae(e,n){if(n===void 0)return n=>ae(e,n??[t``]);let r=e?.maxWidth??`1024px`,a=e?.padding??`0 16px`,o=e?.background?`background: ${e.background};`:``,s=e?.fullHeight?`height: 100%;`:``,c=O(e?.on??{});return t`
+	`}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`
 		<div
-			${i(e=>{e?c.bind(e):c.unbindAll()})}
+			${f(e=>{e?c.bind(e):c.unbindAll()})}
 			style="
       width: 100%;
       max-width: ${r};
       margin-left: auto;
       margin-right: auto;
-      padding: ${a};
+      padding: ${i};
       ${o}
       ${s}
       box-sizing: border-box;
     "
 		>
-			${_(n)}
+			${a(n)}
 		</div>
-	`}function oe(e){let n=e?.orientation??`horizontal`,r=e?.thickness??`1px`,a=e?.color??`#e0e0e0`,o=e?.margin??(n===`horizontal`?`8px 0`:`0 8px`),s=O(e?.on??{}),c=n===`horizontal`?`width: 100%; height: ${r}; background: ${a}; margin: ${o};`:`width: ${r}; height: 100%; background: ${a}; margin: ${o};`;return t`<div
-		${i(e=>{e?s.bind(e):s.unbindAll()})}
-		style="${c}"
-	></div>`}function Z(e,n){if(n===void 0){let n=n=>Z(e,n??t``);return n.html=(n,...r)=>Z(e,t(n,...r)),n}let r=e?.columns??4,a=e?.gap??`24px`,o=e?.background??`#f8f8f8`,s=e?.padding??`40px 16px`,c=O(e?.on??{});return t`
+	`}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
+		${f(e=>{e?o.bind(e):o.unbindAll()})}
+		style="${s}"
+	></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`
 		<div
-			${i(e=>{e?c.bind(e):c.unbindAll()})}
+			${f(e=>{e?c.bind(e):c.unbindAll()})}
 			style="
       width: 100%;
       background: ${o};
@@ -652,38 +649,38 @@ import{css as e,html as t,nothing as n}from"lit";import{createRef as r,ref as i}
         gap: ${a};
       "
 			>
-				${g(n)}
+				${i(n)}
 			</div>
 			<div style="text-align: center; margin-top: 24px; color: #666;">
 				© ${new Date().getFullYear()} Your Company. All rights reserved.
 			</div>
 		</div>
-	`}function se(e,t){return t?e.map((e,n)=>t(e,n)):t=>e.map((e,n)=>t(e,n))}function Q(e,n){if(n===void 0){let n=n=>Q(e,n??t``);return n.html=(n,...r)=>Q(e,t(n,...r)),n}let r=e.defaultColumns??1,a=e.gap??`16px`,o=T(`GridBreakpoint`),s=e.className??C(`GridBreakpoint::grid-breakpoint`)+`-lyco-now-`+o,c=Object.entries(e.breakpoints).map(([e,t])=>`@media`+e+`{
-`+s+`{ grid-template-columns: repeat(`+t+`, 1fr); }
+	`}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+`{
+`+d+`{ grid-template-columns: repeat(`+t+`, 1fr); }
 }`).join(`
-`),l=`
-	.${s} {
+`),m=`
+	.${d} {
 	  display: grid;
-	  grid-template-columns: repeat(${r}, 1fr);
-	  gap: ${a};
+	  grid-template-columns: repeat(${s}, 1fr);
+	  gap: ${c};
 	}
-	${c}`,u=O(e?.on??{});return E(`GridBreakpoint`,t`
+	${p}`,h=t(a?.on??{});return e(`GridBreakpoint`,l`
 			<style>
-				${l}
+				${m}
 			</style>
 			<div
-				${i(e=>{e?u.bind(e):u.unbindAll()})}
-				class="${s}"
+				${f(e=>{e?h.bind(e):h.unbindAll()})}
+				class="${d}"
 			>
-				${g(n)}
+				${i(o)}
 			</div>
-		`)}function ce(e,n){if(n===void 0)return n=>ce(e,n??[t``]);let r=e?.backgroundImage?`background-image: url('${e.backgroundImage}');`:``,a=e?.height??`400px`,o=e?.overlayColor??`rgba(0, 0, 0, 0.3)`,s=O(e?.on??{});return t`
+		`)}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`
 		<div
-			${i(e=>{e?s.bind(e):s.unbindAll()})}
+			${f(e=>{e?s.bind(e):s.unbindAll()})}
 			style="
       position: relative;
       width: 100%;
-      height: ${a};
+      height: ${i};
       ${r}
       background-size: cover;
       background-position: center;
@@ -712,187 +709,187 @@ import{css as e,html as t,nothing as n}from"lit";import{createRef as r,ref as i}
         box-sizing: border-box;
       "
 			>
-				${_(n)}
+				${a(n)}
 			</div>
 		</div>
-	`}function le(e,n){if(n===void 0){let n=n=>le(e,n??t``);return n.html=(n,...r)=>le(e,t(n,...r)),n}let r=e?.breakpoint??`(max-width: 600px)`,a=e?.mode??`hide`,o=T(`Hidden`),s=e?.className??C(`Hidden::hidden-container`)+`-lyco-now-`+o,c=a===`hide`?`@media ${r} { .${s} { display: none !important; } }`:`@media ${r} { .${s} { display: block !important; } }
-       @media not ${r} { .${s} { display: none !important; } }`,l=`
-	.${s} {
+	`}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; } }
+       @media not ${s} { .${d} { display: none !important; } }`,m=`
+	.${d} {
 	  display: block;
 	}
-	${c}`,u=O(e?.on??{});return E(`Hidden`,t`
+	${p}`,h=t(a?.on??{});return e(`Hidden`,l`
 			<style>
-				${l}
+				${m}
 			</style>
 			<div
-				${i(e=>{e?u.bind(e):u.unbindAll()})}
-				class="${s}"
+				${f(e=>{e?h.bind(e):h.unbindAll()})}
+				class="${d}"
 			>
-				${g(n)}
+				${i(o)}
 			</div>
-		`)}function ue(e){return t` <li>${_(e)}</li> `}function de(e,n){let r=e?.bordered?`border: 1px solid #ddd; border-radius: 4px`:``,i=e?.striped?`li:nth-child(even) { background: #f9f9f9; }`:``,a=e?.hover?`li:hover { background: #f1f1f1; cursor: pointer; }`:``,o=T(`List`),s=e?.className??C(`List::list`)+`-lyco-now-${o}`,c=`
-    ul.${s} {
+		`)}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=`
+    ul.${d} {
 	    list-style: none;
 	    margin: 0;
 	    padding: 0;
-	    ${r};
+	    ${o};
 	}
-	ul.${s} li {
+	ul.${d} li {
 	    padding: 12px 16px;
-	    ${e?.bordered?`border-bottom: 1px solid #ddd`:``};
+	    ${t?.bordered?`border-bottom: 1px solid #ddd`:``};
 	}
-	ul.${s} li:last-child {
-	    ${e?.bordered?`border-bottom: none`:``};
+	ul.${d} li:last-child {
+	    ${t?.bordered?`border-bottom: none`:``};
 	}
-	${i}
-	${a}
-    `.toString(),l=e=>E(`List`,t`
+	${s}
+	${c}
+    `.toString(),p=t=>e(`List`,l`
 				<style>
-					${c}
+					${f}
 				</style>
-				<ul class="${s}">
-					${_(e)}
+				<ul class="${d}">
+					${a(t)}
 				</ul>
-			`);return n===void 0?l:l(n)}function fe(e,n){let r=e?.bordered?`border: 1px solid #ddd; border-radius: 4px`:``,a=e?.striped?`li:nth-child(even) { background: #f9f9f9; }`:``,o=e?.hover?`li:hover { background: #f1f1f1; cursor: pointer; }`:``,s=T(`ListGroup`),c=e?.className??C(`ListGroup::list-group`)+`-lyco-now-`+s,l=(e,n,r,i)=>r?t` <li>${e}</li> `:e,u=`
-	ul.${c} {
+			`);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=`
+	ul.${m} {
 	  list-style: none;
 	  margin: 0;
 	  padding: 0;
-	  ${r};
+	  ${c};
 	}
-	ul.${c} li {
+	ul.${m} li {
 	  padding: 12px 16px;
-	  ${e?.bordered?`border-bottom: 1px solid #ddd`:``};
+	  ${i?.bordered?`border-bottom: 1px solid #ddd`:``};
 	}
-	ul.${c} li:last-child {
-	  ${e?.bordered?`border-bottom: none`:``};
+	ul.${m} li:last-child {
+	  ${i?.bordered?`border-bottom: none`:``};
 	}
-	${a}
-	${o}
-	`,d=O(e?.on??{}),f=e=>E(`ListGroup`,t`
+	${u}
+	${d}
+	`,_=t(i?.on??{}),v=t=>e(`ListGroup`,l`
 				<style>
-					${u}
+					${g}
 				</style>
 				<ul
-					${i(e=>{e?d.bind(e):d.unbindAll()})}
-					class="${c}"
+					${f(e=>{e?_.bind(e):_.unbindAll()})}
+					class="${m}"
 				>
-					${_(e,l)}
+					${a(t,h)}
 				</ul>
-			`);return b(n,f)}function pe(e,n){if(n===void 0)return n=>pe(e,n??[t``]);let r=e?.background??`rgba(0, 0, 0, 0.5)`,a=e?.zIndex??1e3,o=e?.fullScreen!==!1,s=O(e?.on??{});return t`
+			`);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`
 		<div
-			${i(e=>{e?s.bind(e):s.unbindAll()})}
+			${f(e=>{e?s.bind(e):s.unbindAll()})}
 			style="
         position: ${o?`fixed`:`absolute`};
         top: 0; left: 0; right: 0; bottom: 0;
         background: ${r};
-        z-index: ${a};
+        z-index: ${i};
         display: flex;
         justify-content: center;
         align-items: center;
       "
 		>
-			${_(n)}
+			${a(n)}
 		</div>
-	`}function me(e,n){if(n===void 0){let n=n=>me(e,n??t``);return n.html=(n,...r)=>me(e,t(n,...r)),n}let r=e?.width?`width: ${e.width};`:``,a=e?.height?`height: ${e.height};`:``,o=e?.background?`background: ${e.background};`:``,s=O(e?.on??{});return t`
+	`}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`
 		<div
-			${i(e=>{e?s.bind(e):s.unbindAll()})}
+			${f(e=>{e?s.bind(e):s.unbindAll()})}
 			style="
       position: relative;
       ${r} ${a} ${o}
       overflow: hidden;
     "
 		>
-			${g(n)}
+			${i(n)}
 		</div>
-	`}function he(e){let n=e?.width?`width: ${e.width};`:``,r=e?.height?`height: ${e.height};`:``,a=O(e?.on??{});return t`<div
-		${i(e=>{e?a.bind(e):a.unbindAll()})}
+	`}function le(e){let n=e?.width?`width: ${e.width};`:``,r=e?.height?`height: ${e.height};`:``,i=t(e?.on??{});return l`<div
+		${f(e=>{e?i.bind(e):i.unbindAll()})}
 		style="${n} ${r}"
-	></div>`}function ge(e){let{type:n=`rect`,width:r=`100%`,height:a=`16px`,borderRadius:o=`4px`,animation:s=!0,animationType:c=`shimmer`,bgColor:l=`#eee`,highlightColor:u=`#ddd`,count:d=1,spacing:f=`8px`,direction:p=`vertical`,delay:m=0,autoHide:h=!1,duration:g=2e3,on:_={}}=e??{},v=T(`SkeletonLoader`),y=C(`SkeletonLoader::skeleton`)+`-lyco-now-`+v,b=O(_),x=n===`circle`?`border-radius:50%;width:${r};height:${r}`:`border-radius:${o};width:${r};height:${a}`,S=``,w=``;s&&(c===`shimmer`?(S=`@keyframes ${y}-shimmer { 0% { background-color: ${l}; } 50% { background-color: ${u}; } 100% { background-color: ${l}; } }`,w=`animation:${y}-shimmer 1.2s infinite ease-in-out;`):(S=`@keyframes ${y}-pulse { 0% { opacity:1; } 50% { opacity:0.4; } 100% { opacity:1; } }`,w=`animation:${y}-pulse 1.2s infinite ease-in-out;`));let D=p===`horizontal`?`display:flex;flex-direction:row;gap:${f}`:`display:flex;flex-direction:column;gap:${f}`,k=[];for(let e=0;e<d;e++)k.push(t`
+	></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`
 			<div
-				class="${y}"
-				style="${x};background-color:${l};${w};opacity:0;transition:opacity 0.3s"
-				${i(e=>{e&&b.bind(e)})}
+				class="${C}"
+				style="${T};background-color:${p};${D};opacity:0;transition:opacity 0.3s"
+				${f(e=>{e&&w.bind(e)})}
 			></div>
-		`);function A(e){let t=Array.from(e.querySelectorAll(`.${y}`));setTimeout(()=>{t.forEach(e=>e.style.opacity=`1`),h&&setTimeout(()=>{t.forEach(e=>e.style.opacity=`0`)},g)},m)}return E(`SkeletonLoader`,t`
+		`);function A(e){let t=Array.from(e.querySelectorAll(`.${C}`));setTimeout(()=>{t.forEach(e=>e.style.opacity=`1`),y&&setTimeout(()=>{t.forEach(e=>e.style.opacity=`0`)},b)},v)}return e(`SkeletonLoader`,l`
 			<style>
-				${S}
+				${E}
 			</style>
 			<div
-				style="${D}"
-				${i(e=>e&&A(e))}
+				style="${O}"
+				${f(e=>e&&A(e))}
 			>
 				${k}
 			</div>
-		`)}function _e(e){let n=O(e?.on??{});return t`<div
-		${i(e=>{e?n.bind(e):n.unbindAll()})}
+		`)}function de(e){let n=t(e?.on??{});return l`<div
+		${f(e=>{e?n.bind(e):n.unbindAll()})}
 		style="flex: 1 1 auto;"
-	></div>`}function ve(e,n){if(n===void 0){let n=n=>ve(e,n??t``);return n.html=(n,...r)=>ve(e,t(n,...r)),n}let r=e?.top?`top: ${e.top};`:``,a=e?.bottom?`bottom: ${e.bottom};`:``,o=typeof e?.zIndex==`number`?`z-index: ${e.zIndex};`:``,s=O(e?.on??{});return t`
+	></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`
 		<div
-			${i(e=>{e?s.bind(e):s.unbindAll()})}
+			${f(e=>{e?s.bind(e):s.unbindAll()})}
 			style="
       position: sticky;
       ${r} ${a}
       ${o}
     "
 		>
-			${g(n)}
+			${i(n)}
 		</div>
-	`}function ye(e,n){if(n===void 0){let n=n=>ye(e,n??t``);return n.html=(n,...r)=>ye(e,t(n,...r)),n}let r=T(`Table`),a=e?.className??C(`Table::table`)+`-lyco-now-${r}`,o=e?.striped?`
-      .${a} tr:nth-child(even) { 
-        background: ${U.colors.surface};
+	`}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?`
+      .${c} tr:nth-child(even) { 
+        background: ${L.colors.surface};
       }
-    `:``,s=e?.hover?`
-      .${a} tr:hover { 
-        background: ${U.colors.primaryContainer};
+    `:``,d=a?.hover?`
+      .${c} tr:hover { 
+        background: ${L.colors.primaryContainer};
         cursor: pointer;
       }
-    `:``,c=e?.bordered?`
-      .${a}, .${a} th, .${a} td { 
-        border: 1px solid ${U.colors.surfaceVariant}; 
+    `:``,p=a?.bordered?`
+      .${c}, .${c} th, .${c} td { 
+        border: 1px solid ${L.colors.surfaceVariant}; 
       }
-    `:``,l=`
-	.${a} table {
+    `:``,m=`
+	.${c} table {
 	  width: 100%;
 	  border-collapse: separate;
 	  border-spacing: 0;
-	  border-radius: ${U.borderRadius.medium};
+	  border-radius: ${L.borderRadius.medium};
 	  overflow: hidden;
-	  box-shadow: ${U.elevation.level1};
+	  box-shadow: ${L.elevation.level1};
 	}
-	.${a} th,
-	.${a} td {
+	.${c} th,
+	.${c} td {
 	  padding: 16px;
 	  text-align: left;
-	  transition: background ${U.animation.standard};
+	  transition: background ${L.animation.standard};
 	}
-	.${a} th {
-	  background: ${U.colors.surfaceVariant};
-	  color: ${U.colors.onSurfaceVariant};
+	.${c} th {
+	  background: ${L.colors.surfaceVariant};
+	  color: ${L.colors.onSurfaceVariant};
 	  font-weight: 500;
 	}
-	.${a} td {
-	  border-bottom: 1px solid ${U.colors.surfaceVariant}; 
+	.${c} td {
+	  border-bottom: 1px solid ${L.colors.surfaceVariant}; 
 	}
-	${o}
-	${s}
-	${c}
-	`,u=O(e?.on??{});return E(`Table`,t`
+	${u}
+	${d}
+	${p}
+	`,h=t(a?.on??{});return e(`Table`,l`
 			<style>
-				${l}
+				${m}
 			</style>
 
 			<div
-				${i(e=>{e?u.bind(e):u.unbindAll()})}
-				class="${a}"
+				${f(e=>{e?h.bind(e):h.unbindAll()})}
+				class="${c}"
 			>
 				<table>
-					${g(n)}
+					${i(o)}
 				</table>
 			</div>
-		`)}function be(e,n){let r=e?.direction??`row`,a=O(e?.on??{});return n===void 0?n=>be(e,n??t``):t`
+		`)}function me(e,n){let r=e?.direction??`row`,i=t(e?.on??{});return n===void 0?t=>me(e,t??l``):l`
 		<div
-			${i(e=>{e?a.bind(e):a.unbindAll()})}
+			${f(e=>{e?i.bind(e):i.unbindAll()})}
 			style="
       display: flex;
       flex-direction: ${r};
@@ -902,117 +899,117 @@ import{css as e,html as t,nothing as n}from"lit";import{createRef as r,ref as i}
       ${e?.justify?`justify-content: ${e.justify};`:``}
     "
 		>
-			${_(n)}
+			${a(n)}
 		</div>
-	`}function xe(e,n){let r=e?.width?`width: ${e.width};`:``,a=e?.height?`height: ${e.height};`:``,o=e?.background?`background: ${e.background};`:``,s=O(e?.on??{});if(n===void 0)return n=>xe(e,n??[t``]);let c=`flex-start`,l=`flex-start`;switch(e?.align){case`top-right`:c=`flex-end`,l=`flex-start`;break;case`center`:c=`center`,l=`center`;break;case`bottom-left`:c=`flex-start`,l=`flex-end`;break;case`bottom-right`:c=`flex-end`,l=`flex-end`;break;default:c=`flex-start`,l=`flex-start`}return t`
+	`}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`
 		<div
-			${i(e=>{e?s.bind(e):s.unbindAll()})}
+			${f(e=>{e?s.bind(e):s.unbindAll()})}
 			style="
       position: relative;
       display: flex;
       justify-content: ${c};
-      align-items: ${l};
-      ${r} ${a} ${o}
+      align-items: ${u};
+      ${r} ${i} ${o}
     "
 		>
-			${_(n)}
+			${a(n)}
 		</div>
-	`}function Se(e){let{value:n=``,options:r=[],placeholder:a=``,disabled:o=!1,error:s=!1,className:c=``,style:l=``,maxHeight:u=`300px`,onChange:d,onInput:f,onFocus:p,onBlur:m,on:h={},optionRender:g}=e??{},_=T(`Combobox`),v=C(`Combobox::combobox`)+`-lyco-now-${_}`,y=!1,b=null,x=`
-    .${v} {
+	`}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=`
+    .${S} {
       position: relative;
       width: 100%;
     }
 
-    .${v} input {
+    .${S} input {
       width: 100%;
       padding: 12px 16px;
       font-size: 16px;
-      border: 1px solid ${s?U.colors.error:U.colors.surfaceVariant};
-      border-radius: ${U.borderRadius.small};
-      color: ${U.colors.onSurface};
-      transition: all ${U.animation.standard};
+      border: 1px solid ${u?L.colors.error:L.colors.surfaceVariant};
+      border-radius: ${L.borderRadius.small};
+      color: ${L.colors.onSurface};
+      transition: all ${L.animation.standard};
       outline: none;
       box-sizing: border-box;
     }
 
-    .${v} input:focus {
-      border-color: ${U.colors.primary};
-      box-shadow: 0 0 0 2px ${U.colors.primaryContainer};
+    .${S} input:focus {
+      border-color: ${L.colors.primary};
+      box-shadow: 0 0 0 2px ${L.colors.primaryContainer};
     }
 
-    .${v} input:disabled {
-      background: ${U.colors.surfaceVariant};
-      color: ${U.colors.onSurfaceVariant};
+    .${S} input:disabled {
+      background: ${L.colors.surfaceVariant};
+      color: ${L.colors.onSurfaceVariant};
       cursor: not-allowed;
     }
 
-    .${v} .options {
+    .${S} .options {
       position: absolute;
       top: 100%;
       left: 0;
       right: 0;
-      max-height: ${u};
+      max-height: ${m};
       overflow-y: auto;
-      border: 1px solid ${U.colors.surfaceVariant};
-      border-radius: ${U.borderRadius.small};
-      box-shadow: ${U.elevation.level2};
+      border: 1px solid ${L.colors.surfaceVariant};
+      border-radius: ${L.borderRadius.small};
+      box-shadow: ${L.elevation.level2};
       z-index: 1000;
       display: none;
     }
 
-    .${v} .options.open {
+    .${S} .options.open {
       display: block;
     }
 
-    .${v} .option {
+    .${S} .option {
       padding: 12px 16px;
       cursor: pointer;
-      transition: background ${U.animation.standard};
+      transition: background ${L.animation.standard};
     }
 
-    .${v} .option:hover {
-      background: ${U.colors.primaryContainer};
+    .${S} .option:hover {
+      background: ${L.colors.primaryContainer};
     }
 
-    .${v} .option.selected {
-      background: ${U.colors.primaryContainer};
-      color: ${U.colors.onPrimaryContainer};
+    .${S} .option.selected {
+      background: ${L.colors.primaryContainer};
+      color: ${L.colors.onPrimaryContainer};
     }
-  `,S=O(h),w=null,D=()=>{y?w?.classList.remove(`open`):w?.classList.add(`open`),y=!y},k=(e,t)=>{if(b){b.value=e.value;let n=t.currentTarget;Array.from(w?.querySelectorAll(`.selected`)??[]).forEach(e=>e.classList.remove(`selected`)),!n.classList.contains(`selected`)&&n.classList.add(`selected`),d?.(e.value)}D()},A=e=>{let t=e.target;t.closest(`.${v}`)||(y=!1,w?.classList.remove(`open`))};return typeof window<`u`&&document.addEventListener(`click`,A),E(`Combobox`,t`
+  `,E=t(y),D=null,O=()=>{C?D?.classList.remove(`open`):D?.classList.add(`open`),C=!C},k=(e,t)=>{if(w){w.value=e.value;let n=t.currentTarget;Array.from(D?.querySelectorAll(`.selected`)??[]).forEach(e=>e.classList.remove(`selected`)),!n.classList.contains(`selected`)&&n.classList.add(`selected`),h?.(e.value)}O()},A=e=>{let t=e.target;t.closest(`.${S}`)||(C=!1,D?.classList.remove(`open`))};return typeof window<`u`&&document.addEventListener(`click`,A),e(`Combobox`,l`
 			<style>
-				${x}
+				${T}
 			</style>
-			<div class="${v} ${c}" style="${l}">
+			<div class="${S} ${d}" style="${p}">
 				<input
-					${i(e=>{e?(b=e,S.bind(e)):S.unbindAll()})}
+					${f(e=>{e?(w=e,E.bind(e)):E.unbindAll()})}
 					type="text"
-					.value=${n}
-					placeholder=${a}
-					?disabled=${o}
-					@focus=${()=>{p?.(),D()}}
-					@input=${e=>{let t=e.target;f?.(t.value)}}
-					@change=${e=>{let t=e.target;d?.(t.value)}}
+					.value=${a}
+					placeholder=${s}
+					?disabled=${c}
+					@focus=${()=>{_?.(),O()}}
+					@input=${e=>{let t=e.target;g?.(t.value)}}
+					@change=${e=>{let t=e.target;h?.(t.value)}}
 				/>
 				<div
-					${i(e=>{e&&(w=e)})}
+					${f(e=>{e&&(D=e)})}
 					class="options"
 				>
-					${r.map(e=>t`
+					${o.map(e=>l`
 							<div
-								class="option ${e.value===(b?.value??n)?`selected`:``}"
+								class="option ${e.value===(w?.value??a)?`selected`:``}"
 								@click=${t=>k(e,t)}
 							>
-								${g?g(e):e.label}
+								${b?b(e):e.label}
 							</div>
 						`)}
 				</div>
 			</div>
-		`)}function Ce(n){let r=Math.min(100,Math.max(0,n?.value??0)),a=Math.min(100,Math.max(0,n?.bufferValue??0)),o=n?.color??`#1976d2`,s=n?.secondaryColor??`#90caf9`,c=n?.backgroundColor??`#e0e0e0`,l=n?.height??`4px`,u=n?.radius??`4px`,d=n?.showLabel??!1,f=n?.labelPosition??`inside`,p=n?.labelColor??(r>50?`white`:o),m=n?.labelFontSize??`12px`,h=n?.striped??!1,g=n?.animated??!1,_=n?.paused??!1,v=n?.transitionDuration??`0.3s`,y=n?.className??``,b=n?.style??``,x=O(n?.on??{}),S=h?`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);
+		`)}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);
       background-size: 1rem 1rem;
       animation: progress-stripes 1s linear infinite;
-      animation-play-state: ${_?`paused`:`running`};`:``;return t`
+      animation-play-state: ${v?`paused`:`running`};`:``;return l`
 		<style>
-			${e`
+			${c`
 				@keyframes progress-stripes {
 					from {
 						background-position: 1rem 0;
@@ -1025,69 +1022,69 @@ import{css as e,html as t,nothing as n}from"lit";import{createRef as r,ref as i}
 		</style>
 
 		<div
-			${i(e=>{e?x.bind(e):x.unbindAll()})}
-			class="lyco-progress ${y}"
+			${f(e=>{e?S.bind(e):S.unbindAll()})}
+			class="lyco-progress ${b}"
 			role="progressbar"
 			aria-valuemin="0"
 			aria-valuemax="100"
-			aria-valuenow="${r}"
+			aria-valuenow="${n}"
 			style="
         width: 100%;
-        background: ${c};
+        background: ${o};
         border-radius: ${u};
-        height: ${l};
+        height: ${s};
         position: relative;
         overflow: hidden;
         display: flex;
         align-items: center;
-        ${b}
+        ${x}
       "
 		>
-			${n?.prefixIcon}
+			${e?.prefixIcon}
 			<!-- 缓冲进度 -->
 			<div
 				style="
           position: absolute;
-          width: ${a}%;
+          width: ${r}%;
           height: 100%;
-          background: ${s};
-          transition: width ${v} ease;
+          background: ${a};
+          transition: width ${y} ease;
         "
 			></div>
 			<!-- 主进度 -->
 			<div
 				style="
           position: absolute;
-          width: ${r}%;
+          width: ${n}%;
           height: 100%;
-          background: ${o};
+          background: ${i};
           border-radius: ${u};
-          transition: width ${v} ease;
-          ${S}
+          transition: width ${y} ease;
+          ${C}
         "
 			></div>
 
 			<!-- 文本标签 -->
-			${d?t`
+			${d?l`
 						<div
 							style="
-                position: ${f===`inside`?`absolute`:`relative`};
-                ${f===`inside`?`right: 8px; top: 50%; transform: translateY(-50%);`:`margin-left: auto; margin-right: 4px;`}
-                font-size: ${m};
-                color: ${p};
+                position: ${p===`inside`?`absolute`:`relative`};
+                ${p===`inside`?`right: 8px; top: 50%; transform: translateY(-50%);`:`margin-left: auto; margin-right: 4px;`}
+                font-size: ${h};
+                color: ${m};
                 z-index: 1;
               "
 						>
-							${r}%
+							${n}%
 						</div>
 				  `:``}
-			${n?.suffixIcon}
+			${e?.suffixIcon}
 		</div>
-	`}function we(n){let{size:r=`24px`,color:a=U.colors.primary,thickness:o=`2px`,speed:s=`1.2s`,className:c=``,opacity:l=1,startAngle:u=0,easing:d=`linear`,reverse:f=!1,style:p=``,on:m={},children:h,svgMode:g=!1,strokeLinecap:_=`butt`,strokeDasharray:v=``}=n??{},y=O(m),b=T(`Spinner`),x=t`
+	`}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`
 		<div
-			class="${c}"
-			style="display: inline-flex; align-items: center; justify-content: center; width: ${r}; height: ${r}; ${p}"
-			${i()}
+			class="${u}"
+			style="display: inline-flex; align-items: center; justify-content: center; width: ${i}; height: ${i}; ${g}"
+			${f()}
 		>
 			<div
 				style="
@@ -1097,34 +1094,34 @@ import{css as e,html as t,nothing as n}from"lit";import{createRef as r,ref as i}
 					border-right-color: transparent;
 					border-radius: 50%;
 					box-sizing: border-box;
-					opacity: ${l};
-					animation: lyco-spin-${b} ${s} ${d} infinite ${f?`reverse`:`normal`};
+					opacity: ${d};
+					animation: lyco-spin-${C} ${s} ${m} infinite ${h?`reverse`:`normal`};
 				"
 			></div>
 		</div>
 		<style>
-			${e`
-				@keyframes lyco-spin-${b} {
+			${c`
+				@keyframes lyco-spin-${C} {
 					from {
-						transform: rotate(${u}deg);
+						transform: rotate(${p}deg);
 					}
 					to {
-						transform: rotate(${u+360}deg);
+						transform: rotate(${p+360}deg);
 					}
 				}
 			`.cssText}
 		</style>
-	`,S=t`
+	`,T=l`
 		<div
-			class="${c}"
-			style="display: inline-flex; align-items: center; justify-content: center; width: ${r}; height: ${r}; ${p}"
-			${i(e=>{e?y.bind(e):y.unbindAll()})}
+			class="${u}"
+			style="display: inline-flex; align-items: center; justify-content: center; width: ${i}; height: ${i}; ${g}"
+			${f(e=>{e?S.bind(e):S.unbindAll()})}
 		>
 			<svg
 				width="100%"
 				height="100%"
 				viewBox="0 0 100 100"
-				style="opacity: ${l}; overflow: visible; filter: drop-shadow(${U.elevation.level1});"
+				style="opacity: ${d}; overflow: visible; filter: drop-shadow(${L.elevation.level1});"
 			>
 				<circle
 					cx="50"
@@ -1134,61 +1131,61 @@ import{css as e,html as t,nothing as n}from"lit";import{createRef as r,ref as i}
 					stroke="${a}"
 					style="
 					stroke-width: ${o};
-					stroke-linecap: ${_};
-					stroke-dasharray: ${v};
+					stroke-linecap: ${b};
+					stroke-dasharray: ${x};
 					transform-origin: 50% 50%;
-					animation: lyco-svg-spin-${b} ${s} ${d} infinite ${f?`reverse`:`normal`};
+					animation: lyco-svg-spin-${C} ${s} ${m} infinite ${h?`reverse`:`normal`};
 				"
 				></circle>
 			</svg>
 		</div>
 		<style>
-			${e`
-				@keyframes lyco-svg-spin-${b} {
+			${c`
+				@keyframes lyco-svg-spin-${C} {
 					from {
-						transform: rotate(${u}deg);
+						transform: rotate(${p}deg);
 					}
 					to {
-						transform: rotate(${u+360}deg);
+						transform: rotate(${p+360}deg);
 					}
 				}
 			`.cssText}
 		</style>
-	`;return E(`Spinner`,g?S:x)}let $=function(e){return e.Top=`top`,e.Bottom=`bottom`,e.Left=`left`,e.Right=`right`,e}({});function Te(e,n){let{content:r,placement:a=$.Top,delay:o={show:200,hide:100},offset:s=8,hideOnClick:c=!1,interactive:l=!1,maxWidth:u=`200px`,theme:d=`dark`,className:f=``,style:p=``,zIndex:m=1e3,on:h={},onShow:_,onHide:v}=e,b=O(h),x,S;function C(e){clearTimeout(S),x=window.setTimeout(()=>{T.style.visibility=`visible`,T.style.opacity=`1`,_?.()},o.show)}function w(){clearTimeout(x),S=window.setTimeout(()=>{T.style.visibility=`hidden`,T.style.opacity=`0`,v?.()},o.hide)}let T,E=e=>t`
+	`;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`
 			<div
-				${i(e=>{e?(b.bind(e),T=e.querySelector(`.lyco-tooltip-content`),e.addEventListener(`mouseenter`,()=>C(e)),e.addEventListener(`mouseleave`,()=>w()),c&&e.addEventListener(`click`,()=>w())):b.unbindAll()})}
-				class="lyco-tooltip lyco-tooltip--${d} ${f}"
-				style="position: relative; display: inline-block; ${p}"
+				${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()})}
+				class="lyco-tooltip lyco-tooltip--${m} ${h}"
+				style="position: relative; display: inline-block; ${g}"
 			>
-				${g(e)}
+				${i(e)}
 				<div
 					class="lyco-tooltip-content"
 					style="
             position: absolute;
-            max-width: ${u};
+            max-width: ${p};
             ${a===$.Top?`bottom: 100%; left: 50%; transform: translateX(-50%)`:``}
             ${a===$.Bottom?`top: 100%; left: 50%; transform: translateX(-50%)`:``}
             ${a===$.Left?`right: 100%; top: 50%; transform: translateY(-50%)`:``}
             ${a===$.Right?`left: 100%; top: 50%; transform: translateY(-50%)`:``}
             padding: 4px 8px;
             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
-            background: ${d===`light`?`white; color: black`:`rgba(0,0,0,0.8); color: white`};
+            background: ${m===`light`?`white; color: black`:`rgba(0,0,0,0.8); color: white`};
             border-radius: 4px;
             font-size: 12px;
             white-space: normal;
-            width: ${a===$.Left||a===$.Right?u:`auto`};
+            width: ${a===$.Left||a===$.Right?p:`auto`};
             visibility: hidden;
             opacity: 0;
             transition: opacity ${o.show}ms;
-            z-index: ${m};
-            margin: ${typeof s==`number`?a===$.Top||a===$.Bottom?`${s}px 0`:`0 ${s}px`:`${s.y}px ${s.x}px`};
-            ${l?`pointer-events: auto`:`pointer-events: none`};
+            z-index: ${_};
+            margin: ${typeof c==`number`?a===$.Top||a===$.Bottom?`${c}px 0`:`0 ${c}px`:`${c.y}px ${c.x}px`};
+            ${d?`pointer-events: auto`:`pointer-events: none`};
           "
 				>
 					${r}
 				</div>
 			</div>
-		`;return y(n,E)}let Ee=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 De=typeof window>`u`,Oe=!De&&`HTMLDialogElement`in window,ke=e=>`
+		`;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=>`
   position: fixed;
   top: 0;
   left: 0;
@@ -1199,77 +1196,77 @@ import{css as e,html as t,nothing as n}from"lit";import{createRef as r,ref as i}
   justify-content: center;
   z-index: 1000;
   background: rgba(0,0,0,0.3);
-`;var Ae=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 je(e,n){let r=e?.open??!1,a=e?.onClose,o=e?.className??``,s=e?.style??``,c=O(e?.on?e?.on:{}),l=e?.movable??!1,u=e?.placement??Ee.Center,d=e?.proxyRef??{value:null},f=null,p=!1,m={x:0,y:0},h=null,g=e?.mask??!0,v=T(`Dialog`),y=C(`Dialog::dialog`)+`-lyco-now-`+v;function x(e){return l?l===`self`?e:l&&`value`in l?l.value:null:null}function S(){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 w(){switch(u){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 S()}}function D(){switch(u){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||(h=x(t),!h||!h.contains(e.target)))return;f=t,f.style.transform=`none`,e.preventDefault(),h.style.cursor=`grabbing`;let n=t.getBoundingClientRect(),{txp:r,typ:i}=D();m={x:e.clientX-(n.left+r/100*n.width),y:e.clientY-(n.top+i/100*n.height)},p=!0,document.addEventListener(`mousemove`,A),document.addEventListener(`mouseup`,j)}function A(e){if(!p||!h||!f)return;let t=f.getBoundingClientRect(),{txp:n,typ:r}=D(),i=e.clientX-m.x-n/100*t.width,a=e.clientY-m.y-r/100*t.height;f.style.left=`${i}px`,f.style.top=`${a}px`}function j(){p=!1,h=null,f=null,document.removeEventListener(`mousemove`,A),document.removeEventListener(`mouseup`,j)}function M(){let e=g?`rgba(0,0,0,0.5)`:`transparent`;return`
-      ${y}::-webkit-backdrop,
-      ${y}::backdrop {
+`;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`
+      ${w}::-webkit-backdrop,
+      ${w}::backdrop {
         background: ${e};
-        transition: opacity ${U.animation.standard};
+        transition: opacity ${L.animation.standard};
       }
-    `}function N(e){let n=null,u=null;return E(`Dialog`,t`
+    `}function N(t){let n=null,r=null;return e(`Dialog`,l`
 				<div
-					${i(e=>{if(e){if(n=e,u){let e=new Ae(n,u);d.value=e,c.bind(n),r?e.showModal():e.close()}}else c.unbindAll()})}
-					@click=${e=>{e.target===e.currentTarget&&a?.()}}
-					style=${ke(r)}
+					${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()})}
+					@click=${e=>{e.target===e.currentTarget&&u?.()}}
+					style=${Ce(c)}
 				>
 					<div
-						${i(e=>{if(e&&(u=e,n)){let e=new Ae(n,u);d.value=e}})}
-						class="${y} ${o}"
+						${f(e=>{if(e&&(r=e,n)){let e=new we(n,r);_.value=e}})}
+						class="${w} ${d}"
 						style="
               padding: 0;
               border: none;
-              background: ${U.colors.surface};
-              border-radius: ${U.borderRadius.large};
+              background: ${L.colors.surface};
+              border-radius: ${L.borderRadius.large};
               min-width: 300px;
-              ${w()}
-              ${typeof l==`boolean`?``:`cursor: default;`}
-              ${s}
+              ${D()}
+              ${typeof h==`boolean`?``:`cursor: default;`}
+              ${p}
             "
 					>
-						${_(e)}
+						${a(t)}
 					</div>
 				</div>
-			`)}function P(e){return De||!Oe?N(e):E(`Dialog`,t`
+			`)}function P(t){return xe||!Se?N(t):e(`Dialog`,l`
 				<dialog
-					${i(e=>{if(e){d.value=e;let t=e;c.bind(t),requestAnimationFrame(()=>{try{r?t.showModal():t.close()}catch(e){console.warn(`Dialog operation failed:`,e)}})}else c.unbindAll()})}
-					@close=${a}
+					${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()})}
+					@close=${u}
 					@mousedown=${e=>k(e,e.currentTarget)}
 					style="
           padding: 0;
           border: none;
-          background: ${U.colors.surface};
-          border-radius: ${U.borderRadius.large};
+          background: ${L.colors.surface};
+          border-radius: ${L.borderRadius.large};
           min-width: 300px;
           margin: 0;
           position: fixed;
-          box-shadow: ${U.elevation.level3};
-          transition: transform ${U.animation.emphasized};
-          ${w()}
-          ${typeof l==`boolean`?``:`cursor: default;`}
-          ${s}
+          box-shadow: ${L.elevation.level3};
+          transition: transform ${L.animation.emphasized};
+          ${D()}
+          ${typeof h==`boolean`?``:`cursor: default;`}
+          ${p}
         "
 				>
-					${_(e)}
+					${a(t)}
 				</dialog>
 				<style>
 					${M()}
 				</style>
-			`)}return b(n,P)}function Me(e,n){let r=e?.className??``,a=e?.style??``,o=O(e?.on??{}),s=e=>t`
+			`)}return o(s,P)}function Ee(e,n){let r=e?.className??``,i=e?.style??``,s=t(e?.on??{}),c=e=>l`
 			<div
-				${i(e=>{e?o.bind(e):o.unbindAll()})}
+				${f(e=>{e?s.bind(e):s.unbindAll()})}
 				class="lyco-dialog-actions ${r}"
 				style="
           display: flex;
           align-items: center;
           justify-content: flex-end;
           padding: 8px 24px;
-          ${a}
+          ${i}
         "
 			>
-				${_(e)}
+				${a(e)}
 			</div>
-		`;return b(n,s)}function Ne(e,n){let r=e?.variant??`text`,a=e?.color??`default`,o=e?.className??``,s=e?.style??``,c=O({click:e?.onClick?t=>{var n;t.preventDefault(),(n=e.onClick)?.call(e,t)}:void 0,...e?.on}),l=e=>t`
+		`;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`
 			<button
-				${i(e=>{e?c.bind(e):c.unbindAll()})}
+				${f(e=>{e?u.bind(e):u.unbindAll()})}
 				class="lyco-dialog-button ${r} ${a} ${o}"
 				style="
           padding: 6px 16px;
@@ -1280,12 +1277,12 @@ import{css as e,html as t,nothing as n}from"lit";import{createRef as r,ref as i}
           outline: none;
           margin: 0 4px;
           ${r===`contained`?`background: #1976d2; color: white;`:`background: transparent;`}
-          ${s}
+          ${c}
         "
 			>
-				${g(e)}
+				${i(e)}
 			</button>
-		`;return y(n,l)}function Pe(e,n){let r=e?.className??``,i=e?.style??``,a=O(e?.on??{}),o=e=>t`
+		`;return s(n,d)}function Oe(e,n){let r=e?.className??``,i=e?.style??``,s=t(e?.on??{}),c=e=>l`
 			<div
 				class="lyco-dialog-content ${r}"
 				style="
@@ -1297,11 +1294,11 @@ import{css as e,html as t,nothing as n}from"lit";import{createRef as r,ref as i}
           ${i}
         "
 			>
-				${_(e)}
+				${a(e)}
 			</div>
-		`;return b(n,o)}function Fe(e,n){let r=e?.className??``,a=e?.style??``,o=O(e?.on??{}),s=e?.proxyRef??{value:null},c=e=>t`
+		`;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`
 			<div
-				${i(e=>{e?(s.value=e,o.bind(e)):o.unbindAll()})}
+				${f(e=>{e?(c.value=e,o.bind(e)):o.unbindAll()})}
 				class="lyco-dialog-title ${r}"
 				style="
           padding: 16px 24px;
@@ -1312,7 +1309,7 @@ import{css as e,html as t,nothing as n}from"lit";import{createRef as r,ref as i}
           ${a}
         "
 			>
-				${g(e)}
+				${i(e)}
 			</div>
-		`;return y(n,c)}export{te as AbsoluteBox,ne as AcrylicBar,G as AspectRatio,K as AutoFitGrid,q as AvatarStack,J as Badge,Y as Canvas,ie as Card,X as Center,A as Column,z as ColumnSplit,Se as Combobox,ae as Container,je as Dialog,Me as DialogActions,Ne as DialogButton,Pe as DialogContent,Ee as DialogPlacement,Fe as DialogTitle,oe as Divider,j as Flex,M as FlowItem,Z as FooterLayout,se as ForEach,N as Grid,Q as GridBreakpoint,P as GridCol,F as GridItem,I as GridRow,ce as HeroSection,le as Hidden,k as LightboxContainer,de as List,fe as ListGroup,ue as ListItem,pe as Overlay,me as PositionContainer,Ce as Progress,L as Row,B as RowSplit,V as ScrollBar,H as SideBarContainer,he as SizedBox,ge as SkeletonLoader,_e as Spacer,we as Spinner,ve as Sticky,ee as Swiper,W as SwitchInput,ye as Table,m as Virtualizer,u as VirtualizerController,R as WaterFlow,Te as WithTooltip,be as Wrap,xe as ZStack};
+		`;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};
 //# sourceMappingURL=index.es.js.map