atomicuilibrary 0.0.1 → 0.1.3

package/dist/exploration-project-tailwind/{p-77124686.entry.js → p-62889cfe.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,a as r,h as e}from"./p-DUsoYu9r.js";const o=class{constructor(r){t(this,r),this.anchorClick=i(this,"anchorClick"),this.anchorItemClick=i(this,"anchorItemClick"),this.activeItemChange=i(this,"activeItemChange"),this.navigate=i(this,"navigate"),this.affixChange=i(this,"affixChange"),this.progressChange=i(this,"progressChange"),this.expandChange=i(this,"expandChange")}get el(){return r(this)}items=[];links="";mode="vertical";orientation="vertical";position="left";activeItem="";activeLink="";scrollOffset=80;routerNavigate=!1;loadIcons=!0;sticky=!0;scrollContainer="";smoothScroll=!0;showTooltip=!1;showIndicator=!0;observerRootMargin="";useSlot=!1;showNumbers=!1;numberStyle="numeric";size="md";theme="light";activeColor="#18ff3e";alignment="left";updateHash=!1;affix=!1;affixOffset=20;indicator="line";autoGenContainer="";showProgress=!1;arrowNavigation=!0;collapsible=!1;defaultExpanded=!0;derivedItems=[];currentActive="";isAffixed=!1;scrollProgress=0;expandedItems=new Set;indicatorStyle={};_observer=null;_onWindowScroll=null;_onContainerScroll=null;_onHashChange=null;linkElements=new Map;scrollTimeout;anchorClick;anchorItemClick;activeItemChange;navigate;affixChange;progressChange;expandChange;componentWillLoad(){this.autoGenContainer?this.generateLinksFromContainer():this.parseItems(),this.currentActive=this.activeItem||this.activeLink,this.defaultExpanded&&this.expandAll()}itemsChanged(){this.autoGenContainer||this.parseItems()}handleAutoGenContainerChange(){this.generateLinksFromContainer()}parseItems(){const t=this.items;if(t&&t.length>0){if("string"==typeof t)try{this.derivedItems=JSON.parse(t)}catch{this.derivedItems=[]}else this.derivedItems=[...t];return}if(this.links&&this.links.length>0){try{this.derivedItems=JSON.parse(this.links)}catch{this.derivedItems=[]}return}const i=Array.from(this.el.querySelectorAll("ui-anchor-item"));i.length>0&&(this.derivedItems=i.map((t=>({id:t.getAttribute("target")||t.getAttribute("id")||"",label:t.getAttribute("label")||"",icon:t.getAttribute("icon")??void 0,iconLibrary:t.getAttribute("iconLibrary")||t.getAttribute("icon-library"),disabled:t.hasAttribute("disabled"),badge:t.getAttribute("badge")??void 0,tooltip:t.getAttribute("tooltip")??void 0,href:t.getAttribute("href")??void 0,target:t.getAttribute("target")??void 0,rel:t.getAttribute("rel")??void 0}))))}generateLinksFromContainer(){if(!this.autoGenContainer)return;const t=document.querySelector(this.autoGenContainer);if(!t)return;const i=t.querySelectorAll("h1, h2, h3, h4");this.derivedItems=Array.from(i).map(((t,i)=>(t.id||(t.id=`auto-anchor-${i}`),{id:`link-${i}`,label:t.innerText??t.textContent??"",target:t.id??""})))}componentDidLoad(){this.setupScrollSpy(),this.setupAffix(),this.setupProgress(),this.updateHash&&this.setupHashNavigation(),setTimeout((()=>this.updateIndicatorPosition(this.currentActive)),100)}disconnectedCallback(){if(this._observer)try{this._observer.disconnect()}catch(t){}this._onWindowScroll&&window.removeEventListener("scroll",this._onWindowScroll),this._onContainerScroll&&this.scrollContainer&&document.querySelector(this.scrollContainer)?.removeEventListener("scroll",this._onContainerScroll),this._onHashChange&&window.removeEventListener("hashchange",this._onHashChange),this.scrollTimeout&&clearTimeout(this.scrollTimeout)}getParsedItems(){return this.derivedItems}flattenItems(t){return t.reduce(((t,i)=>(t.push(i),i.children&&t.push(...this.flattenItems(i.children)),t)),[])}expandAll(){this.flattenItems(this.getParsedItems()).forEach((t=>{t.children&&t.children.length>0&&this.expandedItems.add(t.id)})),this.expandedItems=new Set(this.expandedItems)}setupAffix(){if(!this.affix)return;const t=()=>{const t=(window.pageYOffset||document.documentElement.scrollTop)>this.affixOffset;t!==this.isAffixed&&(this.isAffixed=t,this.affixChange.emit(this.isAffixed))};window.addEventListener("scroll",t),this._onWindowScroll=t,t()}setupProgress(){if(!this.showProgress)return;const t=()=>{this.scrollTimeout&&clearTimeout(this.scrollTimeout),this.scrollTimeout=setTimeout((()=>{const t=this.scrollContainer?document.querySelector(this.scrollContainer):null;if(t){const i=t.scrollHeight-t.clientHeight;this.scrollProgress=i>0?t.scrollTop/i*100:0}else{const t=window.pageYOffset||document.documentElement.scrollTop,i=document.documentElement.scrollHeight-window.innerHeight;this.scrollProgress=i>0?t/i*100:0}this.progressChange.emit(this.scrollProgress)}),50)};this.scrollContainer?(document.querySelector(this.scrollContainer)?.addEventListener("scroll",t),this._onContainerScroll=t):(window.addEventListener("scroll",t),this._onWindowScroll||(this._onWindowScroll=t)),t()}setupHashNavigation(){this._onHashChange=()=>{const t=window.location.hash.substring(1);t&&this.scrollToSection(t)},window.addEventListener("hashchange",this._onHashChange)}setupScrollSpy(){const t=this.flattenItems(this.getParsedItems());let i=this.scrollContainer?document.querySelector(this.scrollContainer):null;if(!i&&this.scrollContainer){const t=this.el.parentElement?.closest(".examples-split-layout, .viewport-pane");t&&(i=t.querySelector(this.scrollContainer))}const r=new IntersectionObserver((i=>{i.forEach((i=>{if(i.isIntersecting){const r=i.target.getAttribute("id"),e=t.find((t=>t.target===r||t.id===r));r&&e&&this.setActiveState(e.id)}}))}),{root:i,rootMargin:this.observerRootMargin||`-${this.scrollOffset}px 0px -50% 0px`,threshold:0});t.forEach((t=>{const e=t.target||t.id;if(!e)return;let o=document.getElementById(e);!o&&i&&(o=i.querySelector(`#${e}`)),o&&r.observe(o)})),this._observer=r}setActiveState(t){if(this.currentActive===t)return;this.currentActive=t,this.activeItem=t,this.activeLink=t;const i=this.flattenItems(this.getParsedItems()).find((i=>i.id===t));i&&this.activeItemChange.emit({id:i.id,label:i.label??""}),this.updateIndicatorPosition(t),this.collapsible&&this.ensureVisible(t,this.getParsedItems())}ensureVisible(t,i,r=null){for(const e of i){if(e.id===t)return r&&!this.expandedItems.has(r)&&this.toggleExpand(r,!0),!0;if(e.children&&this.ensureVisible(t,e.children,e.id))return r&&!this.expandedItems.has(r)&&this.toggleExpand(r,!0),!0}return!1}scrollToSection(t){const i=document.getElementById(t)||document.querySelector(`#${t}`);if(!i)return;let r=this.scrollContainer?document.querySelector(this.scrollContainer):null;if(!r&&this.scrollContainer){const t=this.el.parentElement?.closest(".examples-split-layout, .viewport-pane");t&&(r=t.querySelector(this.scrollContainer))}if(r){const t=r.getBoundingClientRect(),e=i.getBoundingClientRect();r.scrollTo({top:r.scrollTop+(e.top-t.top)-this.scrollOffset,behavior:this.smoothScroll?"smooth":"auto"})}else{const t=i.getBoundingClientRect().top+window.pageYOffset-this.scrollOffset;window.scrollTo({top:t,behavior:this.smoothScroll?"smooth":"auto"})}this.updateHash&&history.pushState(null,"",`#${t}`)}updateIndicatorPosition(t){this.showIndicator&&t&&requestAnimationFrame((()=>{const i=this.linkElements.get(t);if(!i)return;const r=this.el.shadowRoot?.querySelector(".anchor-list");if(!r)return;const e=r.getBoundingClientRect(),o=i.getBoundingClientRect();this.indicatorStyle="vertical"===(this.orientation||this.mode)?{transform:`translateY(${o.top-e.top}px)`,height:`${o.height}px`}:{transform:`translateX(${o.left-e.left}px)`,width:`${o.width}px`}}))}handleItemClick=(t,i)=>{if(i.metaKey||i.ctrlKey||i.shiftKey||i.altKey)return this.anchorItemClick.emit({id:t.id,label:t.label??""}),void this.anchorClick.emit({linkId:t.id,targetId:t.target||""});if(t.disabled)return;if(i.preventDefault(),i.stopPropagation(),this.anchorItemClick.emit({id:t.id,label:t.label??""}),this.anchorClick.emit({linkId:t.id,targetId:t.target||""}),this.setActiveState(t.id),t.href&&!t.href.startsWith("#")&&this.routerNavigate)return void this.navigate.emit({href:t.href,target:t.target,rel:t.rel});const r=t.href&&t.href.startsWith("#")?t.href.substring(1):t.target||t.id;this.scrollToSection(r)};toggleExpand(t,i){const r=new Set(this.expandedItems),e=void 0!==i?i:!r.has(t);e?r.add(t):r.delete(t),this.expandedItems=r,this.expandChange.emit({id:t,expanded:e})}handleKeyDown=(t,i,r)=>{if(t.disabled)return;const e=i.key;if("Enter"!==e&&" "!==e){if(this.collapsible&&(t.children?.length??0)>0){if("ArrowRight"===e&&!this.expandedItems.has(t.id))return this.toggleExpand(t.id,!0),void i.preventDefault();if("ArrowLeft"===e&&this.expandedItems.has(t.id))return this.toggleExpand(t.id,!1),void i.preventDefault()}if(this.arrowNavigation&&("ArrowDown"===e||"ArrowUp"===e)){i.preventDefault();const t=(this.el.shadowRoot?.querySelectorAll(".anchor-item")??[])["ArrowDown"===e?r+1:r-1];t?.focus()}}else{i.preventDefault(),this.setActiveState(t.id);const r=t.href&&t.href.startsWith("#")?t.href.substring(1):t.target||t.id;this.scrollToSection(r)}};watchActiveItem(t){if(t&&t!==this.currentActive){this.setActiveState(t);try{this.scrollToSection(t)}catch(t){}}}async setActive(t){t&&(this.setActiveState(t),this.scrollToSection(t))}getNumberPrefix(t,i=0,r=""){const e=t+1;let o;switch(this.numberStyle){case"decimal":o=e.toString().padStart(2,"0");break;case"alpha":o=String.fromCharCode(97+t);break;case"roman":o=["i","ii","iii","iv","v","vi","vii","viii","ix","x"][t]||String(e);break;default:o=String(e)}return i>0&&r?`${r.endsWith(".")?r.slice(0,-1):r}.${o}.`:`${o}.`}renderItem(t,i,r=0,o="",a){const n=t.children&&t.children.length>0,s=this.expandedItems.has(t.id),h=this.showNumbers?this.getNumberPrefix(i,r,o):"",c=a.val++,l=this.currentActive===t.id,d=this.orientation||this.mode,p=n&&this.collapsible&&"vertical"===d?e("span",{class:"anchor-toggle "+(s?"expanded":""),onClick:i=>{i.stopPropagation(),this.toggleExpand(t.id)}},e("ui-icon",{name:"chevron-right",library:"fontawesome",size:"12px"})):null,f=e("div",{style:{display:"contents"}},this.showNumbers&&e("span",{class:"anchor-number"},h),p,t.icon&&e("span",{class:"anchor-icon"},e("ui-icon",{name:t.icon,library:t.iconLibrary||"lucide",size:"1.2em"})),"dot"===this.indicator?e("span",{class:"dot-marker"}):e("span",{class:"anchor-label"},t.label),t.badge&&e("span",{class:"anchor-badge"},t.badge));return e("div",{class:"anchor-item-wrapper"},e("li",{ref:i=>{i&&this.linkElements.set(t.id,i)},class:{"anchor-item":!0,active:l,disabled:!!t.disabled,"has-children":!!n,[`level-${r}`]:!0,"dot-type":"dot"===this.indicator},"data-id":t.id,title:"dot"===this.indicator?t.tooltip||t.label:this.showTooltip?t.tooltip:void 0,tabindex:t.disabled?-1:0,role:"button","aria-current":l?"true":"false","aria-disabled":t.disabled?"true":"false","aria-expanded":n?String(s):void 0,style:{paddingLeft:"vertical"===d?16+16*r+"px":void 0},onClick:i=>this.handleItemClick(t,i),onKeyDown:i=>this.handleKeyDown(t,i,c)},this.useSlot?e("slot",{name:`item-${t.id}`},f):f),n&&s&&e("ul",{class:"anchor-sublist"},t.children.map(((t,i)=>this.renderItem(t,i,r+1,h,a)))))}render(){const t=this.getParsedItems(),i={val:0},r=this.orientation||this.mode,o=this.affix&&this.isAffixed?{position:"fixed",top:`${this.affixOffset}px`,zIndex:"1000"}:{};return e("nav",{key:"85e96011d2a9daae2ca20941ee3ab496961d1e6b",class:{anchor:!0,[`anchor--${r}`]:!0,[`anchor--${this.position}`]:!0,[`anchor--${this.size}`]:!0,[`anchor--${this.theme}`]:!0,[`anchor--align-${this.alignment}`]:!0,[`anchor-type-${this.indicator}`]:!0,"anchor--sticky":this.sticky,"anchor--affixed":this.affix&&this.isAffixed,"anchor--with-indicator":this.showIndicator,"anchor--with-numbers":this.showNumbers,"show-progress":this.showProgress},style:{"--anchor-active-color":this.activeColor,...o}},this.showProgress&&e("div",{key:"02805460ccef5d7c0ffc52d00de050d91fb1bd78",class:"anchor-progress"},e("div",{key:"dfa97ee018532f56e8d9c078f8980b3e52dd75a9",class:"anchor-progress-bar",style:{width:"horizontal"===r?`${this.scrollProgress}%`:"100%",height:"vertical"===r?`${this.scrollProgress}%`:"100%"}})),e("ul",{key:"d1ffe5c5041220ea11909ed67f52062bc5386953",class:"anchor-list",style:{position:"relative"}},t.map(((t,r)=>this.renderItem(t,r,0,"",i))),this.showIndicator&&e("div",{key:"40f921ba4343544049edb8589fce02f1e2e8f64d",class:"anchor-indicator",style:this.indicatorStyle})))}static get watchers(){return{items:[{itemsChanged:0}],links:[{itemsChanged:0}],autoGenContainer:[{handleAutoGenContainerChange:0}],activeItem:[{watchActiveItem:0}],activeLink:[{watchActiveItem:0}]}}};o.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.anchor{display:flex;padding:16px;background:var(--bg-primary, #ffffff);border-radius:8px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);position:relative;--anchor-active-color:var(--color-primary-hover, #2563eb);transition:all 0.3s ease}.anchor--sm{padding:8px}.anchor--sm .anchor-item{padding:6px 12px;font-size:0.75rem}.anchor--md{padding:16px}.anchor--md .anchor-item{padding:12px 16px;font-size:0.875rem}.anchor--lg{padding:20px}.anchor--lg .anchor-item{padding:16px 20px;font-size:1rem}.anchor--dark{background:var(--bg-primary, #1f2937)}.anchor--dark .anchor-item{color:var(--text-muted, #9ca3af)}.anchor--dark .anchor-item:hover:not(.disabled){background:var(--color-primary, #374151);color:var(--text-standard, #f3f4f6)}.anchor--dark .anchor-item.active{background:var(--color-primary, #1e40af);color:var(--text-standard, #dbeafe)}.anchor--custom{background:var(--anchor-bg, var(--bg-primary, #ffffff))}.anchor--custom .anchor-item{color:var(--anchor-text, var(--text-muted, #6b7280))}.anchor--custom .anchor-item:hover:not(.disabled){background:var(--anchor-hover-bg, var(--bg-secondary, #f3f4f6));color:var(--anchor-hover-text, var(--text-primary, #111827))}.anchor--custom .anchor-item.active{background:var(--anchor-active-bg, #eff6ff);color:var(--anchor-active-color)}.anchor--horizontal.anchor--align-center{justify-content:center}.anchor--horizontal.anchor--align-right{justify-content:flex-end}.anchor--horizontal.anchor--align-left{justify-content:flex-start}.anchor--vertical.anchor--align-center .anchor-item{justify-content:center;text-align:center}.anchor--vertical.anchor--align-right .anchor-item{justify-content:flex-end;text-align:right;flex-direction:row-reverse}.anchor--vertical.anchor--align-right .anchor-indicator{left:auto;right:0;border-radius:2px 0 0 2px}.anchor--affixed{position:fixed !important;animation:slideDown 0.3s ease}@keyframes slideDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.anchor-progress{position:absolute;top:0;left:0;right:0;height:3px;background:var(--bg-primary, #e5e7eb);border-radius:8px 8px 0 0;overflow:hidden}.anchor-progress-bar{height:100%;background:var(--anchor-active-color);transition:width 0.1s ease}.anchor--vertical .anchor-progress{top:0;left:0;bottom:0;right:auto;width:3px;height:auto;border-radius:8px 0 0 8px}.anchor--vertical .anchor-progress-bar{width:100%;height:0;transition:height 0.1s ease}.anchor-indicator{position:absolute;background:var(--anchor-active-color);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border-radius:2px;pointer-events:none;z-index:2}.anchor--vertical.anchor--with-indicator .anchor-indicator{left:-16px;width:3px;height:24px}.anchor--horizontal.anchor--with-indicator .anchor-indicator{bottom:-16px;height:3px;width:60px}.anchor-type-dot .anchor-indicator{background:var(--anchor-active-color);width:8px;height:8px;border-radius:50%;transition:transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);transform-origin:center;box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.anchor-type-dot.anchor--vertical .anchor-indicator{left:-13px}.anchor-type-dot.anchor--horizontal .anchor-indicator{bottom:-19px}.anchor--sticky{position:sticky}.anchor--vertical.anchor--left{top:80px;left:0}.anchor--vertical.anchor--right{top:80px;right:0}.anchor--horizontal.anchor--top{top:0;left:0;right:0;z-index:100}.anchor--horizontal.anchor--bottom{bottom:0;left:0;right:0;z-index:100}.anchor-list{list-style:none;margin:0;padding:0;display:flex;gap:8px;width:100%}.anchor--vertical .anchor-list{flex-direction:column}.anchor--horizontal .anchor-list{flex-direction:row;flex-wrap:wrap}.anchor-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-radius:6px;transition:all 0.2s ease;color:var(--text-muted, #6b7280);font-size:0.875rem;font-weight:500;position:relative;user-select:none;outline:none}.anchor-item:hover:not(.disabled){background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #111827)}.anchor-item:focus-visible{box-shadow:0 0 0 2px var(--anchor-active-color);outline:2px solid transparent}.anchor-item.active{color:var(--anchor-active-color);font-weight:600}.anchor-item.disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.anchor-item.dot-type{gap:12px}.dot-marker{width:8px;height:8px;border-radius:50%;background-color:var(--bg-secondary, #d1d5db);transition:all 0.3s ease;flex-shrink:0}.anchor-item.dot-type:hover .dot-marker{background-color:var(--text-muted, #9ca3af)}.anchor--horizontal .anchor-item.dot-type{flex-direction:column;align-items:center}.anchor-number{font-size:0.75rem;font-weight:600;color:inherit;opacity:0.7;min-width:24px}.anchor--with-numbers .anchor-item{gap:8px}.anchor-icon{font-size:1rem;display:flex;align-items:center;justify-content:center}.anchor-label{white-space:nowrap}.anchor--horizontal .anchor-item:not(.dot-type){flex-direction:column;gap:4px;text-align:center;min-width:80px}.anchor-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff);font-size:0.75rem;font-weight:600;border-radius:10px;line-height:1}.anchor-item.active .anchor-badge{background:var(--anchor-active-color)}.anchor-sublist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.anchor-toggle{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:0.75rem;color:var(--text-muted, #9ca3af);transition:transform 0.2s ease;margin-right:-4px;border-radius:4px}.anchor-toggle:hover{background:var(--bg-primary, #e5e7eb);color:var(--text-secondary, #4b5563)}.anchor-toggle.expanded{transform:rotate(90deg)}.anchor-item.has-children{font-weight:500}.anchor--vertical .anchor-item{position:relative}.anchor--vertical .anchor-indicator{transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), height 0.3s ease, top 0.3s ease}";export{o as ui_anchor}
+import{r as t,c as i,a as r,h as e}from"./p-Dqu2zaH1.js";const o=class{constructor(r){t(this,r),this.anchorClick=i(this,"anchorClick"),this.anchorItemClick=i(this,"anchorItemClick"),this.activeItemChange=i(this,"activeItemChange"),this.navigate=i(this,"navigate"),this.affixChange=i(this,"affixChange"),this.progressChange=i(this,"progressChange"),this.expandChange=i(this,"expandChange")}get el(){return r(this)}items=[];links="";mode="vertical";orientation="vertical";position="left";activeItem="";activeLink="";scrollOffset=80;routerNavigate=!1;loadIcons=!0;sticky=!0;scrollContainer="";smoothScroll=!0;showTooltip=!1;showIndicator=!0;observerRootMargin="";useSlot=!1;showNumbers=!1;numberStyle="numeric";size="md";theme="light";activeColor="#18ff3e";alignment="left";updateHash=!1;affix=!1;affixOffset=20;indicator="line";autoGenContainer="";showProgress=!1;arrowNavigation=!0;collapsible=!1;defaultExpanded=!0;derivedItems=[];currentActive="";isAffixed=!1;scrollProgress=0;expandedItems=new Set;indicatorStyle={};_observer=null;_onWindowScroll=null;_onContainerScroll=null;_onHashChange=null;linkElements=new Map;scrollTimeout;anchorClick;anchorItemClick;activeItemChange;navigate;affixChange;progressChange;expandChange;componentWillLoad(){this.autoGenContainer?this.generateLinksFromContainer():this.parseItems(),this.currentActive=this.activeItem||this.activeLink,this.defaultExpanded&&this.expandAll()}itemsChanged(){this.autoGenContainer||this.parseItems()}handleAutoGenContainerChange(){this.generateLinksFromContainer()}parseItems(){const t=this.items;if(t&&t.length>0){if("string"==typeof t)try{this.derivedItems=JSON.parse(t)}catch{this.derivedItems=[]}else this.derivedItems=[...t];return}if(this.links&&this.links.length>0){try{this.derivedItems=JSON.parse(this.links)}catch{this.derivedItems=[]}return}const i=Array.from(this.el.querySelectorAll("ui-anchor-item"));i.length>0&&(this.derivedItems=i.map((t=>({id:t.getAttribute("target")||t.getAttribute("id")||"",label:t.getAttribute("label")||"",icon:t.getAttribute("icon")??void 0,iconLibrary:t.getAttribute("iconLibrary")||t.getAttribute("icon-library"),disabled:t.hasAttribute("disabled"),badge:t.getAttribute("badge")??void 0,tooltip:t.getAttribute("tooltip")??void 0,href:t.getAttribute("href")??void 0,target:t.getAttribute("target")??void 0,rel:t.getAttribute("rel")??void 0}))))}generateLinksFromContainer(){if(!this.autoGenContainer)return;const t=document.querySelector(this.autoGenContainer);if(!t)return;const i=t.querySelectorAll("h1, h2, h3, h4");this.derivedItems=Array.from(i).map(((t,i)=>(t.id||(t.id=`auto-anchor-${i}`),{id:`link-${i}`,label:t.innerText??t.textContent??"",target:t.id??""})))}componentDidLoad(){this.setupScrollSpy(),this.setupAffix(),this.setupProgress(),this.updateHash&&this.setupHashNavigation(),setTimeout((()=>this.updateIndicatorPosition(this.currentActive)),100)}disconnectedCallback(){if(this._observer)try{this._observer.disconnect()}catch(t){}this._onWindowScroll&&window.removeEventListener("scroll",this._onWindowScroll),this._onContainerScroll&&this.scrollContainer&&document.querySelector(this.scrollContainer)?.removeEventListener("scroll",this._onContainerScroll),this._onHashChange&&window.removeEventListener("hashchange",this._onHashChange),this.scrollTimeout&&clearTimeout(this.scrollTimeout)}getParsedItems(){return this.derivedItems}flattenItems(t){return t.reduce(((t,i)=>(t.push(i),i.children&&t.push(...this.flattenItems(i.children)),t)),[])}expandAll(){this.flattenItems(this.getParsedItems()).forEach((t=>{t.children&&t.children.length>0&&this.expandedItems.add(t.id)})),this.expandedItems=new Set(this.expandedItems)}setupAffix(){if(!this.affix)return;const t=()=>{const t=(window.pageYOffset||document.documentElement.scrollTop)>this.affixOffset;t!==this.isAffixed&&(this.isAffixed=t,this.affixChange.emit(this.isAffixed))};window.addEventListener("scroll",t),this._onWindowScroll=t,t()}setupProgress(){if(!this.showProgress)return;const t=()=>{this.scrollTimeout&&clearTimeout(this.scrollTimeout),this.scrollTimeout=setTimeout((()=>{const t=this.scrollContainer?document.querySelector(this.scrollContainer):null;if(t){const i=t.scrollHeight-t.clientHeight;this.scrollProgress=i>0?t.scrollTop/i*100:0}else{const t=window.pageYOffset||document.documentElement.scrollTop,i=document.documentElement.scrollHeight-window.innerHeight;this.scrollProgress=i>0?t/i*100:0}this.progressChange.emit(this.scrollProgress)}),50)};this.scrollContainer?(document.querySelector(this.scrollContainer)?.addEventListener("scroll",t),this._onContainerScroll=t):(window.addEventListener("scroll",t),this._onWindowScroll||(this._onWindowScroll=t)),t()}setupHashNavigation(){this._onHashChange=()=>{const t=window.location.hash.substring(1);t&&this.scrollToSection(t)},window.addEventListener("hashchange",this._onHashChange)}setupScrollSpy(){const t=this.flattenItems(this.getParsedItems());let i=this.scrollContainer?document.querySelector(this.scrollContainer):null;if(!i&&this.scrollContainer){const t=this.el.parentElement?.closest(".examples-split-layout, .viewport-pane");t&&(i=t.querySelector(this.scrollContainer))}const r=new IntersectionObserver((i=>{i.forEach((i=>{if(i.isIntersecting){const r=i.target.getAttribute("id"),e=t.find((t=>t.target===r||t.id===r));r&&e&&this.setActiveState(e.id)}}))}),{root:i,rootMargin:this.observerRootMargin||`-${this.scrollOffset}px 0px -50% 0px`,threshold:0});t.forEach((t=>{const e=t.target||t.id;if(!e)return;let o=document.getElementById(e);!o&&i&&(o=i.querySelector(`#${e}`)),o&&r.observe(o)})),this._observer=r}setActiveState(t){if(this.currentActive===t)return;this.currentActive=t,this.activeItem=t,this.activeLink=t;const i=this.flattenItems(this.getParsedItems()).find((i=>i.id===t));i&&this.activeItemChange.emit({id:i.id,label:i.label??""}),this.updateIndicatorPosition(t),this.collapsible&&this.ensureVisible(t,this.getParsedItems())}ensureVisible(t,i,r=null){for(const e of i){if(e.id===t)return r&&!this.expandedItems.has(r)&&this.toggleExpand(r,!0),!0;if(e.children&&this.ensureVisible(t,e.children,e.id))return r&&!this.expandedItems.has(r)&&this.toggleExpand(r,!0),!0}return!1}scrollToSection(t){const i=document.getElementById(t)||document.querySelector(`#${t}`);if(!i)return;let r=this.scrollContainer?document.querySelector(this.scrollContainer):null;if(!r&&this.scrollContainer){const t=this.el.parentElement?.closest(".examples-split-layout, .viewport-pane");t&&(r=t.querySelector(this.scrollContainer))}if(r){const t=r.getBoundingClientRect(),e=i.getBoundingClientRect();r.scrollTo({top:r.scrollTop+(e.top-t.top)-this.scrollOffset,behavior:this.smoothScroll?"smooth":"auto"})}else{const t=i.getBoundingClientRect().top+window.pageYOffset-this.scrollOffset;window.scrollTo({top:t,behavior:this.smoothScroll?"smooth":"auto"})}this.updateHash&&history.pushState(null,"",`#${t}`)}updateIndicatorPosition(t){this.showIndicator&&t&&requestAnimationFrame((()=>{const i=this.linkElements.get(t);if(!i)return;const r=this.el.shadowRoot?.querySelector(".anchor-list");if(!r)return;const e=r.getBoundingClientRect(),o=i.getBoundingClientRect();this.indicatorStyle="vertical"===(this.orientation||this.mode)?{transform:`translateY(${o.top-e.top}px)`,height:`${o.height}px`}:{transform:`translateX(${o.left-e.left}px)`,width:`${o.width}px`}}))}handleItemClick=(t,i)=>{if(i.metaKey||i.ctrlKey||i.shiftKey||i.altKey)return this.anchorItemClick.emit({id:t.id,label:t.label??""}),void this.anchorClick.emit({linkId:t.id,targetId:t.target||""});if(t.disabled)return;if(i.preventDefault(),i.stopPropagation(),this.anchorItemClick.emit({id:t.id,label:t.label??""}),this.anchorClick.emit({linkId:t.id,targetId:t.target||""}),this.setActiveState(t.id),t.href&&!t.href.startsWith("#")&&this.routerNavigate)return void this.navigate.emit({href:t.href,target:t.target,rel:t.rel});const r=t.href&&t.href.startsWith("#")?t.href.substring(1):t.target||t.id;this.scrollToSection(r)};toggleExpand(t,i){const r=new Set(this.expandedItems),e=void 0!==i?i:!r.has(t);e?r.add(t):r.delete(t),this.expandedItems=r,this.expandChange.emit({id:t,expanded:e})}handleKeyDown=(t,i,r)=>{if(t.disabled)return;const e=i.key;if("Enter"!==e&&" "!==e){if(this.collapsible&&(t.children?.length??0)>0){if("ArrowRight"===e&&!this.expandedItems.has(t.id))return this.toggleExpand(t.id,!0),void i.preventDefault();if("ArrowLeft"===e&&this.expandedItems.has(t.id))return this.toggleExpand(t.id,!1),void i.preventDefault()}if(this.arrowNavigation&&("ArrowDown"===e||"ArrowUp"===e)){i.preventDefault();const t=(this.el.shadowRoot?.querySelectorAll(".anchor-item")??[])["ArrowDown"===e?r+1:r-1];t?.focus()}}else{i.preventDefault(),this.setActiveState(t.id);const r=t.href&&t.href.startsWith("#")?t.href.substring(1):t.target||t.id;this.scrollToSection(r)}};watchActiveItem(t){if(t&&t!==this.currentActive){this.setActiveState(t);try{this.scrollToSection(t)}catch(t){}}}async setActive(t){t&&(this.setActiveState(t),this.scrollToSection(t))}getNumberPrefix(t,i=0,r=""){const e=t+1;let o;switch(this.numberStyle){case"decimal":o=e.toString().padStart(2,"0");break;case"alpha":o=String.fromCharCode(97+t);break;case"roman":o=["i","ii","iii","iv","v","vi","vii","viii","ix","x"][t]||String(e);break;default:o=String(e)}return i>0&&r?`${r.endsWith(".")?r.slice(0,-1):r}.${o}.`:`${o}.`}renderItem(t,i,r=0,o="",a){const n=t.children&&t.children.length>0,s=this.expandedItems.has(t.id),h=this.showNumbers?this.getNumberPrefix(i,r,o):"",c=a.val++,l=this.currentActive===t.id,d=this.orientation||this.mode,p=n&&this.collapsible&&"vertical"===d?e("span",{class:"anchor-toggle "+(s?"expanded":""),onClick:i=>{i.stopPropagation(),this.toggleExpand(t.id)}},e("ui-icon",{name:"chevron-right",library:"fontawesome",size:"12px"})):null,f=e("div",{style:{display:"contents"}},this.showNumbers&&e("span",{class:"anchor-number"},h),p,t.icon&&e("span",{class:"anchor-icon"},e("ui-icon",{name:t.icon,library:t.iconLibrary||"lucide",size:"1.2em"})),"dot"===this.indicator?e("span",{class:"dot-marker"}):e("span",{class:"anchor-label"},t.label),t.badge&&e("span",{class:"anchor-badge"},t.badge));return e("div",{class:"anchor-item-wrapper"},e("li",{ref:i=>{i&&this.linkElements.set(t.id,i)},class:{"anchor-item":!0,active:l,disabled:!!t.disabled,"has-children":!!n,[`level-${r}`]:!0,"dot-type":"dot"===this.indicator},"data-id":t.id,title:"dot"===this.indicator?t.tooltip||t.label:this.showTooltip?t.tooltip:void 0,tabindex:t.disabled?-1:0,role:"button","aria-current":l?"true":"false","aria-disabled":t.disabled?"true":"false","aria-expanded":n?String(s):void 0,style:{paddingLeft:"vertical"===d?16+16*r+"px":void 0},onClick:i=>this.handleItemClick(t,i),onKeyDown:i=>this.handleKeyDown(t,i,c)},this.useSlot?e("slot",{name:`item-${t.id}`},f):f),n&&s&&e("ul",{class:"anchor-sublist"},t.children.map(((t,i)=>this.renderItem(t,i,r+1,h,a)))))}render(){const t=this.getParsedItems(),i={val:0},r=this.orientation||this.mode,o=this.affix&&this.isAffixed?{position:"fixed",top:`${this.affixOffset}px`,zIndex:"1000"}:{};return e("nav",{key:"85e96011d2a9daae2ca20941ee3ab496961d1e6b",class:{anchor:!0,[`anchor--${r}`]:!0,[`anchor--${this.position}`]:!0,[`anchor--${this.size}`]:!0,[`anchor--${this.theme}`]:!0,[`anchor--align-${this.alignment}`]:!0,[`anchor-type-${this.indicator}`]:!0,"anchor--sticky":this.sticky,"anchor--affixed":this.affix&&this.isAffixed,"anchor--with-indicator":this.showIndicator,"anchor--with-numbers":this.showNumbers,"show-progress":this.showProgress},style:{"--anchor-active-color":this.activeColor,...o}},this.showProgress&&e("div",{key:"02805460ccef5d7c0ffc52d00de050d91fb1bd78",class:"anchor-progress"},e("div",{key:"dfa97ee018532f56e8d9c078f8980b3e52dd75a9",class:"anchor-progress-bar",style:{width:"horizontal"===r?`${this.scrollProgress}%`:"100%",height:"vertical"===r?`${this.scrollProgress}%`:"100%"}})),e("ul",{key:"d1ffe5c5041220ea11909ed67f52062bc5386953",class:"anchor-list",style:{position:"relative"}},t.map(((t,r)=>this.renderItem(t,r,0,"",i))),this.showIndicator&&e("div",{key:"40f921ba4343544049edb8589fce02f1e2e8f64d",class:"anchor-indicator",style:this.indicatorStyle})))}static get watchers(){return{items:[{itemsChanged:0}],links:[{itemsChanged:0}],autoGenContainer:[{handleAutoGenContainerChange:0}],activeItem:[{watchActiveItem:0}],activeLink:[{watchActiveItem:0}]}}};o.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.anchor{display:flex;padding:16px;background:var(--bg-primary, #ffffff);border-radius:8px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);position:relative;--anchor-active-color:var(--color-primary-hover, #2563eb);transition:all 0.3s ease}.anchor--sm{padding:8px}.anchor--sm .anchor-item{padding:6px 12px;font-size:0.75rem}.anchor--md{padding:16px}.anchor--md .anchor-item{padding:12px 16px;font-size:0.875rem}.anchor--lg{padding:20px}.anchor--lg .anchor-item{padding:16px 20px;font-size:1rem}.anchor--dark{background:var(--bg-primary, #1f2937)}.anchor--dark .anchor-item{color:var(--text-muted, #9ca3af)}.anchor--dark .anchor-item:hover:not(.disabled){background:var(--color-primary, #374151);color:var(--text-standard, #f3f4f6)}.anchor--dark .anchor-item.active{background:var(--color-primary, #1e40af);color:var(--text-standard, #dbeafe)}.anchor--custom{background:var(--anchor-bg, var(--bg-primary, #ffffff))}.anchor--custom .anchor-item{color:var(--anchor-text, var(--text-muted, #6b7280))}.anchor--custom .anchor-item:hover:not(.disabled){background:var(--anchor-hover-bg, var(--bg-secondary, #f3f4f6));color:var(--anchor-hover-text, var(--text-primary, #111827))}.anchor--custom .anchor-item.active{background:var(--anchor-active-bg, #eff6ff);color:var(--anchor-active-color)}.anchor--horizontal.anchor--align-center{justify-content:center}.anchor--horizontal.anchor--align-right{justify-content:flex-end}.anchor--horizontal.anchor--align-left{justify-content:flex-start}.anchor--vertical.anchor--align-center .anchor-item{justify-content:center;text-align:center}.anchor--vertical.anchor--align-right .anchor-item{justify-content:flex-end;text-align:right;flex-direction:row-reverse}.anchor--vertical.anchor--align-right .anchor-indicator{left:auto;right:0;border-radius:2px 0 0 2px}.anchor--affixed{position:fixed !important;animation:slideDown 0.3s ease}@keyframes slideDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.anchor-progress{position:absolute;top:0;left:0;right:0;height:3px;background:var(--bg-primary, #e5e7eb);border-radius:8px 8px 0 0;overflow:hidden}.anchor-progress-bar{height:100%;background:var(--anchor-active-color);transition:width 0.1s ease}.anchor--vertical .anchor-progress{top:0;left:0;bottom:0;right:auto;width:3px;height:auto;border-radius:8px 0 0 8px}.anchor--vertical .anchor-progress-bar{width:100%;height:0;transition:height 0.1s ease}.anchor-indicator{position:absolute;background:var(--anchor-active-color);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border-radius:2px;pointer-events:none;z-index:2}.anchor--vertical.anchor--with-indicator .anchor-indicator{left:-16px;width:3px;height:24px}.anchor--horizontal.anchor--with-indicator .anchor-indicator{bottom:-16px;height:3px;width:60px}.anchor-type-dot .anchor-indicator{background:var(--anchor-active-color);width:8px;height:8px;border-radius:50%;transition:transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);transform-origin:center;box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.anchor-type-dot.anchor--vertical .anchor-indicator{left:-13px}.anchor-type-dot.anchor--horizontal .anchor-indicator{bottom:-19px}.anchor--sticky{position:sticky}.anchor--vertical.anchor--left{left:0}.anchor--vertical.anchor--right{top:80px;right:0}.anchor--horizontal.anchor--top{top:0;left:0;right:0;z-index:100}.anchor--horizontal.anchor--bottom{bottom:0;left:0;right:0;z-index:100}.anchor-list{list-style:none;margin:0;padding:0;display:flex;gap:8px;width:100%}.anchor--vertical .anchor-list{flex-direction:column}.anchor--horizontal .anchor-list{flex-direction:row;flex-wrap:wrap}.anchor-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-radius:6px;transition:all 0.2s ease;color:var(--text-muted, #6b7280);font-size:0.875rem;font-weight:500;position:relative;user-select:none;outline:none}.anchor-item:hover:not(.disabled){background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #111827)}.anchor-item:focus-visible{box-shadow:0 0 0 2px var(--anchor-active-color);outline:2px solid transparent}.anchor-item.active{color:var(--anchor-active-color);font-weight:600}.anchor-item.disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.anchor-item.dot-type{gap:12px}.dot-marker{width:8px;height:8px;border-radius:50%;background-color:var(--bg-secondary, #d1d5db);transition:all 0.3s ease;flex-shrink:0}.anchor-item.dot-type:hover .dot-marker{background-color:var(--text-muted, #9ca3af)}.anchor--horizontal .anchor-item.dot-type{flex-direction:column;align-items:center}.anchor-number{font-size:0.75rem;font-weight:600;color:inherit;opacity:0.7;min-width:24px}.anchor--with-numbers .anchor-item{gap:8px}.anchor-icon{font-size:1rem;display:flex;align-items:center;justify-content:center}.anchor-label{white-space:nowrap}.anchor--horizontal .anchor-item:not(.dot-type){flex-direction:column;gap:4px;text-align:center;min-width:80px}.anchor-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff);font-size:0.75rem;font-weight:600;border-radius:10px;line-height:1}.anchor-item.active .anchor-badge{background:var(--anchor-active-color)}.anchor-sublist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.anchor-toggle{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:0.75rem;color:var(--text-muted, #9ca3af);transition:transform 0.2s ease;margin-right:-4px;border-radius:4px}.anchor-toggle:hover{background:var(--bg-primary, #e5e7eb);color:var(--text-secondary, #4b5563)}.anchor-toggle.expanded{transform:rotate(90deg)}.anchor-item.has-children{font-weight:500}.anchor--vertical .anchor-item{position:relative}.anchor--vertical .anchor-indicator{transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), height 0.3s ease, top 0.3s ease}";export{o as ui_anchor}

package/dist/exploration-project-tailwind/{p-9d0c8760.entry.js → p-66f71613.entry.js}

@@ -1 +1 @@
-import{r as e,h as a,H as t}from"./p-DUsoYu9r.js";const i=class{constructor(a){e(this,a)}componentId;cardTitle;description;icon="📦";badge;docs;mode="demo";handleViewDemo=()=>{if("doc"===this.mode)return void(this.docs&&(window.location.href=this.docs));if(window.showSection)return void window.showSection(this.componentId);const e=`/index.html#${this.componentId}`;try{window.parent!==window?window.parent.location.href=e:window.location.href=e}catch(a){window.location.href=e}};handleViewDocs=e=>{e.stopPropagation(),this.docs&&(window.location.href=this.docs)};render(){return a(t,{key:"3a3ff13a2954f14c350206fdad4ba6340f653e4e"},a("div",{key:"b92cca51b6cc6af60d8476f386482ccfdd475a34",class:"card",onClick:this.handleViewDemo},a("div",{key:"30a68d761de621658d2fc34a40ea101fbf04141e",class:"card-icon"},this.icon),a("div",{key:"9ac9cba2c76b9568e2a5f319f0b04cb283a5e682",class:"card-content"},a("h3",{key:"0b62e3e8b4839a79a4f567dee7ff1da61a8799cf",class:"card-title"},this.cardTitle,this.badge&&a("span",{key:"2254007ce97d9a0cc9cbcf66f8b397e48eaca256",class:"badge"},this.badge)),a("p",{key:"4d5a519fd7d9759ae9f17783e680002e66a82106",class:"card-description"},this.description)),a("div",{key:"71b72af77182f87ce4e09ad2f17a3f66618ffc12",class:"card-action"},this.docs&&a("ui-button",{key:"3b9318ef02116646198e2535f97394ccf634f674",variant:"ghost",size:"md",icon:"file-text","icon-library":"lucide",title:"View Documentation",onClick:this.handleViewDocs}),a("ui-button",{key:"de3abccdcdd7e3504e7fc57d3525e0a41b27b731",variant:"filled",color:"primary",size:"md",icon:"play","icon-library":"lucide",title:"View Demo"}))))}};i.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(145deg, rgba(30, 41, 59, 0.7), rgba(15, 23, 42, 0.8));border:1px solid rgba(255, 255, 255, 0.08);border-radius:20px;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);cursor:pointer;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);backdrop-filter:blur(10px);position:relative;overflow:hidden}.card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(168, 85, 247, 0.05));opacity:0;transition:opacity 0.3s ease;pointer-events:none}.card:hover{transform:translateY(-4px) scale(1.02);border-color:rgba(99, 102, 241, 0.5);box-shadow:0 20px 40px rgba(0, 0, 0, 0.3), 0 0 30px rgba(99, 102, 241, 0.2)}.card:hover::before{opacity:1}.card:active{transform:translateY(-2px) scale(1.01)}.card-icon{font-size:2rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(168, 85, 247, 0.2));border-radius:14px;flex-shrink:0;transition:transform 0.3s ease}.card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.card-content{flex:1;min-width:0}.card-title{margin:0 0 6px 0;font-size:1.1rem;font-weight:600;color:#f1f5f9;display:flex;align-items:center;gap:8px}.badge{font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;padding:3px 8px;background:linear-gradient(135deg, #6366f1, #a855f7);border-radius:20px;color:white;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.7}}.card-description{margin:0;font-size:0.85rem;color:#94a3b8;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-action{flex-shrink:0}.play-btn{width:44px;height:44px;border:none;border-radius:50%;background:linear-gradient(135deg, #6366f1, #8b5cf6);color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;opacity:0;transform:scale(0.8)}.card:hover .play-btn{opacity:1;transform:scale(1)}.play-btn:hover{background:linear-gradient(135deg, #818cf8, #a78bfa);transform:scale(1.15);box-shadow:0 8px 20px rgba(99, 102, 241, 0.4)}.play-btn:active{transform:scale(1.05)}:host-context(.light) .card{background:linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(248, 250, 252, 0.8));border-color:rgba(0, 0, 0, 0.1)}:host-context(.light) .card-title{color:#1e293b}:host-context(.light) .card-description{color:#64748b}';export{i as library_card}
+import{r as a,h as e,H as t}from"./p-Dqu2zaH1.js";const i=class{constructor(e){a(this,e)}componentId;cardTitle;description;icon="📦";badge;docs;mode="demo";handleViewDemo=()=>{if("doc"===this.mode)return void(this.docs&&(window.location.href=this.docs));if(window.showSection)return void window.showSection(this.componentId);const a=`/index.html#${this.componentId}`;try{window.parent!==window?window.parent.location.href=a:window.location.href=a}catch(e){window.location.href=a}};handleViewDocs=a=>{a.stopPropagation(),this.docs&&(window.location.href=this.docs)};render(){return e(t,{key:"e7ec177273206c16c1d847b2fbfec774a1110e2f"},e("div",{key:"65f2634e8b4a2e55a66e9a197ea6b5a288620ada",class:"card",onClick:this.handleViewDemo},e("div",{key:"c5c155738d5b4b767498a038dcf8e2a881450a71",class:"card-icon"},this.icon),e("div",{key:"67e580c68a11d42e9293013673630de3793e5bba",class:"card-content"},e("h3",{key:"cb82a9f63283b84b6752f1ed875b1abbd48c9206",class:"card-title"},this.cardTitle,this.badge&&e("span",{key:"b5d594310d069f64dd7233afcb0054642c545114",class:"badge"},this.badge)),e("p",{key:"340600aaa5c08ad4a045a16ec41b073744820605",class:"card-description"},this.description)),e("div",{key:"3bae409719d8db750146066a460463cf7fc35d86",class:"card-action"},this.docs&&e("ui-button",{key:"81640bd45d504b4db56c750750250e74dc7e7a30",variant:"ghost",size:"md",icon:"file-text","icon-library":"lucide",title:"View Documentation",onClick:this.handleViewDocs}),e("ui-button",{key:"6392be5ab1a22e874317f0d40e431cba816cdf6b",variant:"filled",color:"primary",size:"md",icon:"play","icon-library":"lucide",title:"View Demo"}))))}};i.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.card{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(145deg, rgba(30, 41, 59, 0.7), rgba(15, 23, 42, 0.8));border:1px solid rgba(255, 255, 255, 0.08);border-radius:20px;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);cursor:pointer;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);backdrop-filter:blur(10px);position:relative;overflow:hidden}.card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(99, 102, 241, 0.1), rgba(168, 85, 247, 0.05));opacity:0;transition:opacity 0.3s ease;pointer-events:none}.card:hover{transform:translateY(-4px) scale(1.02);border-color:rgba(99, 102, 241, 0.5);box-shadow:0 20px 40px rgba(0, 0, 0, 0.3), 0 0 30px rgba(99, 102, 241, 0.2)}.card:hover::before{opacity:1}.card:active{transform:translateY(-2px) scale(1.01)}.card-icon{font-size:2rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(168, 85, 247, 0.2));border-radius:14px;flex-shrink:0;transition:transform 0.3s ease}.card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.card-content{flex:1;min-width:0}.card-title{margin:0 0 6px 0;font-size:1.1rem;font-weight:600;color:#f1f5f9;display:flex;align-items:center;gap:8px}.badge{font-size:0.65rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;padding:3px 8px;background:linear-gradient(135deg, #6366f1, #a855f7);border-radius:20px;color:white;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.7}}.card-description{margin:0;font-size:0.85rem;color:#94a3b8;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-action{flex-shrink:0}.play-btn{width:44px;height:44px;border:none;border-radius:50%;background:linear-gradient(135deg, #6366f1, #8b5cf6);color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;opacity:0;transform:scale(0.8)}.card:hover .play-btn{opacity:1;transform:scale(1)}.play-btn:hover{background:linear-gradient(135deg, #818cf8, #a78bfa);transform:scale(1.15);box-shadow:0 8px 20px rgba(99, 102, 241, 0.4)}.play-btn:active{transform:scale(1.05)}:host-context(.light) .card{background:linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(248, 250, 252, 0.8));border-color:rgba(0, 0, 0, 0.1)}:host-context(.light) .card-title{color:#1e293b}:host-context(.light) .card-description{color:#64748b}';export{i as library_card}

package/dist/exploration-project-tailwind/{p-2d273118.entry.js → p-67c440b2.entry.js}

@@ -1 +1 @@
-import{r as t,h as i}from"./p-DUsoYu9r.js";const e=class{constructor(i){t(this,i)}itemTitle;itemDescription;itemDate;render(){return i("div",{key:"54a294a4b0f3ba13841d3c8de125694e81f2141c",class:"timeline-item-container"},i("div",{key:"0ccb68f5384a8ac2bba5cebb5d75b96fb1dccc16",class:"timeline-item-content"},i("h2",{key:"75c5b1f55e06a1345105dd12b924e41a3bada993"},this.itemTitle),i("p",{key:"7ae3c4cf655c6831943b8d53db977e3348907471"},this.itemDescription),i("span",{key:"23175d4215f96f76a580dece414fe379446a23da"},this.itemDate)))}};e.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.timeline-item-container{position:relative;margin-bottom:20px}.timeline-item-content{position:relative;width:400px;min-height:120px;padding:20px;background-color:#f9f9f9;border-radius:5px;box-shadow:0 0 5px rgba(0, 0, 0, 0.1);transition:transform 0.3s ease}.timeline-item-content:hover{transform:translateY(-5px)}.timeline-item-container::after{content:"";position:absolute;top:20px;width:16px;height:16px;background-color:#f9f9f9;border:4px solid #ddd;border-radius:50%;z-index:1}:host(:nth-child(odd)) .timeline-item-container::after{right:-8px}:host(:nth-child(even)) .timeline-item-container::after{left:-8px}:host(:nth-child(odd)) .timeline-item-content{left:0}:host(:nth-child(even)) .timeline-item-content{right:0}';export{e as timeline_item}
+import{r as t,h as i}from"./p-Dqu2zaH1.js";const e=class{constructor(i){t(this,i)}itemTitle;itemDescription;itemDate;render(){return i("div",{key:"d95b2638f4ddd5cfe6123e0dca0573d50f7a9b12",class:"timeline-item-container"},i("div",{key:"1af79e9d89d34c86588dde5f8a17a3d858818eca",class:"timeline-item-content"},i("h2",{key:"20b3627366401ffcbeb5ec3673ff54960b86b87d"},this.itemTitle),i("p",{key:"830ff3c7ee8eab68977b343a5fa275eb8f4e9df5"},this.itemDescription),i("span",{key:"e349ec06b84933f61fb194dde37e12624694a981"},this.itemDate)))}};e.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.timeline-item-container{position:relative;margin-bottom:20px}.timeline-item-content{position:relative;width:400px;min-height:120px;padding:20px;background-color:#f9f9f9;border-radius:5px;box-shadow:0 0 5px rgba(0, 0, 0, 0.1);transition:transform 0.3s ease}.timeline-item-content:hover{transform:translateY(-5px)}.timeline-item-container::after{content:"";position:absolute;top:20px;width:16px;height:16px;background-color:#f9f9f9;border:4px solid #ddd;border-radius:50%;z-index:1}:host(:nth-child(odd)) .timeline-item-container::after{right:-8px}:host(:nth-child(even)) .timeline-item-container::after{left:-8px}:host(:nth-child(odd)) .timeline-item-content{left:0}:host(:nth-child(even)) .timeline-item-content{right:0}';export{e as timeline_item}

package/dist/exploration-project-tailwind/{p-d419eaf0.entry.js → p-6f09503f.entry.js}

@@ -1 +1 @@
-import{r as o,a as e,h as t,H as r}from"./p-DUsoYu9r.js";const i=class{constructor(e){o(this,e)}get el(){return e(this)}dock="left";width="320px";height="320px";relative=!1;position={x:100,y:100};dragOffset={x:0,y:0};dragging=!1;onHeaderMouseDown=o=>{"float"===this.dock&&(this.dragging=!0,this.dragOffset={x:o.clientX-this.position.x,y:o.clientY-this.position.y},document.addEventListener("mousemove",this.onMouseMove),document.addEventListener("mouseup",this.onMouseUp))};onMouseMove=o=>{if(this.dragging&&(this.position={x:o.clientX-this.dragOffset.x,y:o.clientY-this.dragOffset.y}),this.resizing){const e=Math.max(120,o.clientX-this.el.getBoundingClientRect().left),t=Math.max(80,o.clientY-this.el.getBoundingClientRect().top);this.width=e+"px",this.height=t+"px"}};onMouseUp=()=>{this.dragging=!1,this.resizing=!1,document.removeEventListener("mousemove",this.onMouseMove),document.removeEventListener("mouseup",this.onMouseUp)};resizing=!1;onResizeMouseDown=o=>{"float"===this.dock&&(o.stopPropagation(),this.resizing=!0,document.addEventListener("mousemove",this.onMouseMove),document.addEventListener("mouseup",this.onMouseUp))};toggleFloat=()=>{this.dock="float"===this.dock?"left":"float";const o=new CustomEvent("dockChange",{detail:{dock:this.dock},bubbles:!0});this.el.dispatchEvent(o)};getDockStyle(){if("float"===this.dock)return{position:"fixed",left:`${this.position.x}px`,top:`${this.position.y}px`,width:this.width,height:this.height,zIndex:"1000"};const o={flexShrink:"0",zIndex:"200"};return"left"===this.dock||"right"===this.dock?(o.width=this.width,o.height="100%"):(o.width="100%",o.height=this.height),o}getFlexDirection(){switch(this.dock){case"left":default:return"row";case"right":return"row-reverse";case"top":return"column";case"bottom":return"column-reverse"}}render(){const o="float"===this.dock;return t(r,{key:"eb4278c32044099287ccc523dfeb357eac020471",class:{"ui-dock-host-layout":!0,"is-floating":o,[`is-docked-${this.dock}`]:!o,"is-relative":this.relative},style:{display:o?"block":"flex",flexDirection:this.getFlexDirection(),width:"100%",height:"100%",position:this.relative?"relative":"fixed",top:"0",left:"0",pointerEvents:o?"none":"auto"}},t("div",{key:"94e7a5c14e43b2148185a6cf1f82584e81b9d7fc",class:"dock-main-area",style:{flex:"1",overflow:"auto",pointerEvents:"auto"}},t("slot",{key:"d596984ab3af3b15b7ce804efa11d0c9deac4afb",name:"main"})),t("div",{key:"75305e8a892eaef65f9aad0b6616f51c420051ab",class:{"dock-panel":!0,floating:o,[this.dock]:!o},style:{...this.getDockStyle(),pointerEvents:"auto"}},t("div",{key:"870aeb69f442ff5999d497fac1b24c3df06789d6",class:"dock-header",onMouseDown:this.onHeaderMouseDown},t("span",{key:"d805d6048ad33ba4b1985b697d6f385a4cf7542d",class:"dock-header-content"},t("slot",{key:"773b00910c742b27390f6603dd4b953873c4d4b2",name:"header"},"Dock Host")),t("ui-button",{key:"f04e79da811c43f783126e42bbdbb30fe5bde7d5",variant:"ghost",onClick:this.toggleFloat,title:o?"Dock":"Float",size:"sm",icon:o?"layout":"maximize",iconLibrary:"lucide",label:o?"Dock":"Float"})),t("div",{key:"4f9d5d7a1970a66fe5166de61835aaa6b37cb7ab",class:"dock-content"},t("slot",{key:"fa29815f9621d44f3e18506b57c899088502f7dc"})),o&&t("div",{key:"1f62fef99c359ff8d4d15e959b70c584f50a979a",class:"dock-resize-handle",onMouseDown:this.onResizeMouseDown,style:{position:"absolute",right:"0",bottom:"0",width:"16px",height:"16px",cursor:"nwse-resize",zIndex:"10"}})))}};i.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.ui-dock-host-layout{display:flex;width:100%;height:100%;overflow:hidden}.dock-main-area{flex:1;overflow:auto;position:relative;background:var(--ui-content-bg, #f8fafc)}.dock-panel{background:var(--ui-surface, var(--bg-primary, #ffffff));color:var(--ui-text, #1e293b);box-shadow:0 4px 24px rgba(0, 0, 0, 0.08);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-width:180px;min-height:120px;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid var(--ui-border, var(--border-subtle, #e2e8f0))}.dock-panel.left{border-left:4px solid var(--color-primary, #6366f1);border-radius:0 12px 12px 0}.dock-panel.right{border-right:4px solid var(--color-primary, #6366f1);border-radius:12px 0 0 12px}.dock-panel.top{border-top:4px solid var(--color-primary, #6366f1);border-radius:0 0 12px 12px}.dock-panel.bottom{border-bottom:4px solid var(--color-primary, #6366f1);border-radius:12px 12px 0 0}.dock-panel.floating{background:var(--ui-surface, var(--bg-primary, #ffffff));box-shadow:0 12px 48px rgba(0, 0, 0, 0.15);border-radius:18px;border:1px solid rgba(99, 102, 241, 0.2);min-width:120px;min-height:80px;z-index:9999}.dock-resize-handle{background:rgba(99, 102, 241, 0.1);border-radius:0 0 12px 0;position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;z-index:10;transition:background 0.2s}.dock-resize-handle:hover{background:rgba(99, 102, 241, 0.3)}.dock-header{background:var(--bg-primary, #f8fafc);padding:10px 16px;font-weight:700;font-size:0.875rem;color:var(--color-primary, #475569);display:flex;align-items:center;justify-content:space-between;cursor:move;user-select:none;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.dock-float-btn{background:var(--bg-primary, #eff6ff);border:1px solid var(--border-subtle, #dbeafe);color:var(--color-primary-hover, #2563eb);padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;margin-left:8px;transition:all 0.2s}.dock-float-btn:hover{background:var(--bg-primary, #dbeafe);transform:translateY(-1px)}.dock-content{flex:1;padding:16px;overflow:auto;line-height:1.5}@media (prefers-color-scheme: dark){.dock-header{background:var(--bg-primary, #1e293b);color:var(--text-standard, #f1f5f9);border-bottom-color:var(--color-primary, #334155)}.dock-float-btn{background:var(--color-primary, #334155);border-color:var(--color-primary, #475569);color:var(--color-primary, #60a5fa)}}";export{i as ui_dock_host}
+import{r as o,a as e,h as t,H as r}from"./p-Dqu2zaH1.js";const i=class{constructor(e){o(this,e)}get el(){return e(this)}dock="left";width="320px";height="320px";relative=!1;position={x:100,y:100};dragOffset={x:0,y:0};dragging=!1;onHeaderMouseDown=o=>{"float"===this.dock&&(this.dragging=!0,this.dragOffset={x:o.clientX-this.position.x,y:o.clientY-this.position.y},document.addEventListener("mousemove",this.onMouseMove),document.addEventListener("mouseup",this.onMouseUp))};onMouseMove=o=>{if(this.dragging&&(this.position={x:o.clientX-this.dragOffset.x,y:o.clientY-this.dragOffset.y}),this.resizing){const e=Math.max(120,o.clientX-this.el.getBoundingClientRect().left),t=Math.max(80,o.clientY-this.el.getBoundingClientRect().top);this.width=e+"px",this.height=t+"px"}};onMouseUp=()=>{this.dragging=!1,this.resizing=!1,document.removeEventListener("mousemove",this.onMouseMove),document.removeEventListener("mouseup",this.onMouseUp)};resizing=!1;onResizeMouseDown=o=>{"float"===this.dock&&(o.stopPropagation(),this.resizing=!0,document.addEventListener("mousemove",this.onMouseMove),document.addEventListener("mouseup",this.onMouseUp))};toggleFloat=()=>{this.dock="float"===this.dock?"left":"float";const o=new CustomEvent("dockChange",{detail:{dock:this.dock},bubbles:!0});this.el.dispatchEvent(o)};getDockStyle(){if("float"===this.dock)return{position:"fixed",left:`${this.position.x}px`,top:`${this.position.y}px`,width:this.width,height:this.height,zIndex:"1000"};const o={flexShrink:"0",zIndex:"200"};return"left"===this.dock||"right"===this.dock?(o.width=this.width,o.height="100%"):(o.width="100%",o.height=this.height),o}getFlexDirection(){switch(this.dock){case"left":default:return"row";case"right":return"row-reverse";case"top":return"column";case"bottom":return"column-reverse"}}render(){const o="float"===this.dock;return t(r,{key:"8d6a59b284fc214a749257ff5acb9dee09946f01",class:{"ui-dock-host-layout":!0,"is-floating":o,[`is-docked-${this.dock}`]:!o,"is-relative":this.relative},style:{display:o?"block":"flex",flexDirection:this.getFlexDirection(),width:"100%",height:"100%",position:this.relative?"relative":"fixed",top:"0",left:"0",pointerEvents:o?"none":"auto"}},t("div",{key:"369e0b3903a8f7cd8a555258722bf725d97d192e",class:"dock-main-area",style:{flex:"1",overflow:"auto",pointerEvents:"auto"}},t("slot",{key:"6bafee7ed3acd280aed85aa04f3bdd3c61127be8",name:"main"})),t("div",{key:"f613433f3a5f9c8f57263009cde1602cadeb8878",class:{"dock-panel":!0,floating:o,[this.dock]:!o},style:{...this.getDockStyle(),pointerEvents:"auto"}},t("div",{key:"dfdbe71042ccfed81f762ec3f46e43eac2ca5079",class:"dock-header",onMouseDown:this.onHeaderMouseDown},t("span",{key:"8300f7a762beaf8388e1cce5d377a824ff5b8af4",class:"dock-header-content"},t("slot",{key:"80caa80e570a3325171eddfc9691d24f19a2d466",name:"header"},"Dock Host")),t("ui-button",{key:"2c174b26e154ed6a3a6a0b458a94b8d1b4236e5a",variant:"ghost",onClick:this.toggleFloat,title:o?"Dock":"Float",size:"sm",icon:o?"layout":"maximize",iconLibrary:"lucide",label:o?"Dock":"Float"})),t("div",{key:"67a3686b34fc4e9514e3f52e91dfe5641ed06ac6",class:"dock-content"},t("slot",{key:"ad8a69994614a0a1c587d50d1a19fe717c9be712"})),o&&t("div",{key:"28be93e72315cf228047bc28ccbec809b4ca2600",class:"dock-resize-handle",onMouseDown:this.onResizeMouseDown,style:{position:"absolute",right:"0",bottom:"0",width:"16px",height:"16px",cursor:"nwse-resize",zIndex:"10"}})))}};i.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.ui-dock-host-layout{display:flex;width:100%;height:100%;overflow:hidden}.dock-main-area{flex:1;overflow:auto;position:relative;background:var(--ui-content-bg, #f8fafc)}.dock-panel{background:var(--ui-surface, var(--bg-primary, #ffffff));color:var(--ui-text, #1e293b);box-shadow:0 4px 24px rgba(0, 0, 0, 0.08);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-width:180px;min-height:120px;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid var(--ui-border, var(--border-subtle, #e2e8f0))}.dock-panel.left{border-left:4px solid var(--color-primary, #6366f1);border-radius:0 12px 12px 0}.dock-panel.right{border-right:4px solid var(--color-primary, #6366f1);border-radius:12px 0 0 12px}.dock-panel.top{border-top:4px solid var(--color-primary, #6366f1);border-radius:0 0 12px 12px}.dock-panel.bottom{border-bottom:4px solid var(--color-primary, #6366f1);border-radius:12px 12px 0 0}.dock-panel.floating{background:var(--ui-surface, var(--bg-primary, #ffffff));box-shadow:0 12px 48px rgba(0, 0, 0, 0.15);border-radius:18px;border:1px solid rgba(99, 102, 241, 0.2);min-width:120px;min-height:80px;z-index:9999}.dock-resize-handle{background:rgba(99, 102, 241, 0.1);border-radius:0 0 12px 0;position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;z-index:10;transition:background 0.2s}.dock-resize-handle:hover{background:rgba(99, 102, 241, 0.3)}.dock-header{background:var(--bg-primary, #f8fafc);padding:10px 16px;font-weight:700;font-size:0.875rem;color:var(--color-primary, #475569);display:flex;align-items:center;justify-content:space-between;cursor:move;user-select:none;border-bottom:1px solid var(--border-subtle, #f1f5f9)}.dock-float-btn{background:var(--bg-primary, #eff6ff);border:1px solid var(--border-subtle, #dbeafe);color:var(--color-primary-hover, #2563eb);padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;margin-left:8px;transition:all 0.2s}.dock-float-btn:hover{background:var(--bg-primary, #dbeafe);transform:translateY(-1px)}.dock-content{flex:1;padding:16px;overflow:auto;line-height:1.5}@media (prefers-color-scheme: dark){.dock-header{background:var(--bg-primary, #1e293b);color:var(--text-standard, #f1f5f9);border-bottom-color:var(--color-primary, #334155)}.dock-float-btn{background:var(--color-primary, #334155);border-color:var(--color-primary, #475569);color:var(--color-primary, #60a5fa)}}";export{i as ui_dock_host}

package/dist/exploration-project-tailwind/p-721bdbc3.entry.js

@@ -0,0 +1 @@
+import{r as e,a as t,h as o,H as r,c as i}from"./p-Dqu2zaH1.js";import{s as a}from"./p-Dyu3Nplq.js";import{F as s}from"./p-BSQ8klD4.js";import{b as n,c as p}from"./p-DFBTWhGw.js";const l=class{constructor(t){e(this,t)}get el(){return t(this)}avatars=[];maxVisible=5;max=null;size="m";shape="circle";layout="stack";spacing=4;overlap=null;borderColor="white";borderWidth=2;enablePopover=!0;animated=!0;slottedAvatars=[];showPopover=!1;isRosterOpen=!1;isHovered=!1;handleSlotChange(){this.updateSlottedAvatars()}componentWillLoad(){this.updateSlottedAvatars()}componentDidLoad(){}updateSlottedAvatars(){const e=this.el.shadowRoot?.querySelector("slot"),t=e?e.assignedElements():Array.from(this.el.children);this.slottedAvatars=t.filter((e=>"ui-avatar"===e.tagName.toLowerCase()))}getMaxCount(){const e=this.max||this.maxVisible;return"number"==typeof e?e:e&&"object"==typeof e&&"count"in e&&e.count||1/0}getMaxStyle(){return this.max&&"object"==typeof this.max&&"style"in this.max?this.max.style:{}}calculateOverlap(){if("grid"===this.layout)return this.spacing;if(null!==this.overlap)return-Math.abs(this.overlap);const e={xs:24,s:32,sm:32,default:20,m:40,lg:40,l:48,xl:64};let t=40;const o=parseFloat(this.size);return isNaN(o)?"string"==typeof this.size&&e[this.size]&&(t=e[this.size]):t=o,-.4*t}handleMouseEnterGroup=()=>{this.isHovered=!0};handleMouseLeaveGroup=()=>{this.isHovered=!1,this.showPopover=!1};toggleRoster=e=>{e.stopPropagation(),this.isRosterOpen=!this.isRosterOpen};closeRoster=()=>{this.isRosterOpen=!1};renderExcessCount(e,t){const r=e-t;if(r<=0)return null;const i=this.getMaxStyle();return o("div",{class:"excess-avatar-container",onMouseEnter:()=>this.showPopover=this.enablePopover,onMouseLeave:()=>this.showPopover=!1,onClick:this.toggleRoster},o("div",{class:{"avatar-extra":!0,[`avatar-${this.getSizeAlias()}`]:!0,[`shape-${this.shape}`]:!0},style:{...i,backgroundColor:i.backgroundColor||"#f56a00"}},"+",r),this.showPopover&&this.enablePopover&&"stack"===this.layout&&this.renderPopover(t))}renderPopover(e){const t=this.getAllAvatarData().slice(e);return o("div",{class:"avatar-popover"},o("div",{class:"popover-content"},t.map(((e,t)=>o("div",{class:"popover-item",key:t},o("ui-avatar",{size:"xs",shape:this.shape,src:e.src,icon:e.icon,name:e.name,content:e.content,bgColor:e.bgColor}),o("span",{class:"popover-text"},e.name||e.content||"User"))))))}getAllAvatarData(){return this.avatars&&this.avatars.length>0?this.avatars:this.slottedAvatars.map((e=>({src:e.getAttribute("src"),name:e.getAttribute("name"),content:e.getAttribute("content")||e.textContent?.trim(),tooltipText:e.getAttribute("tooltipText")||e.getAttribute("tooltip-text")||e.getAttribute("name")||e.textContent?.trim(),icon:e.getAttribute("icon"),bgColor:e.getAttribute("bgColor")||e.getAttribute("bg-color"),badge:e.getAttribute("badge"),status:e.getAttribute("status")})))}getSizeAlias(){return{sm:"s",md:"m",lg:"l"}[this.size]||this.size}render(){const e=this.getAllAvatarData(),t=this.getMaxCount(),i="grid"===this.layout?e:e.slice(0,t),a=this.calculateOverlap(),s={"avatar-group":!0,[`layout-${this.layout}`]:!0,"avatar-group-animated":this.animated&&"stack"===this.layout,expanded:this.isHovered&&"stack"===this.layout},n={"--avatar-spacing":`${a}px`,"--avatar-border-color":this.borderColor,"--avatar-border-width":`${this.borderWidth}px`,"--avatar-size":"number"==typeof this.size?`${this.size}px`:this.size.toString()};return o(r,{key:"d1c53574be9549de6cce9cf8aae33ac8019dd556"},o("div",{key:"0f64bd06b7f8bd077e98286b9df7cd24e1924a50",class:s,style:n,onMouseEnter:this.handleMouseEnterGroup,onMouseLeave:this.handleMouseLeaveGroup},o("div",{key:"937475ddb42adc924320a2f15f61a76f3ec3c916",class:"avatar-list"},i.map(((t,r)=>o("ui-avatar",{...t,key:r,size:this.size,shape:this.shape,border:`${this.borderWidth}px solid ${this.borderColor}`,class:"group-avatar",style:{zIndex:("stack"===this.layout?e.length-r:1).toString()}}))),"stack"===this.layout&&this.renderExcessCount(e.length,t)),o("div",{key:"52779f80360501b288b88cd896f2dd117b18c0e1",style:{display:"none"}},o("slot",{key:"bd6996c4789091de98a2f01349990412278e51ee"}))),this.isRosterOpen&&o("div",{key:"fb404a5fd2e4723bb54465a8e6b94d220052721d",class:"avatar-roster-backdrop",onClick:this.closeRoster},o("div",{key:"81df0d927175829c2fe80e3c39bf81350011620e",class:"avatar-roster-content",onClick:e=>e.stopPropagation()},o("div",{key:"89cea0f5aed19f87eaab53bdab36b0ccf429dc54",class:"roster-header"},o("h3",{key:"3d113ccb91edb0b47e7bccc311af3f52f09ed5f2"},"Participants (",e.length,")"),o("ui-button",{key:"ad42880fadf89334d69ff0fca445adf7fb1b4494",variant:"ghost",onClick:this.closeRoster,ariaLabel:"Close roster",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"})),o("div",{key:"d683e744b8a132d600d8681254c39b0569b1564c",class:"roster-list"},e.map(((e,t)=>o("div",{key:t,class:"roster-item"},o("ui-avatar",{...e,size:"s",shape:this.shape}),o("div",{class:"roster-info"},o("span",{class:"roster-name"},e.name||e.content||"Anonymous"),e.status&&o("span",{class:`roster-status status-${e.status}`},e.status)))))))))}};l.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.avatar-group{display:inline-flex;position:relative;align-items:center}.avatar-group.layout-stack .group-avatar{margin-right:var(--avatar-spacing, -16px);transition:all 0.5s cubic-bezier(0.25, 1, 0.5, 1);transform-origin:center bottom}.avatar-group.layout-stack .group-avatar:hover{z-index:100 !important;transform:scale(1.25) translateY(-10px);margin-right:8px !important;box-shadow:0 10px 25px rgba(0, 0, 0, 0.2);border-color:var(--border-subtle, #fff) !important}.avatar-group.layout-stack .group-avatar:hover~.group-avatar,.avatar-group.layout-stack .group-avatar:hover~.excess-avatar-container{transform:translateX(24px)}.avatar-group.layout-stack.avatar-group-animated:hover{padding-right:40px}.avatar-group.layout-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(var(--avatar-size) + 8px), 1fr));gap:8px;width:100%}.avatar-list{display:flex;flex-wrap:wrap;align-items:center}.layout-stack .avatar-list{flex-wrap:nowrap}.avatar-extra{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-danger, #f56a00);color:var(--text-standard, #ffffff);font-weight:600;border:var(--avatar-border-width, 2px) solid var(--avatar-border-color, #fff);cursor:pointer;z-index:1;transition:transform 0.2s;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);font-size:0.8em}.avatar-extra:hover{transform:scale(1.1) translateY(-4px);z-index:100;box-shadow:0 8px 20px rgba(0, 0, 0, 0.15)}.avatar-extra.shape-circle{border-radius:50%}.avatar-extra.shape-square{border-radius:8px}.avatar-popover{position:absolute;top:100%;right:0;background:var(--bg-primary, #ffffff);border-radius:8px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.2);padding:12px;z-index:1000;min-width:180px;margin-top:8px;animation:popoverFadeIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.avatar-popover::after{content:"";position:absolute;top:-12px;right:12px;border:6px solid transparent;border-bottom-color:var(--bg-primary, #ffffff)}.avatar-popover .popover-content{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.avatar-popover .popover-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:6px;transition:background 0.2s;cursor:pointer}.avatar-popover .popover-item:hover{background:var(--bg-secondary, #f3f4f6)}.avatar-popover .popover-item ui-avatar{transition:none !important;transform:none !important;box-shadow:none !important}.avatar-popover .popover-text{font-size:14px;color:var(--text-secondary, #374151);font-weight:500}@keyframes popoverFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.avatar-roster-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(4px)}.avatar-roster-content{background:var(--bg-primary, #ffffff);width:90%;max-width:500px;max-height:80vh;border-radius:16px;box-shadow:0 20px 50px rgba(0, 0, 0, 0.3);display:flex;flex-direction:column;overflow:hidden;animation:modalIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)}.roster-header{padding:20px;border-bottom:1px solid var(--border-subtle, #eee);display:flex;align-items:center;justify-content:space-between}.roster-header h3{margin:0;color:var(--text-primary, #1f2937)}.roster-header .close-btn{background:none;border:none;font-size:28px;cursor:pointer;color:var(--text-muted, #9ca3af)}.roster-header .close-btn:hover{color:var(--text-primary, #1f2937)}.roster-list{padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.roster-item{display:flex;align-items:center;gap:16px;padding:12px;border-radius:12px;transition:background 0.2s}.roster-item:hover{background:var(--bg-primary, #f9fafb)}.roster-info{display:flex;flex-direction:column}.roster-name{font-weight:600;color:var(--text-primary, #111827)}.roster-status{font-size:11px;text-transform:capitalize;border-radius:4px;padding:1px 6px;width:fit-content}.status-online{color:var(--color-success-hover, #059669);background:var(--bg-primary, #ecfdf5)}@keyframes modalIn{from{opacity:0;transform:scale(0.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}';const d=class{constructor(t){e(this,t),this.uiBeforeOpen=i(this,"uiBeforeOpen"),this.uiOpen=i(this,"uiOpen"),this.uiBeforeClose=i(this,"uiBeforeClose"),this.uiClose=i(this,"uiClose"),this.uiToggle=i(this,"uiToggle")}get element(){return t(this)}heading="";target;content="";open=!1;disabled=!1;trigger="click";placement="top";showArrow=!0;width="280px";animation="scale";showCloseButton=!1;backdrop=!1;variant="light";popoverRole="dialog";showDelay=0;hideDelay=200;closeOnScroll=!1;closeOnEsc=!0;maxHeight="none";interactive=!0;loading=!1;skeleton=!1;offset=12;arrowSize=10;closeOnOutsideClick=!0;closeOnBlur=!0;matchTriggerWidth=!1;flip=!0;shift=!0;boundary="viewport";padding=24;fallbackPlacements;autoPlacement=!1;strategy="fixed";zIndex=21e3;uiBeforeOpen;uiOpen;uiBeforeClose;uiClose;uiToggle;currentPlacement="top";popoverStyles={};arrowStyles={};targetElement;popoverContent;arrowElement;hideTimeout;showTimeout;focusTrap;cleanupAutoUpdate;resizeObserver;latestSizeData={width:"",maxWidth:"",maxHeight:""};updateRetries=0;_justOpened=!1;componentWillLoad(){this.currentPlacement=this.placement}componentDidLoad(){this.setupTrigger(),this.popoverContent=this.element.shadowRoot?.querySelector(".popover"),this.arrowElement=this.element.shadowRoot?.querySelector(".popover-arrow"),this.popoverContent&&(this.resizeObserver=new ResizeObserver((()=>{this.open&&this.updatePosition()})),this.resizeObserver.observe(this.popoverContent)),window.addEventListener("keydown",this.handleGlobalKeyDown)}componentDidUpdate(){this.open&&!this.cleanupAutoUpdate&&this.startAutoUpdate()}disconnectedCallback(){this.cleanup(),this.cleanupAutoUpdate&&this.cleanupAutoUpdate(),window.removeEventListener("keydown",this.handleGlobalKeyDown),this.focusTrap&&this.focusTrap.deactivate()}visibilityChanged(e){if(e){if(this.disabled)return void(this.open=!1);this.handleOpen()}else this.handleClose()}handleTriggerConfigChange(){this.cleanup(),this.setupTrigger()}handleOpen(){this.targetElement||this.setupTrigger(),this.popoverStyles={position:this.strategy,left:"0px",top:"0px",visibility:"hidden",opacity:"0"},this.popoverContent=this.element.shadowRoot?.querySelector(".popover"),this.arrowElement=this.element.shadowRoot?.querySelector(".popover-arrow"),this.popoverContent&&!this.resizeObserver&&(this.resizeObserver=new ResizeObserver((()=>{this.open&&this.updatePosition()})),this.resizeObserver.observe(this.popoverContent)),requestAnimationFrame((()=>{this.cleanup(),this.targetElement=void 0,this.setupTrigger(),this.startAutoUpdate(),this.updateAriaAttributes(!0),this.closeOnOutsideClick&&(this._justOpened=!0,setTimeout((()=>{this._justOpened=!1,document.addEventListener("click",this.handleOutsideClick)}),50)),(this.backdrop||this.showCloseButton||"click"===this.trigger)&&requestAnimationFrame((()=>{this.initFocusTrap(),this.focusTrap&&this.focusTrap.activate()})),this.uiOpen.emit()}))}handleClose(){this.cleanupAutoUpdate&&(this.cleanupAutoUpdate(),this.cleanupAutoUpdate=void 0),this.popoverStyles={position:this.strategy,left:"0px",top:"0px",visibility:"hidden",opacity:"0"},document.removeEventListener("click",this.handleOutsideClick),this.focusTrap&&this.focusTrap.deactivate(),this.updateAriaAttributes(!1),this.uiClose.emit()}updateAriaAttributes(e){this.targetElement&&(this.targetElement.setAttribute("aria-expanded",e.toString()),this.targetElement.setAttribute("aria-haspopup","menu"===this.popoverRole?"menu":"true"))}initFocusTrap(){this.popoverContent&&(this.focusTrap||(this.focusTrap=new s(this.popoverContent,{initialFocus:this.popoverContent,returnFocus:this.targetElement,escapeDeactivates:!0,clickOutsideDeactivates:!this.backdrop})))}getLayoutAnchor(){let e=this.targetElement;for(;e;){const t=window.getComputedStyle(e);if(t&&"contents"===t.display){const t=Array.from(e.shadowRoot?.children||[]).find((e=>"STYLE"!==e.tagName&&"SCRIPT"!==e.tagName&&"SLOT"!==e.tagName));if(t){e=t;continue}}break}return e||this.targetElement||this.element}setupTrigger(){if(this.target&&(this.targetElement="string"==typeof this.target?document.querySelector(this.target):this.target),!this.targetElement){const e=this.element.shadowRoot?.querySelector('slot[name="trigger"]'),t=this.element.shadowRoot?.querySelector("slot:not([name])"),o=e=>{const t=e?.assignedElements();return t?.length>0?t[0]:null};this.targetElement=o(e)||o(t)}this.targetElement||(this.targetElement=this.element),this.targetElement&&"manual"!==this.trigger&&(["BUTTON","A","INPUT","SELECT","TEXTAREA"].includes(this.targetElement.tagName)||(this.targetElement.hasAttribute("role")||this.targetElement.setAttribute("role","button"),this.targetElement.hasAttribute("tabindex")||this.targetElement.setAttribute("tabindex","0")),"click"===this.trigger?(this.targetElement.addEventListener("click",this.handleTriggerClick),this.targetElement.addEventListener("keydown",this.handleTargetKeyDown)):"hover"===this.trigger?(this.targetElement.addEventListener("mouseenter",this.handleMouseEnter),this.targetElement.addEventListener("mouseleave",this.handleMouseLeave),this.targetElement.addEventListener("focusin",this.handleFocusIn),this.targetElement.addEventListener("focusout",this.handleFocusOut)):"focus"===this.trigger&&(this.targetElement.addEventListener("focusin",this.handleFocusIn),this.targetElement.addEventListener("focusout",this.handleFocusOut)),this.updateAriaAttributes(this.open))}handleTargetKeyDown=e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.toggle())};cleanup(){this.targetElement&&(this.targetElement.removeEventListener("click",this.handleTriggerClick),this.targetElement.removeEventListener("keydown",this.handleTargetKeyDown),this.targetElement.removeEventListener("mouseenter",this.handleMouseEnter),this.targetElement.removeEventListener("mouseleave",this.handleMouseLeave),this.targetElement.removeEventListener("focusin",this.handleFocusIn),this.targetElement.removeEventListener("focusout",this.handleFocusOut),document.removeEventListener("click",this.handleOutsideClick),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=void 0))}handleTriggerClick=e=>{e.stopPropagation(),"click"===this.trigger&&this.toggle()};handleFocusIn=()=>{this.show()};handleFocusOut=()=>{this.hide()};handleOutsideClick=e=>{if(this._justOpened&&e.isTrusted)return;const t=e.composedPath?e.composedPath():[];t.includes(this.element)||this.popoverContent&&t.includes(this.popoverContent)||this.targetElement?.contains(e.target)||this.popoverContent?.contains(e.target)||this.open&&this.hide()};handleMouseEnter=()=>{this.disabled||(clearTimeout(this.hideTimeout),this.showDelay>0?this.showTimeout=setTimeout((()=>this.show()),this.showDelay):this.show())};handleMouseLeave=()=>{clearTimeout(this.showTimeout),this.hideTimeout=setTimeout((()=>this.hide()),this.hideDelay)};handlePopoverMouseEnter=()=>{"hover"===this.trigger&&this.interactive&&(clearTimeout(this.hideTimeout),clearTimeout(this.showTimeout))};handlePopoverMouseLeave=()=>{"hover"===this.trigger&&this.interactive&&this.handleMouseLeave()};handleGlobalKeyDown=e=>{this.open&&this.closeOnEsc&&"Escape"===e.key&&(e.stopPropagation(),this.hide())};startAutoUpdate(){if(this.cleanupAutoUpdate&&this.cleanupAutoUpdate(),this.popoverContent=this.element.shadowRoot?.querySelector(".popover"),this.showArrow&&(this.arrowElement=this.element.shadowRoot?.querySelector(".popover-arrow")),!this.targetElement||!this.popoverContent)return;const e=this.getLayoutAnchor();this.cleanupAutoUpdate=n(e,this.popoverContent,(()=>this.updatePosition()),{animationFrame:!0})}async updatePosition(){if(this.popoverContent||(this.popoverContent=this.element.shadowRoot?.querySelector(".popover")),this.showArrow&&!this.arrowElement&&(this.arrowElement=this.element.shadowRoot?.querySelector(".popover-arrow")),!this.open||!this.popoverContent||!this.targetElement)return void(this.updateRetries=0);if(0===this.popoverContent.offsetWidth&&this.updateRetries<5)return this.updateRetries++,void requestAnimationFrame((()=>this.updatePosition()));this.updateRetries=0;const e=this.getLayoutAnchor(),{left:t,top:o,placement:r,availableHeight:i,availableWidth:a,arrowX:s,arrowY:n}=p(e,{menuWidth:this.popoverContent.offsetWidth,menuHeight:this.popoverContent.offsetHeight,gap:this.offset,placement:this.autoPlacement?"auto":this.placement.split("-")[0],align:this.placement.includes("start")?"start":this.placement.includes("end")?"end":"center",padding:this.padding,flip:this.flip,shift:this.shift});this.currentPlacement=r,this.latestSizeData={width:this.width,maxWidth:`${Math.min(window.innerWidth-2*this.padding,a)}px`,maxHeight:"none"!==this.maxHeight?this.maxHeight:`${i}px`};const l=this.latestSizeData;if(this.popoverStyles={position:this.strategy,left:`${t}px`,top:`${o}px`,width:this.matchTriggerWidth?`${e.offsetWidth}px`:l.width||this.width,minWidth:"160px",maxWidth:l.maxWidth,maxHeight:l.maxHeight,visibility:"visible",opacity:"1"},this.showArrow&&this.arrowElement){const e=r,t={top:"bottom",right:"left",bottom:"top",left:"right"}[e],o=Math.round(this.arrowSize/2);this.arrowStyles={top:"",right:"",bottom:"",left:"",..."top"===e||"bottom"===e?{left:`${s}px`,transform:"translateX(-50%) rotate(45deg)"}:{top:`${n}px`,transform:"translateY(-50%) rotate(45deg)"},[t]:`-${o}px`}}}async reposition(){return this.updatePosition()}async computePlacement(){return this.currentPlacement}async show(){if(!this.disabled){if(this.uiBeforeOpen){const e=this.uiBeforeOpen.emit();if(e&&e.defaultPrevented)return}this.open=!0}}async hide(){if(this.uiBeforeClose){const e=this.uiBeforeClose.emit();if(e&&e.defaultPrevented)return}this.open=!1}async toggle(){this.disabled||(this.open?await this.hide():await this.show(),this.uiToggle&&this.uiToggle.emit({open:this.open}))}getPopoverStyle(){return{"--ui-popover-arrow-size":`${this.arrowSize}px`,zIndex:this.zIndex?`${this.zIndex}`:void 0}}render(){const e={popover:!0,"popover-visible":this.open,"popover-loading":this.loading,"popover-skeleton":this.skeleton,[`popover-${this.currentPlacement}`]:!0,[`popover-${this.variant}`]:!0,[`popover-anim-${this.animation}`]:!0},t={...this.getPopoverStyle(),...this.popoverStyles};return o("div",{key:"8c9a3985b10f389cb2fa730830e3872957358435",class:"popover-wrapper"},o("div",{key:"6b0c31365ecd79e280001c112cd33978d92393aa",class:"popover-trigger"},o("slot",{key:"0fb48c0444ccd3ce6e7b1a68d12e6fd4b546c654",name:"trigger"}),o("slot",{key:"e8f8f885ebf70a16b6554b9471ab234bf426d478"})),this.backdrop&&this.open&&o("div",{key:"3412a54d36ddceed9ca90bf587db0d7c4c53240a",class:"popover-backdrop",onClick:()=>this.hide()}),this.open&&o("div",{key:"8cbc42fedae9130dc5d453366b95ff2b9865a9a2",class:e,style:t,onMouseEnter:()=>this.handlePopoverMouseEnter(),onMouseLeave:()=>this.handlePopoverMouseLeave(),role:this.popoverRole,"aria-modal":this.backdrop?"true":"false","aria-label":this.heading||void 0},this.showArrow&&o("div",{key:"39c3c7db5436a07e8f39e594e8517e08392f8f50",class:"popover-arrow",style:this.arrowStyles}),o("div",{key:"caaedac530b821964d6301309b984aefcae798db",class:"popover-inner"},(this.heading||this.showCloseButton)&&o("div",{key:"cb939a32a38e56e72c14dcebfada947c19f22ea9",class:"popover-header"},this.heading&&o("div",{key:"55080c2e755a2f4bc9cd45110b2262f57471fde7",class:"popover-title"},this.heading),this.showCloseButton&&o("ui-button",{key:"bd92a337a7029d19fa3b4b1e3aa211f12ca38f71",variant:"ghost",size:"xxs",iconOnly:!0,class:"popover-close",onClick:()=>this.hide(),ariaLabel:"Close",icon:"x",iconLibrary:"lucide",iconSize:"14px"})),o("div",{key:"dedbb7ecd61056c89d5c006a442ff83d6de76390",class:"popover-body",style:{maxHeight:this.maxHeight,overflowY:"none"!==this.maxHeight?"auto":void 0}},o("slot",{key:"b838ffbe1fdd208cbe2ca2c8f2e85f290ebfb946",name:"content"}),this.content&&o("div",{key:"e179798f83b9be0ddd68f5d80c1c8df7ff893075",innerHTML:a(this.content)})),o("slot",{key:"8f235de9f318e3ed6aa386522052bfb6a7c45da3",name:"footer"}))))}static get watchers(){return{open:[{visibilityChanged:0}],target:[{handleTriggerConfigChange:0}],trigger:[{handleTriggerConfigChange:0}]}}};d.style='@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.popover-wrapper{position:relative;display:inline-block}.popover-trigger{display:inline-block;cursor:pointer}.popover-backdrop{position:fixed;inset-block-start:0;inset-inline-start:0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:19999;cursor:default;animation:backdropIn 0.18s ease}@keyframes backdropIn{from{opacity:0}to{opacity:1}}.popover{position:fixed;z-index:21000;background:var(--popover-bg, var(--bg-primary, #ffffff));border:1px solid var(--popover-border, var(--border-default, #e5e7eb));border-radius:var(--popover-radius, 10px);box-shadow:0 10px 25px -5px rgba(0, 0, 0, 0.12), 0 8px 10px -6px rgba(0, 0, 0, 0.08);opacity:0;transition:opacity 0.2s ease, transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);pointer-events:none;max-width:calc(100vw - 32px);word-wrap:break-word;overflow-wrap:break-word;overflow:visible;isolation:isolate;margin:0;bottom:auto;right:auto}.popover-visible{opacity:1;pointer-events:auto}.popover-inner{overflow:hidden;border-radius:inherit;max-height:inherit;background:var(--popover-surface-bg, var(--popover-bg, var(--bg-primary, #ffffff)))}.popover-header{display:flex;align-items:center;justify-content:space-between;margin:0;padding-block:12px;padding-inline:16px;border-block-end:1px solid var(--popover-border, var(--border-default, #e5e7eb));background:var(--popover-header-bg, var(--popover-surface-bg, var(--popover-bg, var(--bg-primary, #ffffff))))}.popover-title{font-weight:700;font-size:14px;color:var(--popover-text-primary, var(--text-primary, #1f2937));margin:0;letter-spacing:-0.01em}.popover-close{background:transparent;border:none;color:var(--popover-text-secondary, var(--text-muted, #9ca3af));cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background 0.15s, color 0.15s;margin-inline-start:8px}.popover-close:hover{background:var(--popover-border, var(--border-default, #e5e7eb));color:var(--popover-text-primary, var(--text-primary, #1f2937))}.popover-body{padding-block:12px;padding-inline:16px;font-size:14px;color:var(--popover-text-secondary, var(--text-muted, #6b7280));line-height:1.6;overflow-y:auto;background:var(--popover-body-bg, var(--popover-surface-bg, var(--popover-bg, var(--bg-primary, #ffffff))));scrollbar-width:thin;scrollbar-color:rgba(0, 0, 0, 0.15) transparent}.popover-body::-webkit-scrollbar{width:4px}.popover-body::-webkit-scrollbar-track{background:transparent}.popover-body::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.15);border-radius:2px}::slotted([slot=footer]){display:block;padding-block:10px;padding-inline:16px;border-block-start:1px solid var(--popover-border, var(--border-default, #e5e7eb));background:var(--popover-footer-bg, rgba(0, 0, 0, 0.02))}.popover-dark{--popover-bg:var(--ghost-popover-bg, #0f172a);--popover-border:var(--ghost-popover-border, rgba(148, 163, 184, 0.28));--popover-text-primary:var(--ghost-popover-text-primary, #f8fafc);--popover-text-secondary:var(--ghost-popover-text-secondary, #cbd5e1);--popover-footer-bg:var(--ghost-popover-footer-bg, rgba(255,255,255,0.04));--popover-surface-bg:var(--ghost-popover-surface-bg, var(--ghost-popover-bg, #0f172a));--popover-header-bg:var(--ghost-popover-header-bg, var(--ghost-popover-surface-bg, var(--ghost-popover-bg, #0f172a)));--popover-body-bg:var(--ghost-popover-body-bg, var(--ghost-popover-surface-bg, var(--ghost-popover-bg, #0f172a)));color-scheme:dark;background:var(--popover-bg);box-shadow:0 18px 40px rgba(2, 6, 23, 0.42), 0 10px 18px rgba(15, 23, 42, 0.26);isolation:isolate}.popover-dark .popover-inner,.popover-dark .popover-header,.popover-dark .popover-body{background:var(--popover-surface-bg, var(--popover-bg));opacity:1;backdrop-filter:none;-webkit-backdrop-filter:none}.popover-dark .popover-arrow{--popover-bg:#0f172a;--popover-border:rgba(148, 163, 184, 0.28)}.popover-light{--popover-surface-bg:var(--ghost-popover-surface-bg, var(--popover-bg, var(--bg-primary, #ffffff)));--popover-header-bg:var(--ghost-popover-header-bg, var(--popover-surface-bg));--popover-body-bg:var(--ghost-popover-body-bg, var(--popover-surface-bg))}.popover-success{--popover-bg:var(--bg-primary, #f0fdf4);--popover-border:var(--color-success, #bbf7d0);--popover-text-primary:var(--color-success, #14532d);--popover-text-secondary:var(--color-success, #166534);--popover-footer-bg:rgba(var(--color-success-rgb, 16, 185, 129), 0.06)}.popover-success .popover-header{border-block-end-color:var(--color-success, #bbf7d0)}.popover-success .popover-title::before{content:"✓  ";color:var(--color-success, #16a34a)}.popover-warning{--popover-bg:var(--bg-primary, #fffbeb);--popover-border:var(--color-primary, #fde68a);--popover-text-primary:var(--color-danger, #78350f);--popover-text-secondary:var(--color-danger, #92400e);--popover-footer-bg:rgba(var(--color-warning-rgb, 245, 158, 11), 0.06)}.popover-warning .popover-header{border-block-end-color:var(--color-primary, #fde68a)}.popover-warning .popover-title::before{content:"⚠  ";color:var(--color-warning-hover, #d97706)}.popover-error{--popover-bg:var(--bg-primary, #fef2f2);--popover-border:var(--color-danger, #fecaca);--popover-text-primary:var(--color-danger, #7f1d1d);--popover-text-secondary:var(--color-danger, #991b1b);--popover-footer-bg:rgba(var(--color-danger-rgb, 239, 68, 68), 0.06)}.popover-error .popover-header{border-block-end-color:var(--color-danger, #fecaca)}.popover-error .popover-title::before{content:"✕  ";color:var(--color-danger-hover, #dc2626)}.popover-info{--popover-bg:var(--bg-primary, #eff6ff);--popover-border:var(--color-primary, #bfdbfe);--popover-text-primary:var(--color-primary, #1e3a8a);--popover-text-secondary:var(--color-primary, #1e40af);--popover-footer-bg:rgba(var(--color-primary-rgb, 59, 130, 246), 0.06)}.popover-info .popover-header{border-block-end-color:var(--color-primary, #bfdbfe)}.popover-info .popover-title::before{content:"ℹ  ";color:var(--color-primary-hover, #2563eb)}.popover-arrow{position:absolute;width:var(--ui-popover-arrow-size, 10px);height:var(--ui-popover-arrow-size, 10px);background:var(--popover-bg, var(--bg-primary, #ffffff));border:1px solid var(--popover-border, var(--border-default, #e5e7eb));transform:rotate(45deg);pointer-events:none;box-sizing:border-box;z-index:1;}.popover-top .popover-arrow,.popover-top-start .popover-arrow,.popover-top-end .popover-arrow{border-top:none;border-left:none;}.popover-bottom .popover-arrow,.popover-bottom-start .popover-arrow,.popover-bottom-end .popover-arrow{border-right:none;border-bottom:none;}.popover-left .popover-arrow,.popover-left-start .popover-arrow,.popover-left-end .popover-arrow{border-left:none;border-bottom:none;}.popover-right .popover-arrow,.popover-right-start .popover-arrow,.popover-right-end .popover-arrow{border-top:none;border-right:none;}.popover-anim-scale{transform:scale(0.92);transform-origin:center top}.popover-anim-scale.popover-bottom,.popover-anim-scale.popover-bottom-start,.popover-anim-scale.popover-bottom-end{transform-origin:center bottom}.popover-anim-scale.popover-left,.popover-anim-scale.popover-left-start,.popover-anim-scale.popover-left-end{transform-origin:right center}.popover-anim-scale.popover-right,.popover-anim-scale.popover-right-start,.popover-anim-scale.popover-right-end{transform-origin:left center}.popover-anim-scale.popover-visible{transform:scale(1)}.popover-anim-slide.popover-top,.popover-anim-slide.popover-top-start,.popover-anim-slide.popover-top-end{transform:translateY(8px)}.popover-anim-slide.popover-bottom,.popover-anim-slide.popover-bottom-start,.popover-anim-slide.popover-bottom-end{transform:translateY(-8px)}.popover-anim-slide.popover-left,.popover-anim-slide.popover-left-start,.popover-anim-slide.popover-left-end{transform:translateX(8px)}.popover-anim-slide.popover-right,.popover-anim-slide.popover-right-start,.popover-anim-slide.popover-right-end{transform:translateX(-8px)}.popover-anim-slide.popover-visible{transform:translate(0, 0)}.popover-skeleton .popover-body{display:flex;flex-direction:column;gap:10px;padding:16px}.popover-skeleton .popover-body::before,.popover-skeleton .popover-body::after{content:"";display:block;height:12px;border-radius:6px;background:linear-gradient(90deg, var(--bg-primary, #e5e7eb) 25%, var(--bg-secondary, #f3f4f6) 50%, var(--bg-primary, #e5e7eb) 75%);background-size:200% 100%;animation:skeletonShimmer 1.4s infinite}.popover-skeleton .popover-body::after{width:65%}@keyframes skeletonShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.popover{transition:none;transform:none !important;opacity:1 !important;display:none}.popover-visible{display:block}}';const h=class{constructor(t){e(this,t),this.skeletonShow=i(this,"skeletonShow"),this.skeletonHide=i(this,"skeletonHide")}ariaLabel;ariaLive="off";ariaRole;progress;dark="auto";rtl=!1;skeletonShow;skeletonHide;template="none";count=1;direction="column";lazyAnimation=!0;speed="normal";color="neutral";radius;stagger=0;gap="16px";highlightColor;elevation=0;shape="rectangle";mask=!1;ghost=!1;size="md";width="100%";height="20px";borderRadius="4px";animated=!0;animationType="neon-sweep";customClass="";delay=0;waveAngle="90deg";waveSpeed="1.5s";rows=1;lastRowWidth="80%";isActuallyVisible=!1;isInView=!0;delayTimer;observer;componentDidLoad(){this.lazyAnimation&&this.setupObserver()}setupObserver(){void 0!==globalThis.IntersectionObserver?(this.observer=new IntersectionObserver((e=>{e.forEach((e=>{this.isInView=e.isIntersecting}))}),{threshold:.1}),this.el&&this.observer.observe(this.el)):this.isInView=!0}handleDelayChange(){this.handleVisibility()}componentWillLoad(){this.handleVisibility()}get el(){return t(this)}handleVisibility(){if(this.delay<=0)return this.isActuallyVisible||this.skeletonShow?.emit(),void(this.isActuallyVisible=!0);this.delayTimer&&clearTimeout(this.delayTimer),this.isActuallyVisible&&this.skeletonHide?.emit(),this.isActuallyVisible=!1,this.delayTimer=setTimeout((()=>{this.isActuallyVisible=!0,this.skeletonShow?.emit()}),this.delay)}disconnectedCallback(){this.delayTimer&&clearTimeout(this.delayTimer),this.observer&&this.observer.disconnect()}getSizeDimensions(){const e={"3xs":{width:"12px",height:"12px"},"2xs":{width:"16px",height:"16px"},xs:{width:"20px",height:"20px"},sm:{width:"24px",height:"24px"},md:{width:"32px",height:"32px"},lg:{width:"48px",height:"48px"},xl:{width:"64px",height:"64px"},"2xl":{width:"80px",height:"80px"},"3xl":{width:"120px",height:"120px"},"4xl":{width:"160px",height:"160px"}};return e[this.size]||e.md}getSkeletonStyles(){const e=this.getSizeDimensions(),t="20px"!==this.height,o={width:"100%"!==this.width?this.width:e.width,height:t?this.height:e.height};switch(this.shape){case"circle":o.borderRadius="50%";const e=Math.min(parseInt(this.width),parseInt(this.height)||parseInt(this.width));o.width=`${e}px`,o.height=`${e}px`;break;case"square":const r=Math.min(parseInt(this.width),parseInt(this.height)||parseInt(this.width));o.width=`${r}px`,o.height=`${r}px`,o.borderRadius="0";break;case"oval":o.borderRadius="50%";break;case"rounded-square":const i=Math.min(parseInt(this.width),parseInt(this.height)||parseInt(this.width));o.width=`${i}px`,o.height=`${i}px`,o.borderRadius=this.borderRadius;break;case"rounded-rectangle":case"rounded":o.borderRadius=this.borderRadius;break;case"text":o.borderRadius="4px",t||(o.height={"3xs":"10px","2xs":"12px",xs:"14px",sm:"16px",md:"18px",lg:"24px",xl:"32px","2xl":"40px","3xl":"48px","4xl":"64px"}[this.size]||"18px");break;case"avatar":o.borderRadius="50%";const a=this.getSizeDimensions();o.width="100%"!==this.width?this.width:a.width,o.height="20px"!==this.height?this.height:a.height;break;case"button":o.borderRadius="6px",o.height="20px"!==this.height?this.height:{xs:"24px",sm:"28px",md:"32px",lg:"36px",xl:"40px","2xl":"44px"}[this.size]||"32px";break;case"pill":o.borderRadius="20px",o.height="20px"!==this.height?this.height:{xs:"20px",sm:"24px",md:"28px",lg:"32px"}[this.size]||"28px",o.width="100%"!==this.width?this.width:"60px";break;case"card":o.borderRadius="8px",o.minHeight="20px"!==this.height?this.height:{xs:"80px",sm:"100px",md:"120px",lg:"160px",xl:"200px","2xl":"240px"}[this.size]||"120px";break;case"list-item":o.borderRadius="4px",o.height="20px"!==this.height?this.height:{xs:"32px",sm:"36px",md:"40px",lg:"48px",xl:"56px","2xl":"64px"}[this.size]||"40px";break;case"image":o.borderRadius="8px",o.height="20px"!==this.height?this.height:{xs:"100px",sm:"150px",md:"200px",lg:"250px",xl:"300px","2xl":"400px"}[this.size]||"200px",o.display="flex",o.alignItems="center",o.justifyContent="center";break;case"none":o.background="transparent",o.width="auto",o.height="auto";break;default:o.borderRadius="0"}return o}render(){if(!this.isActuallyVisible)return null;const e=Array.from({length:Math.max(1,this.count)}),t=this.ariaRole||("number"==typeof this.progress?"progressbar":"status"),r={role:t,"aria-busy":!0,"aria-label":this.ariaLabel,"aria-live":this.ariaLive};"progressbar"===t&&"number"==typeof this.progress&&(r["aria-valuenow"]=this.progress,r["aria-valuemin"]=0,r["aria-valuemax"]=100);const i=["dark","blue","violet","green","pink"],a=document.documentElement.getAttribute("data-theme")||"",s="auto"===this.dark&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches||i.some((e=>document.documentElement.classList.contains("theme-"+e)||document.body.classList.contains("theme-"+e)))||i.includes(a)||!!this.el.closest(i.map((e=>`.theme-${e}, [data-theme="${e}"]`)).join(", ")));return o("div",{class:`skeleton-replication-container skeleton-direction-${this.direction} ${"dark"===this.dark||s?"skeleton-dark":""} ${this.rtl?"skeleton-rtl":""}`,style:{display:"flex",flexDirection:this.direction,gap:this.gap},...r},e.map(((e,t)=>{const r=this.stagger>0?t*this.stagger+"ms":"0ms",i=this.animated&&(!this.lazyAnimation||this.isInView),a=!["neutral","primary","secondary","success","danger","warning","info"].includes(this.color),s={skeleton:!0,"skeleton-animated":i,[`skeleton-${this.animationType}`]:i,[`skeleton-${this.shape}`]:!0,[`skeleton-speed-${this.speed}`]:!0,[`skeleton-color-${this.color}`]:!a&&"neutral"!==this.color,"skeleton-mask":this.mask,"skeleton-ghost":this.ghost&&this.mask,"skeleton-elevated":this.elevation>0,[this.customClass]:!!this.customClass},n={"--skeleton-stagger-delay":r,"--skeleton-wave-angle":this.waveAngle,"--skeleton-wave-speed":this.waveSpeed,"--skeleton-gap":this.gap,"--skeleton-elevation":this.elevation>0?`var(--ui-shadow-${this.elevation}, 0 2px 8px rgba(0,0,0,0.05))`:"none"};a&&(n["--skeleton-bg"]=this.color,n["--skeleton-wave-bg"]=this.highlightColor||this.color),this.radius&&(n["--skeleton-border-radius"]=this.radius);const p=["circle","avatar","oval"].includes(this.shape),l={...this.getSkeletonStyles(),...n,animationDelay:r,...p?{}:this.radius||"4px"!==this.borderRadius?{borderRadius:this.radius||this.borderRadius}:{}};return o("div",{class:s,style:l,key:t},this.renderContent(),"number"==typeof this.progress&&o("div",{class:"skeleton-progress-bar",style:{width:this.progress+"%",height:"4px",background:"var(--skeleton-wave-bg, #fff)",borderRadius:"2px",marginTop:"4px"}}))})),o("slot",{name:"custom"}))}renderContent(){const e="text"===this.shape&&this.rows>1;return[this.mask||"none"===this.shape?o("slot",null):null,e&&!this.mask?o("div",{class:"skeleton-text-rows",style:{display:"flex",flexDirection:"column",gap:"8px",width:"100%"}},Array.from({length:this.rows}).map(((e,t)=>o("div",{class:"skeleton-text-row",style:{height:"1em",width:t===this.rows-1?this.lastRowWidth:t>0&&t%2==0?"92%":"100%",backgroundColor:"inherit",borderRadius:"4px",animation:"inherit"}})))):null,"card"!==this.shape||this.mask?null:o("div",{class:"skeleton-card-content"},o("div",{class:"skeleton-card-header"},o("div",{class:"skeleton-circle",style:{width:"32px",height:"32px",borderRadius:"50%"}}),o("div",{class:"skeleton-card-title"},o("div",{class:"skeleton-text",style:{width:"60%",height:"16px",borderRadius:"4px"}}),o("div",{class:"skeleton-text",style:{width:"40%",height:"12px",borderRadius:"4px"}}))),o("div",{class:"skeleton-card-body"},o("div",{class:"skeleton-text",style:{width:"100%",height:"14px",borderRadius:"4px"}}),o("div",{class:"skeleton-text",style:{width:"80%",height:"14px",borderRadius:"4px"}}),o("div",{class:"skeleton-text",style:{width:"90%",height:"14px",borderRadius:"4px"}}))),"list-item"!==this.shape||this.mask?null:o("div",{class:"skeleton-list-content"},o("div",{class:"skeleton-circle",style:{width:"32px",height:"32px",borderRadius:"50%"}}),o("div",{class:"skeleton-list-text"},o("div",{class:"skeleton-text",style:{width:"70%",height:"14px",borderRadius:"4px"}}),o("div",{class:"skeleton-text",style:{width:"50%",height:"12px",borderRadius:"4px"}}))),"image"!==this.shape||this.mask?null:o("div",{class:"skeleton-image-icon"},o("ui-icon",{name:"image",library:"lucide",size:"25%",style:{opacity:"0.2"}})),"profile"===this.template?o("div",{class:"skeleton-profile-template"},o("ui-skeleton-loader",{shape:"circle",size:this.size,color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),o("div",{class:"skeleton-profile-lines"},o("ui-skeleton-loader",{shape:"text",size:this.size,width:"120px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),o("ui-skeleton-loader",{shape:"text",size:"xs",width:"80px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}))):null,"media-object"===this.template?o("div",{class:"skeleton-media-object-template"},o("ui-skeleton-loader",{shape:"rounded-rectangle",width:"48px",height:"48px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),o("div",{class:"skeleton-media-lines",style:{flex:"1"}},o("ui-skeleton-loader",{shape:"text",size:"md",width:"70%",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),o("ui-skeleton-loader",{shape:"text",size:"xs",width:"40%",color:this.color,"highlight-color":this.highlightColor,animated:this.animated,style:{marginTop:"4px"}}),o("ui-skeleton-loader",{shape:"text",size:"xs",width:"90%",color:this.color,"highlight-color":this.highlightColor,animated:this.animated,style:{marginTop:"8px"}}))):null,"feed-item"===this.template?o("div",{class:"skeleton-feed-template"},o("div",{class:"feed-header",style:{display:"flex",gap:"12px",marginBottom:"16px"}},o("ui-skeleton-loader",{shape:"circle",size:"md",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),o("div",{style:{flex:"1"}},o("ui-skeleton-loader",{shape:"text",size:"xs",width:"100px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),o("ui-skeleton-loader",{shape:"text",size:"xs",width:"60px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated,style:{marginTop:"4px"}}))),o("ui-skeleton-loader",{shape:"rectangle",width:"100%",height:"200px","border-radius":"8px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),o("div",{class:"feed-footer",style:{marginTop:"12px",display:"flex",gap:"8px"}},o("ui-skeleton-loader",{shape:"button",size:"sm",width:"60px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),o("ui-skeleton-loader",{shape:"button",size:"sm",width:"60px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}))):null,"table-row"===this.template?o("div",{class:"skeleton-table-row-template",style:{display:"flex",gap:"20px",alignItems:"center",width:"100%",padding:"12px 0"}},o("ui-skeleton-loader",{shape:"rectangle",width:"20px",height:"20px","border-radius":"4px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),o("ui-skeleton-loader",{shape:"text",width:"15%",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),o("ui-skeleton-loader",{shape:"text",width:"35%",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),o("ui-skeleton-loader",{shape:"text",width:"20%",color:this.color,"highlight-color":this.highlightColor,animated:this.animated}),o("ui-skeleton-loader",{shape:"pill",width:"80px",color:this.color,"highlight-color":this.highlightColor,animated:this.animated,style:{marginLeft:"auto"}})):null]}static get watchers(){return{delay:[{handleDelayChange:0}]}}};h.style='@charset "UTF-8";.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{--skeleton-bg:#9ca6b3;--skeleton-wave-bg:#ffffff;--skeleton-bg:var(--skeleton-loader-bg, color-mix(in srgb, var(--bg-tertiary, #e2e8f0) 58%, #475569 42%));--skeleton-wave-bg:var(--skeleton-loader-wave-bg, #ffffff);--skeleton-border-radius:var(--skeleton-loader-border-radius, 4px);--skeleton-progress-bar-bg:var(--skeleton-loader-progress-bar-bg, var(--bg-primary, #ffffff));--skeleton-focus-ring:var(--skeleton-loader-focus-ring, var(--color-primary, #10b981));--skeleton-focus-shadow:var(--skeleton-loader-focus-shadow, #dbeafe)}:host-context([data-theme=dark]),:host-context([data-theme=blue]),:host-context([data-theme=violet]),:host-context([data-theme=green]),:host-context([data-theme=pink]),:host-context(.theme-dark),:host-context(.theme-blue),:host-context(.theme-violet),:host-context(.theme-green),:host-context(.theme-pink),:host(.theme-dark),:host([dark=dark]),:host-context(.skeleton-dark),.skeleton-dark{--skeleton-bg:#111827;--skeleton-wave-bg:#374151;--skeleton-bg:var(--skeleton-loader-bg, color-mix(in srgb, var(--bg-secondary, #1e293b) 80%, #000000 20%));--skeleton-wave-bg:var(--skeleton-loader-wave-bg, color-mix(in srgb, var(--bg-tertiary, #334155) 75%, #ffffff 25%))}.skeleton-color-primary{--skeleton-bg:color-mix(in srgb, var(--color-primary, #10b981) 25%, transparent);--skeleton-wave-bg:color-mix(in srgb, var(--color-primary, #10b981) 50%, transparent)}.skeleton-color-secondary{--skeleton-bg:color-mix(in srgb, var(--color-secondary, #64748b) 25%, transparent);--skeleton-wave-bg:color-mix(in srgb, var(--color-secondary, #64748b) 50%, transparent)}.skeleton-color-success{--skeleton-bg:color-mix(in srgb, var(--color-success, #22c55e) 25%, transparent);--skeleton-wave-bg:color-mix(in srgb, var(--color-success, #22c55e) 50%, transparent)}.skeleton-color-danger{--skeleton-bg:color-mix(in srgb, var(--color-danger, #ef4444) 25%, transparent);--skeleton-wave-bg:color-mix(in srgb, var(--color-danger, #ef4444) 50%, transparent)}.skeleton-color-warning{--skeleton-bg:color-mix(in srgb, var(--color-warning, #f59e0b) 25%, transparent);--skeleton-wave-bg:color-mix(in srgb, var(--color-warning, #f59e0b) 50%, transparent)}.skeleton-color-info{--skeleton-bg:color-mix(in srgb, var(--color-info, #38bdf8) 25%, transparent);--skeleton-wave-bg:color-mix(in srgb, var(--color-info, #38bdf8) 50%, transparent)}.skeleton-replication-container ::slotted([slot=custom]:focus-visible){outline:2px solid var(--color-primary, #10b981);outline-offset:2px;border-radius:4px;box-shadow:0 0 0 2px var(--border-subtle, #dbeafe);transition:outline 0.2s, box-shadow 0.2s}.skeleton-rtl .skeleton{direction:rtl;--skeleton-wave-angle:-90deg;animation-direction:reverse}.skeleton-progress-bar{transition:width 0.3s cubic-bezier(0.4, 0, 0.2, 1);background:var(--skeleton-wave-bg, var(--bg-primary, #ffffff));height:4px;border-radius:2px;margin-top:4px}.skeleton-replication-container slot[name=custom]{display:block;margin-top:8px}:host{display:block}.skeleton{background:var(--skeleton-bg, #f0f0f0);position:relative;overflow:hidden}.skeleton-animated.skeleton-pulse{animation:skeleton-pulse var(--skeleton-wave-speed, 1.5s) cubic-bezier(0.4, 0, 0.2, 1) infinite}.skeleton-animated.skeleton-wave{background:linear-gradient(var(--skeleton-wave-angle, 110deg), var(--skeleton-bg) 25%, var(--skeleton-wave-bg) 50%, var(--skeleton-bg) 75%);background-size:200% 100%;animation:skeleton-wave var(--skeleton-wave-speed, 1.4s) linear infinite}.skeleton-animated.skeleton-shimmer{background:linear-gradient(110deg, var(--skeleton-bg) 25%, var(--skeleton-wave-bg) 50%, var(--skeleton-bg) 75%);background-size:200% 100%;animation:skeleton-shimmer var(--skeleton-wave-speed, 1.3s) linear infinite}.skeleton-animated.skeleton-sheen::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background:linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.6) 50%, transparent 100%);animation:skeleton-sheen var(--skeleton-wave-speed, 1.4s) cubic-bezier(0.25, 1, 0.5, 1) infinite}.skeleton-dark .skeleton-animated.skeleton-sheen::after{background:linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.18) 50%, transparent 100%)}.skeleton-animated.skeleton-glow{animation:skeleton-glow var(--skeleton-wave-speed, 1.8s) ease-in-out infinite}.skeleton-animated.skeleton-flicker{animation:skeleton-flicker 0.25s ease-in-out infinite}.skeleton-animated.skeleton-neon-sweep{position:relative;background:var(--skeleton-bg, #e2e8f0)}.skeleton-animated.skeleton-neon-sweep::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, transparent 0%, rgba(var(--color-primary-rgb, 16, 185, 129), 0) 20%, rgba(var(--color-primary-rgb, 16, 185, 129), 0.9) 50%, rgba(var(--color-primary-rgb, 16, 185, 129), 0) 80%, transparent 100%);transform:translateX(-150%) skewX(-20deg);animation:skeleton-neon-sweep var(--skeleton-wave-speed, 1.5s) cubic-bezier(0.25, 1, 0.5, 1) infinite;box-shadow:0 0 20px rgba(var(--color-primary-rgb, 16, 185, 129), 0.45)}.skeleton-animated.skeleton-liquify{background:linear-gradient(135deg, var(--skeleton-bg) 0%, var(--skeleton-bg) 35%, color-mix(in srgb, var(--skeleton-wave-bg) 75%, var(--skeleton-bg)) 47%, var(--skeleton-wave-bg) 50%, color-mix(in srgb, var(--skeleton-wave-bg) 75%, var(--skeleton-bg)) 53%, var(--skeleton-bg) 65%, var(--skeleton-bg) 100%);background-size:250% 100%;animation:skeleton-liquify var(--skeleton-wave-speed, 2s) cubic-bezier(0.33, 1, 0.68, 1) infinite}.skeleton-animated.skeleton-aurora{background:linear-gradient(45deg, var(--skeleton-bg) 0%, color-mix(in srgb, #3b82f6 28%, var(--skeleton-bg)) 30%, color-mix(in srgb, #a855f7 28%, var(--skeleton-bg)) 50%, color-mix(in srgb, #10b981 25%, var(--skeleton-bg)) 70%, var(--skeleton-bg) 100%);background-size:300% 300%;animation:skeleton-aurora 4s ease infinite}.skeleton-dark .skeleton-animated.skeleton-aurora{background:linear-gradient(45deg, var(--skeleton-bg) 0%, color-mix(in srgb, #3b82f6 24%, var(--skeleton-bg)) 30%, color-mix(in srgb, #c084fc 24%, var(--skeleton-bg)) 50%, color-mix(in srgb, #34d399 20%, var(--skeleton-bg)) 70%, var(--skeleton-bg) 100%);background-size:300% 300%;animation:skeleton-aurora 4s ease infinite}.skeleton-circle{border-radius:50%}.skeleton-rounded{border-radius:var(--skeleton-border-radius, 4px)}.skeleton-text{border-radius:4px}.skeleton-avatar{border-radius:50%}.skeleton-button{border-radius:6px}.skeleton-card{border-radius:8px;padding:16px}.skeleton-list-item{border-radius:4px;padding:12px;display:flex;align-items:center;gap:12px}.skeleton-card-content{display:flex;flex-direction:column;gap:12px}.skeleton-card-header{display:flex;align-items:center;gap:12px}.skeleton-card-title{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-card-body{display:flex;flex-direction:column;gap:8px}.skeleton-list-content{display:flex;align-items:center;gap:12px;width:100%}.skeleton-list-text{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton-card .skeleton-circle,.skeleton-card .skeleton-text,.skeleton-list-item .skeleton-circle,.skeleton-list-item .skeleton-text{background:var(--skeleton-bg, #f0f0f0);animation:inherit}.skeleton-image-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.skeleton-profile-template{display:flex;align-items:center;gap:16px}.skeleton-profile-template .skeleton-profile-lines{display:flex;flex-direction:column;gap:8px}.skeleton-media-object-template{display:flex;align-items:flex-start;gap:12px}.skeleton-media-object-template .skeleton-media-lines{display:flex;flex-direction:column;gap:6px}.skeleton-feed-template{width:100%;padding:16px;border:1px solid var(--ui-color-border, var(--border-default, #e5e7eb));border-radius:12px;background:var(--ui-color-surface, var(--bg-primary, #ffffff))}.skeleton-mask{width:fit-content;height:fit-content;min-width:20px;min-height:20px;display:inline-block}.skeleton-mask>*{visibility:hidden}.skeleton-mask.skeleton-ghost>*{visibility:visible !important;opacity:0.15 !important;filter:blur(2px) grayscale(1)}.skeleton-replication-container{width:100%;display:flex;gap:var(--skeleton-gap, 16px)}.skeleton-replication-container.skeleton-direction-row{flex-wrap:wrap;flex-direction:row !important}.skeleton-replication-container.skeleton-direction-column{flex-direction:column !important}.skeleton-elevated{box-shadow:var(--skeleton-elevation, none)}@keyframes skeleton-pulse{0%,100%{background-color:var(--skeleton-bg);opacity:1}50%{background-color:var(--skeleton-wave-bg);opacity:0.4}}@keyframes skeleton-wave{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes skeleton-sheen{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes skeleton-glow{0%,100%{box-shadow:0 0 8px rgba(var(--color-primary-rgb, 16, 185, 129), 0.15), inset 0 0 4px rgba(var(--color-primary-rgb, 16, 185, 129), 0.05);filter:brightness(0.95);opacity:0.8}50%{box-shadow:0 0 24px rgba(var(--color-primary-rgb, 16, 185, 129), 0.65), inset 0 0 12px rgba(var(--color-primary-rgb, 16, 185, 129), 0.3);filter:brightness(1.2);opacity:1}}@keyframes skeleton-flicker{0%,100%{opacity:0.35;filter:brightness(0.85)}20%{opacity:0.85;filter:brightness(1)}40%{opacity:0.45;filter:brightness(0.9)}60%{opacity:0.95;filter:brightness(1.15)}80%{opacity:0.55;filter:brightness(0.95)}}@keyframes skeleton-neon-sweep{0%{transform:translateX(-150%) skewX(-20deg)}70%,100%{transform:translateX(150%) skewX(-20deg)}}@keyframes skeleton-liquify{0%{background-position:250% 0}50%{background-position:-50% 0}100%{background-position:250% 0}}@keyframes skeleton-aurora{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}:host{--skeleton-border-radius:4px}.skeleton-speed-slow.skeleton-pulse{animation-duration:3s}.skeleton-speed-slow.skeleton-wave{animation-duration:3s}.skeleton-speed-slow.skeleton-shimmer{animation-duration:3.5s}.skeleton-speed-slow.skeleton-sheen::after{animation-duration:3.5s}.skeleton-speed-slow.skeleton-glow{animation-duration:3s}.skeleton-speed-slow.skeleton-neon-sweep::after{animation-duration:3.2s}.skeleton-speed-slow.skeleton-liquify{animation-duration:4s}.skeleton-speed-normal.skeleton-pulse{animation-duration:1.5s}.skeleton-speed-normal.skeleton-wave{animation-duration:1.5s}.skeleton-speed-normal.skeleton-shimmer{animation-duration:1.8s}.skeleton-speed-normal.skeleton-sheen::after{animation-duration:1.8s}.skeleton-speed-normal.skeleton-glow{animation-duration:1.5s}.skeleton-speed-normal.skeleton-neon-sweep::after{animation-duration:1.8s}.skeleton-speed-normal.skeleton-liquify{animation-duration:2.2s}.skeleton-speed-fast.skeleton-pulse{animation-duration:0.8s}.skeleton-speed-fast.skeleton-wave{animation-duration:0.8s}.skeleton-speed-fast.skeleton-shimmer{animation-duration:1s}.skeleton-speed-fast.skeleton-sheen::after{animation-duration:1s}.skeleton-speed-fast.skeleton-glow{animation-duration:0.8s}.skeleton-speed-fast.skeleton-neon-sweep::after{animation-duration:1.1s}.skeleton-speed-fast.skeleton-liquify{animation-duration:1.2s}';const c=class{constructor(t){e(this,t)}get el(){return t(this)}direction="horizontal";wrap="nowrap";spacing="8px";align="center";justify="start";max=0;overlap=!1;showDividers=!1;dividerType="solid";childrenCount=0;isRosterOpen=!1;mutationObserver;componentWillLoad(){this.updateChildrenCount()}componentDidLoad(){this.mutationObserver=new MutationObserver((()=>{this.updateChildrenCount()})),this.mutationObserver.observe(this.el,{childList:!0})}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}toggleRoster=()=>{this.isRosterOpen=!this.isRosterOpen};closeRoster=()=>{this.isRosterOpen=!1};updateChildrenVisibility(e){Array.from(this.el.children).forEach(((t,o)=>{t.style.display=o<e?"":"none"}))}updateChildrenCount(){this.childrenCount=this.el.children.length}renderRoster(e,t){return o("div",{class:"stack-roster-backdrop",onClick:this.closeRoster},o("div",{class:"stack-roster-content",onClick:e=>e.stopPropagation()},o("div",{class:"roster-header"},o("div",{class:"roster-titles"},o("h4",{class:"roster-main-title"},"Hidden Items"),o("span",{class:"roster-sub-title"},t," items total")),o("ui-button",{variant:"ghost",onClick:this.closeRoster,ariaLabel:"Close roster",icon:"times",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"})),o("div",{class:"roster-list"},e.map(((e,t)=>o("div",{key:t,class:"roster-item"},o("div",{class:"roster-item-preview",innerHTML:a(e.outerHTML)}),o("span",{class:"roster-item-label"},"Item ",t+1)))))))}render(){const e=this.overlap||this.spacing.startsWith("-"),t=this.max>0?this.max:this.childrenCount,i=this.childrenCount-t,a=Array.from(this.el.children);return requestAnimationFrame((()=>this.updateChildrenVisibility(t))),o(r,{key:"b4bd86fd867061218a62b94f247a30f1c4710919",class:{"ui-stack":!0,[`stack-${this.direction}`]:!0,[`stack-wrap-${this.wrap}`]:!0,"stack-overlap":e,"stack-show-dividers":this.showDividers&&!e,[`divider-${this.dividerType}`]:this.showDividers},style:{"--stack-spacing":e?"0":this.spacing,"--stack-overlap":e?this.spacing.startsWith("-")?this.spacing:"-12px":"0","align-items":this.align,"justify-content":this.justify,"flex-wrap":this.wrap}},o("div",{key:"3364fa9b69d8aa4c9c92add70a6bfc969d14ab96",class:"stack-container"},o("slot",{key:"14b6de27b7e2c72ed9c677fff51ea721dc6eb2d1"}),i>0&&o("div",{key:"bab9856ee9b5caa06b7765619efad7cf2b175e2e",class:"stack-overflow-indicator",onClick:e=>{e.stopPropagation(),this.toggleRoster()},onKeyDown:e=>{"Enter"===e.key&&this.toggleRoster()},tabindex:"0",role:"button",title:`View ${i} more items`},"+",i)),this.isRosterOpen&&this.renderRoster(a,this.childrenCount))}};c.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:inline-block}:host(.stack-horizontal) .stack-container{flex-direction:row}:host(.stack-vertical) .stack-container{flex-direction:column}.stack-container{display:flex;gap:var(--stack-spacing, 8px)}:host(.stack-wrap-wrap) .stack-container{flex-wrap:wrap}:host(.stack-wrap-wrap-reverse) .stack-container{flex-wrap:wrap-reverse}:host(.stack-show-dividers) .stack-container{gap:0}:host(.stack-show-dividers) ::slotted(*:not(:last-child)){position:relative;margin-right:var(--stack-spacing, 8px);display:flex;align-items:center}:host(.stack-show-dividers) ::slotted(*:not(:last-child))::after{content:"";position:absolute;right:calc(var(--stack-spacing, 8px) / -2);background:var(--bg-primary, #e5e7eb)}:host(.stack-horizontal.stack-show-dividers) ::slotted(*:not(:last-child))::after{width:1px;height:60%;top:20%}:host(.stack-vertical.stack-show-dividers) ::slotted(*:not(:last-child))::after{height:1px;width:60%;left:20%;bottom:calc(var(--stack-spacing, 8px) / -2)}:host(.divider-dashed) ::slotted(*:not(:last-child))::after{border-right:1px dashed var(--border-default, #e5e7eb);background:none}:host(.divider-dotted) ::slotted(*:not(:last-child))::after{border-right:1px dotted var(--border-default, #e5e7eb);background:none}:host(.stack-overlap) .stack-container{padding-right:20px}:host(.stack-overlap) ::slotted(*){margin-right:var(--stack-overlap, -12px) !important;transition:transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), z-index 0s, filter 0.3s ease;position:relative;z-index:1;border:2px solid var(--bg-primary, #ffffff);box-sizing:border-box;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));cursor:pointer}:host(.stack-overlap) ::slotted(*:hover){transform:translateY(-8px) scale(1.1) rotate(1deg);z-index:100 !important;filter:drop-shadow(0 12px 24px rgba(0, 0, 0, 0.2))}:host(.stack-overlap) ::slotted(*:last-child){margin-right:0 !important}.stack-roster-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn 0.2s ease-out}.stack-roster-content{background:var(--bg-primary, #ffffff);width:90%;max-width:400px;max-height:80vh;border-radius:16px;box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25);display:flex;flex-direction:column;overflow:hidden;animation:slideUp 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.roster-header{padding:16px 20px;border-bottom:1px solid var(--border-subtle, #f1f5f9);display:flex;justify-content:space-between;align-items:center}.roster-header h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #1e293b)}.close-btn{background:var(--bg-secondary, #f1f5f9);border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted, #64748b);font-size:18px;transition:all 0.2s}.close-btn:hover{background:var(--bg-primary, #e2e8f0);color:var(--text-primary, #0f172a)}.roster-list{padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.roster-item{padding:10px;border-radius:10px;background:var(--bg-primary, #f8fafc);border:1px solid var(--border-subtle, #f1f5f9);display:flex;align-items:center;transition:background 0.2s}.roster-item:hover{background:var(--bg-secondary, #f1f5f9)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.stack-overflow-indicator{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;border-radius:50%;background:var(--bg-secondary, #f3f4f6);border:2px solid var(--bg-primary, #ffffff);color:var(--text-secondary, #4b5563);font-size:12px;font-weight:600;z-index:10;cursor:pointer;transition:transform 0.2s}.stack-overflow-indicator:hover{transform:scale(1.1);background:var(--bg-primary, #e5e7eb)}@media (prefers-color-scheme: dark){.stack-roster-content{background:var(--bg-primary, #1e293b)}.roster-header h4{color:var(--text-standard, #ffffff)}.roster-item{background:var(--color-primary, #334155);border-color:var(--color-primary, #475569)}.roster-item:hover{background:var(--color-primary, #475569)}.stack-overflow-indicator{background:var(--color-primary, #374151);border-color:var(--border-strong, #1f2937);color:var(--text-standard, #f3f4f6)}.stack-overflow-indicator:hover{background:var(--color-primary, #4b5563)}}';const g=class{constructor(t){e(this,t),this.tagAdd=i(this,"tagAdd"),this.tagGroupChange=i(this,"tagGroupChange")}get el(){return t(this)}max=0;spacing="8px";overlap=!1;value=[];selectionMode="none";size;variant;color;rounded=!1;removable=!1;creatable=!1;searchable=!1;collapsible=!1;caseSensitive=!1;delimiters=[","," "];skeleton=!1;shape;animation;readOnly=!1;placeholder="Add tag...";tagAdd;searchQuery="";isExpanded=!1;isLastTagHighlighted=!1;tagGroupChange;handleKeyDown(e){if(this.readOnly)return;const t=Array.from(this.el.querySelectorAll("ui-tag")),o=this.el.shadowRoot?.activeElement||document.activeElement,r=t.findIndex((e=>e===o||e.contains(o))),i=o===this.el.shadowRoot?.querySelector(".tag-group-inline-input");if("ArrowLeft"===e.key)i&&0===e.target.selectionStart?t.length>0&&(t[t.length-1].focus(),e.preventDefault()):r>0&&(t[r-1].focus(),e.preventDefault());else if("ArrowRight"===e.key)-1!==r&&(r===t.length-1?this.el.shadowRoot?.querySelector(".tag-group-inline-input")?.focus():t[r+1].focus(),e.preventDefault());else if(("Backspace"===e.key||"Delete"===e.key)&&-1!==r){const o=t[r],i=r<t.length-1?t[r+1]:this.el.shadowRoot?.querySelector(".tag-group-inline-input");this.removable&&(this.removeTagByValue(o.value||o.label),i&&i.focus(),e.preventDefault())}}handleGroupChange(){this.updateChildren()}handleTagRemove(e){if(this.readOnly)return;const t=e.target;if(!t)return;const o=t.value||t.label;if(Array.isArray(this.value)){const e=this.value.indexOf(o);if(e>-1){const t=[...this.value];t.splice(e,1),this.value=t,this.tagGroupChange.emit(this.value)}}else this.value===o&&(this.value="",this.tagGroupChange.emit(this.value));t.parentNode===this.el&&this.el.removeChild(t),setTimeout((()=>this.updateChildren()),50)}handleTagCheck(e){if(this.readOnly||"none"===this.selectionMode)return;const t=e.target,o=t.value||t.label;if("single"===this.selectionMode)this.value=e.detail?o:"",this.syncSelection();else{const t=Array.isArray(this.value)?[...this.value]:this.value?[this.value]:[];if(e.detail)t.includes(o)||t.push(o);else{const e=t.indexOf(o);e>-1&&t.splice(e,1)}this.value=t,this.syncSelection()}this.tagGroupChange.emit(this.value)}componentDidLoad(){this.updateChildren();const e=this.el.shadowRoot?.querySelector("slot");e&&e.addEventListener("slotchange",(()=>this.updateChildren()))}updateChildren(){const e=Array.from(this.el.querySelectorAll("ui-tag")),t=this.searchQuery.toLowerCase();e.forEach(((o,r)=>{this.size&&(o.size=this.size),this.variant&&(o.variant=this.variant),this.color&&(o.color=this.color),!this.overlap||this.shape||o.shape?this.shape?o.shape=this.shape:this.rounded&&(o.shape="pill"):o.shape="circle",this.skeleton&&(o.skeleton=this.skeleton),this.animation&&(o.animation=this.animation),o.removable=!this.readOnly&&this.removable,o.disabled=this.readOnly,"none"!==this.selectionMode&&(o.checkable=!0);const i=(o.label||"").toLowerCase().includes(t),a=this.max>0&&r>=this.max;this.isLastTagHighlighted&&r===e.length-1?o.setAttribute("highlighted","true"):o.removeAttribute("highlighted"),o.style.display=!i||a&&!this.isExpanded?"none":""})),this.syncSelection()}syncSelection(){const e=Array.from(this.el.querySelectorAll("ui-tag")),t=Array.isArray(this.value)?this.value:[this.value];e.forEach((e=>{e.checked=t.includes(e.value||e.label)}))}handleSearch=e=>{this.searchQuery=e.detail,this.updateChildren()};addTags(e){if(!e)return;this.isLastTagHighlighted=!1;const t=this.delimiters.map((e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))).join("|"),o=new RegExp(t||",","g");e.split(o).map((e=>e.trim())).filter((e=>!!e)).forEach((e=>{const t=Array.from(this.el.querySelectorAll("ui-tag")).find((t=>this.caseSensitive?t.label===e:t.label.toLowerCase()===e.toLowerCase()));if(t)t.pulse=!0,setTimeout((()=>t.pulse=!1),2e3);else{const t=document.createElement("ui-tag");t.setAttribute("label",e),this.el.appendChild(t),this.tagAdd.emit(e)}})),this.updateChildren()}removeLastTag(){const e=Array.from(this.el.querySelectorAll("ui-tag"));if(e.length>0){const t=e[e.length-1],o=t.value||t.label;if(Array.isArray(this.value)){const e=this.value.indexOf(o);if(e>-1){const t=[...this.value];t.splice(e,1),this.value=t,this.tagGroupChange.emit(this.value)}}this.el.removeChild(t),this.updateChildren()}}removeTagByValue(e){if(Array.isArray(this.value)){const t=this.value.indexOf(e);if(t>-1){const e=[...this.value];e.splice(t,1),this.value=e,this.tagGroupChange.emit(this.value)}}else this.value===e&&(this.value="",this.tagGroupChange.emit(this.value));const t=Array.from(this.el.querySelectorAll("ui-tag")).find((t=>(t.value||t.label)===e));t&&this.el.removeChild(t),this.updateChildren()}handleAddTag=e=>{const t=e.detail.target,o=t.value,r=e.detail.key;if("Enter"===r||this.delimiters.includes(r)&&o.trim())return this.delimiters.includes(r)&&e.detail.preventDefault(),this.addTags(o),void(t.value="");"Backspace"!==r||o?(o||"Backspace"!==r)&&(this.isLastTagHighlighted=!1,this.updateChildren()):this.isLastTagHighlighted?(this.removeLastTag(),this.isLastTagHighlighted=!1):(this.isLastTagHighlighted=!0,this.updateChildren()),"Escape"===r&&(this.isLastTagHighlighted=!1,this.updateChildren())};toggleExpand=()=>{this.isExpanded=!this.isExpanded};render(){const e=Array.from(this.el.querySelectorAll("ui-tag")),t=e.filter((e=>"none"!==e.style.display)),i=this.max>0&&e.length>this.max,a=0===e.length,s=e.length>0&&0===t.length,n=(this.searchable||this.creatable)&&!this.readOnly;return o(r,{key:"6c10d465949f447fa8e70506522ccf0c5bbbb16d"},o("div",{key:"f119d30704ba77309e2556f41f179ffa7e3c05f2",class:{"tag-group-container":!0,"is-readonly":this.readOnly,"is-empty":a}},o("ui-stack",{key:"afe10b0b6142a688eed69d1a6817c6efcac002cb",spacing:this.spacing,overlap:this.overlap,max:this.isExpanded?0:this.max,wrap:"wrap"},o("slot",{key:"a3f61d253532ea24995c8c594b227fe389d1bce0"}),n&&o("ui-input",{key:"d2513ef2ea36f1c74db509f27ffcc51cf2b5b625",type:"text",class:"tag-group-inline-input",placeholder:a?this.placeholder:"",value:this.searchQuery,onInputChange:this.handleSearch,onInputKeydown:this.handleAddTag,size:"sm",variant:"borderless",hideBorder:!0,fullWidth:!0})),s&&o("div",{key:"bb89ba2759c045e62522ca64fb4ba480717ffc2b",class:"tag-group-empty no-results"},o("span",{key:"7ff0d17ae03cbb6415092177c6866143b82b6fda"},'No tags match "',this.searchQuery,'"'))||a&&this.readOnly&&o("div",{key:"f05bf41a4c408107c88e19c866d28a74563bd134",class:"tag-group-empty"},o("ui-icon",{key:"d688dc6f2c9093749469cbab269cd137e62d5889",name:"tag",library:"lucide",size:"1.4em"}),o("span",{key:"9a364908f459d9b8586310e8a6f0388e722637ed"},"No items assigned")),this.collapsible&&i&&o("ui-button",{key:"ba66f535b3c914bd54ccfbb3f376229e3a061524",variant:"ghost",size:"sm",class:"tag-group-overflow-toggle",onClick:this.toggleExpand,label:this.isExpanded?"Show less":`View all ${e.length} items`})))}static get watchers(){return{isExpanded:[{handleGroupChange:0}],skeleton:[{handleGroupChange:0}],shape:[{handleGroupChange:0}],color:[{handleGroupChange:0}]}}};g.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.tag-group-container{display:flex;flex-direction:column;gap:12px;padding:8px 12px;border:1.5px solid var(--border-subtle, #e2e8f0);border-radius:10px;background:var(--bg-primary, #f8fafc);transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1)}.tag-group-container:focus-within{background:var(--bg-primary, #ffffff);border-color:var(--color-primary, #10b981);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.tag-group-container.is-readonly{background:transparent;border-color:transparent;padding:0;pointer-events:none}.tag-group-inline-input{flex:1;min-width:60px;border:none;background:transparent;font-size:13px;padding:4px 0;outline:none;color:var(--text-primary, #1e293b)}.tag-group-inline-input::placeholder{color:var(--color-primary, #94a3b8)}ui-stack[overlap] ui-tag,ui-stack[overlap=true] ui-tag{--ui-tag-border:2px solid var(--bg-primary, #ffffff) !important;transition:transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}ui-stack[overlap] ui-tag:hover,ui-stack[overlap=true] ui-tag:hover{transform:translateY(-4px) scale(1.1);z-index:100 !important}ui-tag[highlighted=true]{--ui-tag-bg:var(--color-primary, #10b981) !important;--ui-tag-color:var(--text-standard, #ffffff) !important;--ui-tag-border:1px solid var(--color-primary-hover, #2563eb) !important;transform:scale(1.05);box-shadow:0 4px 6px -1px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.tag-group-overflow-toggle{margin-top:4px;align-self:flex-start;background:var(--bg-secondary, #f1f5f9);border:1px solid var(--border-subtle, #e2e8f0);color:var(--text-muted, #64748b);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;cursor:pointer;padding:4px 12px;border-radius:999px;transition:all 0.2s ease}.tag-group-overflow-toggle:hover{background:var(--bg-primary, #ffffff);color:var(--color-primary, #10b981);border-color:var(--color-primary, #10b981);transform:translateY(-1px)}.tag-group-overflow-toggle:active{transform:translateY(0)}.tag-group-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:8px;color:var(--color-primary, #94a3b8);background:transparent}.tag-group-empty ui-icon{opacity:0.4}.tag-group-empty span{font-size:13px;font-weight:500}.tag-group-empty.no-results{padding:12px;border-radius:8px;background:rgba(241, 245, 249, 0.5);color:var(--text-muted, #64748b);border:1px dashed var(--border-subtle, #e2e8f0)}";export{l as ui_avatar_group,d as ui_popover,h as ui_skeleton,c as ui_stack,g as ui_tag_group}

package/dist/exploration-project-tailwind/p-747b02ea.entry.js

@@ -0,0 +1 @@
+import{r as e,c as l,a as t,h as i,H as a}from"./p-Dqu2zaH1.js";const o=class{constructor(t){e(this,t),this.labelClick=l(this,"labelClick"),this.labelFocus=l(this,"labelFocus"),this.labelBlur=l(this,"labelBlur"),this.labelCopy=l(this,"labelCopy")}get el(){return t(this)}_isFocused=!1;_tooltipOpen=!1;htmlFor;controlId;target;label="";size="md";weight="medium";transform="none";truncate=!1;multiline=!1;lineClamp=0;variant="default";required=!1;optional=!1;disabled=!1;readonly=!1;invalid=!1;focused=!1;loading=!1;errorText="";successText="";helperText="";ariaLabel="";ariaDescribedby="";ariaLive="off";orientation="vertical";align="start";inline=!1;block=!1;gap="";margin="";padding="";startIcon="";endIcon="";iconOnly=!1;tooltipIcon="ⓘ";tooltip="";tooltipPosition="top";clickable=!1;selectable=!1;copyable=!1;responsive=!1;mobileStack=!1;labelDir="ltr";labelLang="";labelId="";name="";testId="";automationId="";labelClick;labelFocus;labelBlur;labelCopy;onFocusedChanged(e){this._isFocused=e}componentWillLoad(){this._isFocused=this.focused,this.labelId||(this.labelId=`ui-label-${Math.random().toString(36).slice(2,9)}`)}async setFocus(){this.el.shadowRoot?.querySelector(".label-root")?.focus()}async copyText(){await this._handleCopy()}get _forId(){return this.controlId||this.htmlFor||this.target||void 0}get _describedBy(){const e=[];return this.ariaDescribedby&&e.push(this.ariaDescribedby),this.helperText&&e.push(`${this.labelId}-hint`),this.invalid&&this.errorText&&e.push(`${this.labelId}-error`),this.successText&&!this.invalid&&e.push(`${this.labelId}-success`),e.join(" ")}get _text(){return this.label||""}_handleClick=e=>{this.disabled||this.labelClick.emit({originalEvent:e,text:this._text||this.el.textContent?.trim()||"",targetId:this._forId})};_handleFocus=()=>{this._isFocused=!0,this.labelFocus.emit()};_handleBlur=()=>{this._isFocused=!1,this.labelBlur.emit()};_handleCopy=async()=>{const e=this._text||this.el.textContent?.trim()||"";if(e)try{await navigator.clipboard.writeText(e),this.labelCopy.emit({text:e})}catch{}};_toggleTooltip=()=>{this._tooltipOpen=!this._tooltipOpen};_closeTooltip=()=>{this._tooltipOpen=!1};_rootClasses(){return{"label-root":!0,[`label-size-${this.size}`]:!0,[`label-weight-${this.weight}`]:!0,[`label-variant-${this.variant}`]:!0,[`label-align-${this.align}`]:!0,[`label-orientation-${this.orientation}`]:!0,"label-truncate":this.truncate&&!this.multiline,"label-multiline":this.multiline,"label-inline":this.inline,"label-block":this.block,"label-disabled":this.disabled,"label-readonly":this.readonly,"label-invalid":this.invalid,"label-focused":this._isFocused,"label-loading":this.loading,"label-clickable":this.clickable,"label-selectable":this.selectable,"label-copyable":this.copyable,"label-icon-only":this.iconOnly,"label-responsive":this.responsive,"label-mobile-stack":this.mobileStack,"label-rtl":"rtl"===this.labelDir}}_renderRequiredIndicator(){return this.el.querySelector('[slot="required-indicator"]')?i("slot",{name:"required-indicator"}):i("span",{class:"label-required","aria-hidden":"true",title:"Required field"},"*")}_renderOptionalBadge(){return i("span",{class:"label-optional","aria-hidden":"true"},"(optional)")}_renderIcon(e,l){return i("span",{class:`label-icon label-icon-${l}`,"aria-hidden":"true",innerHTML:e})}_renderTooltipTrigger(){return this.tooltip||this.el.querySelector('[slot="tooltip"]')?i("button",{type:"button",class:"label-tooltip-trigger"+(this._tooltipOpen?" is-open":""),"aria-label":"More information","aria-expanded":this._tooltipOpen?"true":"false","aria-haspopup":"true",onClick:this._toggleTooltip,onBlur:this._closeTooltip},i("span",{"aria-hidden":"true"},this.tooltipIcon)):null}_renderTooltipCallout(){return this._tooltipOpen?i("div",{role:"tooltip",class:`label-tooltip label-tooltip-${this.tooltipPosition}`,id:`${this.labelId}-tooltip`},this.tooltip?i("span",{class:"label-tooltip-text"},this.tooltip):i("slot",{name:"tooltip"})):null}_renderCopyButton(){return i("button",{type:"button",class:"label-copy-btn","aria-label":"Copy to clipboard",onClick:this._handleCopy,tabIndex:-1},i("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",width:"14",height:"14","aria-hidden":"true"},i("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),i("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"})))}_renderSubText(){const e=this.invalid&&this.errorText,l=!this.invalid&&this.successText,t=!e&&!l&&this.helperText,a=!!this.el.querySelector('[slot="hint"]');return e||l||t||a?i("div",{class:"label-sub"},e&&i("span",{id:`${this.labelId}-error`,class:"label-error-text",role:"alert","aria-live":"assertive"},i("span",{class:"label-sub-icon","aria-hidden":"true"},"✕"),this.errorText),l&&i("span",{id:`${this.labelId}-success`,class:"label-success-text"},i("span",{class:"label-sub-icon","aria-hidden":"true"},"✓"),this.successText),t&&i("span",{id:`${this.labelId}-hint`,class:"label-hint-text"},this.helperText),a&&i("span",{id:`${this.labelId}-hint`,class:"label-hint-text"},i("slot",{name:"hint"}))):null}_renderLoadingSkeleton(){return i("span",{class:"label-skeleton","aria-hidden":"true"},i("span",{class:"label-skeleton-bar"}))}_hostStyle(){const e={};return this.gap&&(e["--ui-label-gap"]=this.gap),this.margin&&(e.margin=this.margin),this.padding&&(e.padding=this.padding),e}_lineClampStyle(){if(this.multiline&&this.lineClamp>0)return{"-webkit-line-clamp":String(this.lineClamp),"line-clamp":String(this.lineClamp),display:"-webkit-box","-webkit-box-orient":"vertical",overflow:"hidden"}}render(){const e=this._forId,l=this._describedBy,t={class:this._rootClasses(),id:this.labelId||void 0,for:e,"aria-label":this.ariaLabel||void 0,"aria-describedby":l||void 0,"aria-live":"off"!==this.ariaLive?this.ariaLive:void 0,"aria-disabled":this.disabled?"true":void 0,"data-testid":this.testId||void 0,"data-automation-id":this.automationId||void 0,onClick:this._handleClick,onFocus:this._handleFocus,onBlur:this._handleBlur};return this.name&&(t.name=this.name),this.labelLang&&(t.lang=this.labelLang),i(a,{key:"b67618ecbef75ae6ead3a609ff206a36b11de621",dir:this.labelDir,style:this._hostStyle(),class:{"ui-label-host":!0,"is-inline":this.inline,"is-block":this.block}},i("label",{key:"dc257dd21c76648e75c1e14204668a19e1baf662",...t},i("slot",{key:"c6932b813c6b1f83ea7e56101214cc7c55405fae",name:"start"}),this.startIcon&&!this.iconOnly&&this._renderIcon(this.startIcon,"start"),i("span",{key:"30a20e30976ba791ebcf4f0644c3ebf0987970a6",class:"label-text",style:this._lineClampStyle()},this.loading?this._renderLoadingSkeleton():i("span",{class:this.iconOnly?"visually-hidden":void 0},this._text,i("slot",null))),this.required&&!this.disabled&&this._renderRequiredIndicator(),this.optional&&!this.required&&this._renderOptionalBadge(),this.endIcon&&this._renderIcon(this.endIcon,"end"),i("slot",{key:"2ac12fa6019e520ad11ceead3d3f1b08dd29482d",name:"end"}),this._renderTooltipTrigger(),this.copyable&&this._renderCopyButton()),this._renderTooltipCallout(),this._renderSubText())}static get watchers(){return{focused:[{onFocusedChanged:0}]}}};o.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;--ui-label-color:var(--label-color, var(--text-primary, #0f172a));--ui-label-muted-color:var(--label-subtitle-color, var(--text-secondary, #64748b));--ui-label-primary-color:var(--color-primary, #22c55e);--ui-label-secondary-color:var(--text-secondary, #64748b);--ui-label-success-color:var(--color-success, #10b981);--ui-label-warning-color:var(--color-warning, #f59e0b);--ui-label-danger-color:var(--color-danger, #ef4444);--ui-label-info-color:var(--color-info, #3b82f6);--ui-label-font-size:0.875rem;--ui-label-font-weight:500;--ui-label-line-height:1.4;--ui-label-letter-spacing:0;--ui-label-gap:4px;--ui-label-icon-gap:6px;--ui-label-tooltip-gap:6px;--ui-label-required-color:var(--color-danger, #ef4444);--ui-label-required-font-size:0.875em;--ui-label-disabled-opacity:0.45;--ui-label-error-color:var(--color-danger, #ef4444);--ui-label-success-color-msg:var(--color-success, #10b981);--ui-label-hint-color:var(--label-subtitle-color, var(--text-muted, #94a3b8));--ui-label-skeleton-bg:var(--border-default, #e2e8f0);--ui-label-skeleton-shine:var(--bg-primary, #f8fafc);--ui-label-tooltip-bg:var(--bg-primary, #1e293b);--ui-label-tooltip-color:var(--text-primary, #f8fafc);--ui-label-tooltip-radius:8px;--ui-label-tooltip-shadow:0 4px 16px rgba(0, 0, 0, 0.15);--ui-label-copy-color:var(--text-muted, #94a3b8);--ui-label-copy-hover-color:var(--color-primary, #22c55e)}:host-context(.dark),:host-context([data-theme=dark]),:host-context([data-theme=violet]),:host-context([data-theme=pink]),:host-context([data-theme=blue]),:host-context([data-theme=green]){--ui-label-color:var(--label-color, #f1f5f9);--ui-label-muted-color:var(--label-subtitle-color, #94a3b8);--ui-label-hint-color:var(--label-subtitle-color, #94a3b8);--ui-label-skeleton-bg:var(--border-default, #334155);--ui-label-skeleton-shine:var(--bg-secondary, #1e293b)}:host(.is-inline){display:inline}:host(.is-block){display:block;width:100%}.label-root{display:inline-flex;align-items:center;gap:var(--ui-label-icon-gap);color:var(--ui-label-color);font-size:var(--ui-label-font-size);font-weight:var(--ui-label-font-weight);line-height:var(--ui-label-line-height);letter-spacing:var(--ui-label-letter-spacing);cursor:default;user-select:none;white-space:nowrap;box-sizing:border-box;max-width:100%;position:relative;margin:0}.label-align-start{justify-content:flex-start}.label-align-center{justify-content:center}.label-align-end{justify-content:flex-end}.label-align-between{justify-content:space-between;width:100%}.label-orientation-vertical{flex-direction:row}.label-orientation-horizontal{flex-direction:row}.label-size-xxs{--ui-label-font-size:0.5rem}.label-size-xs{--ui-label-font-size:0.625rem}.label-size-sm{--ui-label-font-size:0.75rem}.label-size-md{--ui-label-font-size:0.875rem}.label-size-lg{--ui-label-font-size:1rem}.label-size-xl{--ui-label-font-size:1.125rem}.label-size-xxl{--ui-label-font-size:1.25rem}.label-size-xxxl{--ui-label-font-size:1.5rem}.label-size-jumbo{--ui-label-font-size:2rem}.label-weight-light{--ui-label-font-weight:300}.label-weight-normal{--ui-label-font-weight:400}.label-weight-medium{--ui-label-font-weight:500}.label-weight-semibold{--ui-label-font-weight:600}.label-weight-bold{--ui-label-font-weight:700}.label-variant-default{color:var(--ui-label-color)}.label-variant-muted{color:var(--ui-label-muted-color)}.label-variant-primary{color:var(--ui-label-primary-color)}.label-variant-secondary{color:var(--ui-label-secondary-color)}.label-variant-success{color:var(--ui-label-success-color)}.label-variant-warning{color:var(--ui-label-warning-color)}.label-variant-danger{color:var(--ui-label-danger-color)}.label-variant-info{color:var(--ui-label-info-color)}.label-truncate .label-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:block}.label-multiline{white-space:normal}.label-multiline .label-text{white-space:normal}.label-root.label-block,.label-root.label-align-between{display:flex;width:100%}.label-inline{display:inline-flex}.label-text{flex:1 1 auto;min-width:0}.label-icon{display:inline-flex;align-items:center;flex-shrink:0;font-size:1em;color:inherit;opacity:0.7}.label-icon-start{order:-1}.label-icon-end{order:1}.label-required{color:var(--ui-label-required-color);font-size:var(--ui-label-required-font-size);font-weight:700;margin-inline-start:2px;line-height:1;flex-shrink:0;cursor:default}.label-optional{font-size:0.75em;font-weight:400;color:var(--ui-label-muted-color);margin-inline-start:4px;flex-shrink:0}.label-selectable{user-select:text;cursor:text}.label-clickable{cursor:pointer;transition:color 0.2s ease, opacity 0.2s ease}.label-clickable:hover{color:var(--ui-label-primary-color);text-decoration:underline;text-decoration-skip-ink:auto}.label-clickable:active{opacity:0.8}.label-root:focus-visible{outline:2px solid var(--ui-label-primary-color);outline-offset:2px;border-radius:2px}.label-disabled{opacity:var(--ui-label-disabled-opacity);pointer-events:none;cursor:not-allowed}.label-readonly{opacity:0.75;cursor:default}.label-invalid{color:var(--ui-label-error-color)}.label-invalid .label-required{color:var(--ui-label-error-color)}.label-focused{color:var(--ui-label-primary-color)}.label-icon-only .label-text .visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.label-skeleton{display:inline-block;width:8em;line-height:inherit;vertical-align:middle}.label-skeleton-bar{display:block;height:0.9em;border-radius:4px;background:var(--ui-label-skeleton-bg);position:relative;overflow:hidden}.label-skeleton-bar::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent 0%, var(--ui-label-skeleton-shine) 50%, transparent 100%);animation:label-shimmer 1.4s ease-in-out infinite}@keyframes label-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.label-tooltip-trigger{background:transparent;border:none;padding:0;margin:0;margin-inline-start:var(--ui-label-tooltip-gap);cursor:pointer;font-size:0.9em;color:var(--ui-label-muted-color);line-height:1;display:inline-flex;align-items:center;border-radius:50%;flex-shrink:0;transition:color 0.2s ease}.label-tooltip-trigger:hover,.label-tooltip-trigger.is-open{color:var(--ui-label-primary-color)}.label-tooltip-trigger:focus-visible{outline:2px solid var(--ui-label-primary-color);outline-offset:2px}.label-tooltip{position:absolute;z-index:100;background:var(--ui-label-tooltip-bg);color:var(--ui-label-tooltip-color);padding:8px 12px;border-radius:var(--ui-label-tooltip-radius);font-size:0.75rem;font-weight:400;line-height:1.4;max-width:240px;white-space:normal;pointer-events:none;box-shadow:var(--ui-label-tooltip-shadow);animation:label-tooltip-in 0.15s ease}@keyframes label-tooltip-in{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.label-tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translateX(-50%)}.label-tooltip-top::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:var(--ui-label-tooltip-bg)}.label-tooltip-bottom{top:calc(100% + 8px);left:50%;transform:translateX(-50%)}.label-tooltip-bottom::after{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-bottom-color:var(--ui-label-tooltip-bg)}.label-tooltip-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.label-tooltip-left::after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-left-color:var(--ui-label-tooltip-bg)}.label-tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.label-tooltip-right::after{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:var(--ui-label-tooltip-bg)}.label-copy-btn{background:transparent;border:none;padding:2px;margin:0;margin-inline-start:4px;cursor:pointer;color:var(--ui-label-copy-color);display:inline-flex;align-items:center;border-radius:3px;opacity:0;transition:opacity 0.2s ease, color 0.2s ease;flex-shrink:0}.label-copy-btn:hover{color:var(--ui-label-copy-hover-color)}.label-copy-btn:focus-visible{outline:2px solid var(--ui-label-primary-color);outline-offset:2px;opacity:1}.label-copyable:hover .label-copy-btn,.label-copyable:focus-within .label-copy-btn{opacity:1}.label-sub{margin-top:var(--ui-label-gap);display:flex;flex-direction:column;gap:2px}.label-hint-text{font-size:0.75rem;font-weight:400;color:var(--ui-label-hint-color);line-height:1.4}.label-error-text{font-size:0.75rem;font-weight:500;color:var(--ui-label-error-color);line-height:1.4;display:flex;align-items:center;gap:4px}.label-success-text{font-size:0.75rem;font-weight:500;color:var(--ui-label-success-color-msg);line-height:1.4;display:flex;align-items:center;gap:4px}.label-sub-icon{flex-shrink:0;font-style:normal;font-size:0.9em}.label-responsive{--ui-label-font-size:clamp(0.75rem, 0.5rem + 0.5vw, 1rem)}@media (max-width: 640px){.label-mobile-stack{flex-direction:column;align-items:flex-start;gap:4px}}.label-rtl,:host([dir=rtl]) .label-root{direction:rtl}.label-rtl .label-icon-start,:host([dir=rtl]) .label-root .label-icon-start{order:1}.label-rtl .label-icon-end,:host([dir=rtl]) .label-root .label-icon-end{order:-1}@media (forced-colors: active){.label-root{forced-color-adjust:auto}.label-required{color:LinkText}.label-error-text{color:Mark}.label-disabled{opacity:1;color:GrayText}}';export{o as ui_label}

package/dist/exploration-project-tailwind/{p-c6fd72e1.entry.js → p-754cb046.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,a as s,h as i,H as a}from"./p-DUsoYu9r.js";const o=class{constructor(s){t(this,s),this.beforeChange=e(this,"beforeChange"),this.afterChange=e(this,"afterChange")}get el(){return s(this)}slidesToShow=1;slidesToScroll=1;infinite=!0;autoplay=!1;autoplayInterval=3e3;arrows=!0;indicators=!0;vertical=!1;responsive="";swipe=!0;keyboard=!0;pauseOnHover=!0;prevArrow="&lt;";nextArrow="&gt;";loop=!0;animationDuration=500;animationEasing="cubic-bezier(0.4,0,0.2,1)";width="100%";height="400px";effect="slide";centerMode=!1;centerPadding="50px";enableDrag=!0;variableWidth=!1;showProgress=!1;showCounter=!1;autoHeight=!1;pauseOnInteract=!0;asNavFor="";parallax=!1;lazyLoad=!1;zoomActive=!1;indicatorsType="dots";animateContent=!1;useProgressSegments=!1;mouseWheel=!1;ticker=!1;tickerSpeed=1;arrowsPosition="sides";current=0;slidesCount=0;isHovered=!1;containerWidth=0;containerHeight=0;isDragging=!1;dragOffset=0;autoplayProgress=0;isFullscreen=!1;trackTranslate="translateX(0px)";tickerOffset=0;beforeChange;afterChange;intervalId=null;progressInterval=null;tickerRaf=0;animationTimer=null;startX=0;startY=0;observer;onCurrentChange(){this.updateActiveSlides()}onSlidesToShowChange(){this.updateSlidesCount()}updateSlidesCount=()=>{const t=this.el.shadowRoot?.querySelector("slot"),e=t?t.assignedElements():Array.from(this.el.children);this.slidesCount=e.length;const s=100/(["fade","flip","cube","coverflow","stack","depth","ken-burns","wheel"].includes(this.effect)?1:Math.min(this.slidesToShow,this.slidesCount))+"%";e.forEach((t=>{const e=t;this.variableWidth||(e.style.width=s),e.style.flexShrink="0"}))};updateActiveSlides=()=>{const t=this.el.shadowRoot?.querySelector("slot"),e=t?t.assignedElements():Array.from(this.el.children),s=["fade","flip","cube","coverflow","stack","depth","ken-burns","wheel"].includes(this.effect),i=s?1:Math.min(this.slidesToShow,this.slidesCount);if(this.variableWidth&&"slide"===this.effect){let t=0;for(let s=0;s<this.current;s++)t+=e[s].offsetWidth||0;this.trackTranslate=this.vertical?`translateY(-${t}px)`:`translateX(-${t}px)`}e.forEach(((t,e)=>{const a=e===this.current,o=e-this.current,r=s?Math.abs(o)<=1:e>=this.current&&e<this.current+i;t.setAttribute("data-index",e.toString()),t.setAttribute("data-offset",o.toString()),a?(t.setAttribute("data-active","true"),t.setAttribute("aria-hidden","false")):(t.removeAttribute("data-active"),t.setAttribute("aria-hidden","true")),r?t.setAttribute("data-visible","true"):t.removeAttribute("data-visible")})),this.autoHeight&&this.syncHeight()};syncHeight(){const t=this.el.shadowRoot?.querySelector("slot"),e=t?.assignedElements()[this.current];if(e){const t=e.offsetHeight;t>0&&(this.height=`${t}px`)}}componentWillLoad(){this.updateSlidesCount(),this.updateResponsive(),this.updateActiveSlides()}componentDidLoad(){this.ticker?this.startTicker():this.autoplay&&this.startAutoplay(),window.addEventListener("resize",this.updateResponsive),document.addEventListener("visibilitychange",this.handleVisibilityChange),this.lazyLoad&&this.setupLazyLoading()}_ariaAnnouncement="";setupLazyLoading(){this.observer&&this.observer.disconnect(),this.observer=new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){const e=t.target;e.dataset.src&&(e.src=e.dataset.src,e.removeAttribute("data-src")),this.observer.unobserve(t.target)}}))}),{root:this.el,rootMargin:"400px"}),this.el.querySelectorAll("img[data-src]").forEach((t=>this.observer.observe(t)))}handleVisibilityChange=()=>{document.hidden?(this.stopAutoplay(),this.stopTicker()):this.ticker?this.startTicker():this.autoplay&&this.startAutoplay()};disconnectedCallback(){window.removeEventListener("resize",this.updateResponsive),document.removeEventListener("visibilitychange",this.handleVisibilityChange),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onMouseUp),this.isDragging=!1,this.stopAutoplay(),this.stopTicker(),this.animationTimer&&clearTimeout(this.animationTimer),this.observer&&this.observer.disconnect()}onMouseEnter(){this.isHovered=!0,this.pauseOnHover&&(this.stopAutoplay(),this.stopTicker())}onMouseLeave(){this.isHovered=!1,this.pauseOnHover&&(this.ticker?this.startTicker():this.autoplay&&this.startAutoplay())}handleWheel(t){this.mouseWheel&&(Math.abs(t.deltaX)>10||Math.abs(t.deltaY)>10)&&(t.preventDefault(),this.vertical?t.deltaY>0?this.next():this.prev():t.deltaX>0?this.next():this.prev())}async toggleFullscreen(){this.isFullscreen=!this.isFullscreen}async next(){this.goTo(this.current+this.slidesToScroll)}async prev(){this.goTo(this.current-this.slidesToScroll)}async refresh(){this.updateSlidesCount(),this.updateActiveSlides()}async goTo(t){let e=t;const s=this.current;if(this.infinite&&!this.variableWidth?(e<0&&(e=this.slidesCount-1),e>=this.slidesCount&&(e=0)):e=Math.max(0,Math.min(e,this.variableWidth?this.slidesCount-1:this.slidesCount-this.slidesToShow)),s!==e){if(this.beforeChange.emit({from:s,to:e}),this.current=e,this.resetAutoplayProgress(),this.asNavFor){const t=document.querySelector(this.asNavFor);t&&"function"==typeof t.goTo&&t.goTo(e)}this.animationTimer=setTimeout((()=>{this._ariaAnnouncement=`Slide ${this.current+1} of ${this.slidesCount}`,this.afterChange.emit({current:this.current}),this.animationTimer=null}),this.animationDuration)}}updateResponsive=()=>{if(this.responsive){try{const t=JSON.parse(this.responsive),e=window.innerWidth;let s=this.slidesToShow;t.forEach((t=>{e<=t.breakpoint&&(s=t.slidesToShow)})),this.slidesToShow=s}catch{}this.updateSlidesCount()}};startAutoplay=()=>{if(this.intervalId)return;const t=Date.now();this.intervalId=setInterval((()=>{this.isHovered||this.isDragging||this.next()}),this.autoplayInterval),this.showProgress&&(this.progressInterval=setInterval((()=>{if(!this.isHovered&&!this.isDragging){const e=Date.now()-t;this.autoplayProgress=e%this.autoplayInterval/this.autoplayInterval*100}}),16))};startTicker=()=>{if(this.tickerRaf)return;const t=this.el.shadowRoot?.querySelector("slot"),e=t?t.assignedElements():Array.from(this.el.children);if(0===e.length)return;const s=()=>{if(!this.isHovered&&!this.isDragging){this.tickerOffset-=this.tickerSpeed;const t=e.reduce(((t,e)=>t+e.offsetWidth),0);Math.abs(this.tickerOffset)>=t&&this.infinite&&(this.tickerOffset=0),this.trackTranslate=this.vertical?`translateY(${this.tickerOffset}px)`:`translateX(${this.tickerOffset}px)`}this.tickerRaf=requestAnimationFrame(s)};this.tickerRaf=requestAnimationFrame(s)};stopTicker=()=>{this.tickerRaf&&cancelAnimationFrame(this.tickerRaf),this.tickerRaf=0};resetAutoplayProgress=()=>{this.autoplay&&(this.stopAutoplay(),this.startAutoplay())};stopAutoplay=()=>{this.intervalId&&clearInterval(this.intervalId),this.progressInterval&&clearInterval(this.progressInterval),this.intervalId=null,this.progressInterval=null,this.autoplayProgress=0};onIndicatorClick=t=>{this.goTo(t)};onArrowClick=t=>{"prev"===t?this.prev():this.next()};onKeyDown=t=>{this.keyboard&&("ArrowLeft"!==t.key&&"ArrowUp"!==t.key||this.prev(),"ArrowRight"!==t.key&&"ArrowDown"!==t.key||this.next())};onTouchStartX=0;onTouchStartY=0;onTouchMove=t=>{if(!this.swipe)return;const e=t.touches[0],s=e.clientX-this.onTouchStartX,i=e.clientY-this.onTouchStartY;this.vertical&&Math.abs(i)>30?i>0?this.prev():this.next():!this.vertical&&Math.abs(s)>30&&(s>0?this.prev():this.next())};onTouchStart=t=>{if(!this.swipe)return;const e=t.touches[0];this.onTouchStartX=e.clientX,this.onTouchStartY=e.clientY,this.isDragging=!0,this.dragOffset=0};onTouchEnd=()=>{this.isDragging&&(this.isDragging=!1,Math.abs(this.dragOffset)>50&&(this.dragOffset>0?this.prev():this.next()),this.dragOffset=0)};handleMouseDown=t=>{this.enableDrag&&(this.isDragging=!0,this.startX=t.clientX,this.startY=t.clientY,this.dragOffset=0,window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("mouseup",this.onMouseUp))};onMouseMove=t=>{this.isDragging&&(this.dragOffset=this.vertical?t.clientY-this.startY:t.clientX-this.startX)};onMouseUp=()=>{this.isDragging&&(this.isDragging=!1,Math.abs(this.dragOffset)>50&&(this.dragOffset>0?this.prev():this.next(),this.pauseOnInteract&&this.stopAutoplay()),this.dragOffset=0,window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onMouseUp))};render(){const t=!this.vertical,e=t?{width:"100%",flexDirection:"row"}:{height:"100%",flexDirection:"column"},s=!this.infinite&&0===this.current,o=!this.infinite&&this.current>=this.slidesCount-this.slidesToShow,r=t=>{const e="prev"===t?s:o;return i("ui-button",{variant:"ghost",class:{[`carousel-arrow ${t}`]:!0,disabled:e},onClick:()=>!e&&this.onArrowClick(t),ariaLabel:("prev"===t?"Previous":"Next")+" Slide",disabled:e,icon:"prev"===t?"chevron-left":"chevron-right",iconLibrary:"lucide",iconSize:"24px"})};return i(a,{class:{"is-fullscreen":this.isFullscreen,"auto-height":this.autoHeight,"parallax-mode":this.parallax,"zoom-active":this.zoomActive,"legendary-animate":this.animateContent,[`arrows-pos-${this.arrowsPosition}`]:!0,[`effect-${this.effect}`]:!0}},i("div",{class:{carousel:!0,vertical:!t,dragging:this.isDragging},style:{width:this.width,height:this.height},tabindex:this.keyboard?0:-1,onKeyDown:this.onKeyDown,role:"region","aria-roledescription":"carousel","aria-label":"Carousel"},this.showProgress&&"dots"===this.indicatorsType&&i("div",{class:"autoplay-progress"},i("div",{class:"progress-bar",style:{width:`${this.autoplayProgress}%`}})),this.arrows&&"top-right"===this.arrowsPosition&&i("div",{class:"carousel-controls"},r("prev"),r("next")),this.arrows&&"sides"===this.arrowsPosition&&r("prev"),i("div",{class:"carousel-track-wrapper",style:e,onTouchStart:this.onTouchStart,onTouchMove:this.onTouchMove,onTouchEnd:this.onTouchEnd,onMouseDown:this.handleMouseDown},i("div",{class:"carousel-track",style:{transform:this.ticker||this.variableWidth&&"slide"===this.effect?this.trackTranslate:"slide"===this.effect?t?`translateX(calc(-${this.current*(100/this.slidesToShow)}% + ${this.dragOffset}px))`:`translateY(calc(-${this.current*(100/this.slidesToShow)}% + ${this.dragOffset}px))`:"none",transition:this.ticker?"none":`transform ${this.animationDuration}ms ${this.animationEasing}`,display:"flex",...e}},i("slot",{onSlotchange:()=>{this.updateSlidesCount(),this.lazyLoad&&this.setupLazyLoading()}}),this.ticker&&i("slot",{name:"ticker-clone",onSlotchange:this.updateSlidesCount}))),i("div",{class:"sr-only","aria-live":"polite","aria-atomic":"true"},this._ariaAnnouncement),this.arrows&&"sides"===this.arrowsPosition&&r("next"),this.showCounter&&i("div",{class:"carousel-counter"},this.current+1," / ",this.slidesCount),this.indicators&&i("div",{class:"carousel-indicators"},Array.from({length:this.slidesCount-this.slidesToShow+1},((t,e)=>{const s=e===this.current,a=this.useProgressSegments?"segments":this.indicatorsType;return"segments"===a?i("div",{class:{"progress-segment":!0,active:s}},i("div",{class:"progress-fill",style:{width:s?`${this.autoplayProgress}%`:e<this.current?"100%":"0%"}})):"pie"===a?i("div",{class:{"indicator-pie":!0,active:s},onClick:()=>this.onIndicatorClick(e)},i("svg",{viewBox:"0 0 32 32"},i("circle",{cx:"16",cy:"16",r:"14",fill:"none",stroke:"rgba(255,255,255,0.15)","stroke-width":"2"}),s&&i("circle",{cx:"16",cy:"16",r:"14",fill:"none",stroke:"white","stroke-width":"3","stroke-dasharray":"88","stroke-dashoffset":88-88*this.autoplayProgress/100,style:{transition:"stroke-dashoffset 0.05s linear"},transform:"rotate(-90 16 16)"}))):i("ui-button",{variant:"ghost",size:"xxs",class:{active:s},onClick:()=>this.onIndicatorClick(e),ariaLabel:`Go to slide ${e+1}`})}))),i("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,class:"fullscreen-toggle",onClick:()=>this.toggleFullscreen(),ariaLabel:"Toggle Fullscreen",icon:this.isFullscreen?"minimize":"maximize",iconLibrary:"lucide",iconSize:"18px"})))}static get watchers(){return{current:[{onCurrentChange:0}],slidesToShow:[{onSlidesToShowChange:0}]}}};o.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;width:100%;height:100%;box-sizing:border-box}.carousel{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;background:var(--carousel-bg, var(--bg-primary, #ffffff));user-select:none}.carousel.dragging{cursor:grabbing}.carousel.dragging .carousel-track{transition:none !important}.carousel.vertical{flex-direction:column}.carousel-track-wrapper{width:100%;height:100%;overflow:hidden;display:flex;flex:1 1 auto;position:relative}.carousel-track{display:flex;transition:transform var(--carousel-speed, 0.5s) cubic-bezier(0.4, 0, 0.2, 1);will-change:transform;width:100%;height:100%}.carousel.vertical .carousel-track{flex-direction:column}::slotted(*){flex-shrink:0;width:100%;height:100%;box-sizing:border-box;overflow:hidden}.effect-fade .carousel-track,:host([effect=fade]) .carousel-track{transform:none !important;display:block !important;position:relative;height:100%}.effect-fade ::slotted(*),:host([effect=fade]) ::slotted(*){position:absolute !important;top:0;left:0;opacity:0;transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none;width:100%;height:100%;z-index:1}.effect-fade ::slotted([data-active=true]),:host([effect=fade]) ::slotted([data-active=true]){opacity:1;pointer-events:auto;z-index:10}.effect-flip .carousel-track-wrapper,:host([effect=flip]) .carousel-track-wrapper{perspective:1500px;overflow:visible}.effect-flip .carousel-track,:host([effect=flip]) .carousel-track{transform:none !important;display:block !important;position:relative;height:100%;transform-style:preserve-3d}.effect-flip ::slotted(*),:host([effect=flip]) ::slotted(*){position:absolute !important;top:0;left:50%;width:100%;height:100%;transform:translate3d(-50%, 0, 0) rotateY(-180deg);opacity:0;transition:transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s;backface-visibility:hidden}.effect-flip ::slotted([data-active=true]),:host([effect=flip]) ::slotted([data-active=true]){opacity:1;transform:translate3d(-50%, 0, 0) rotateY(0deg);z-index:10}.effect-cube .carousel-track-wrapper,:host([effect=cube]) .carousel-track-wrapper{perspective:2000px;overflow:visible}.effect-cube .carousel-track,:host([effect=cube]) .carousel-track{transform:none !important;display:block !important;transform-style:preserve-3d;position:relative;height:100%}.effect-cube ::slotted(*),:host([effect=cube]) ::slotted(*){position:absolute !important;top:0;left:50%;width:100%;height:100%;opacity:0;transition:transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s;transform:translate3d(-50%, 0, -300px) rotateY(90deg);backface-visibility:hidden;transform-origin:center center}.effect-cube ::slotted([data-active=true]),:host([effect=cube]) ::slotted([data-active=true]){opacity:1;transform:translate3d(-50%, 0, 0) rotateY(0deg);z-index:10}.effect-cube ::slotted([data-offset="-1"]),:host([effect=cube]) ::slotted([data-offset="-1"]){opacity:0.2;transform:translate3d(-100%, 0, -300px) rotateY(90deg);z-index:5}.effect-cube ::slotted([data-offset="1"]),:host([effect=cube]) ::slotted([data-offset="1"]){opacity:0.2;transform:translate3d(0%, 0, -300px) rotateY(-90deg);z-index:5}.effect-scale .carousel-track,:host([effect=scale]) .carousel-track{transform:none !important;display:block !important;height:100%;position:relative}.effect-scale ::slotted(*),:host([effect=scale]) ::slotted(*){position:absolute !important;top:0;left:50%;width:100%;height:100%;transform:translate3d(-50%, 0, 0) scale(1.15);opacity:0;transition:all 0.8s cubic-bezier(0.16, 1, 0.3, 1)}.effect-scale ::slotted([data-active=true]),:host([effect=scale]) ::slotted([data-active=true]){opacity:1;transform:translate3d(-50%, 0, 0) scale(1);z-index:10}.effect-coverflow .carousel-track-wrapper,:host([effect=coverflow]) .carousel-track-wrapper{perspective:1500px;overflow:visible}.effect-coverflow .carousel-track,:host([effect=coverflow]) .carousel-track{transform:none !important;display:block !important;position:relative;transform-style:preserve-3d;height:100%}.effect-coverflow ::slotted(*),:host([effect=coverflow]) ::slotted(*){position:absolute !important;top:0;left:50%;transition:all 0.8s cubic-bezier(0.16, 1, 0.3, 1);width:90%;height:100%;transform:translate3d(-50%, 0, -200px) scale(0.7) rotateY(60deg);opacity:0}.effect-coverflow ::slotted([data-active=true]),:host([effect=coverflow]) ::slotted([data-active=true]){transform:translate3d(-50%, 0, 0) scale(1) rotateY(0deg);opacity:1;z-index:10}.effect-coverflow ::slotted([data-offset="-1"]),:host([effect=coverflow]) ::slotted([data-offset="-1"]){transform:translate3d(-110%, 0, -150px) scale(0.85) rotateY(45deg);opacity:0.6;z-index:5}.effect-coverflow ::slotted([data-offset="1"]),:host([effect=coverflow]) ::slotted([data-offset="1"]){transform:translate3d(10%, 0, -150px) scale(0.85) rotateY(-45deg);opacity:0.6;z-index:5}.effect-stack .carousel-track,:host([effect=stack]) .carousel-track{transform:none !important;display:block !important;height:100%}.effect-stack ::slotted(*),:host([effect=stack]) ::slotted(*){position:absolute !important;top:0;left:0;opacity:0;transform:translateY(40px) scale(0.9);transition:all 0.7s cubic-bezier(0.16, 1, 0.3, 1)}.effect-stack ::slotted([data-active=true]),:host([effect=stack]) ::slotted([data-active=true]){opacity:1;transform:translateY(0) scale(1);z-index:10}.effect-stack ::slotted([data-visible=true]:not([data-active=true])),:host([effect=stack]) ::slotted([data-visible=true]:not([data-active=true])){opacity:0.6;transform:translateY(20px) scale(0.95);z-index:5}.effect-depth .carousel-track,:host([effect=depth]) .carousel-track{transform:none !important;display:block !important;position:relative;height:100%}.effect-depth ::slotted(*),:host([effect=depth]) ::slotted(*){position:absolute !important;top:0;left:50%;width:90%;height:100%;transition:transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s;transform:translate3d(-50%, 0, -400px) scale(0.5);opacity:0}.effect-depth ::slotted([data-active=true]),:host([effect=depth]) ::slotted([data-active=true]){transform:translate3d(-50%, 0, 0) scale(1);opacity:1;z-index:10}.effect-depth ::slotted([data-offset="-1"]),:host([effect=depth]) ::slotted([data-offset="-1"]){transform:translate3d(-105%, 0, -200px) scale(0.8);opacity:0.5;z-index:5}.effect-depth ::slotted([data-offset="1"]),:host([effect=depth]) ::slotted([data-offset="1"]){transform:translate3d(5%, 0, -200px) scale(0.8);opacity:0.5;z-index:5}.effect-ken-burns ::slotted(*),:host([effect=ken-burns]) ::slotted(*){position:absolute !important;top:0;left:0;opacity:0;overflow:hidden;height:100%;width:100%;transition:opacity 1.5s ease}.effect-ken-burns ::slotted([data-active=true]),:host([effect=ken-burns]) ::slotted([data-active=true]){opacity:1;z-index:10;animation:kenBurnsPremium 10s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate}@keyframes kenBurnsPremium{0%{transform:scale(1) translate(0, 0)}100%{transform:scale(1.2) translate(-2%, -2%)}}.effect-wheel .carousel-track-wrapper,:host([effect=wheel]) .carousel-track-wrapper{perspective:1500px;overflow:visible}.effect-wheel .carousel-track,:host([effect=wheel]) .carousel-track{transform-style:preserve-3d;transition:transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);height:100%}.effect-wheel ::slotted(*),:host([effect=wheel]) ::slotted(*){position:absolute !important;top:0;left:0;opacity:0.2;transform:rotateX(45deg) translateZ(-200px);transition:all 0.8s cubic-bezier(0.16, 1, 0.3, 1)}.effect-wheel ::slotted([data-active=true]),:host([effect=wheel]) ::slotted([data-active=true]){opacity:1;transform:rotateX(0deg) translateZ(0);z-index:10}.effect-wheel ::slotted([data-visible=true]:not([data-active=true])),:host([effect=wheel]) ::slotted([data-visible=true]:not([data-active=true])){opacity:0.4;transform:rotateX(-45deg) translateZ(-150px)}.carousel-indicators{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:8px;z-index:10}.carousel-indicators button{width:12px;height:6px;border-radius:3px;border:none;background:rgba(255, 255, 255, 0.4);cursor:pointer;transition:0.3s}.carousel-indicators button.active{width:24px;background:var(--bg-primary, #ffffff);box-shadow:0 2px 8px rgba(0, 0, 0, 0.2)}.indicator-pie{position:relative;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(0, 0, 0, 0.1);border:1.5px solid transparent;transition:0.3s}.indicator-pie:hover{background:rgba(0, 0, 0, 0.2);border-color:rgba(255, 255, 255, 0.2)}.indicator-pie.active{background:rgba(0, 0, 0, 0.3)}.indicator-pie svg{width:100%;height:100%;overflow:visible;stroke-linecap:round}:host([indicators-type=segments]) .carousel-indicators{top:20px;bottom:auto;left:0;right:0;transform:none;padding:0 16px;gap:4px;width:100%;box-sizing:border-box}.progress-segment{flex:1;height:3px;border-radius:2px;overflow:hidden;background:rgba(255, 255, 255, 0.2)}.progress-segment .progress-fill{height:100%;background:var(--bg-primary, #ffffff);transition:width 0.1s linear}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:none;background:rgba(255, 255, 255, 0.2);color:var(--bg-primary, var(--text-standard, #ffffff));cursor:pointer;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10;transition:0.3s}.carousel-arrow:hover:not(:disabled){background:rgb(255, 255, 255);color:var(--bg-primary, #000);transform:translateY(-50%) scale(1.1)}.carousel-arrow:disabled{opacity:0.2;cursor:not-allowed}.carousel-arrow.prev{left:20px}.carousel-arrow.next{right:20px}.carousel-controls{position:absolute;top:20px;right:20px;display:flex;gap:8px;z-index:20}.carousel-controls .carousel-arrow{position:static;transform:none;border-radius:8px;background:var(--bg-primary, #ffffff);color:var(--bg-primary, var(--border-subtle, #1e293b));border:1px solid var(--border-subtle, #e2e8f0);width:38px;height:38px;box-shadow:0 4px 10px rgba(0, 0, 0, 0.05)}.carousel-controls .carousel-arrow:hover:not(:disabled){transform:translateY(-2px);border-color:var(--color-primary, #94a3b8)}.carousel-counter{position:absolute;top:20px;left:20px;background:rgba(0, 0, 0, 0.5);color:var(--bg-primary, var(--text-standard, #ffffff));padding:4px 12px;border-radius:20px;font-size:11px;font-weight:800;backdrop-filter:blur(4px)}.fullscreen-toggle{position:absolute;bottom:20px;right:20px;background:rgba(255, 255, 255, 0.2);color:var(--bg-primary, #ffffff);border:none;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.fullscreen-toggle:hover{background:rgba(255, 255, 255, 0.4)}:host(.parallax-mode) .carousel-track [data-visible=true]>*{transition:transform 0.7s ease-out}:host(.parallax-mode) .carousel-track [data-active=true]>*{transform:scale(1.05)}:host(.legendary-animate) .carousel-track [data-active=true]>*{animation:slideUpFade 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;opacity:0}@keyframes slideUpFade{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}';export{o as ui_carousel}
+import{r as t,c as e,a as s,h as i,H as a}from"./p-Dqu2zaH1.js";const o=class{constructor(s){t(this,s),this.beforeChange=e(this,"beforeChange"),this.afterChange=e(this,"afterChange")}get el(){return s(this)}slidesToShow=1;slidesToScroll=1;infinite=!0;autoplay=!1;autoplayInterval=3e3;arrows=!0;indicators=!0;vertical=!1;responsive="";swipe=!0;keyboard=!0;pauseOnHover=!0;prevArrow="&lt;";nextArrow="&gt;";loop=!0;animationDuration=500;animationEasing="cubic-bezier(0.4,0,0.2,1)";width="100%";height="400px";effect="slide";centerMode=!1;centerPadding="50px";enableDrag=!0;variableWidth=!1;showProgress=!1;showCounter=!1;autoHeight=!1;pauseOnInteract=!0;asNavFor="";parallax=!1;lazyLoad=!1;zoomActive=!1;indicatorsType="dots";animateContent=!1;useProgressSegments=!1;mouseWheel=!1;ticker=!1;tickerSpeed=1;arrowsPosition="sides";current=0;slidesCount=0;isHovered=!1;containerWidth=0;containerHeight=0;isDragging=!1;dragOffset=0;autoplayProgress=0;isFullscreen=!1;trackTranslate="translateX(0px)";tickerOffset=0;beforeChange;afterChange;intervalId=null;progressInterval=null;tickerRaf=0;animationTimer=null;startX=0;startY=0;observer;onCurrentChange(){this.updateActiveSlides()}onSlidesToShowChange(){this.updateSlidesCount()}updateSlidesCount=()=>{const t=this.el.shadowRoot?.querySelector("slot"),e=t?t.assignedElements():Array.from(this.el.children);this.slidesCount=e.length;const s=100/(["fade","flip","cube","coverflow","stack","depth","ken-burns","wheel"].includes(this.effect)?1:Math.min(this.slidesToShow,this.slidesCount))+"%";e.forEach((t=>{const e=t;this.variableWidth||(e.style.width=s),e.style.flexShrink="0"}))};updateActiveSlides=()=>{const t=this.el.shadowRoot?.querySelector("slot"),e=t?t.assignedElements():Array.from(this.el.children),s=["fade","flip","cube","coverflow","stack","depth","ken-burns","wheel"].includes(this.effect),i=s?1:Math.min(this.slidesToShow,this.slidesCount);if(this.variableWidth&&"slide"===this.effect){let t=0;for(let s=0;s<this.current;s++)t+=e[s].offsetWidth||0;this.trackTranslate=this.vertical?`translateY(-${t}px)`:`translateX(-${t}px)`}e.forEach(((t,e)=>{const a=e===this.current,o=e-this.current,r=s?Math.abs(o)<=1:e>=this.current&&e<this.current+i;t.setAttribute("data-index",e.toString()),t.setAttribute("data-offset",o.toString()),a?(t.setAttribute("data-active","true"),t.setAttribute("aria-hidden","false")):(t.removeAttribute("data-active"),t.setAttribute("aria-hidden","true")),r?t.setAttribute("data-visible","true"):t.removeAttribute("data-visible")})),this.autoHeight&&this.syncHeight()};syncHeight(){const t=this.el.shadowRoot?.querySelector("slot"),e=t?.assignedElements()[this.current];if(e){const t=e.offsetHeight;t>0&&(this.height=`${t}px`)}}componentWillLoad(){this.updateSlidesCount(),this.updateResponsive(),this.updateActiveSlides()}componentDidLoad(){this.ticker?this.startTicker():this.autoplay&&this.startAutoplay(),window.addEventListener("resize",this.updateResponsive),document.addEventListener("visibilitychange",this.handleVisibilityChange),this.lazyLoad&&this.setupLazyLoading()}_ariaAnnouncement="";setupLazyLoading(){this.observer&&this.observer.disconnect(),this.observer=new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){const e=t.target;e.dataset.src&&(e.src=e.dataset.src,e.removeAttribute("data-src")),this.observer.unobserve(t.target)}}))}),{root:this.el,rootMargin:"400px"}),this.el.querySelectorAll("img[data-src]").forEach((t=>this.observer.observe(t)))}handleVisibilityChange=()=>{document.hidden?(this.stopAutoplay(),this.stopTicker()):this.ticker?this.startTicker():this.autoplay&&this.startAutoplay()};disconnectedCallback(){window.removeEventListener("resize",this.updateResponsive),document.removeEventListener("visibilitychange",this.handleVisibilityChange),window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onMouseUp),this.isDragging=!1,this.stopAutoplay(),this.stopTicker(),this.animationTimer&&clearTimeout(this.animationTimer),this.observer&&this.observer.disconnect()}onMouseEnter(){this.isHovered=!0,this.pauseOnHover&&(this.stopAutoplay(),this.stopTicker())}onMouseLeave(){this.isHovered=!1,this.pauseOnHover&&(this.ticker?this.startTicker():this.autoplay&&this.startAutoplay())}handleWheel(t){this.mouseWheel&&(Math.abs(t.deltaX)>10||Math.abs(t.deltaY)>10)&&(t.preventDefault(),this.vertical?t.deltaY>0?this.next():this.prev():t.deltaX>0?this.next():this.prev())}async toggleFullscreen(){this.isFullscreen=!this.isFullscreen}async next(){this.goTo(this.current+this.slidesToScroll)}async prev(){this.goTo(this.current-this.slidesToScroll)}async refresh(){this.updateSlidesCount(),this.updateActiveSlides()}async goTo(t){let e=t;const s=this.current;if(this.infinite&&!this.variableWidth?(e<0&&(e=this.slidesCount-1),e>=this.slidesCount&&(e=0)):e=Math.max(0,Math.min(e,this.variableWidth?this.slidesCount-1:this.slidesCount-this.slidesToShow)),s!==e){if(this.beforeChange.emit({from:s,to:e}),this.current=e,this.resetAutoplayProgress(),this.asNavFor){const t=document.querySelector(this.asNavFor);t&&"function"==typeof t.goTo&&t.goTo(e)}this.animationTimer=setTimeout((()=>{this._ariaAnnouncement=`Slide ${this.current+1} of ${this.slidesCount}`,this.afterChange.emit({current:this.current}),this.animationTimer=null}),this.animationDuration)}}updateResponsive=()=>{if(this.responsive){try{const t=JSON.parse(this.responsive),e=window.innerWidth;let s=this.slidesToShow;t.forEach((t=>{e<=t.breakpoint&&(s=t.slidesToShow)})),this.slidesToShow=s}catch{}this.updateSlidesCount()}};startAutoplay=()=>{if(this.intervalId)return;const t=Date.now();this.intervalId=setInterval((()=>{this.isHovered||this.isDragging||this.next()}),this.autoplayInterval),this.showProgress&&(this.progressInterval=setInterval((()=>{if(!this.isHovered&&!this.isDragging){const e=Date.now()-t;this.autoplayProgress=e%this.autoplayInterval/this.autoplayInterval*100}}),16))};startTicker=()=>{if(this.tickerRaf)return;const t=this.el.shadowRoot?.querySelector("slot"),e=t?t.assignedElements():Array.from(this.el.children);if(0===e.length)return;const s=()=>{if(!this.isHovered&&!this.isDragging){this.tickerOffset-=this.tickerSpeed;const t=e.reduce(((t,e)=>t+e.offsetWidth),0);Math.abs(this.tickerOffset)>=t&&this.infinite&&(this.tickerOffset=0),this.trackTranslate=this.vertical?`translateY(${this.tickerOffset}px)`:`translateX(${this.tickerOffset}px)`}this.tickerRaf=requestAnimationFrame(s)};this.tickerRaf=requestAnimationFrame(s)};stopTicker=()=>{this.tickerRaf&&cancelAnimationFrame(this.tickerRaf),this.tickerRaf=0};resetAutoplayProgress=()=>{this.autoplay&&(this.stopAutoplay(),this.startAutoplay())};stopAutoplay=()=>{this.intervalId&&clearInterval(this.intervalId),this.progressInterval&&clearInterval(this.progressInterval),this.intervalId=null,this.progressInterval=null,this.autoplayProgress=0};onIndicatorClick=t=>{this.goTo(t)};onArrowClick=t=>{"prev"===t?this.prev():this.next()};onKeyDown=t=>{this.keyboard&&("ArrowLeft"!==t.key&&"ArrowUp"!==t.key||this.prev(),"ArrowRight"!==t.key&&"ArrowDown"!==t.key||this.next())};onTouchStartX=0;onTouchStartY=0;onTouchMove=t=>{if(!this.swipe)return;const e=t.touches[0],s=e.clientX-this.onTouchStartX,i=e.clientY-this.onTouchStartY;this.vertical&&Math.abs(i)>30?i>0?this.prev():this.next():!this.vertical&&Math.abs(s)>30&&(s>0?this.prev():this.next())};onTouchStart=t=>{if(!this.swipe)return;const e=t.touches[0];this.onTouchStartX=e.clientX,this.onTouchStartY=e.clientY,this.isDragging=!0,this.dragOffset=0};onTouchEnd=()=>{this.isDragging&&(this.isDragging=!1,Math.abs(this.dragOffset)>50&&(this.dragOffset>0?this.prev():this.next()),this.dragOffset=0)};handleMouseDown=t=>{this.enableDrag&&(this.isDragging=!0,this.startX=t.clientX,this.startY=t.clientY,this.dragOffset=0,window.addEventListener("mousemove",this.onMouseMove),window.addEventListener("mouseup",this.onMouseUp))};onMouseMove=t=>{this.isDragging&&(this.dragOffset=this.vertical?t.clientY-this.startY:t.clientX-this.startX)};onMouseUp=()=>{this.isDragging&&(this.isDragging=!1,Math.abs(this.dragOffset)>50&&(this.dragOffset>0?this.prev():this.next(),this.pauseOnInteract&&this.stopAutoplay()),this.dragOffset=0,window.removeEventListener("mousemove",this.onMouseMove),window.removeEventListener("mouseup",this.onMouseUp))};render(){const t=!this.vertical,e=t?{width:"100%",flexDirection:"row"}:{height:"100%",flexDirection:"column"},s=!this.infinite&&0===this.current,o=!this.infinite&&this.current>=this.slidesCount-this.slidesToShow,r=t=>{const e="prev"===t?s:o;return i("ui-button",{variant:"ghost",class:{[`carousel-arrow ${t}`]:!0,disabled:e},onClick:()=>!e&&this.onArrowClick(t),ariaLabel:("prev"===t?"Previous":"Next")+" Slide",disabled:e,icon:"prev"===t?"chevron-left":"chevron-right",iconLibrary:"lucide",iconSize:"24px"})};return i(a,{class:{"is-fullscreen":this.isFullscreen,"auto-height":this.autoHeight,"parallax-mode":this.parallax,"zoom-active":this.zoomActive,"legendary-animate":this.animateContent,[`arrows-pos-${this.arrowsPosition}`]:!0,[`effect-${this.effect}`]:!0}},i("div",{class:{carousel:!0,vertical:!t,dragging:this.isDragging},style:{width:this.width,height:this.height},tabindex:this.keyboard?0:-1,onKeyDown:this.onKeyDown,role:"region","aria-roledescription":"carousel","aria-label":"Carousel"},this.showProgress&&"dots"===this.indicatorsType&&i("div",{class:"autoplay-progress"},i("div",{class:"progress-bar",style:{width:`${this.autoplayProgress}%`}})),this.arrows&&"top-right"===this.arrowsPosition&&i("div",{class:"carousel-controls"},r("prev"),r("next")),this.arrows&&"sides"===this.arrowsPosition&&r("prev"),i("div",{class:"carousel-track-wrapper",style:e,onTouchStart:this.onTouchStart,onTouchMove:this.onTouchMove,onTouchEnd:this.onTouchEnd,onMouseDown:this.handleMouseDown},i("div",{class:"carousel-track",style:{transform:this.ticker||this.variableWidth&&"slide"===this.effect?this.trackTranslate:"slide"===this.effect?t?`translateX(calc(-${this.current*(100/this.slidesToShow)}% + ${this.dragOffset}px))`:`translateY(calc(-${this.current*(100/this.slidesToShow)}% + ${this.dragOffset}px))`:"none",transition:this.ticker?"none":`transform ${this.animationDuration}ms ${this.animationEasing}`,display:"flex",...e}},i("slot",{onSlotchange:()=>{this.updateSlidesCount(),this.lazyLoad&&this.setupLazyLoading()}}),this.ticker&&i("slot",{name:"ticker-clone",onSlotchange:this.updateSlidesCount}))),i("div",{class:"sr-only","aria-live":"polite","aria-atomic":"true"},this._ariaAnnouncement),this.arrows&&"sides"===this.arrowsPosition&&r("next"),this.showCounter&&i("div",{class:"carousel-counter"},this.current+1," / ",this.slidesCount),this.indicators&&i("div",{class:"carousel-indicators"},Array.from({length:this.slidesCount-this.slidesToShow+1},((t,e)=>{const s=e===this.current,a=this.useProgressSegments?"segments":this.indicatorsType;return"segments"===a?i("div",{class:{"progress-segment":!0,active:s}},i("div",{class:"progress-fill",style:{width:s?`${this.autoplayProgress}%`:e<this.current?"100%":"0%"}})):"pie"===a?i("div",{class:{"indicator-pie":!0,active:s},onClick:()=>this.onIndicatorClick(e)},i("svg",{viewBox:"0 0 32 32"},i("circle",{cx:"16",cy:"16",r:"14",fill:"none",stroke:"rgba(255,255,255,0.15)","stroke-width":"2"}),s&&i("circle",{cx:"16",cy:"16",r:"14",fill:"none",stroke:"white","stroke-width":"3","stroke-dasharray":"88","stroke-dashoffset":88-88*this.autoplayProgress/100,style:{transition:"stroke-dashoffset 0.05s linear"},transform:"rotate(-90 16 16)"}))):i("ui-button",{variant:"ghost",size:"xxs",class:{active:s},onClick:()=>this.onIndicatorClick(e),ariaLabel:`Go to slide ${e+1}`})}))),i("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,class:"fullscreen-toggle",onClick:()=>this.toggleFullscreen(),ariaLabel:"Toggle Fullscreen",icon:this.isFullscreen?"minimize":"maximize",iconLibrary:"lucide",iconSize:"18px"})))}static get watchers(){return{current:[{onCurrentChange:0}],slidesToShow:[{onSlidesToShowChange:0}]}}};o.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;width:100%;height:100%;box-sizing:border-box}.carousel{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;background:var(--carousel-bg, var(--bg-primary, #ffffff));user-select:none}.carousel.dragging{cursor:grabbing}.carousel.dragging .carousel-track{transition:none !important}.carousel.vertical{flex-direction:column}.carousel-track-wrapper{width:100%;height:100%;overflow:hidden;display:flex;flex:1 1 auto;position:relative}.carousel-track{display:flex;transition:transform var(--carousel-speed, 0.5s) cubic-bezier(0.4, 0, 0.2, 1);will-change:transform;width:100%;height:100%}.carousel.vertical .carousel-track{flex-direction:column}::slotted(*){flex-shrink:0;width:100%;height:100%;box-sizing:border-box;overflow:hidden}.effect-fade .carousel-track,:host([effect=fade]) .carousel-track{transform:none !important;display:block !important;position:relative;height:100%}.effect-fade ::slotted(*),:host([effect=fade]) ::slotted(*){position:absolute !important;top:0;left:0;opacity:0;transition:opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none;width:100%;height:100%;z-index:1}.effect-fade ::slotted([data-active=true]),:host([effect=fade]) ::slotted([data-active=true]){opacity:1;pointer-events:auto;z-index:10}.effect-flip .carousel-track-wrapper,:host([effect=flip]) .carousel-track-wrapper{perspective:1500px;overflow:visible}.effect-flip .carousel-track,:host([effect=flip]) .carousel-track{transform:none !important;display:block !important;position:relative;height:100%;transform-style:preserve-3d}.effect-flip ::slotted(*),:host([effect=flip]) ::slotted(*){position:absolute !important;top:0;left:50%;width:100%;height:100%;transform:translate3d(-50%, 0, 0) rotateY(-180deg);opacity:0;transition:transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s;backface-visibility:hidden}.effect-flip ::slotted([data-active=true]),:host([effect=flip]) ::slotted([data-active=true]){opacity:1;transform:translate3d(-50%, 0, 0) rotateY(0deg);z-index:10}.effect-cube .carousel-track-wrapper,:host([effect=cube]) .carousel-track-wrapper{perspective:2000px;overflow:visible}.effect-cube .carousel-track,:host([effect=cube]) .carousel-track{transform:none !important;display:block !important;transform-style:preserve-3d;position:relative;height:100%}.effect-cube ::slotted(*),:host([effect=cube]) ::slotted(*){position:absolute !important;top:0;left:50%;width:100%;height:100%;opacity:0;transition:transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s;transform:translate3d(-50%, 0, -300px) rotateY(90deg);backface-visibility:hidden;transform-origin:center center}.effect-cube ::slotted([data-active=true]),:host([effect=cube]) ::slotted([data-active=true]){opacity:1;transform:translate3d(-50%, 0, 0) rotateY(0deg);z-index:10}.effect-cube ::slotted([data-offset="-1"]),:host([effect=cube]) ::slotted([data-offset="-1"]){opacity:0.2;transform:translate3d(-100%, 0, -300px) rotateY(90deg);z-index:5}.effect-cube ::slotted([data-offset="1"]),:host([effect=cube]) ::slotted([data-offset="1"]){opacity:0.2;transform:translate3d(0%, 0, -300px) rotateY(-90deg);z-index:5}.effect-scale .carousel-track,:host([effect=scale]) .carousel-track{transform:none !important;display:block !important;height:100%;position:relative}.effect-scale ::slotted(*),:host([effect=scale]) ::slotted(*){position:absolute !important;top:0;left:50%;width:100%;height:100%;transform:translate3d(-50%, 0, 0) scale(1.15);opacity:0;transition:all 0.8s cubic-bezier(0.16, 1, 0.3, 1)}.effect-scale ::slotted([data-active=true]),:host([effect=scale]) ::slotted([data-active=true]){opacity:1;transform:translate3d(-50%, 0, 0) scale(1);z-index:10}.effect-coverflow .carousel-track-wrapper,:host([effect=coverflow]) .carousel-track-wrapper{perspective:1500px;overflow:visible}.effect-coverflow .carousel-track,:host([effect=coverflow]) .carousel-track{transform:none !important;display:block !important;position:relative;transform-style:preserve-3d;height:100%}.effect-coverflow ::slotted(*),:host([effect=coverflow]) ::slotted(*){position:absolute !important;top:0;left:50%;transition:all 0.8s cubic-bezier(0.16, 1, 0.3, 1);width:90%;height:100%;transform:translate3d(-50%, 0, -200px) scale(0.7) rotateY(60deg);opacity:0}.effect-coverflow ::slotted([data-active=true]),:host([effect=coverflow]) ::slotted([data-active=true]){transform:translate3d(-50%, 0, 0) scale(1) rotateY(0deg);opacity:1;z-index:10}.effect-coverflow ::slotted([data-offset="-1"]),:host([effect=coverflow]) ::slotted([data-offset="-1"]){transform:translate3d(-110%, 0, -150px) scale(0.85) rotateY(45deg);opacity:0.6;z-index:5}.effect-coverflow ::slotted([data-offset="1"]),:host([effect=coverflow]) ::slotted([data-offset="1"]){transform:translate3d(10%, 0, -150px) scale(0.85) rotateY(-45deg);opacity:0.6;z-index:5}.effect-stack .carousel-track,:host([effect=stack]) .carousel-track{transform:none !important;display:block !important;height:100%}.effect-stack ::slotted(*),:host([effect=stack]) ::slotted(*){position:absolute !important;top:0;left:0;opacity:0;transform:translateY(40px) scale(0.9);transition:all 0.7s cubic-bezier(0.16, 1, 0.3, 1)}.effect-stack ::slotted([data-active=true]),:host([effect=stack]) ::slotted([data-active=true]){opacity:1;transform:translateY(0) scale(1);z-index:10}.effect-stack ::slotted([data-visible=true]:not([data-active=true])),:host([effect=stack]) ::slotted([data-visible=true]:not([data-active=true])){opacity:0.6;transform:translateY(20px) scale(0.95);z-index:5}.effect-depth .carousel-track,:host([effect=depth]) .carousel-track{transform:none !important;display:block !important;position:relative;height:100%}.effect-depth ::slotted(*),:host([effect=depth]) ::slotted(*){position:absolute !important;top:0;left:50%;width:90%;height:100%;transition:transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s;transform:translate3d(-50%, 0, -400px) scale(0.5);opacity:0}.effect-depth ::slotted([data-active=true]),:host([effect=depth]) ::slotted([data-active=true]){transform:translate3d(-50%, 0, 0) scale(1);opacity:1;z-index:10}.effect-depth ::slotted([data-offset="-1"]),:host([effect=depth]) ::slotted([data-offset="-1"]){transform:translate3d(-105%, 0, -200px) scale(0.8);opacity:0.5;z-index:5}.effect-depth ::slotted([data-offset="1"]),:host([effect=depth]) ::slotted([data-offset="1"]){transform:translate3d(5%, 0, -200px) scale(0.8);opacity:0.5;z-index:5}.effect-ken-burns ::slotted(*),:host([effect=ken-burns]) ::slotted(*){position:absolute !important;top:0;left:0;opacity:0;overflow:hidden;height:100%;width:100%;transition:opacity 1.5s ease}.effect-ken-burns ::slotted([data-active=true]),:host([effect=ken-burns]) ::slotted([data-active=true]){opacity:1;z-index:10;animation:kenBurnsPremium 10s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate}@keyframes kenBurnsPremium{0%{transform:scale(1) translate(0, 0)}100%{transform:scale(1.2) translate(-2%, -2%)}}.effect-wheel .carousel-track-wrapper,:host([effect=wheel]) .carousel-track-wrapper{perspective:1500px;overflow:visible}.effect-wheel .carousel-track,:host([effect=wheel]) .carousel-track{transform-style:preserve-3d;transition:transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);height:100%}.effect-wheel ::slotted(*),:host([effect=wheel]) ::slotted(*){position:absolute !important;top:0;left:0;opacity:0.2;transform:rotateX(45deg) translateZ(-200px);transition:all 0.8s cubic-bezier(0.16, 1, 0.3, 1)}.effect-wheel ::slotted([data-active=true]),:host([effect=wheel]) ::slotted([data-active=true]){opacity:1;transform:rotateX(0deg) translateZ(0);z-index:10}.effect-wheel ::slotted([data-visible=true]:not([data-active=true])),:host([effect=wheel]) ::slotted([data-visible=true]:not([data-active=true])){opacity:0.4;transform:rotateX(-45deg) translateZ(-150px)}.carousel-indicators{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:8px;z-index:10}.carousel-indicators button{width:12px;height:6px;border-radius:3px;border:none;background:rgba(255, 255, 255, 0.4);cursor:pointer;transition:0.3s}.carousel-indicators button.active{width:24px;background:var(--bg-primary, #ffffff);box-shadow:0 2px 8px rgba(0, 0, 0, 0.2)}.indicator-pie{position:relative;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(0, 0, 0, 0.1);border:1.5px solid transparent;transition:0.3s}.indicator-pie:hover{background:rgba(0, 0, 0, 0.2);border-color:rgba(255, 255, 255, 0.2)}.indicator-pie.active{background:rgba(0, 0, 0, 0.3)}.indicator-pie svg{width:100%;height:100%;overflow:visible;stroke-linecap:round}:host([indicators-type=segments]) .carousel-indicators{top:20px;bottom:auto;left:0;right:0;transform:none;padding:0 16px;gap:4px;width:100%;box-sizing:border-box}.progress-segment{flex:1;height:3px;border-radius:2px;overflow:hidden;background:rgba(255, 255, 255, 0.2)}.progress-segment .progress-fill{height:100%;background:var(--bg-primary, #ffffff);transition:width 0.1s linear}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:none;background:rgba(255, 255, 255, 0.2);color:var(--bg-primary, var(--text-standard, #ffffff));cursor:pointer;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10;transition:0.3s}.carousel-arrow:hover:not(:disabled){background:rgb(255, 255, 255);color:var(--bg-primary, #000);transform:translateY(-50%) scale(1.1)}.carousel-arrow:disabled{opacity:0.2;cursor:not-allowed}.carousel-arrow.prev{left:20px}.carousel-arrow.next{right:20px}.carousel-controls{position:absolute;top:20px;right:20px;display:flex;gap:8px;z-index:20}.carousel-controls .carousel-arrow{position:static;transform:none;border-radius:8px;background:var(--bg-primary, #ffffff);color:var(--bg-primary, var(--border-subtle, #1e293b));border:1px solid var(--border-subtle, #e2e8f0);width:38px;height:38px;box-shadow:0 4px 10px rgba(0, 0, 0, 0.05)}.carousel-controls .carousel-arrow:hover:not(:disabled){transform:translateY(-2px);border-color:var(--color-primary, #94a3b8)}.carousel-counter{position:absolute;top:20px;left:20px;background:rgba(0, 0, 0, 0.5);color:var(--bg-primary, var(--text-standard, #ffffff));padding:4px 12px;border-radius:20px;font-size:11px;font-weight:800;backdrop-filter:blur(4px)}.fullscreen-toggle{position:absolute;bottom:20px;right:20px;background:rgba(255, 255, 255, 0.2);color:var(--bg-primary, #ffffff);border:none;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.fullscreen-toggle:hover{background:rgba(255, 255, 255, 0.4)}:host(.parallax-mode) .carousel-track [data-visible=true]>*{transition:transform 0.7s ease-out}:host(.parallax-mode) .carousel-track [data-active=true]>*{transform:scale(1.05)}:host(.legendary-animate) .carousel-track [data-active=true]>*{animation:slideUpFade 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;opacity:0}@keyframes slideUpFade{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}';export{o as ui_carousel}