atomicuilibrary 0.0.1

package/dist/components/avatar-group.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as a,h as r,Host as e,transformTag as o}from"@stencil/core/internal/client";import{d as s}from"./avatar.js";import{d as i,a as n}from"./badge.js";import{d as p}from"./icon.js";import{d}from"./input.js";const c=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get el(){return 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 t=this.el.shadowRoot?.querySelector("slot"),a=t?t.assignedElements():Array.from(this.el.children);this.slottedAvatars=a.filter((t=>"ui-avatar"===t.tagName.toLowerCase()))}getMaxCount(){const t=this.max||this.maxVisible;return"number"==typeof t?t:t&&"object"==typeof t&&"count"in t&&t.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 t={xs:24,s:32,sm:32,default:20,m:40,lg:40,l:48,xl:64};let a=40;const r=parseFloat(this.size);return isNaN(r)?"string"==typeof this.size&&t[this.size]&&(a=t[this.size]):a=r,-.4*a}handleMouseEnterGroup=()=>{this.isHovered=!0};handleMouseLeaveGroup=()=>{this.isHovered=!1,this.showPopover=!1};toggleRoster=t=>{t.stopPropagation(),this.isRosterOpen=!this.isRosterOpen};closeRoster=()=>{this.isRosterOpen=!1};renderExcessCount(t,a){const e=t-a;if(e<=0)return null;const o=this.getMaxStyle();return r("div",{class:"excess-avatar-container",onMouseEnter:()=>this.showPopover=this.enablePopover,onMouseLeave:()=>this.showPopover=!1,onClick:this.toggleRoster},r("div",{class:{"avatar-extra":!0,[`avatar-${this.getSizeAlias()}`]:!0,[`shape-${this.shape}`]:!0},style:{...o,backgroundColor:o.backgroundColor||"#f56a00"}},"+",e),this.showPopover&&this.enablePopover&&"stack"===this.layout&&this.renderPopover(a))}renderPopover(t){const a=this.getAllAvatarData().slice(t);return r("div",{class:"avatar-popover"},r("div",{class:"popover-content"},a.map(((t,a)=>r("div",{class:"popover-item",key:a},r("ui-avatar",{size:"xs",shape:this.shape,src:t.src,icon:t.icon,name:t.name,content:t.content,bgColor:t.bgColor}),r("span",{class:"popover-text"},t.name||t.content||"User"))))))}getAllAvatarData(){return this.avatars&&this.avatars.length>0?this.avatars:this.slottedAvatars.map((t=>({src:t.getAttribute("src"),name:t.getAttribute("name"),content:t.getAttribute("content")||t.textContent?.trim(),tooltipText:t.getAttribute("tooltipText")||t.getAttribute("tooltip-text")||t.getAttribute("name")||t.textContent?.trim(),icon:t.getAttribute("icon"),bgColor:t.getAttribute("bgColor")||t.getAttribute("bg-color"),badge:t.getAttribute("badge"),status:t.getAttribute("status")})))}getSizeAlias(){return{sm:"s",md:"m",lg:"l"}[this.size]||this.size}render(){const t=this.getAllAvatarData(),a=this.getMaxCount(),o="grid"===this.layout?t:t.slice(0,a),s=this.calculateOverlap(),i={"avatar-group":!0,[`layout-${this.layout}`]:!0,"avatar-group-animated":this.animated&&"stack"===this.layout,expanded:this.isHovered&&"stack"===this.layout},n={"--avatar-spacing":`${s}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 r(e,{key:"d1c53574be9549de6cce9cf8aae33ac8019dd556"},r("div",{key:"0f64bd06b7f8bd077e98286b9df7cd24e1924a50",class:i,style:n,onMouseEnter:this.handleMouseEnterGroup,onMouseLeave:this.handleMouseLeaveGroup},r("div",{key:"937475ddb42adc924320a2f15f61a76f3ec3c916",class:"avatar-list"},o.map(((a,e)=>r("ui-avatar",{...a,key:e,size:this.size,shape:this.shape,border:`${this.borderWidth}px solid ${this.borderColor}`,class:"group-avatar",style:{zIndex:("stack"===this.layout?t.length-e:1).toString()}}))),"stack"===this.layout&&this.renderExcessCount(t.length,a)),r("div",{key:"52779f80360501b288b88cd896f2dd117b18c0e1",style:{display:"none"}},r("slot",{key:"bd6996c4789091de98a2f01349990412278e51ee"}))),this.isRosterOpen&&r("div",{key:"fb404a5fd2e4723bb54465a8e6b94d220052721d",class:"avatar-roster-backdrop",onClick:this.closeRoster},r("div",{key:"81df0d927175829c2fe80e3c39bf81350011620e",class:"avatar-roster-content",onClick:t=>t.stopPropagation()},r("div",{key:"89cea0f5aed19f87eaab53bdab36b0ccf429dc54",class:"roster-header"},r("h3",{key:"3d113ccb91edb0b47e7bccc311af3f52f09ed5f2"},"Participants (",t.length,")"),r("ui-button",{key:"ad42880fadf89334d69ff0fca445adf7fb1b4494",variant:"ghost",onClick:this.closeRoster,ariaLabel:"Close roster",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"})),r("div",{key:"d683e744b8a132d600d8681254c39b0569b1564c",class:"roster-list"},t.map(((t,a)=>r("div",{key:a,class:"roster-item"},r("ui-avatar",{...t,size:"s",shape:this.shape}),r("div",{class:"roster-info"},r("span",{class:"roster-name"},t.name||t.content||"Anonymous"),t.status&&r("span",{class:`roster-status status-${t.status}`},t.status)))))))))}static get style(){return'.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)}}'}},[769,"ui-avatar-group",{avatars:[16],maxVisible:[2,"max-visible"],max:[2],size:[8],shape:[1],layout:[1],spacing:[2],overlap:[2],borderColor:[1,"border-color"],borderWidth:[2,"border-width"],enablePopover:[4,"enable-popover"],animated:[4],slottedAvatars:[32],showPopover:[32],isRosterOpen:[32],isHovered:[32]},[[0,"slotchange","handleSlotChange"]]]);function l(){"undefined"!=typeof customElements&&["ui-avatar-group","ui-avatar","ui-badge","ui-button","ui-icon","ui-input"].forEach((t=>{switch(t){case"ui-avatar-group":customElements.get(o(t))||customElements.define(o(t),c);break;case"ui-avatar":customElements.get(o(t))||s();break;case"ui-badge":customElements.get(o(t))||n();break;case"ui-button":customElements.get(o(t))||i();break;case"ui-icon":customElements.get(o(t))||p();break;case"ui-input":customElements.get(o(t))||d()}}))}export{c as A,l as d}

package/dist/components/avatar.js

@@ -0,0 +1 @@
+import{proxyCustomElement as a,HTMLElement as t,createEvent as r,h as e,Host as i,transformTag as s}from"@stencil/core/internal/client";import{d as o,a as n}from"./badge.js";import{d as l}from"./icon.js";import{d}from"./input.js";const p=a(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.avatarError=r(this,"avatarError",7),this.avatarClick=r(this,"avatarClick",7),this.avatarUpload=r(this,"avatarUpload",7),this.avatarLoad=r(this,"avatarLoad",7),this.avatarMouseEnter=r(this,"avatarMouseEnter",7),this.avatarMouseLeave=r(this,"avatarMouseLeave",7)}get el(){return this}alt="";gap=4;icon="";iconLibrary="default";shape="circle";size="m";src="";srcSet="";imgDraggable=!0;crossOrigin="";bgColor="#52c41a";color="#ffffff";border="";tooltipText="";responsiveSize=void 0;status="";statusPosition="bottom-right";showStatus=!1;badge="";badgePosition="top-right";badgeColor="#ff4d4f";editable=!1;acceptTypes="image/*";fallbackIcon="fas fa-user";loading=!1;lazy=!1;fit="cover";verified=!1;glass=!1;skeleton=!1;reflection=!1;segments=0;variant="default";clickable=!1;autoColor=!1;gradient=!1;gradientColors="";animation="none";ringColor="#3bf673";story=!1;storySeen=!1;activeSpeaker=!1;statusPulse=!1;threeD=!1;href="";content;name;maxInitials=2;group=!1;avatars=[];maxVisible=5;max=void 0;layout="stack";spacing=4;overlap=void 0;groupBorderColor="white";groupBorderWidth=2;enablePopover=!0;animated=!0;hasError=!1;scale=1;currentSize=40;showTooltip=!1;isHovered=!1;uploadedImage="";slottedAvatars=[];showPopoverGroup=!1;isRosterOpen=!1;isScaling=!1;textRef;avatarRef;avatarError;avatarClick;avatarUpload;avatarLoad;avatarMouseEnter;avatarMouseLeave;handleSrcChange(){this.hasError=!1,this.uploadedImage=""}handleLoadingChange(a){!a&&this.lazy&&this.src&&this.loadImage()}componentWillLoad(){this.group&&this.updateSlottedAvatars()}componentDidLoad(){this.group&&this.updateSlottedAvatars(),requestAnimationFrame((()=>this.setScale())),this.responsiveSize&&(this.updateResponsiveSize(),window.addEventListener("resize",this.updateResponsiveSize))}componentDidUpdate(){this.textRef&&this.avatarRef&&requestAnimationFrame((()=>this.setScale()))}updateSlottedAvatars(){const a=this.el.shadowRoot?.querySelector("slot"),t=a?a.assignedElements():Array.from(this.el.children);this.slottedAvatars=t.filter((a=>"ui-avatar"===a.tagName.toLowerCase()))}disconnectedCallback(){this.responsiveSize&&window.removeEventListener("resize",this.updateResponsiveSize)}updateResponsiveSize=()=>{if(!this.responsiveSize)return;const a=window.innerWidth;let t=this.size;a<576&&void 0!==this.responsiveSize.xs?t=this.responsiveSize.xs:a>=576&&a<768&&void 0!==this.responsiveSize.sm?t=this.responsiveSize.sm:a>=768&&a<992&&void 0!==this.responsiveSize.md?t=this.responsiveSize.md:a>=992&&a<1200&&void 0!==this.responsiveSize.lg?t=this.responsiveSize.lg:a>=1200&&void 0!==this.responsiveSize.xl&&(t=this.responsiveSize.xl),this.currentSize=t};setScale=()=>{if(this.isScaling||!this.textRef||!this.avatarRef)return;const a=this.textRef.offsetWidth,t=this.avatarRef.offsetWidth;if(0===a||0===t)return;const r=t-2*this.gap<a?(t-2*this.gap)/a:1;Math.abs(this.scale-r)>.01&&(this.isScaling=!0,this.scale=r,setTimeout((()=>{this.isScaling=!1}),100))};handleImgError=a=>{this.el.isConnected&&(this.hasError=!0,this.avatarError.emit(a))};handleImgLoad=a=>{this.el.isConnected&&this.avatarLoad.emit(a)};handleAvatarClick=a=>{if(this.clickable||this.editable){if(!this.el.isConnected)return;if(this.avatarClick.emit(a),this.editable){const a=this.el.shadowRoot?.querySelector('input[type="file"]');a&&a.click()}}};handleFileChange=a=>{const t=a.target,r=t.files?.[0];if(r){const a=new FileReader;a.onload=a=>{if(!this.el.isConnected)return;const t=a.target?.result;this.uploadedImage=t,this.hasError=!1,this.avatarUpload.emit({file:r,dataUrl:t})},a.readAsDataURL(r)}};handleMouseEnterAvatar=a=>{this.el.isConnected&&(this.isHovered=!0,this.avatarMouseEnter.emit(a),(this.tooltipText||this.alt)&&(this.showTooltip=!0))};handleMouseLeaveAvatar=a=>{this.el.isConnected&&(this.isHovered=!1,this.avatarMouseLeave.emit(a),this.showTooltip=!1)};getInitials(a){if(!a)return"";const t=a.trim().split(" ").filter((a=>!!a));return 0===t.length?"":1===t.length?t[0].substring(0,this.maxInitials).toUpperCase():(t[0].charAt(0)+t[t.length-1].charAt(0)).toUpperCase().substring(0,this.maxInitials)}generateColorFromText(a){let t=0;for(let r=0;r<a.length;r++)t=a.charCodeAt(r)+((t<<5)-t);const r=["#f56a00","#7265e6","#ffbf00","#00a2ae","#52c41a","#1890ff","#eb2f96","#fa8c16","#13c2c2","#722ed1","#fa541c","#2f54eb"];return r[Math.abs(t)%r.length]}getGradientColors(){if(this.gradientColors)try{const a=JSON.parse(this.gradientColors);if(Array.isArray(a)&&a.length>=2)return a}catch{const a=this.gradientColors.split(",").map((a=>a.trim()));if(a.length>=2)return a}return["#667eea","#764ba2"]}loadImage(){if(!this.src||!this.lazy)return;const a=new Image;a.src=this.src,a.onload=a=>this.handleImgLoad(a),a.onerror=a=>this.handleImgError(a)}getSizeInPixels(){const a=parseFloat(this.currentSize);if(!isNaN(a))return a;switch(this.currentSize){case"xs":return 24;case"s":case"sm":return 32;case"default":return 20;case"m":case"md":default:return 40;case"l":case"lg":return 48;case"xl":return 64}}renderImage(){const a=this.uploadedImage||this.src;if(this.hasError||!a)return null;const t="boolean"==typeof this.imgDraggable?this.imgDraggable:"true"===this.imgDraggable,r=this.getSizeInPixels();return e("img",{src:a,srcset:this.srcSet||void 0,alt:this.alt||this.name||"Avatar",width:r,height:r,draggable:t,crossorigin:this.crossOrigin||void 0,loading:this.lazy?"lazy":void 0,onError:this.handleImgError,onLoad:this.handleImgLoad,style:{objectFit:this.fit}})}renderIcon(){const a=this.icon||this.fallbackIcon;return a?e("ui-icon",{name:a,library:!this.icon&&this.fallbackIcon?"fontawesome":this.iconLibrary,size:"1.2em",class:"avatar-icon"}):null}renderText(){const a=this.content||this.getInitials(this.name||this.el.textContent?.trim()||"");return a?e("span",{ref:a=>this.textRef=a,class:"avatar-string",style:1!==this.scale?{transform:`scale(${this.scale}) translateX(-50%)`}:{transform:"translateX(-50%)"}},a):null}getAvatarSizeAlias(){let a=this.size;this.responsiveSize&&this.currentSize!==this.size&&(a=this.currentSize);const t=parseFloat(a);if(!isNaN(t))return`${t}px`;switch(a){case"lg":return"l";case"md":return"m";case"sm":return"s";default:return a}}getTooltipText(){return this.tooltipText?this.tooltipText:this.alt?this.alt:this.name||this.el.textContent?.trim()||""}renderStatusIndicator(){return this.showStatus&&this.status?e("span",{class:{"avatar-status":!0,[`avatar-status-${this.status}`]:!0,[`avatar-status-${this.statusPosition}`]:!0,"avatar-status-pulse":this.statusPulse}}):null}renderBadge(){if(!this.badge)return null;const a=1===this.badge.toString().length;return e("span",{class:{"avatar-badge":!0,[`avatar-badge-${this.badgePosition}`]:!0,"avatar-badge-circle":a,"avatar-badge-pill":!a},style:{backgroundColor:this.badgeColor}},this.badge)}renderVerified(){return this.verified?e("span",{class:"avatar-verified"},e("ui-icon",{name:"check-circle",library:"fontawesome",size:"14px"})):null}renderLoading(){return this.loading||this.skeleton?this.skeleton?e("div",{class:"avatar-skeleton"},e("div",{class:"skeleton-shimmer"})):e("div",{class:"avatar-loading"},e("ui-icon",{name:"loader-2",library:"lucide",spin:!0,size:"18px"})):null}renderEditOverlay(){return this.editable?e("div",{class:"avatar-edit-overlay"},e("ui-icon",{name:"camera",library:"fontawesome",size:"16px"}),e("ui-input",{type:"file",accept:this.acceptTypes,onInputChange:this.handleFileChange,style:{display:"none"}})):null}getMaxCount(){const a=this.max||this.maxVisible;return"number"==typeof a?a:a&&"object"==typeof a&&"count"in a&&a.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 a={xs:24,s:32,sm:32,default:20,m:40,md:40,l:40,lg:48,xl:64};let t=40;const r=parseFloat(this.size);return isNaN(r)?"string"==typeof this.size&&a[this.size]&&(t=a[this.size]):t=r,-.4*t}getAllAvatarData(){return this.avatars&&this.avatars.length>0?this.avatars:this.slottedAvatars.map((a=>({src:a.getAttribute("src"),name:a.getAttribute("name"),content:a.getAttribute("content")||a.textContent?.trim(),tooltipText:a.getAttribute("tooltipText")||a.getAttribute("tooltip-text")||a.getAttribute("name")||a.textContent?.trim(),icon:a.getAttribute("icon"),bgColor:a.getAttribute("bgColor")||a.getAttribute("bg-color"),badge:a.getAttribute("badge"),status:a.getAttribute("status")})))}renderExcessCount(a,t){const r=a-t;if(r<=0)return null;const i=this.getMaxStyle();return e("div",{class:"excess-avatar-container",onMouseEnter:()=>this.showPopoverGroup=this.enablePopover,onMouseLeave:()=>this.showPopoverGroup=!1,onClick:this.toggleRoster},e("div",{class:{"avatar-extra":!0,[`avatar-${this.getAvatarSizeAlias()}`]:!0,[`shape-${this.shape}`]:!0},style:{...i,backgroundColor:i.backgroundColor||"#f56a00"}},"+",r),this.showPopoverGroup&&this.enablePopover&&"stack"===this.layout&&this.renderPopoverGroup(t))}renderPopoverGroup(a){const t=this.getAllAvatarData().slice(a);return e("div",{class:"avatar-popover"},e("div",{class:"popover-content"},t.map(((a,t)=>e("div",{class:"popover-item",key:t},e("ui-avatar",{size:"xs",shape:this.shape,...a}),e("span",{class:"popover-text"},a.name||a.content||"User"))))))}toggleRoster=a=>{a.stopPropagation(),this.isRosterOpen=!this.isRosterOpen};closeRoster=()=>{this.isRosterOpen=!1};renderRoster(a){return this.isRosterOpen?e("div",{class:"avatar-roster-backdrop",onClick:this.closeRoster},e("div",{class:"avatar-roster-content",onClick:a=>a.stopPropagation()},e("div",{class:"roster-header"},e("h3",null,"Participants (",a.length,")"),e("ui-button",{variant:"ghost",onClick:this.closeRoster,ariaLabel:"Close",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"})),e("div",{class:"roster-list"},a.map(((a,t)=>e("div",{key:t,class:"roster-item"},e("ui-avatar",{...a,size:"s",shape:this.shape}),e("div",{class:"roster-info"},e("span",{class:"roster-name"},a.name||a.content||"Anonymous"),a.status&&e("span",{class:`roster-status status-${a.status}`},a.status)))))))):null}render(){if(this.group){const a=this.getAllAvatarData(),t=this.getMaxCount(),r="grid"===this.layout?a:a.slice(0,t),s=this.calculateOverlap(),o={"avatar-group":!0,[`layout-${this.layout}`]:!0,"avatar-group-animated":this.animated&&"stack"===this.layout,expanded:this.isHovered&&"stack"===this.layout},n={"--avatar-spacing":`${s}px`,"--avatar-border-color":this.groupBorderColor,"--avatar-border-width":`${this.groupBorderWidth}px`,"--avatar-size":"number"==typeof this.size?`${this.size}px`:this.size.toString()};return e(i,null,e("div",{class:o,style:n,onMouseEnter:()=>this.isHovered=!0,onMouseLeave:()=>this.isHovered=!1},e("div",{class:"avatar-list"},r.map(((t,r)=>e("ui-avatar",{...t,key:r,size:this.size,shape:this.shape,border:`${this.groupBorderWidth}px solid ${this.groupBorderColor}`,class:"group-avatar",style:{zIndex:("stack"===this.layout?a.length-r:1).toString()}}))),"stack"===this.layout&&this.renderExcessCount(a.length,t)),e("div",{style:{display:"none"}},e("slot",{onSlotchange:()=>this.updateSlottedAvatars()}))),this.renderRoster(a))}const a=!(!this.uploadedImage&&!this.src||this.hasError),t=this.content||this.name||this.el.textContent?.trim(),r=!a&&!!t,s=!(a||r||!this.icon&&!this.fallbackIcon),o=this.getAvatarSizeAlias(),n=!isNaN(parseFloat(this.size)),l={avatar:!0,[`avatar-${this.shape}`]:!0,[`avatar-${o}`]:!n,"avatar-image":a,"avatar-icon":s,"avatar-text":r,"avatar-clickable":this.clickable||this.editable||!!this.href,"avatar-loading":this.loading,"avatar-hovered":this.isHovered,[`avatar-animation-${this.animation}`]:"none"!==this.animation,"avatar-gradient":this.gradient,"avatar-glass":this.glass||"glass"===this.variant,"avatar-skeleton":this.skeleton,"avatar-reflection":this.reflection,"avatar-story":this.story,"avatar-story-seen":this.storySeen,"avatar-active-speaker":this.activeSpeaker,"avatar-3d":this.threeD},d={};if(n||this.responsiveSize){const a=`${this.getSizeInPixels()}px`;if(d.width=a,d.height=a,d.lineHeight=a,n){const a=parseFloat(this.size);d.fontSize=s?.6*a+"px":.45*a+"px"}}if(!a)if(this.gradient){const[a,t]=this.getGradientColors();d.background=`linear-gradient(135deg, ${a} 0%, ${t} 100%)`}else this.autoColor&&t?d.backgroundColor=this.generateColorFromText(t):this.bgColor&&(d.backgroundColor=this.bgColor);this.color&&!a&&(d.color=this.color),this.border&&(d.border=this.border),"ring"!==this.animation&&"glow"!==this.animation||(d["--ring-color"]=this.ringColor),this.segments>0&&(d["--story-segments"]=this.segments);const p=this.getTooltipText(),h=p.length>0,c={[`avatar-${this.shape}`]:!0};return"string"==typeof this.size&&(c[`avatar-${o}`]=!0),e(i,{class:c},e(this.href?"a":"div",{...this.href?{href:this.href,class:"avatar-link"}:{class:"avatar-container"}},e("div",{ref:a=>this.avatarRef=a,class:l,style:d,onMouseEnter:this.handleMouseEnterAvatar,onMouseLeave:this.handleMouseLeaveAvatar,onClick:this.handleAvatarClick,title:this.clickable||this.editable||this.href?void 0:p,role:this.clickable||this.editable||this.href?"button":void 0,tabindex:this.clickable||this.editable||this.href?0:void 0},this.loading&&this.renderLoading(),this.skeleton&&this.renderLoading(),!this.loading&&!this.skeleton&&(a?this.renderImage():s?this.renderIcon():r?this.renderText():null),(this.glass||"glass"===this.variant)&&e("div",{class:"glass-overlay"}),this.reflection&&e("div",{class:"reflection-overlay"}),this.renderEditOverlay()),this.renderStatusIndicator(),this.renderBadge(),this.renderVerified(),h&&this.showTooltip&&e("div",{class:"avatar-tooltip"},p)))}static get watchers(){return{src:[{handleSrcChange:0}],loading:[{handleLoadingChange:0}]}}static get style(){return'.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-flex;vertical-align:middle}:host *{box-sizing:border-box}:host{transition:all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.avatar-container,.avatar-link{position:relative;display:inline-block;text-decoration:none}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;background-color:var(--bg-secondary, #ccc);color:var(--text-standard, #ffffff);font-weight:600;overflow:visible;white-space:nowrap;text-align:center;vertical-align:middle;user-select:none;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);transition:all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.avatar.avatar-hovered{transform:translateY(-4px) scale(1.05);box-shadow:0 10px 20px rgba(0, 0, 0, 0.15)}.avatar.avatar-hovered.avatar-3d{transform:perspective(500px) rotateX(10deg) rotateY(10deg) translateY(-4px)}.avatar-circle{border-radius:50%}.avatar-square{border-radius:8px}.avatar-hexagon{clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);border-radius:0}.avatar-squircle{border-radius:35%}.avatar-circle img,.avatar-circle .avatar-string,.avatar-circle .avatar-icon,.avatar-hexagon img,.avatar-hexagon .avatar-string,.avatar-hexagon .avatar-icon,.avatar-squircle img,.avatar-squircle .avatar-string,.avatar-squircle .avatar-icon{border-radius:inherit;overflow:hidden}.avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;transition:opacity 0.3s ease}.avatar-xs{width:24px;height:24px;line-height:24px;font-size:10px}.avatar-sm,.avatar-s{width:32px;height:32px;line-height:32px;font-size:12px}.avatar-default,.avatar-m{width:40px;height:40px;line-height:40px;font-size:16px}.avatar-lg,.avatar-l{width:48px;height:48px;line-height:48px;font-size:20px}.avatar-xl{width:64px;height:64px;line-height:64px;font-size:28px}.avatar-string{position:absolute;left:50%;transform:translateX(-50%);display:inline-block;white-space:nowrap}.avatar-icon{font-size:1.2em;display:flex;align-items:center;justify-content:center}.avatar-status{position:absolute;width:10px;height:10px;border-radius:50%;border:2px solid var(--border-subtle, #fff);z-index:5;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.avatar-status.avatar-status-top-right{top:0;right:0}.avatar-status.avatar-status-top-left{top:0;left:0}.avatar-status.avatar-status-bottom-right{bottom:0;right:0}.avatar-status.avatar-status-bottom-left{bottom:0;left:0}.avatar-status.avatar-status-online{background-color:var(--color-success, #22c55e)}.avatar-status.avatar-status-offline{background-color:transparent;border-color:var(--color-primary, #94a3b8)}.avatar-status.avatar-status-offline::after{content:"";position:absolute;inset:2px;border-radius:50%;background:var(--bg-primary, #ffffff);z-index:-1}.avatar-status.avatar-status-away{background-color:var(--color-warning, #f59e0b);clip-path:polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%, 50% 50%);border:none}.avatar-status.avatar-status-busy,.avatar-status.avatar-status-dnd{background-color:var(--color-danger, #ef4444)}.avatar-status.avatar-status-busy::before,.avatar-status.avatar-status-dnd::before{content:"";position:absolute;top:50%;left:50%;width:6px;height:1.5px;background:var(--bg-primary, #ffffff);transform:translate(-50%, -50%)}.avatar-badge{position:absolute;min-width:18px;height:18px;line-height:18px;text-align:center;font-size:10px;font-weight:bold;color:var(--text-standard, #ffffff);border:2px solid var(--border-subtle, #fff);z-index:6;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2)}.avatar-badge.avatar-badge-circle{border-radius:50%}.avatar-badge.avatar-badge-pill{padding:0 5px;border-radius:10px}.avatar-badge.avatar-badge-top-right{top:-4px;right:-4px}.avatar-badge.avatar-badge-top-left{top:-4px;left:-4px}.avatar-badge.avatar-badge-bottom-right{bottom:-4px;right:-4px}.avatar-badge.avatar-badge-bottom-left{bottom:-4px;left:-4px}.avatar-tooltip{position:absolute;bottom:110%;left:50%;transform:translateX(-50%);background:rgba(0, 0, 0, 0.85);color:var(--text-standard, #ffffff);padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;z-index:100;pointer-events:none;box-shadow:0 4px 10px rgba(0, 0, 0, 0.2)}.avatar-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:rgba(0, 0, 0, 0.85)}.avatar-skeleton{background:var(--bg-primary, #eee);position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit}.avatar-skeleton .skeleton-shimmer{width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);animation:shimmer 1.5s infinite}.avatar-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255, 255, 255, 0.8);display:flex;align-items:center;justify-content:center;z-index:4;border-radius:inherit}.avatar-edit-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);opacity:0;transition:0.2s;display:flex;align-items:center;justify-content:center;z-index:3;border-radius:inherit;color:var(--text-standard, #ffffff)}.avatar:hover .avatar-edit-overlay{opacity:1}.avatar-glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:rgba(255, 255, 255, 0.1) !important;border:1px solid rgba(255, 255, 255, 0.2) !important}.avatar-reflection .reflection-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, rgba(255, 255, 255, 0.25) 0%, transparent 50%);pointer-events:none}.avatar-verified{position:absolute;bottom:0;right:0;width:16px;height:16px;background:var(--color-primary, #1890ff);color:var(--text-standard, #ffffff);border-radius:50%;border:2px solid var(--border-subtle, #fff);display:flex;align-items:center;justify-content:center;font-size:10px;z-index:7}.avatar-story{padding:3px}.avatar-story::after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:inherit;border:2px solid transparent;background:linear-gradient(45deg, var(--color-danger, #f09433), var(--color-danger, #e6683c), var(--color-danger, #dc2743), var(--color-danger, #cc2366), var(--color-danger, #bc1888)) border-box;-webkit-mask:linear-gradient(var(--bg-primary, #fff) 0 0) padding-box, linear-gradient(var(--bg-primary, #fff) 0 0);mask:linear-gradient(var(--bg-primary, #fff) 0 0) padding-box, linear-gradient(var(--bg-primary, #fff) 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;z-index:1}.avatar-story.avatar-story-seen::after{background:var(--bg-secondary, #ccc) border-box}.avatar-story[style*="--story-segments"]::after{background:conic-gradient(from 0deg, var(--color-danger, #f09433) 0deg, var(--color-danger, #f09433) calc(360deg / var(--story-segments) - 2deg), transparent calc(360deg / var(--story-segments) - 2deg), transparent calc(360deg / var(--story-segments)));background-repeat:repeat;-webkit-mask:linear-gradient(var(--bg-primary, #fff) 0 0) padding-box, linear-gradient(var(--bg-primary, #fff) 0 0);mask:linear-gradient(var(--bg-primary, #fff) 0 0) padding-box, linear-gradient(var(--bg-primary, #fff) 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes avatarRing{0%{transform:scale(1);opacity:1}100%{transform:scale(1.3);opacity:0}}.avatar-animation-pulse{animation:pulse 2s infinite}.avatar-animation-ring::after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid var(--ring-color, var(--color-primary, #10b981));border-radius:inherit;animation:avatarRing 1.5s infinite}.avatar-animation-glow{box-shadow:0 0 15px var(--ring-color, var(--color-primary, #10b981));animation:avatarGlow 2s ease-in-out infinite alternate}@keyframes avatarGlow{from{box-shadow:0 0 8px var(--ring-color, var(--color-primary, #10b981))}to{box-shadow:0 0 20px var(--ring-color, var(--color-primary, #10b981))}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.avatar-clickable:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(0, 0, 0, 0.15)}.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:all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);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-extra.shape-hexagon{clip-path:polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);border-radius:0}.avatar-extra.shape-squircle{border-radius:35%}.excess-avatar-container{position:relative;display:inline-block}.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}.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(--color-primary, #9ca3af)}.roster-header .close-btn:hover{color:var(--bg-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 popoverFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{from{opacity:0;transform:scale(0.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}'}},[769,"ui-avatar",{alt:[1],gap:[2],icon:[1],iconLibrary:[1,"icon-library"],shape:[1],size:[8],src:[1],srcSet:[1,"src-set"],imgDraggable:[4,"img-draggable"],crossOrigin:[1,"cross-origin"],bgColor:[1,"bg-color"],color:[1],border:[1],tooltipText:[1,"tooltip-text"],responsiveSize:[16],status:[1],statusPosition:[1,"status-position"],showStatus:[4,"show-status"],badge:[8],badgePosition:[1,"badge-position"],badgeColor:[1,"badge-color"],editable:[4],acceptTypes:[1,"accept-types"],fallbackIcon:[1,"fallback-icon"],loading:[4],lazy:[4],fit:[1],verified:[4],glass:[4],skeleton:[4],reflection:[4],segments:[2],variant:[1],clickable:[4],autoColor:[4,"auto-color"],gradient:[4],gradientColors:[1,"gradient-colors"],animation:[1],ringColor:[1,"ring-color"],story:[4],storySeen:[4,"story-seen"],activeSpeaker:[4,"active-speaker"],statusPulse:[4,"status-pulse"],threeD:[4,"three-d"],href:[1],content:[1],name:[1],maxInitials:[2,"max-initials"],group:[4],avatars:[16],maxVisible:[2,"max-visible"],max:[2],layout:[1],spacing:[2],overlap:[2],groupBorderColor:[1,"group-border-color"],groupBorderWidth:[2,"group-border-width"],enablePopover:[4,"enable-popover"],animated:[4],hasError:[32],scale:[32],currentSize:[32],showTooltip:[32],isHovered:[32],uploadedImage:[32],slottedAvatars:[32],showPopoverGroup:[32],isRosterOpen:[32]},void 0,{src:[{handleSrcChange:0}],loading:[{handleLoadingChange:0}]}]);function h(){"undefined"!=typeof customElements&&["ui-avatar","ui-avatar","ui-badge","ui-button","ui-icon","ui-input"].forEach((a=>{switch(a){case"ui-avatar":customElements.get(s(a))||customElements.define(s(a),p);break;case"ui-avatar":customElements.get(s(a))||h();break;case"ui-badge":customElements.get(s(a))||n();break;case"ui-button":customElements.get(s(a))||o();break;case"ui-icon":customElements.get(s(a))||l();break;case"ui-input":customElements.get(s(a))||d()}}))}export{p as A,h as d}

package/dist/components/badge.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as r,createEvent as o,h as n,transformTag as e,Host as a}from"@stencil/core/internal/client";import{n as i,s,d as b}from"./icon.js";const d=t(class extends r{get el(){return this}internals;nativeButton;async setFocus(){this.nativeButton?.focus()}constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.buttonClick=o(this,"buttonClick",7),this.internals=this.el.attachInternals()}imgSrc;imgAlt;type="button";avatarSrc;avatarAlt;avatarStatus="";value;label;subtitle;description;descriptionPosition="below";icon;iconLibrary="lucide";iconOnly=!1;iconPosition="left";align="center";justify="center";iconSize;iconColor="currentColor";variant="outline";color="none";size="md";disabled=!1;loading=!1;loadingPosition="left";fullWidth=!1;width;minWidth;shape="rounded";rounded=!0;pill=!1;circle=!1;href;target;rel;grow=!1;badge;badgeColor="danger";badgeCustomColor;badgeCustomTextColor;badgePosition="top-right";rtl=!1;selected=!1;elevation;reveal="none";revealDelay=0;noRipple=!1;ariaLabel;copyValue;progress;copied=!1;buttonClick;handleClick=t=>{if(this.disabled||this.loading)return t.preventDefault(),void t.stopPropagation();this.noRipple||this.createRipple(t),this.copyValue&&navigator.clipboard?.writeText(this.copyValue).then((()=>{this.copied=!0,setTimeout((()=>this.copied=!1),2e3)})),"submit"!==this.type||this.disabled?"reset"!==this.type||this.disabled||this.internals.form?.reset():this.internals.form?.requestSubmit(),this.buttonClick.emit(t)};createRipple(t){const r=t.currentTarget,o=r.querySelector(".btn-ripple-container");if(!o)return;const n=document.createElement("span"),e=Math.max(r.clientWidth,r.clientHeight),a=e/2,i=r.getBoundingClientRect();n.style.width=n.style.height=`${e}px`,n.style.left=t.clientX-i.left-a+"px",n.style.top=t.clientY-i.top-a+"px",n.classList.add("ripple");const s=o.getElementsByClassName("ripple")[0];s&&s.remove(),o.appendChild(n)}renderButtonContent(t,r,o){const e=this.label?.trim(),a=(this.description||this.subtitle||"").trim(),i=!!e,s=!!a,b=i||s||!this.iconOnly;if(this.iconOnly)return this.loading?o:r||t||n("slot",null);const d=this.badge&&("inline-left"===this.badgePosition||this.rtl&&"inline-right"===this.badgePosition)?n("ui-badge",{class:"btn-badge-inline",value:this.badge.toString(),color:this.badgeColor,"custom-color":this.badgeCustomColor,"custom-text-color":this.badgeCustomTextColor,size:"sm"}):null,l=this.badge&&("inline-right"===this.badgePosition||this.rtl&&"inline-left"===this.badgePosition)?n("ui-badge",{class:"btn-badge-inline",value:this.badge.toString(),color:this.badgeColor,"custom-color":this.badgeCustomColor,"custom-text-color":this.badgeCustomTextColor,size:"sm"}):null,c=this.loading&&("left"===this.loadingPosition||"icon"===this.loadingPosition&&!t&&!r),g=this.loading&&"right"===this.loadingPosition,p=this.loading&&("center"===this.loadingPosition||"icon"===this.loadingPosition),f=r||t||p?n("div",{class:"btn-icon-block",part:"icon-block"},p?o:r||t):null,h=b?n("div",{class:"btn-label-block",part:"label-block"},n("div",{class:"btn-title",part:"title"},this.copied?"✓ Copied!":i?e:n("slot",null)),s&&n("div",{class:`btn-subtitle btn-subtitle-${this.descriptionPosition}`,part:"subtitle"},a)):null;return n("div",{class:{"btn-label-row":!0,[`icon-pos-${this.iconPosition}`]:!0}},d,c&&o,f,h,g&&o,l)}render(){const t=!!this.imgSrc,r=!!this.avatarSrc,o=!!this.icon&&!this.loading,e=this.href?"a":"button",a=i(this.size,"md"),b=this.loading?n("span",{class:`btn-spinner btn-spinner-${this.loadingPosition}`},n("ui-loader",{size:"xs",color:"currentColor"})):null,d=this.ariaLabel||(this.label||this.el.textContent||"").trim(),l=s(d),c=this.href?{href:this.href,target:this.target,rel:this.rel,role:"button","aria-label":l}:{type:"image"===this.type?"button":this.type,disabled:this.disabled||this.loading,"aria-label":l},g=o?n("span",{class:"btn-icon",part:"icon","aria-hidden":"true"},n("ui-icon",{name:this.icon,library:this.iconLibrary,size:this.iconSize||a,color:this.iconColor||"currentColor"})):null,p=r?n("span",{class:"btn-avatar"},n("img",{src:this.avatarSrc,alt:this.avatarAlt||""}),this.avatarStatus&&n("span",{class:`status-dot status-${this.avatarStatus}`})):null,f={"--button-width":this.width?this.width:this.fullWidth?"100%":"auto","--button-min-width":this.minWidth?this.minWidth:"auto","animation-delay":"none"!==this.reveal&&this.revealDelay>0?`${this.revealDelay}ms`:void 0},h=["btn",`btn-${"string"==typeof this.variant?this.variant:"none"}`,this.color&&`btn-${this.color}`,`btn-${a}`,(this.disabled||this.loading)&&"btn-disabled",this.iconOnly&&!this.loading&&"btn-icon-only",this.loading&&"btn-loading",this.fullWidth&&"btn-full-width",this.grow&&"btn-grow",this.shape&&"default"!==this.shape?`btn-shape-${this.shape}`:this.circle?"btn-shape-circle":this.pill?"btn-shape-pill":r?"btn-shape-circle":"btn-shape-rounded",this.selected&&"btn-selected","top"===this.iconPosition||"bottom"===this.iconPosition?"btn-is-vertical":"",!!this.elevation&&`btn-elevation-${this.elevation}`,t&&"btn-type-image",r&&"btn-type-avatar",`btn-align-${this.align}`,`btn-justify-${this.justify}`,`icon-pos-${this.iconPosition}`,this.loading&&`btn-loading-${this.loadingPosition}`,this.rtl&&"btn-rtl","none"!==this.reveal&&`reveal-${this.reveal}`].filter(Boolean).join(" ");return n(e,{key:"d8605634f3cc899257ed9d6960ca1cf4e0aaf031",...c,style:f,class:h,part:"button",dir:this.rtl?"rtl":"ltr",onClick:this.handleClick,ref:t=>this.nativeButton=t},!this.noRipple&&n("span",{key:"cba383c8098e685d8f2ade718daa452e0884a034",class:"btn-ripple-container"}),n("span",{key:"469dd3ab6fe97d66e8aa50434e9407da2806f7c9",class:"btn-content"},t?n("fragment",null,this.loading&&b,n("img",{src:this.imgSrc,alt:this.imgAlt||"",class:"btn-image"})):this.renderButtonContent(g,p,b)),this.badge&&!this.badgePosition.startsWith("inline")&&n("ui-badge",{key:"7ee2666b4d24ebed0516b6a15cf7c4c194ea1116",class:`btn-badge is-absolute pos-${this.badgePosition}`,value:this.badge.toString(),color:this.badgeColor,"custom-color":this.badgeCustomColor,"custom-text-color":this.badgeCustomTextColor,size:"sm"}),void 0!==this.progress&&n("span",{key:"a132192aa0c0548de607fcd8f4c1b7d61bb04bfc",class:"btn-progress-fill",style:{width:`${Math.min(100,Math.max(0,this.progress))}%`}}))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get style(){return'@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}.btn-label-row{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;transition:all 0.2s ease}.btn-label-row.icon-pos-left{flex-direction:row}.btn-label-row.icon-pos-right{flex-direction:row-reverse}.btn-label-row.icon-pos-top{flex-direction:column}.btn-label-row.icon-pos-bottom{flex-direction:column-reverse}.btn-label-block{display:flex;flex-direction:column;justify-content:center;min-width:0;align-items:center;text-align:center}.icon-pos-left .btn-label-block{align-items:flex-start;text-align:left}.icon-pos-right .btn-label-block{align-items:flex-end;text-align:right}.icon-pos-top .btn-label-block,.icon-pos-bottom .btn-label-block,.icon-pos-none .btn-label-block{align-items:center;text-align:center}.btn-title{font-size:inherit;font-weight:600;line-height:1.2}.btn-subtitle{font-size:0.85em;font-weight:400;color:var(--btn-subtitle-color, var(--label-subtitle-color, var(--dd-muted, #62748a)));line-height:1.2;opacity:1;transition:color 0.2s ease;margin-top:2px}.btn-subtitle.btn-subtitle-above{margin-top:0;margin-bottom:2px}.btn-icon-block{display:flex;align-items:center;justify-content:center;flex-shrink:0}:host{display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;}:host(.is-full-width){display:block;width:100%}:host(.is-grow){flex:1;display:inline-flex}.btn{display:inline-flex;align-items:center;justify-content:center}.btn.btn-align-start{justify-content:flex-start;text-align:left}.btn.btn-align-start .btn-label-block{align-items:flex-start;text-align:left}.btn.btn-align-end{justify-content:flex-end;text-align:right}.btn.btn-align-end .btn-label-block{align-items:flex-end;text-align:right}.btn.btn-align-center{justify-content:center;text-align:center}.btn.btn-align-center .btn-label-block{align-items:center;text-align:center}.btn.btn-justify-start{justify-content:flex-start}.btn.btn-justify-end{justify-content:flex-end}.btn.btn-justify-center{justify-content:center}.btn.btn-justify-between{justify-content:space-between}.btn.btn-justify-around{justify-content:space-around}.btn .btn-content,.btn .btn-label-row{display:flex;flex:1;align-items:center;justify-content:inherit;min-width:0;width:100%;gap:8px}.btn .btn-content.is-vertical,.btn .btn-label-row.is-vertical{flex-direction:column;justify-content:center}.btn .btn-label-block{display:flex;flex-direction:column;min-width:0;flex:1;justify-content:center}.btn .btn-label-block .btn-title{display:flex;flex:1;width:100%;min-width:0;align-items:center;justify-content:inherit}.btn{position:relative;width:var(--button-width, auto);height:var(--ui-button-height, 40px);min-height:100%;padding:var(--button-padding, 0 20px);border:1px solid transparent;outline:none;cursor:pointer;user-select:none;text-decoration:none;font-family:inherit;font-weight:var(--button-font-weight, 600);font-size:var(--button-font-size, 14px);line-height:var(--button-line-height, normal);white-space:nowrap;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);overflow:visible;box-sizing:border-box;-webkit-tap-highlight-color:transparent;color:var(--text-primary, #000);box-shadow:0 2px 8px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.btn.btn-is-vertical{height:auto;min-height:var(--ui-button-height, 44px);padding:10px 16px}.btn.btn-is-vertical .btn-label-block{align-items:center;text-align:center}.btn.btn-type-image{background:transparent !important;border-color:transparent !important;box-shadow:none !important;padding:0 !important;width:auto;height:auto;min-width:0}.btn.btn-type-image .btn-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}@media (hover: hover){.btn:hover:not(.btn-disabled){box-shadow:0 4px 14px rgba(var(--color-primary-rgb, 59, 130, 246), 0.25);filter:brightness(1.08);transform:scale(1.01)}}.btn:active:not(.btn-disabled){transform:scale(0.97);box-shadow:0 1px 4px rgba(0, 0, 0, 0.12);filter:brightness(0.94);transition:transform 0.1s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.btn-selected{background:var(--btn-selected-bg, rgba(var(--color-primary-rgb, 59, 130, 246), 0.1));border-color:var(--btn-selected-border, var(--color-primary, #3b82f6));color:var(--btn-selected-color, var(--color-primary, #3b82f6));z-index:2}.btn-selected[style*="--hide-button-selection: 1"]{background-color:transparent !important;border-color:transparent !important;box-shadow:none !important}.btn-shortcut{font-size:0.8em;padding:1px 4px;background:rgba(0, 0, 0, 0.1);border-radius:4px;margin-inline-start:6px;font-family:monospace;opacity:0.7;letter-spacing:1px}.btn-primary .btn-shortcut{background:rgba(255, 255, 255, 0.2)}.btn-outline .btn-shortcut{background:rgba(0, 0, 0, 0.05)}.btn:focus-visible{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4)}.btn-primary{background:var(--color-primary, #10b981);box-shadow:0 2px 8px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.btn-secondary{background:var(--color-primary, #6b7280);box-shadow:0 2px 8px rgba(0, 0, 0, 0.1)}.btn-success{background:var(--color-success, #10b981);box-shadow:0 2px 8px rgba(var(--color-success-rgb, 16, 185, 129), 0.2)}.btn-danger{background:var(--color-danger, #ef4444);box-shadow:0 2px 8px rgba(var(--color-danger-rgb, 239, 68, 68), 0.2)}.btn-warning{background:var(--color-warning, #f59e0b);box-shadow:0 2px 8px rgba(var(--color-warning-rgb, 245, 158, 11), 0.2)}.btn-info{background:var(--color-primary, #10b981);box-shadow:0 2px 8px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.btn-dark{background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff)}.btn-outline{background:transparent;border-color:var(--border-strong, #d1d5db);color:var(--btn-label-color, var(--label-color, var(--text-secondary, #374151)));box-shadow:none}.btn-outline:hover:not(.btn-disabled){border-color:var(--color-primary, #9ca3af);background:rgba(0, 0, 0, 0.02)}.btn-ghost{background:transparent;color:var(--btn-label-color, var(--label-color, var(--text-secondary, #374151)));box-shadow:none}.btn-ghost:hover:not(.btn-disabled){background:rgba(0, 0, 0, 0.05)}.btn-plain{background:transparent;border:none;box-shadow:none;color:inherit;padding:0;height:100%;min-width:0;width:100%;border-radius:inherit}.btn-plain:hover:not(.btn-disabled){transform:none;box-shadow:none;filter:none;background:transparent}.btn-plain:active:not(.btn-disabled){transform:none;filter:none}.btn-raised{background:var(--bg-primary, #ffffff);color:var(--btn-label-color, var(--label-color, var(--text-primary, #1f2937)));border:1px solid var(--border-default, #e5e7eb);border-bottom:3px solid var(--border-strong, #d1d5db);box-shadow:0 2px 4px rgba(0, 0, 0, 0.05)}.btn-raised:active:not(.btn-disabled){border-bottom-width:1px;transform:translateY(2px)}.btn-glass{background:rgba(255, 255, 255, 0.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255, 255, 255, 0.2);color:inherit;box-shadow:0 8px 32px rgba(0, 0, 0, 0.1)}.btn-glass:hover:not(.btn-disabled){background:rgba(255, 255, 255, 0.25)}.btn-soft{color:var(--label-color, var(--text-primary, #1e293b));border-color:transparent;box-shadow:none}.btn-soft:hover:not(.btn-disabled){background:var(--btn-soft-hover-bg, rgba(var(--color-primary-rgb, 59, 130, 246), 0.12));transform:translateY(-1px)}.btn-soft.btn-success{background:rgba(var(--color-success-rgb, 16, 185, 129), 0.1);color:var(--label-color, #10b981)}.btn-soft.btn-success:hover:not(.btn-disabled){background:rgba(var(--color-success-rgb, 16, 185, 129), 0.16)}.btn-soft.btn-danger{background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.1);color:var(--label-color, #ef4444)}.btn-soft.btn-danger:hover:not(.btn-disabled){background:rgba(var(--color-danger-rgb, 239, 68, 68), 0.16)}.btn-soft.btn-warning{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.1);color:var(--label-color, #f59e0b)}.btn-soft.btn-warning:hover:not(.btn-disabled){background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.16)}.btn-soft.btn-info{background:rgba(var(--color-info-rgb, 6, 182, 212), 0.1);color:var(--label-color, #06b6d4)}.btn-soft.btn-info:hover:not(.btn-disabled){background:rgba(var(--color-info-rgb, 6, 182, 212), 0.16)}.btn-accordion{background:transparent;color:var(--btn-label-color, var(--label-color, var(--text-secondary, #374151)));box-shadow:none;width:100%;--button-padding:16px 0px;--ui-button-height:auto;justify-content:space-between !important;border:none;font-size:16px;font-weight:500}.btn-accordion:hover:not(.btn-disabled){background:transparent;transform:none !important;box-shadow:none !important;filter:none !important}.btn-accordion:active:not(.btn-disabled){transform:none !important;background:transparent;box-shadow:none !important;filter:none !important}.btn-accordion:focus-visible,.btn-accordion:focus,.btn-accordion:active{outline:none !important;box-shadow:none !important;background:transparent !important}.btn-gradient{background:linear-gradient(135deg, var(--color-success, #3dcd58) 0%, var(--color-success, #00b894) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(var(--color-success-rgb, 61, 205, 88), 0.35)}.btn-gradient:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-success, #2ebd4a) 0%, var(--color-success, #00a381) 100%);box-shadow:0 6px 20px rgba(var(--color-success-rgb, 61, 205, 88), 0.5);transform:translateY(-1px)}.btn-gradient:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(var(--color-success-rgb, 61, 205, 88), 0.3);transform:translateY(0)}.btn-gradient-blue{background:linear-gradient(135deg, var(--color-primary, #10b981) 0%, var(--color-primary, #8b5cf6) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(var(--color-primary-rgb, 59, 130, 246), 0.35)}.btn-gradient-blue:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-primary-hover, #2563eb) 0%, var(--color-primary, #7c3aed) 100%);box-shadow:0 6px 20px rgba(var(--color-primary-rgb, 59, 130, 246), 0.5);transform:translateY(-1px)}.btn-gradient-blue:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3);transform:translateY(0)}.btn-gradient-purple{background:linear-gradient(135deg, var(--color-primary, #8b5cf6) 0%, var(--color-danger, #ec4899) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(139, 92, 246, 0.35)}.btn-gradient-purple:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-primary, #7c3aed) 0%, var(--color-danger, #db2777) 100%);box-shadow:0 6px 20px rgba(139, 92, 246, 0.5);transform:translateY(-1px)}.btn-gradient-purple:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(139, 92, 246, 0.3);transform:translateY(0)}.btn-gradient-orange{background:linear-gradient(135deg, var(--color-danger, #f97316) 0%, var(--color-danger, #ef4444) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(249, 115, 22, 0.35)}.btn-gradient-orange:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-danger, #ea6c0a) 0%, var(--color-danger-hover, #dc2626) 100%);box-shadow:0 6px 20px rgba(249, 115, 22, 0.5);transform:translateY(-1px)}.btn-gradient-orange:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(249, 115, 22, 0.3);transform:translateY(0)}.btn-gradient-ocean{background:linear-gradient(135deg, var(--color-primary, #0ea5e9) 0%, var(--color-info, #06b6d4) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(14, 165, 233, 0.35)}.btn-gradient-ocean:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-primary, #0284c7) 0%, var(--color-info-hover, #0891b2) 100%);box-shadow:0 6px 20px rgba(14, 165, 233, 0.5);transform:translateY(-1px)}.btn-gradient-ocean:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(14, 165, 233, 0.3);transform:translateY(0)}.btn-gradient-sunset{background:linear-gradient(135deg, var(--color-warning, #f59e0b) 0%, var(--color-danger, #f97316) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(var(--color-warning-rgb, 245, 158, 11), 0.35)}.btn-gradient-sunset:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-warning-hover, #d97706) 0%, var(--color-danger, #ea6c0a) 100%);box-shadow:0 6px 20px rgba(var(--color-warning-rgb, 245, 158, 11), 0.5);transform:translateY(-1px)}.btn-gradient-sunset:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(var(--color-warning-rgb, 245, 158, 11), 0.3);transform:translateY(0)}.btn-gradient-candy{background:linear-gradient(135deg, var(--color-danger, #ec4899) 0%, var(--color-danger, #ef4444) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(236, 72, 153, 0.35)}.btn-gradient-candy:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-danger, #db2777) 0%, var(--color-danger-hover, #dc2626) 100%);box-shadow:0 6px 20px rgba(236, 72, 153, 0.5);transform:translateY(-1px)}.btn-gradient-candy:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(236, 72, 153, 0.3);transform:translateY(0)}.btn-gradient-gold{background:linear-gradient(135deg, var(--color-danger, #fbbf24) 0%, var(--color-warning-hover, #d97706) 100%);color:var(--text-standard, #ffffff);border:none;box-shadow:0 4px 15px rgba(251, 191, 36, 0.35);text-shadow:0 1px 2px rgba(0, 0, 0, 0.15)}.btn-gradient-gold:hover:not(.btn-disabled){background:linear-gradient(135deg, var(--color-warning, #f59e0b) 0%, var(--color-danger, #b45309) 100%);box-shadow:0 6px 20px rgba(251, 191, 36, 0.5);transform:translateY(-1px)}.btn-gradient-gold:active:not(.btn-disabled){box-shadow:0 2px 8px rgba(251, 191, 36, 0.3);transform:translateY(0)}.btn-xxxs{--ui-button-height:20px;font-size:10px;padding:0 6px}.btn-xxs{--ui-button-height:24px;font-size:11px;padding:0 8px}.btn-xs{--ui-button-height:28px;font-size:12px;padding:0 10px}.btn-sm{--ui-button-height:32px;font-size:13px;padding:0 12px}.btn-md{--ui-button-height:44px;font-size:14px;padding:0 18px}.btn-lg{--ui-button-height:52px;font-size:15px;padding:0 22px}.btn-xl{--ui-button-height:60px;font-size:16px;padding:0 28px}.btn-xxl{--ui-button-height:68px;font-size:18px;padding:0 36px}.btn-xxxl{--ui-button-height:84px;font-size:20px;padding:0 48px}.btn-shape-square,.btn-shape-sharp{border-radius:0}.btn-shape-rounded{border-radius:var(--button-border-radius, 8px)}.btn-shape-rounded-lg{border-radius:var(--button-border-radius, 12px)}.btn-shape-pill,.btn-shape-oval{border-radius:var(--button-border-radius, 9999px);padding-left:1.5rem !important;padding-right:1.5rem !important}.btn-icon-only{padding:0 !important;width:var(--ui-button-height, 40px) !important;min-width:var(--ui-button-height, 40px) !important;max-width:var(--ui-button-height, 40px) !important;flex:0 0 var(--ui-button-height, 40px) !important;aspect-ratio:1/1 !important;display:inline-flex;align-items:center;justify-content:center}.btn-icon-only .btn-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;gap:0}.btn-icon-only .btn-label-group{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;gap:0}.btn-icon-only .btn-icon{display:flex;align-items:center;justify-content:center;margin:0}.btn-icon-only .btn-label{margin:0;font-size:0.95em;font-weight:700;line-height:1;text-transform:uppercase;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.btn-shape-circle{border-radius:50% !important;aspect-ratio:1/1 !important;padding:0 !important;width:var(--ui-button-height, 40px) !important;min-width:var(--ui-button-height, 40px) !important;max-width:var(--ui-button-height, 40px) !important;display:inline-flex;align-items:center;justify-content:center}.btn-shape-chip{border-radius:100px;height:28px !important;font-size:11px;padding:0 12px}.btn-disabled{opacity:0.5;cursor:not-allowed;filter:grayscale(0.8);pointer-events:none}.btn-loading{cursor:wait}.btn-selected{background:var(--btn-selected-bg, rgba(var(--color-primary-rgb, 59, 130, 246), 0.12));color:var(--btn-selected-color, var(--color-primary, #2563eb));font-weight:700;outline:none;box-shadow:inset 0 0 0 1px rgba(var(--color-primary-rgb, 59, 130, 246), 0.25)}.btn-selected::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 8px rgba(var(--color-primary-rgb, 59, 130, 246), 0.15);pointer-events:none;z-index:-1}.btn-ghost.btn-selected{background:var(--btn-selected-bg, rgba(37, 99, 235, 0.1));color:var(--btn-selected-color, var(--text-standard))}.btn-ghost.btn-selected:hover:not(.btn-disabled){background:var(--btn-selected-hover-bg, rgba(37, 99, 235, 0.16))}.btn-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;width:auto;min-width:0;max-width:100%;position:relative;z-index:1;flex:1 1 auto;overflow:hidden}.btn-icon-pos-left .btn-label-row{flex-direction:row}.btn-icon-pos-right .btn-label-row{flex-direction:row}.btn-icon-pos-top,.btn-icon-pos-bottom{height:auto;min-height:var(--ui-button-height);padding-top:10px !important;padding-bottom:10px !important}.btn-icon-pos-top .btn-label-row,.btn-icon-pos-bottom .btn-label-row{gap:4px !important;align-items:center !important;justify-content:center !important}.btn-icon-pos-top .btn-title-block,.btn-icon-pos-bottom .btn-title-block{align-items:center !important;text-align:center !important}.btn-icon-pos-top .btn-label-row{flex-direction:column}.btn-icon-pos-bottom .btn-label-row{flex-direction:column}.btn-label-group{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden}.btn-label-group.is-column{flex-direction:column;gap:4px}.btn-counter{margin-inline-start:8px;vertical-align:middle;flex-shrink:0}.btn-icon,.btn-spinner{display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-label{display:inline-flex;align-items:center;gap:inherit;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:normal}.btn-img{height:1.5em;width:auto;margin:0 4px;object-fit:contain;flex-shrink:0}.btn-avatar{position:relative;flex-shrink:0;border-radius:50%;overflow:visible;display:flex;align-items:center;justify-content:center;width:calc(var(--ui-button-height) * 0.65);height:calc(var(--ui-button-height) * 0.65);background:rgba(0, 0, 0, 0.05);margin-right:8px}.btn-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.btn-avatar .status-dot{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--bg-primary, #ffffff);z-index:1}.btn-avatar .status-dot.status-online{background-color:var(--color-success, #10b981)}.btn-avatar .status-dot.status-offline{background-color:var(--text-muted, #6b7280)}.btn-avatar .status-dot.status-busy{background-color:var(--color-danger, #ef4444)}.btn-avatar .status-dot.status-away{background-color:var(--color-warning, #f59e0b)}.btn-icon-only .btn-avatar,.btn-shape-circle .btn-avatar{margin-inline-end:0;width:100%;height:100%;border-radius:inherit}.btn-icon-only .btn-avatar img,.btn-shape-circle .btn-avatar img{border-radius:inherit}.btn-has-bg{background-size:cover;background-position:center;position:relative}.btn-has-bg::before{content:"";position:absolute;inset:0;background:rgba(0, 0, 0, 0.3);transition:opacity 0.2s}.btn-has-bg:hover::before{background:rgba(0, 0, 0, 0.4)}.elevation-0{box-shadow:none}.elevation-1{box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.elevation-2{box-shadow:0 4px 8px rgba(0, 0, 0, 0.12)}.elevation-3{box-shadow:0 8px 16px rgba(0, 0, 0, 0.15)}.elevation-4{box-shadow:0 12px 24px rgba(0, 0, 0, 0.18)}.elevation-5{box-shadow:0 20px 40px rgba(0, 0, 0, 0.2)}ui-badge.is-inline{margin:0px}ui-badge.is-absolute{position:absolute;z-index:10;pointer-events:none;width:0;height:0}.pos-top-right{top:-1rem;inset-inline-end:0}.pos-top-left{top:-1rem;inset-inline-start:0}.pos-bottom-right{bottom:1rem;inset-inline-end:0}.pos-bottom-left{bottom:1rem;inset-inline-start:0}.btn-ripple-container{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.ripple{position:absolute;border-radius:50%;background:rgba(255, 255, 255, 0.3);transform:scale(0);animation:ripple-anim 0.6s linear}@keyframes ripple-anim{to{transform:scale(4);opacity:0}}.btn-soft{box-shadow:none;border:none}.btn-soft.btn-primary,.btn-soft.btn-success,.btn-soft.btn-danger,.btn-soft.btn-warning,.btn-soft.btn-info{color:var(--label-color)}.btn-soft.btn-secondary{color:var(--label-subtitle-color)}.btn-soft:hover:not(.btn-disabled){background:currentColor;color:var(--text-standard, #ffffff);filter:none}.btn-active{transform:translateY(1px);filter:brightness(0.9) !important;box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.1) !important}.btn-skeleton{pointer-events:none;background:var(--bg-secondary, #f1f5f9) !important;border:none !important;color:transparent !important;box-shadow:none !important;position:relative;overflow:hidden}.btn-skeleton *{opacity:0 !important}.btn-skeleton::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);animation:btn-shimmer 1.5s infinite}@keyframes btn-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.btn-gradient-sunset{background:linear-gradient(135deg, var(--color-primary, #f093fb) 0%, var(--color-danger, #f5576c) 100%);color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-gradient-ocean{background:linear-gradient(135deg, var(--color-primary, #4facfe) 0%, var(--color-primary, #00f2fe) 100%);color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-gradient-midnight{background:linear-gradient(135deg, var(--bg-primary, #232526) 0%, var(--bg-secondary, #414345) 100%);color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-gradient-forest{background:linear-gradient(135deg, var(--color-primary, #11998e) 0%, var(--color-success, #38ef7d) 100%);color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-gradient-blaze{background:linear-gradient(135deg, var(--color-danger, #ff512f) 0%, var(--color-danger, #dd2476) 100%);color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-dropdown-icon{margin-inline-start:4px;display:flex;align-items:center;opacity:0.8;transition:transform 0.2s}.btn:hover .btn-dropdown-icon{transform:translateY(1px)}.btn-magnetic,.btn-tilt{transition:transform 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);will-change:transform;transform-style:preserve-3d}.btn-glow{position:relative}.btn-glow::before{content:"";position:absolute;inset:-2px;background:currentColor;border-radius:inherit;filter:blur(8px);opacity:0.4;z-index:-1;animation:btn-glow-pulse 2s ease-in-out infinite}@keyframes btn-glow-pulse{0%,100%{opacity:0.3;transform:scale(1)}50%{opacity:0.6;transform:scale(1.05)}}.confetti-particle{position:absolute;top:50%;left:50%;width:8px;height:8px;background-color:var(--particle-color);border-radius:2px;pointer-events:none;z-index:10;animation:confetti-burst 0.8s ease-out forwards}@keyframes confetti-burst{0%{transform:translate(-50%, -50%) rotate(0deg) scale(1);opacity:1}100%{transform:translate(calc(cos(var(--particle-angle)) * 100px * var(--particle-velocity)), calc(sin(var(--particle-angle)) * 100px * var(--particle-velocity))) rotate(720deg) scale(0);opacity:0}}.btn-primary.btn-glow{color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-primary.btn-glow::before{background:var(--ui-primary, var(--color-success, #3dcd58))}.btn-success.btn-glow{color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-success.btn-glow::before{background:var(--ui-success, var(--color-success, #10b981))}.btn-danger.btn-glow{color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-danger.btn-glow::before{background:var(--ui-danger, var(--color-danger, #ef4444))}.btn-warning.btn-glow{color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-warning.btn-glow::before{background:var(--ui-warning, var(--color-warning, #f59e0b))}.btn-info.btn-glow{color:var(--bg-primary, var(--text-standard, #ffffff))}.btn-info.btn-glow::before{background:var(--ui-info, var(--color-info-hover, #0891b2))}.btn-glossy{position:relative;overflow:hidden}.btn-glossy::after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4), transparent);transform:skewX(-25deg);animation:glossy-sweep 4s infinite ease-in-out}@keyframes glossy-sweep{0%{left:-100%}30%{left:150%}100%{left:150%}}.btn-icon{display:inline-flex;transition:transform 0.2s cubic-bezier(0.4, 0, 0.2, 1)}.btn-icon ui-icon{transition:opacity 0.2s, transform 0.2s}.btn:hover .btn-icon ui-icon{transform:scale(1.1)}.btn-hold-track{position:absolute;top:0;left:0;height:100%;background:rgba(0, 0, 0, 0.15);pointer-events:none;z-index:0;transition:width 0.05s linear}.btn-has-theme{--btn-theme-bg:var(--btn-theme-color, var(--color-primary, #10b981));--btn-theme-text:var(--text-standard, #ffffff);background:var(--btn-theme-bg);color:var(--btn-theme-text);border:none}.btn-has-theme:hover:not(.btn-disabled){background:color-mix(in srgb, var(--btn-theme-bg), #000 10%);box-shadow:0 4px 12px color-mix(in srgb, var(--btn-theme-bg), transparent 70%)}.btn-has-theme.btn-outline{background:transparent;color:var(--btn-theme-bg);border:1px solid var(--btn-theme-bg)}.btn-has-theme.btn-outline:hover:not(.btn-disabled){background:var(--btn-theme-bg);color:var(--text-standard, #ffffff)}.btn-has-theme.btn-soft{color:var(--btn-theme-bg)}.btn-has-theme.btn-soft:hover:not(.btn-disabled){background:var(--btn-theme-bg);color:var(--text-standard, #ffffff)}.btn-progress-track{position:absolute;top:0;left:0;height:100%;background:color-mix(in srgb, currentColor, transparent 80%);z-index:1;pointer-events:none;transition:width 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.btn-primary .btn-progress-track{background:rgba(0, 0, 0, 0.2)}.btn-outline .btn-progress-track{background:color-mix(in srgb, currentColor, transparent 85%)}.btn-accordion{background:transparent;border:none;padding:0;height:auto;min-height:48px;width:100%;border-radius:0;box-shadow:none;color:inherit;--button-width:100%}.btn-accordion .btn-content,.btn-accordion .btn-label-row{padding:0 20px;justify-content:space-between}.btn-accordion .btn-label-block,.btn-accordion .btn-title{align-items:stretch;text-align:left;width:100%;display:flex;flex-direction:column}.btn-accordion:hover:not(.btn-disabled){background:rgba(0, 0, 0, 0.02);transform:none;box-shadow:none;filter:none}.btn-accordion:active:not(.btn-disabled){background:rgba(0, 0, 0, 0.05);transform:none}.btn-shaking{animation:btn-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}@keyframes btn-shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.btn-rainbow.btn-glow::before{animation:btn-rainbow-glow 4s linear infinite;opacity:0.6}@keyframes btn-rainbow-glow{0%{background:var(--color-danger, #ff0000);filter:hue-rotate(0deg) blur(10px)}100%{background:var(--color-danger, #ff0000);filter:hue-rotate(360deg) blur(10px)}}.btn-liquid-progress{overflow:hidden}.btn-liquid-progress::after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:rgba(255, 255, 255, 0.2);border-radius:38%;animation:btn-liquid-wave 3s linear infinite}@keyframes btn-liquid-wave{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.btn-split{padding-right:0 !important}.btn-split .btn-dropdown-icon{height:100%;padding:0 12px;margin-inline-start:8px;border-inline-start:1px solid rgba(255, 255, 255, 0.2);display:flex;align-items:center;transition:background 0.2s}.btn-split .btn-dropdown-icon:hover{background:rgba(0, 0, 0, 0.1)}.btn-confirm-pop{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff);padding:12px 16px;border-radius:12px;font-size:13px;display:flex;align-items:center;gap:12px;white-space:nowrap;box-shadow:0 10px 25px rgba(0, 0, 0, 0.2);z-index:100;animation:pop-in 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.btn-confirm-pop::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--border-strong, #1f2937)}.btn-confirm-pop .pop-actions{display:flex;gap:6px}.btn-confirm-pop .pop-actions button{width:24px;height:24px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;transition:transform 0.1s}.btn-confirm-pop .pop-actions button:active{transform:scale(0.9)}.btn-confirm-pop .pop-actions .pop-btn-no{background:var(--text-secondary, #374151);color:var(--bg-primary, #ffffff)}.btn-confirm-pop .pop-actions .pop-btn-yes{background:var(--color-success, #10b981);color:var(--bg-primary, #ffffff)}@keyframes pop-in{from{opacity:0;transform:translateX(-50%) translateY(10px) scale(0.9)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.btn-reveal-fade-in{animation:btn-fade-in 0.6s ease-out forwards}.btn-reveal-slide-up{animation:btn-slide-up 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards}.btn-reveal-zoom{animation:btn-zoom-in 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}@keyframes btn-fade-in{from{opacity:0}to{opacity:1}}@keyframes btn-slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes btn-zoom-in{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.btn-tooltip-pop{position:absolute;top:-10px;left:50%;transform:translateX(-50%) translateY(-100%);background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff);padding:4px 10px;border-radius:6px;font-size:11px;white-space:nowrap;pointer-events:none;z-index:1000;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1);animation:tooltip-in 0.2s ease-out}.btn-tooltip-pop::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:var(--border-strong, #1f2937)}@keyframes tooltip-in{from{opacity:0;transform:translateX(-50%) translateY(-90%) scale(0.95)}to{opacity:1;transform:translateX(-50%) translateY(-100%) scale(1)}}.btn-animate-gradient{background-size:240% 240% !important;animation:bg-living-gradient 6s ease infinite !important}@keyframes bg-living-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.btn-pulse{position:relative}.btn-pulse::before{content:"";position:absolute;inset:-6px;background:inherit;border-radius:inherit;opacity:0.4;z-index:-1;animation:btn-energy-pulse 2s cubic-bezier(0.24, 0, 0.38, 1) infinite}@keyframes btn-energy-pulse{0%{transform:scale(1);opacity:0.4;filter:blur(2px)}100%{transform:scale(1.3);opacity:0;filter:blur(8px)}}.btn-group-start{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;border-right:0.5px solid rgba(0, 0, 0, 0.1) !important}.btn-group-middle{border-radius:0 !important;border-right:0.5px solid rgba(0, 0, 0, 0.1) !important}.btn-group-end{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important}.btn-is-slider{background:rgba(0, 0, 0, 0.05) !important;border:1px solid rgba(0, 0, 0, 0.1) !important;box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.05) !important;color:var(--text-muted, #64748b) !important;cursor:default !important;overflow:hidden;position:relative}.btn-is-slider:hover{transform:none !important}.btn-is-slider .btn-slider-handle{position:absolute;top:4px;height:calc(100% - 8px);width:52px;background:var(--bg-primary, #ffffff);border-radius:inherit;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);cursor:grab;z-index:10;transition:left 0.05s linear;color:var(--ui-primary, var(--color-success, #3dcd58))}.btn-is-slider .btn-slider-handle:active{cursor:grabbing}.btn-is-slider.btn-primary .btn-slider-handle{color:var(--ui-primary, var(--color-success, #3dcd58))}.btn-is-slider.btn-danger .btn-slider-handle{color:var(--ui-danger, var(--color-danger, #ef4444))}.btn-is-slider.btn-success .btn-slider-handle{color:var(--ui-success, var(--color-success, #10b981))}.btn-icon-hover-rotate:hover:not(.btn-disabled) .btn-icon{transform:rotate(15deg);transition:transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.btn-follow-glow::before{content:"";position:absolute;inset:0;background:radial-gradient(circle 80px at var(--glow-x, 0) var(--glow-y, 0), rgba(255, 255, 255, 0.15), transparent);opacity:0;transition:opacity 0.3s;pointer-events:none;z-index:1}.btn-follow-glow:hover::before{opacity:1}.btn-spinning .btn-icon{animation:btn-icon-spin 0.6s cubic-bezier(0.34, 1.56, 0.64, 1)}@keyframes btn-icon-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.btn-shatter{position:absolute;background:rgba(0, 0, 0, 0.6);pointer-events:none;z-index:100;animation:btn-shatter-explode 0.8s cubic-bezier(0.1, 0.8, 0.3, 1) forwards}@keyframes btn-shatter-explode{0%{transform:translate(0, 0) rotate(0);opacity:1}100%{transform:translate(var(--vx), var(--vy)) rotate(var(--vr));opacity:0}}.btn-spinner.is-ring{width:24px;height:24px}.btn-spinner.is-ring .progress-ring{transform:rotate(-90deg);width:100%;height:100%}.btn-spinner.is-ring .progress-ring circle{stroke-linecap:round}.btn-spinner.is-ring .progress-ring .ring-bg{stroke:rgba(255, 255, 255, 0.1)}.btn-spinner.is-ring .progress-ring .ring-fg{stroke:currentColor;transition:stroke-dasharray 0.3s ease}.btn-primary .ring-bg{stroke:rgba(0, 0, 0, 0.1)}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ui-surface), 0 0 0 4px var(--ui-primary, var(--color-success, #3dcd58)) !important;z-index:100}.btn:active:not(.btn-disabled),.btn-active:not(.btn-disabled){transform:translateY(1px) scale(0.96);box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) !important;filter:brightness(0.95)}.btn-raised:active:not(.btn-disabled){box-shadow:0 2px 4px rgba(0, 0, 0, 0.15) !important}@media (max-width: 640px){.btn-hide-mobile{padding:0 !important;width:var(--ui-button-height) !important;min-width:var(--ui-button-height) !important}.btn-hide-mobile .btn-label,.btn-hide-mobile .btn-label-group,.btn-hide-mobile .btn-dropdown-icon{display:none !important}.btn-hide-mobile .btn-icon{margin:0 !important}}.btn-progress-fill{position:absolute;left:0;top:0;bottom:0;background:rgba(255, 255, 255, 0.2);border-radius:inherit;pointer-events:none;transition:width 0.4s ease;z-index:0}.btn-image{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}'}},[849,"ui-button",{imgSrc:[1,"img-src"],imgAlt:[1,"img-alt"],type:[1],avatarSrc:[1,"avatar-src"],avatarAlt:[1,"avatar-alt"],avatarStatus:[1,"avatar-status"],value:[1],label:[1],subtitle:[1],description:[1],descriptionPosition:[1,"description-position"],icon:[1],iconLibrary:[1,"icon-library"],iconOnly:[516,"icon-only"],iconPosition:[513,"icon-position"],align:[513],justify:[513],iconSize:[8,"icon-size"],iconColor:[1,"icon-color"],variant:[1],color:[1],size:[1],disabled:[4],loading:[4],loadingPosition:[1,"loading-position"],fullWidth:[4,"full-width"],width:[1],minWidth:[1,"min-width"],shape:[1],rounded:[4],pill:[4],circle:[4],href:[1],target:[1],rel:[1],grow:[4],badge:[8],badgeColor:[1,"badge-color"],badgeCustomColor:[1,"badge-custom-color"],badgeCustomTextColor:[1,"badge-custom-text-color"],badgePosition:[1,"badge-position"],rtl:[4],selected:[1540],elevation:[2],reveal:[1],revealDelay:[2,"reveal-delay"],noRipple:[4,"no-ripple"],ariaLabel:[1,"aria-label"],copyValue:[1,"copy-value"],progress:[2],copied:[32],setFocus:[64]}]);function l(){"undefined"!=typeof customElements&&["ui-button","ui-badge","ui-button","ui-icon"].forEach((t=>{switch(t){case"ui-button":customElements.get(e(t))||customElements.define(e(t),d);break;case"ui-badge":customElements.get(e(t))||g();break;case"ui-button":customElements.get(e(t))||l();break;case"ui-icon":customElements.get(e(t))||b()}}))}const c=t(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.badgeClick=o(this,"badgeClick",7),this.badgeClose=o(this,"badgeClose",7)}value;max=99;color="danger";size="md";dot=!1;position="top-right";variant="standard";showZero=!1;animation="none";offsetX=0;offsetY=0;icon;iconPosition="left";iconLibrary="default";gradient;customColor;customTextColor;interactive=!1;closeable=!1;glow=!1;shape="default";inline=!1;rtl=!1;isVisible=!0;badgeClick;badgeClose;handleClick=t=>{this.interactive&&(t.stopPropagation(),this.badgeClick.emit())};handleClose=t=>{t.stopPropagation(),t.preventDefault(),this.isVisible=!1,this.badgeClose.emit()};getDisplayValue(){if(this.dot)return"";if(null==this.value)return"";const t="number"==typeof this.value?this.value:parseInt(this.value);return isNaN(t)?this.value.toString():0!==t||this.showZero?t>(this.max??99)?`${this.max??99}+`:t.toString():""}render(){if(!this.isVisible)return null;const t=this.getDisplayValue(),r=this.dot||""!==t||this.icon,o=t.toString(),e=["badge",`badge-${this.color}`,`badge-${this.size}`,`badge-${this.position}`,`badge-${this.variant}`,this.dot?"badge-dot":"",1!==o.length||this.icon||this.closeable?"badge-pill":"badge-single","none"!==this.animation?`badge-${this.animation}`:"",this.interactive?"badge-interactive":"",this.glow?"badge-glow":"",this.gradient?`badge-gradient-${this.gradient}`:"","default"!==this.shape?`badge-shape-${this.shape}`:"",this.inline?"badge-inline":"",this.closeable?"badge-closable":""].filter(Boolean).join(" "),i={};return this.offsetX&&(i["--badge-offset-x"]=`${this.offsetX}px`),this.offsetY&&(i["--badge-offset-y"]=`${this.offsetY}px`),this.customColor&&(i["background-color"]=this.customColor),this.customTextColor&&(i.color=this.customTextColor),n(a,{dir:this.rtl?"rtl":void 0},n("div",{class:"badge-wrapper"},n("slot",null),r&&n("span",{class:e,style:i,onClick:this.handleClick},this.icon&&"left"===this.iconPosition&&!this.dot&&n("span",{class:"badge-icon"},n("ui-icon",{name:this.icon,library:this.iconLibrary,size:"1.1em"})),n("slot",{name:"badge-content"},!this.dot&&t),this.icon&&"right"===this.iconPosition&&!this.dot&&n("span",{class:"badge-icon"},n("ui-icon",{name:this.icon,library:this.iconLibrary,size:"1.1em"})),this.closeable&&n("ui-button",{variant:"ghost",class:"badge-close",onClick:this.handleClose,ariaLabel:"Close badge",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"}))))}static get style(){return'.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}.badge-wrapper{position:relative;display:inline-block}.badge{position:absolute;display:flex;align-items:center;justify-content:center;width:fit-content;border-radius:9999px;font-weight:600}.badge.badge-single:not(.badge-shape-square){border-radius:50%;padding:0 !important;min-width:var(--badge-height);aspect-ratio:1/1}.badge.badge-pill{white-space:nowrap;border-radius:9999px}.badge{font-family:inherit;line-height:1;z-index:1;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);transition:transform 0.2s ease, opacity 0.2s ease;pointer-events:none;}.badge-sm{--badge-height:16px;min-width:14px;height:16px;padding:0 3px;font-size:10px}.badge-md{--badge-height:20px;min-width:18px;height:20px;padding:0 4px;font-size:11px}.badge-lg{--badge-height:24px;min-width:22px;height:24px;padding:0 5px;font-size:13px}.badge-dot{min-width:8px !important;width:8px;height:8px;padding:0 !important;border-radius:50%}.badge-dot.badge-sm{width:6px;height:6px}.badge-dot.badge-lg{width:10px;height:10px}.badge-top-right{top:0;inset-inline-end:0;transform:translate(40%, -40%)}[dir=rtl] .badge-top-right{transform:translate(-40%, -40%)}.badge-top-left{top:0;inset-inline-start:0;transform:translate(-40%, -40%)}[dir=rtl] .badge-top-left{transform:translate(40%, -40%)}.badge-bottom-right{bottom:0;inset-inline-end:0;transform:translate(40%, 40%)}[dir=rtl] .badge-bottom-right{transform:translate(-40%, 40%)}.badge-bottom-left{bottom:0;inset-inline-start:0;transform:translate(-40%, 40%)}[dir=rtl] .badge-bottom-left{transform:translate(40%, 40%)}.badge-inline{position:static !important;transform:none !important;vertical-align:middle;flex-shrink:0}.badge-pulse::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;box-shadow:0 0 0 0 currentColor;animation:badge-pulse 1.5s infinite ease-in-out;opacity:1}@keyframes badge-pulse{0%{transform:scale(1);box-shadow:0 0 0 0 currentColor;opacity:0.7}100%{transform:scale(2);box-shadow:0 0 0 10px transparent;opacity:0}}.badge-standard.badge-primary{background-color:var(--color-primary, #10b981);color:var(--text-standard, #ffffff)}.badge-standard.badge-secondary{background-color:var(--text-muted, #6b7280);color:var(--text-standard, #ffffff)}.badge-standard.badge-success{background-color:var(--color-success, #10b981);color:var(--text-standard, #ffffff)}.badge-standard.badge-danger{background-color:var(--color-danger, #ef4444);color:var(--text-standard, #ffffff)}.badge-standard.badge-warning{background-color:var(--color-warning, #f59e0b);color:var(--text-standard, #ffffff)}.badge-standard.badge-info{background-color:var(--color-info, #06b6d4);color:var(--text-standard, #ffffff)}.badge-outlined{background-color:var(--bg-primary, var(--text-standard, #ffffff))}.badge-outlined.badge-primary{color:var(--color-primary, #10b981);border:2px solid var(--color-primary, #10b981)}.badge-outlined.badge-secondary{color:var(--text-muted, #6b7280);border:2px solid var(--color-primary, #6b7280)}.badge-outlined.badge-success{color:var(--color-success, #10b981);border:2px solid var(--color-success, #10b981)}.badge-outlined.badge-danger{color:var(--color-danger, #ef4444);border:2px solid var(--color-danger, #ef4444)}.badge-outlined.badge-warning{color:var(--color-warning, #f59e0b);border:2px solid var(--color-warning, #f59e0b)}.badge-outlined.badge-info{color:var(--color-info, #06b6d4);border:2px solid var(--color-info, #06b6d4)}.badge-icon{display:inline-flex;align-items:center;justify-content:center;font-size:0.9em;margin:0 2px}.badge-interactive{pointer-events:auto;cursor:pointer;transition:transform 0.2s ease, box-shadow 0.2s ease}.badge-interactive:hover{transform:scale(1.1);box-shadow:0 4px 8px rgba(0, 0, 0, 0.2)}.badge-interactive:active{transform:scale(0.95)}.badge.badge-closable{pointer-events:auto !important;border-radius:6px !important;padding-left:10px !important;padding-right:10px !important}.badge-close{background:none;border:none;color:inherit;cursor:pointer;padding:0 0 0 4px;margin-left:4px;font-size:0.9em;opacity:0.8;transition:opacity 0.2s ease;line-height:1;pointer-events:auto;position:relative;z-index:2}.badge-close:hover{opacity:1}.badge-bordered{background-color:var(--bg-primary, var(--text-standard, #ffffff));border:2px solid currentColor}.badge-bordered.badge-primary{color:var(--color-primary, #10b981);border-color:var(--color-primary, #10b981)}.badge-bordered.badge-secondary{color:var(--text-muted, #6b7280);border-color:var(--color-primary, #6b7280)}.badge-bordered.badge-success{color:var(--color-success, #10b981);border-color:var(--color-success, #10b981)}.badge-bordered.badge-danger{color:var(--color-danger, #ef4444);border-color:var(--color-danger, #ef4444)}.badge-bordered.badge-warning{color:var(--color-warning, #f59e0b);border-color:var(--color-warning, #f59e0b)}.badge-bordered.badge-info{color:var(--color-info, #06b6d4);border-color:var(--color-info, #06b6d4)}.badge-soft.badge-primary{background-color:var(--bg-primary, #eff6ff);color:var(--color-primary, #10b981)}.badge-soft.badge-secondary{background-color:var(--bg-secondary, #f3f4f6);color:var(--text-muted, #6b7280)}.badge-soft.badge-success{background-color:var(--bg-primary, #d1fae5);color:var(--color-success, #10b981)}.badge-soft.badge-danger{background-color:var(--bg-primary, #fee2e2);color:var(--color-danger, #ef4444)}.badge-soft.badge-warning{background-color:var(--bg-primary, #fef3c7);color:var(--color-warning, #f59e0b)}.badge-soft.badge-info{background-color:var(--bg-primary, #cffafe);color:var(--color-info, #06b6d4)}.badge-gradient-blue-purple{background:linear-gradient(135deg, var(--color-primary, #10b981) 0%, var(--color-primary, #8b5cf6) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-green-teal{background:linear-gradient(135deg, var(--color-success, #10b981) 0%, var(--color-info, #06b6d4) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-orange-red{background:linear-gradient(135deg, var(--color-warning, #f59e0b) 0%, var(--color-danger, #ef4444) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-pink-purple{background:linear-gradient(135deg, var(--color-danger, #ec4899) 0%, var(--color-primary, #8b5cf6) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-blue-green{background:linear-gradient(135deg, var(--color-primary, #10b981) 0%, var(--color-success, #10b981) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-purple-pink{background:linear-gradient(135deg, var(--color-primary, #8b5cf6) 0%, var(--color-danger, #ec4899) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-teal-blue{background:linear-gradient(135deg, var(--color-info, #06b6d4) 0%, var(--color-primary, #10b981) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-yellow-orange{background:linear-gradient(135deg, var(--color-danger, #fbbf24) 0%, var(--color-warning, #f59e0b) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-red-pink{background:linear-gradient(135deg, var(--color-danger, #ef4444) 0%, var(--color-danger, #ec4899) 100%);color:var(--text-standard, #ffffff);border:none}.badge-gradient-indigo-purple{background:linear-gradient(135deg, var(--color-primary, #6366f1) 0%, var(--color-primary, #8b5cf6) 100%);color:var(--text-standard, #ffffff);border:none}.badge-glow{box-shadow:0 0 10px currentColor, 0 0 20px currentColor;animation:badge-glow-pulse 2s ease-in-out infinite}@keyframes badge-glow-pulse{0%,100%{box-shadow:0 0 10px currentColor, 0 0 20px currentColor}50%{box-shadow:0 0 15px currentColor, 0 0 30px currentColor}}.badge-bounce{animation:badge-bounce 1s ease-in-out infinite}@keyframes badge-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.badge-shake{animation:badge-shake 0.5s ease-in-out infinite}@keyframes badge-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.badge-pulse{animation:badge-pulse-scale 1.5s ease-in-out infinite}.badge-pulse::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;box-shadow:0 0 0 0 currentColor;animation:badge-pulse-ring 1.5s infinite ease-in-out;opacity:1}@keyframes badge-pulse-scale{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes badge-pulse-ring{0%{transform:scale(1);box-shadow:0 0 0 0 currentColor;opacity:0.7}100%{transform:scale(2);box-shadow:0 0 0 10px transparent;opacity:0}}.badge:focus-visible{outline:2px solid var(--color-primary, #10b981);outline-offset:2px}@media (prefers-reduced-motion: reduce){.badge-bounce,.badge-shake,.badge-pulse,.badge-glow,.badge-interactive{animation:none}.badge-pulse::after{animation:none}}.badge-shape-circle{border-radius:50%;min-width:auto;width:var(--badge-size, 20px);height:var(--badge-size, 20px);padding:0 !important;display:flex;align-items:center;justify-content:center}.badge-shape-circle.badge-sm{--badge-size:16px;font-size:9px}.badge-shape-circle.badge-md{--badge-size:20px;font-size:11px}.badge-shape-circle.badge-lg{--badge-size:24px;font-size:13px}.badge-shape-square{border-radius:4px;min-width:auto;width:var(--badge-size, 20px);height:var(--badge-size, 20px);padding:0 !important;display:flex;align-items:center;justify-content:center}.badge-shape-square.badge-sm{--badge-size:16px;font-size:9px}.badge-shape-square.badge-md{--badge-size:20px;font-size:11px}.badge-shape-square.badge-lg{--badge-size:24px;font-size:13px}'}},[769,"ui-badge",{value:[8],max:[2],color:[1],size:[1],dot:[4],position:[1],variant:[1],showZero:[4,"show-zero"],animation:[1],offsetX:[2,"offset-x"],offsetY:[2,"offset-y"],icon:[1],iconPosition:[1,"icon-position"],iconLibrary:[1,"icon-library"],gradient:[1],customColor:[1,"custom-color"],customTextColor:[1,"custom-text-color"],interactive:[4],closeable:[4],glow:[4],shape:[1],inline:[4],rtl:[4],isVisible:[32]}]);function g(){"undefined"!=typeof customElements&&["ui-badge","ui-badge","ui-button","ui-icon"].forEach((t=>{switch(t){case"ui-badge":customElements.get(e(t))||customElements.define(e(t),c);break;case"ui-badge":customElements.get(e(t))||g();break;case"ui-button":customElements.get(e(t))||l();break;case"ui-icon":customElements.get(e(t))||b()}}))}export{c as B,g as a,d as b,l as d}

package/dist/components/button-toggle.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as i,createEvent as e,h as o,transformTag as a}from"@stencil/core/internal/client";import{d as n,a as s}from"./badge.js";import{d as r}from"./icon.js";const l=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.buttonToggleChange=e(this,"buttonToggleChange",7)}get el(){return this}value="";label;icon;iconLeft;iconRight;iconPosition="left";iconOnly=!1;name="";selected=!1;disabled=!1;readonly=!1;loading=!1;size="md";color="primary";variant="soft";description;descriptionPosition="below";fullWidth=!1;reveal="none";revealDelay=0;shape="rounded";library="lucide";avatarSrc;avatarAlt;status;buttonToggleChange;handleClick=t=>{t.stopPropagation(),this.disabled||this.readonly||this.loading||this.buttonToggleChange.emit({value:this.value})};render(){const t={};return"none"!==this.reveal&&this.revealDelay>0&&(t["animation-delay"]=`${this.revealDelay}ms`),o("ui-button",{key:"97cc24c55a704ecd85f39d443f4cc098b3194138",part:"button",label:this.label,description:this.description,descriptionPosition:this.descriptionPosition,shape:this.shape,variant:this.variant,size:this.size,selected:this.selected,style:t,icon:this.icon||this.iconLeft||this.iconRight,iconPosition:this.iconPosition,iconLibrary:this.library,iconOnly:this.iconOnly,avatarSrc:this.avatarSrc,avatarAlt:this.avatarAlt,avatarStatus:this.status,disabled:this.disabled||this.loading,"aria-pressed":this.selected?"true":"false","aria-label":this.label,role:"radio",onClick:this.handleClick,tabIndex:this.disabled?-1:0,class:{"button-toggle-item":!0,"full-width":this.fullWidth}},o("slot",{key:"2d5cdcb204273dbd82191ff0da555eec5d79ed6d"}))}static get style(){return".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:contents}.button-toggle-item{width:100%}.button-toggle-item.full-width{width:100%}.button-toggle-item{}.button-list-vertical .button-toggle-item::part(button){justify-content:flex-start;text-align:left}.toggle-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:toggle-spin 0.6s linear infinite}@keyframes toggle-spin{to{transform:rotate(360deg)}}.reveal-fade-in{animation:toggle-fade-in 0.4s ease both}.reveal-slide-up{animation:toggle-slide-up 0.4s ease both}.reveal-zoom{animation:toggle-zoom 0.35s ease both}@keyframes toggle-fade-in{from{opacity:0}to{opacity:1}}@keyframes toggle-slide-up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toggle-zoom{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}"}},[769,"ui-button-toggle",{value:[1],label:[1],icon:[1],iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],iconPosition:[1,"icon-position"],iconOnly:[4,"icon-only"],name:[1],selected:[1028],disabled:[4],readonly:[4],loading:[4],size:[1],color:[1],variant:[1],description:[1],descriptionPosition:[1,"description-position"],fullWidth:[4,"full-width"],reveal:[1],revealDelay:[2,"reveal-delay"],shape:[1],library:[1],avatarSrc:[1,"avatar-src"],avatarAlt:[1,"avatar-alt"],status:[1]}]);function c(){"undefined"!=typeof customElements&&["ui-button-toggle","ui-badge","ui-button","ui-icon"].forEach((t=>{switch(t){case"ui-button-toggle":customElements.get(a(t))||customElements.define(a(t),l);break;case"ui-badge":customElements.get(a(t))||s();break;case"ui-button":customElements.get(a(t))||n();break;case"ui-icon":customElements.get(a(t))||r()}}))}export{l as B,c as d}

package/dist/components/category-section.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface CategorySection extends Components.CategorySection, HTMLElement {}
+export const CategorySection: {
+    prototype: CategorySection;
+    new (): CategorySection;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/category-section.js

@@ -0,0 +1 @@
+import{C as o,d as s}from"./category-section2.js";const t=o,r=s;export{t as CategorySection,r as defineCustomElement}

package/dist/components/category-section2.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as t,h as a,Host as r,transformTag as o}from"@stencil/core/internal/client";import{d as i}from"./library-card2.js";import{d as n,a as c}from"./badge.js";import{d}from"./icon.js";const s=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}categoryName;categoryIcon="📦";components=[];expanded=!0;mode="demo";toggleExpanded=()=>{this.expanded=!this.expanded};render(){return a(r,{key:"e3a09ce08fdb7d41a84a0513c9bd9307d7d0fb2f"},a("div",{key:"68321cc0d827decbd472217460b97dc7955c818c",class:{category:!0,collapsed:!this.expanded}},a("ui-button",{key:"4b232b38aa4f84d8526206801aa1c562a051da64",class:"category-header",onButtonClick:this.toggleExpanded,variant:"plain",fullWidth:!0,align:"start"},a("span",{key:"c4d4449576357c8a85e131fd6e51d550b61bcb0e",class:"category-icon"},this.categoryIcon),a("h2",{key:"dd646cf30106d5665fd7cf16a33a1646dd576be5",class:"category-title"},this.categoryName),a("span",{key:"e174d5fa4e6eeaf3e6998f583c5a38329e66e176",class:"category-count"},this.components.length),a("svg",{key:"5e926d6ace89797270d978e2c51aeeb362e57e33",class:{chevron:!0,rotated:!this.expanded},width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2"},a("polyline",{key:"f02857e200d2f5562c19a1fecc3a4584fd52271e",points:"6,9 12,15 18,9"}))),a("div",{key:"3e70d09a10eda7220b63253dca6638220326ea0a",class:"category-content"},a("div",{key:"a51ebf47c0fafe095ca8616ee3f661ee4124c805",class:"cards-grid"},this.components.map((e=>a("library-card",{key:e.id,"component-id":e.id,"card-title":e.name,description:e.description,icon:e.icon,badge:e.badge,docs:e.docs,mode:this.mode})))))))}static get style(){return".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;margin-bottom:32px}.category{background:linear-gradient(135deg, rgba(30, 41, 59, 0.6), rgba(15, 23, 42, 0.8));border:1px solid rgba(255, 255, 255, 0.08);border-radius:24px;overflow:hidden;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.category:hover{border-color:rgba(99, 102, 241, 0.3)}.category-header{display:flex;align-items:center;gap:16px;padding:24px 28px;background:transparent;border:none;width:100%;cursor:pointer;text-align:left;color:inherit;font-family:inherit;transition:background 0.2s ease}.category-header:hover{background:rgba(255, 255, 255, 0.03)}.category-icon{font-size:1.8rem;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, rgba(99, 102, 241, 0.2), rgba(168, 85, 247, 0.15));border-radius:14px;flex-shrink:0}.category-title{margin:0;font-size:1.4rem;font-weight:700;color:#f1f5f9;flex:1;letter-spacing:-0.02em}.category-count{font-size:0.85rem;font-weight:600;padding:6px 14px;background:rgba(99, 102, 241, 0.15);color:#a5b4fc;border-radius:20px}.chevron{color:#64748b;transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.chevron.rotated{transform:rotate(-90deg)}.category-content{padding:0 24px 24px;max-height:2000px;overflow:hidden;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);opacity:1}.category.collapsed .category-content{max-height:0;padding-top:0;padding-bottom:0;opacity:0}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:16px}@media (max-width: 768px){.cards-grid{grid-template-columns:1fr}.category-header{padding:16px 20px}.category-content{padding:0 16px 16px}.category-title{font-size:1.2rem}}:host-context(.light) .category{background:linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(248, 250, 252, 0.9));border-color:rgba(0, 0, 0, 0.08)}:host-context(.light) .category-title{color:#1e293b}:host-context(.light) .chevron{color:#94a3b8}"}},[513,"category-section",{categoryName:[1,"category-name"],categoryIcon:[1,"category-icon"],components:[16],expanded:[1028],mode:[1]}]);function g(){"undefined"!=typeof customElements&&["category-section","library-card","ui-badge","ui-button","ui-icon"].forEach((e=>{switch(e){case"category-section":customElements.get(o(e))||customElements.define(o(e),s);break;case"library-card":customElements.get(o(e))||i();break;case"ui-badge":customElements.get(o(e))||c();break;case"ui-button":customElements.get(o(e))||n();break;case"ui-icon":customElements.get(o(e))||d()}}))}export{s as C,g as d}

package/dist/components/checkbox.js

@@ -0,0 +1 @@
+import{proxyCustomElement as e,HTMLElement as c,createEvent as o,h as t,transformTag as r}from"@stencil/core/internal/client";import{n as i,d as a}from"./icon.js";const n=e(class extends c{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.analyticsEvent=o(this,"analyticsEvent",7),this.checkboxChange=o(this,"checkboxChange",7),this.checkboxFocus=o(this,"checkboxFocus",7),this.checkboxBlur=o(this,"checkboxBlur",7)}analyticsEvent;customClass;badge;tooltip;tooltipPosition="top";get el(){return this}internals;inputElement;async setFocus(){this.inputElement?.focus()}checked=!1;indeterminate=!1;disabled=!1;readonly=!1;required=!1;invalid=!1;label="";helperText="";errorMessage="";value="";name="";size="md";color="success";variant="default";skeleton=!1;labelPosition="right";customCheckIcon="";customIndeterminateIcon="";customImage="";customIconLibrary="lucide";checkboxTabIndex=0;ariaLabel="";ariaDescribedBy="";enableAnimation=!0;rippleEffect=!0;labelClickable=!0;rtl=!1;description="";descriptionPosition="below";confetti=!1;glow=!1;haptic=!1;hapticIntensity="light";reveal="none";revealDelay=0;isButton=!1;isFocused=!1;isHovered=!1;particles=[];checkboxChange;checkboxFocus;checkboxBlur;componentWillLoad(){this.internals=this.el.attachInternals(),this.updateFormValue(),this.updateIndeterminateState()}formResetCallback(){this.checked=!1,this.indeterminate=!1,this.updateFormValue()}updateIndeterminateState(){this.inputElement&&(this.inputElement.indeterminate=this.indeterminate)}handleChange=e=>{this.disabled||this.readonly?e.preventDefault():(this.checked=e.target.checked,this.indeterminate=!1,this.haptic&&this.triggerHaptic(this.hapticIntensity),this.confetti&&this.checked&&this.triggerConfetti(),this.updateFormValue(),this.checkboxChange.emit({checked:this.checked,value:this.value,indeterminate:this.indeterminate}),this.analyticsEvent.emit({checked:this.checked,value:this.value,indeterminate:this.indeterminate}))};updateFormValue(){this.internals.setFormValue(this.checked?this.value||"on":null)}triggerHaptic(e="light"){window.navigator.vibrate&&window.navigator.vibrate("heavy"===e?[50,20,50]:"md"===e?[30]:[10])}triggerConfetti(){const e=Array.from({length:15}).map(((e,c)=>({id:Date.now()+c,x:50,y:50,vx:8*(Math.random()-.5),vy:8*(Math.random()-.5),r:360*Math.random(),color:["#3DCD58","#4ade80","#ffffff"][Math.floor(3*Math.random())],size:6*Math.random()+4})));this.particles=[...e],setTimeout((()=>this.particles=[]),800)}handleFocus=()=>{this.disabled||(this.isFocused=!0,this.checkboxFocus.emit())};handleBlur=()=>{this.isFocused=!1,this.checkboxBlur.emit()};handleMouseEnter=()=>{this.disabled||(this.isHovered=!0)};handleMouseLeave=()=>{this.isHovered=!1};handleKeyDown=e=>{this.disabled||this.readonly||" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this.checked=!this.checked,this.indeterminate=!1,this.checkboxChange.emit({checked:this.checked,value:this.value,indeterminate:this.indeterminate}))};renderCheckmark(){return this.checked||this.indeterminate?this.customImage?t("img",{src:this.customImage,class:"custom-image-mark"}):this.indeterminate&&this.customIndeterminateIcon?t("ui-icon",{name:this.customIndeterminateIcon,library:this.customIconLibrary,class:"custom-icon-mark"}):!this.indeterminate&&this.customCheckIcon?t("ui-icon",{name:this.customCheckIcon,library:this.customIconLibrary,class:"custom-icon-mark"}):t("svg",{class:"checkmark-svg",viewBox:"0 0 24 24"},t("path",this.indeterminate?{class:"indeterminate-path",fill:"none",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round",d:"M5 12h14"}:{class:"checkmark-path",fill:"none",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round","stroke-linejoin":"round",d:"M5 13l4 4L19 7"})):null}renderLabel(){return this.label?t("div",{class:`label-section is-${this.descriptionPosition}`},t("span",{class:{"checkbox-label-text":!0,"non-clickable":!this.labelClickable},onClick:e=>{this.labelClickable||e.preventDefault()}},this.label,this.required&&t("span",{class:"required-indicator"},"*")),this.description&&t("span",{class:"checkbox-description"},this.description)):null}renderHelperText(){return this.invalid&&this.errorMessage?t("div",{class:"helper-text error"},t("ui-icon",{name:"exclamation-circle",library:"fontawesome",size:"14px"}),this.errorMessage):this.helperText?t("div",{class:"helper-text"},this.helperText):null}render(){const e=i(this.size,"md"),c={"checkbox-container":!0,[`checkbox-${e}`]:!0,[`checkbox-${this.color}`]:!0,[`checkbox-${this.variant}`]:!0,"checkbox-disabled":this.disabled,"checkbox-readonly":this.readonly,"checkbox-invalid":this.invalid,"checkbox-focused":this.isFocused,"checkbox-hovered":this.isHovered,[`checkbox-label-${this.labelPosition}`]:!0,"checkbox-animate":this.enableAnimation,"checkbox-skeleton":this.skeleton,"checkbox-checked":this.checked,"checkbox-indeterminate":this.indeterminate,"checkbox-rtl":this.rtl,"checkbox-glow":this.glow,"checkbox-is-button":this.isButton,[`checkbox-reveal-${this.reveal}`]:"none"!==this.reveal,...this.customClass?{[this.customClass]:!0}:{}},o={"checkbox-input-wrapper":!0,"checkbox-checked":this.checked,"checkbox-indeterminate":this.indeterminate,"checkbox-ripple":this.rippleEffect&&!this.disabled};return t("div",{key:"98ae46b3ba03456e81610b5c1558d2f62b2c697e",class:c,dir:this.rtl?"rtl":"ltr",style:{"--reveal-delay":`${this.revealDelay}ms`}},t("label",{key:"8d7a330bb7f92b454076bef8e22cee9daa8f9fb4",class:"checkbox-label",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},("left"===this.labelPosition||"top"===this.labelPosition)&&this.renderLabel(),t("div",{key:"fd9728537e2c16a564f9b363012802ba8fa1235e",class:o},t("input",{key:"1074f40300a98aaef23eb2c03466cc972b1b3090",ref:e=>this.inputElement=e,type:"checkbox",class:"checkbox-input",checked:this.checked,disabled:this.disabled,readonly:this.readonly,required:this.required,value:this.value,name:this.name,tabindex:this.checkboxTabIndex,"aria-label":this.ariaLabel||this.label,"aria-describedby":this.ariaDescribedBy,"aria-checked":this.indeterminate?"mixed":this.checked.toString(),"aria-invalid":this.invalid.toString(),onChange:this.handleChange,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown}),t("div",{key:"c769aaf4fe33649562de2848871114f15c88b742",class:"checkbox-box"},t("div",{key:"7de0b8700ecaad754fe7bc0e44da00852c4bb014",class:"glow-layer"}),this.renderCheckmark(),this.particles.map((e=>t("span",{class:"btn-confetti",key:e.id,style:{left:`${e.x}%`,top:`${e.y}%`,"--vx":`${e.vx}px`,"--vy":`${e.vy}px`,"--vr":`${e.r}deg`,backgroundColor:e.color,width:`${e.size}px`,height:`${e.size}px`}})))),this.badge&&t("span",{key:"99ad8db8cebfa106f5865c0a96470cb481ef9e91",class:"checkbox-badge"},this.badge),this.tooltip&&t("div",{key:"a2c46d9e27e9d404d543c31a1449b0ae945965c2",class:`checkbox-tooltip checkbox-tooltip-${this.tooltipPosition}`},this.tooltip)),("right"===this.labelPosition||"bottom"===this.labelPosition)&&this.renderLabel()),this.renderHelperText())}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{indeterminate:[{updateIndeterminateState:0}]}}static get style(){return'.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}.checkbox-badge{display:inline-block;min-width:18px;height:18px;padding:0 6px;background:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff);font-size:10px;font-weight:700;border-radius:9px;margin-inline-start:8px;vertical-align:middle;text-align:center;line-height:18px;box-shadow:0 2px 4px rgba(var(--color-success-rgb, 61, 205, 88), 0.2)}.btn-confetti{position:absolute;border-radius:50%;pointer-events:none;z-index:100;animation:confetti-drift 0.8s ease-out forwards}@keyframes confetti-drift{0%{transform:translate(0, 0) scale(1) rotate(0deg);opacity:1}100%{transform:translate(var(--vx), var(--vy)) scale(0) rotate(var(--vr));opacity:0}}[class*=checkbox-reveal-]{opacity:0;animation-fill-mode:forwards;animation-delay:var(--reveal-delay, 0ms)}.checkbox-reveal-fade-in{animation:checkbox-fade-in 0.6s ease-out forwards}.checkbox-reveal-slide-up{animation:checkbox-slide-up 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards}.checkbox-reveal-zoom{animation:checkbox-zoom 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}@keyframes checkbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes checkbox-slide-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes checkbox-zoom{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.checkbox-tooltip{position:absolute;background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff);padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s ease;z-index:10}.checkbox-input-wrapper:hover .checkbox-tooltip{opacity:1}.checkbox-tooltip-top{bottom:calc(100% + 10px);left:50%;transform:translateX(-50%)}.checkbox-tooltip-bottom{top:calc(100% + 10px);left:50%;transform:translateX(-50%)}.checkbox-tooltip-left{inset-inline-end:calc(100% + 10px);top:50%;transform:translateY(-50%)}.checkbox-tooltip-right{inset-inline-start:calc(100% + 10px);top:50%;transform:translateY(-50%)}:host{display:inline-block;--ui-checkbox-border:var(--border-strong, #bfc8d8);--ui-checkbox-border-hover:var(--color-primary, #94a3b8);--ui-checkbox-bg:var(--bg-primary, #ffffff);--ui-checkbox-checked-bg:var(--color-success, #3dcd58);--text-primary:var(--label-color, var(--text-primary, #1e293b));--text-secondary:var(--label-subtitle-color, var(--text-secondary, #64748b));--error-color-light:var(--bg-secondary, #fef2f2)}: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]),:host(.dark){--ui-checkbox-border:var(--border-strong, #334155);--ui-checkbox-border-hover:var(--color-primary, #475569);--ui-checkbox-bg:var(--bg-primary, #1e293b);--ui-checkbox-checked-bg:var(--color-primary, #4ade80);--text-primary:var(--label-color, var(--text-primary, #f1f5f9));--text-secondary:var(--label-subtitle-color, var(--text-secondary, #cbd5e1))}.checkbox-container{display:inline-flex;flex-direction:column;gap:4px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;vertical-align:middle;box-sizing:border-box;color:var(--text-primary)}.checkbox-container.checkbox-rtl{direction:rtl}.checkbox-container *{box-sizing:border-box}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;position:relative;transition:all 0.2s ease}.checkbox-label-top .checkbox-label{flex-direction:column;align-items:flex-start;gap:8px}.checkbox-label-top .checkbox-label .checkbox-label-text{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--text-primary)}.checkbox-label-bottom .checkbox-label{flex-direction:column-reverse;align-items:flex-start;gap:8px}.checkbox-label-bottom .checkbox-label .checkbox-label-text{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--text-primary)}.checkbox-label-left .checkbox-label{flex-direction:row-reverse;justify-content:flex-end}.checkbox-container.checkbox-disabled .checkbox-label{cursor:not-allowed;opacity:0.6}.checkbox-container.checkbox-readonly .checkbox-label{cursor:default}.label-section{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.label-section.is-side{flex-direction:row;align-items:baseline;gap:8px}.label-section.is-side .checkbox-description{margin-top:0}.checkbox-description{font-size:0.75rem;opacity:0.7;font-weight:400;line-height:1.1;margin-top:2px;color:var(--text-secondary)}.checkbox-input-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border-radius:inherit}.checkbox-input{position:absolute;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;z-index:1;appearance:none;-webkit-appearance:none;-moz-appearance:none}.checkbox-box{position:relative;display:flex;align-items:center;justify-content:center;border:2px solid var(--ui-checkbox-border);background:var(--ui-checkbox-bg);transition:all 0.35s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05)}.checkbox-box .glow-layer{position:absolute;inset:-4px;background:var(--ui-checkbox-color, var(--color-primary));opacity:0;filter:blur(12px);transition:opacity 0.4s ease;border-radius:inherit;z-index:-1;pointer-events:none}.checkbox-glow.checkbox-checked .checkbox-box .glow-layer{opacity:0.4}.checkbox-xxxs .checkbox-box{width:12px;height:12px;border-radius:3px}.checkbox-xxxs .check-icon{font-size:8px;width:8px;height:8px;display:flex;align-items:center;justify-content:center}.checkbox-xxxs .checkbox-label-text{font-size:0.75rem;line-height:1.25}.checkbox-xxs .checkbox-box{width:14px;height:14px;border-radius:4px}.checkbox-xxs .check-icon{font-size:9px;width:9px;height:9px;display:flex;align-items:center;justify-content:center}.checkbox-xxs .checkbox-label-text{font-size:0.8125rem;line-height:1.25}.checkbox-xs .checkbox-box{width:16px;height:16px;border-radius:4px}.checkbox-xs .check-icon{font-size:10px;width:10px;height:10px;display:flex;align-items:center;justify-content:center}.checkbox-xs .checkbox-label-text{font-size:0.875rem;line-height:1.5}.checkbox-sm .checkbox-box{width:18px;height:18px;border-radius:5px}.checkbox-sm .check-icon{font-size:11px;width:11px;height:11px;display:flex;align-items:center;justify-content:center}.checkbox-sm .checkbox-label-text{font-size:0.9375rem;line-height:1.5}.checkbox-md .checkbox-box{width:20px;height:20px;border-radius:6px}.checkbox-md .check-icon{font-size:12px;width:12px;height:12px;display:flex;align-items:center;justify-content:center}.checkbox-md .checkbox-label-text{font-size:1rem;line-height:1.5}.checkbox-lg .checkbox-box{width:24px;height:24px;border-radius:8px}.checkbox-lg .check-icon{font-size:14px;width:14px;height:14px;display:flex;align-items:center;justify-content:center}.checkbox-lg .checkbox-label-text{font-size:1.125rem;line-height:1.5}.checkbox-xl .checkbox-box{width:28px;height:28px;border-radius:10px}.checkbox-xl .check-icon{font-size:16px;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.checkbox-xl .checkbox-label-text{font-size:1.25rem;line-height:1.5}.checkbox-xxl .checkbox-box{width:32px;height:32px;border-radius:12px}.checkbox-xxl .check-icon{font-size:18px;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.checkbox-xxl .checkbox-label-text{font-size:1.375rem;line-height:1.5}.checkbox-xxxl .checkbox-box{width:40px;height:40px;border-radius:14px}.checkbox-xxxl .check-icon{font-size:24px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.checkbox-xxxl .checkbox-label-text{font-size:1.5rem;line-height:1.5}.checkbox-rounded .checkbox-box{border-radius:50%}.checkbox-square .checkbox-box{border-radius:0}.checkbox-glass .checkbox-box{background:rgba(255, 255, 255, 0.1) !important;backdrop-filter:blur(8px);border-color:rgba(255, 255, 255, 0.2) !important;border-width:1.5px}.checkbox-glass.checkbox-checked .checkbox-box{background:currentColor !important;backdrop-filter:none}.checkbox-raised .checkbox-box{border-color:rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 1px rgba(255, 255, 255, 0.8), 0 2px 4px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.05) !important}.checkbox-button,.checkbox-chip{width:auto}.checkbox-button .checkbox-label,.checkbox-chip .checkbox-label{padding:8px 16px;border:2px solid var(--border-color, var(--border-default, #e5e7eb));border-radius:8px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);background:var(--surface-color, var(--bg-primary, #ffffff));line-height:1.5;box-sizing:border-box;min-height:40px}.checkbox-button .checkbox-box,.checkbox-chip .checkbox-box{margin-inline-end:8px;transform:scale(0.85)}.checkbox-button.checkbox-primary.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-primary.checkbox-checked .checkbox-label{background:rgba(var(--color-success-rgb, 61, 205, 88), 0.1);border-color:var(--color-success, #3dcd58)}.checkbox-button.checkbox-secondary.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-secondary.checkbox-checked .checkbox-label{background:rgba(107, 114, 128, 0.1);border-color:var(--color-primary, #6b7280)}.checkbox-button.checkbox-success.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-success.checkbox-checked .checkbox-label{background:rgba(22, 163, 74, 0.1);border-color:var(--color-success, #16a34a)}.checkbox-button.checkbox-danger.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-danger.checkbox-checked .checkbox-label{background:rgba(var(--color-danger-rgb, 220, 38, 38), 0.1);border-color:var(--color-danger-hover, #dc2626)}.checkbox-button.checkbox-warning.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-warning.checkbox-checked .checkbox-label{background:rgba(var(--color-warning-rgb, 245, 158, 11), 0.1);border-color:var(--color-warning, #f59e0b)}.checkbox-button.checkbox-info.checkbox-checked .checkbox-label,.checkbox-chip.checkbox-info.checkbox-checked .checkbox-label{background:rgba(8, 145, 178, 0.1);border-color:var(--color-info-hover, #0891b2)}.checkbox-button.checkbox-hovered:not(.checkbox-disabled) .checkbox-label,.checkbox-chip.checkbox-hovered:not(.checkbox-disabled) .checkbox-label{box-shadow:0 4px 12px rgba(0, 0, 0, 0.08);transform:translateY(-1px)}.checkbox-chip .checkbox-label{border-radius:20px;padding:4px 12px;min-height:32px}.checkbox-animate .checkbox-box::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;transform:scale(0);transition:transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);border-radius:inherit;z-index:0}.checkbox-animate .checkbox-checked .checkbox-box::after,.checkbox-animate .checkbox-indeterminate .checkbox-box::after{transform:scale(1)}.checkbox-animate .checkbox-checked .check-icon,.checkbox-animate .checkbox-indeterminate .check-icon{z-index:1;animation:checkmark-pop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards}.checkbox-primary{--ui-checkbox-color:var(--color-primary, #3b82f6)}.checkbox-secondary{--ui-checkbox-color:var(--text-muted, #6b7280)}.checkbox-success{--ui-checkbox-color:var(--color-success, #16a34a)}.checkbox-danger{--ui-checkbox-color:var(--color-danger-hover, #dc2626)}.checkbox-warning{--ui-checkbox-color:var(--color-warning, #f59e0b)}.checkbox-info{--ui-checkbox-color:var(--color-info-hover, #0891b2)}.checkbox-checked .checkbox-box,.checkbox-indeterminate .checkbox-box{background:var(--ui-checkbox-color, var(--color-primary));border-color:var(--ui-checkbox-color, var(--color-primary))}.checkbox-box{background:var(--ui-checkbox-bg);border-color:var(--ui-checkbox-border)}.checkmark-svg{width:100%;height:100%;display:block;padding:10%;color:var(--text-standard, #ffffff);z-index:2}.custom-image-mark{width:100%;height:100%;object-fit:contain;border-radius:inherit;z-index:2}.custom-icon-mark{z-index:2;color:var(--text-standard, #ffffff)}.checkmark-path{stroke-dasharray:48;stroke-dashoffset:48;transition:stroke-dashoffset 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.1s}.checkbox-checked .checkmark-path{stroke-dashoffset:0}.indeterminate-path{stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset 0.3s ease}.checkbox-indeterminate .indeterminate-path{stroke-dashoffset:0}.checkbox-checked .check-icon,.checkbox-indeterminate .check-icon{transform:scale(1)}@keyframes checkmark-pop{0%{transform:scale(0) rotate(-45deg)}70%{transform:scale(1.2) rotate(0deg)}100%{transform:scale(1) rotate(0deg)}}.checkbox-focused .checkbox-box{box-shadow:0 0 0 3px rgba(var(--color-success-rgb, 61, 205, 88), 0.2);border-color:var(--ui-checkbox-checked-bg)}.checkbox-hovered:not(.checkbox-disabled):not(.checkbox-readonly) .checkbox-box{border-color:var(--ui-checkbox-border-hover)}.checkbox-ripple .checkbox-box::before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;transform:translate(-50%, -50%) scale(0);background:rgba(0, 0, 0, 0.1);pointer-events:none}.checkbox-ripple .checkbox-input:active~.checkbox-box::before{animation:ripple 0.6s ease}@keyframes ripple{0%{transform:translate(-50%, -50%) scale(0);opacity:1}100%{transform:translate(-50%, -50%) scale(3);opacity:0}}.checkbox-skeleton{pointer-events:none}.checkbox-skeleton .checkbox-box{background:var(--bg-primary, #e5e7eb) !important;border-color:var(--border-default, #e5e7eb) !important;animation:skeleton-shimmer 1.5s infinite linear;background:linear-gradient(90deg, var(--bg-primary, #e5e7eb) 25%, var(--bg-secondary, #f3f4f6) 50%, var(--bg-primary, #e5e7eb) 75%) !important;background-size:200% 100% !important}.checkbox-skeleton .checkbox-label-text{width:100px;height:1rem;background:var(--bg-primary, #e5e7eb);border-radius:4px;color:transparent;animation:skeleton-shimmer 1.5s infinite linear;background:linear-gradient(90deg, var(--bg-primary, #e5e7eb) 25%, var(--bg-secondary, #f3f4f6) 50%, var(--bg-primary, #e5e7eb) 75%);background-size:200% 100%}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.checkbox-label-text{color:var(--text-primary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;display:inline-block;line-height:1.5}.required-indicator{color:var(--color-danger-hover, #dc2626);margin-inline-start:4px}.helper-text{font-size:0.875rem;color:var(--text-secondary);margin-inline-start:32px;display:flex;align-items:center;gap:4px}.checkbox-label-left .helper-text{margin-inline-start:0;margin-inline-end:32px}.checkbox-label-top .helper-text,.checkbox-label-bottom .helper-text{margin-inline-start:0;justify-content:center}.helper-text.error{color:var(--color-danger-hover, #dc2626)}.checkbox-invalid .checkbox-box{border-color:var(--color-danger-hover, #dc2626)}.checkbox-invalid:not(.checkbox-checked):not(.checkbox-indeterminate) .checkbox-box{background:var(--error-color-light, #fef2f2)}.checkbox-is-button{width:100%;height:100%}.checkbox-is-button .checkbox-label{padding:8px 16px;justify-content:center;background:var(--ui-checkbox-bg);transition:all 0.2s ease;width:100%;height:100%;border-radius:0;border:1px solid var(--ui-checkbox-border)}.checkbox-is-button .checkbox-label:hover:not(.checkbox-disabled){background:rgba(0, 0, 0, 0.02)}.checkbox-is-button .checkbox-box{margin-inline-end:8px;transform:scale(0.85)}.checkbox-is-button.checkbox-checked .checkbox-label{background:var(--ui-checkbox-checked-bg);color:var(--color-primary-text, #ffffff);z-index:1;border-color:var(--ui-checkbox-checked-bg)}.checkbox-is-button.checkbox-secondary.checkbox-checked .checkbox-label{background:var(--color-primary, #6b7280);border-color:var(--color-primary, #6b7280)}.checkbox-is-button.checkbox-success.checkbox-checked .checkbox-label{background:var(--color-success, #16a34a);border-color:var(--color-success, #16a34a)}.checkbox-is-button.checkbox-danger.checkbox-checked .checkbox-label{background:var(--color-danger-hover, #dc2626);border-color:var(--color-danger-hover, #dc2626)}.checkbox-is-button.checkbox-warning.checkbox-checked .checkbox-label{background:var(--color-warning, #f59e0b);border-color:var(--color-warning, #f59e0b)}.checkbox-is-button.checkbox-info.checkbox-checked .checkbox-label{background:var(--color-info-hover, #0891b2);border-color:var(--color-info-hover, #0891b2)}.checkbox-is-button+.checkbox-is-button .checkbox-label{margin-inline-start:-1px}'}},[593,"ui-checkbox",{customClass:[1,"custom-class"],badge:[1],tooltip:[1],tooltipPosition:[1,"tooltip-position"],checked:[1028],indeterminate:[1028],disabled:[4],readonly:[4],required:[4],invalid:[4],label:[1],helperText:[1,"helper-text"],errorMessage:[1,"error-message"],value:[1],name:[1],size:[1],color:[1],variant:[1],skeleton:[4],labelPosition:[1,"label-position"],customCheckIcon:[1,"custom-check-icon"],customIndeterminateIcon:[1,"custom-indeterminate-icon"],customImage:[1,"custom-image"],customIconLibrary:[1,"custom-icon-library"],checkboxTabIndex:[2,"checkbox-tab-index"],ariaLabel:[1,"aria-label"],ariaDescribedBy:[1,"aria-described-by"],enableAnimation:[4,"enable-animation"],rippleEffect:[4,"ripple-effect"],labelClickable:[4,"label-clickable"],rtl:[4],description:[1],descriptionPosition:[1,"description-position"],confetti:[4],glow:[4],haptic:[4],hapticIntensity:[1,"haptic-intensity"],reveal:[1],revealDelay:[2,"reveal-delay"],isButton:[4,"is-button"],isFocused:[32],isHovered:[32],particles:[32],setFocus:[64]},void 0,{indeterminate:[{updateIndeterminateState:0}]}]);function h(){"undefined"!=typeof customElements&&["ui-checkbox","ui-icon"].forEach((e=>{switch(e){case"ui-checkbox":customElements.get(r(e))||customElements.define(r(e),n);break;case"ui-icon":customElements.get(r(e))||a()}}))}export{n as C,h as d}

package/dist/components/context-menu.js

@@ -0,0 +1 @@
+import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as s,Host as r,transformTag as o}from"@stencil/core/internal/client";import{s as a,d as n}from"./icon.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.itemSelect=i(this,"itemSelect",7),this.menuItemClick=i(this,"menuItemClick",7),this.longPress=i(this,"longPress",7),this.menuToggle=i(this,"menuToggle",7)}get hostEl(){return this}items=[];internalItems=[];hasItemTemplate=!1;onItemsChange(){this.internalItems=this.parseItems(),this.resetVirtualScroll()}onLoadItemsChange(){this.resetVirtualScroll()}onVisibleCountChange(){this.resetVirtualScroll()}onPersistStateChange(){this.persistState||this.persistedState.clear()}componentWillLoad(){this.internalItems=this.parseItems(),this.detectItemTemplate()}openOn="contextmenu";placement="bottom";target;onTargetChange(){this.attachTarget()}closeOnSelect=!0;viewportPadding=16;submenuOpenDelay=120;hoverCloseDelay=50;targetOnly=!1;theme="light";reserveIconSpace=!0;persistState=!1;longPressDuration=500;visibleCount=0;itemHeight=48;loadItems;selectedId;iconLibrary="default";itemSelect;menuItemClick;longPress;menuToggle;beforeOpen;beforeClose;open=!1;pos={x:0,y:0};activePath=[];hoverPath=[];typeahead="";submenuSide=[];virtualStart=0;loadingVirtual=!1;rootMenuEl;openTimeout;closeTimeout;lastKeyTime=0;keyBuffer="";slottedTarget;lastAnchorEls=[];targetElement;longPressTimer;virtualScrollEl;persistedState=new Map;virtualHasMore=!0;templateObserver;componentDidLoad(){this.attachTarget(),this.detectItemTemplate(),this.setupTemplateObserver(),this.scheduleInitialLoad(),document.addEventListener("click",this.onGlobalClick,{capture:!0}),document.addEventListener("contextmenu",this.onGlobalContextMenu,{capture:!0}),window.addEventListener("resize",this.onWindowResize),window.addEventListener("scroll",this.onWindowResize,!0),window.addEventListener("uiContextMenuOpen",this.handleOtherMenuOpen)}disconnectedCallback(){this.disconnectTemplateObserver(),document.removeEventListener("click",this.onGlobalClick,{capture:!0}),document.removeEventListener("contextmenu",this.onGlobalContextMenu,{capture:!0}),window.removeEventListener("resize",this.onWindowResize),window.removeEventListener("scroll",this.onWindowResize,!0),window.removeEventListener("uiContextMenuOpen",this.handleOtherMenuOpen)}handleOtherMenuOpen=t=>{t.detail&&t.detail.source!==this.hostEl&&this.close()};detectItemTemplate(){this.hasItemTemplate=!!this.hostEl.querySelector('template[slot="item"]')}setupTemplateObserver(){this.templateObserver||void 0!==globalThis.MutationObserver&&(this.templateObserver=new MutationObserver((()=>{this.detectItemTemplate()})),this.templateObserver.observe(this.hostEl,{childList:!0,subtree:!0}))}disconnectTemplateObserver(){this.templateObserver?.disconnect(),this.templateObserver=void 0}scheduleInitialLoad(){this.loadItems&&this.loadMoreItems()}ensureVirtualItems(){this.loadItems&&this.virtualHasMore&&!this.loadingVirtual&&this.loadMoreItems()}resetVirtualScroll(){this.virtualStart=0,this.virtualHasMore=!0,this.loadingVirtual=!1,this.virtualScrollEl&&(this.virtualScrollEl.scrollTop=0),this.ensureVirtualItems()}async loadMoreItems(t){if(!this.loadItems||this.loadingVirtual||!this.virtualHasMore)return;this.loadingVirtual=!0;const e=this.internalItems.length,i=t??Math.max(this.visibleCount||1,8);try{const t=this.loadItems(e,i),s=await t;if(s&&s.length){const t=this.normalizeItems(s);this.internalItems=[...this.internalItems,...t],s.length<i&&(this.virtualHasMore=!1)}else this.virtualHasMore=!1}catch{this.virtualHasMore=!1}finally{this.loadingVirtual=!1}}handleVirtualScroll=t=>{const e=t.currentTarget;if(!e)return;const i=Math.floor(e.scrollTop/Math.max(1,this.itemHeight));i!==this.virtualStart&&(this.virtualStart=i),this.maybeLoadMoreFromScroll(e)};maybeLoadMoreFromScroll(t){this.loadItems&&!this.loadingVirtual&&this.virtualHasMore&&t.scrollTop+t.clientHeight>=t.scrollHeight-2*this.itemHeight&&this.loadMoreItems()}get virtualizationActive(){return this.visibleCount>0&&this.itemHeight>0}getVirtualWindow(t){const e=Math.min(Math.max(this.visibleCount,1),t||1),i=Math.max(0,t-e),s=Math.min(this.virtualStart,i);s!==this.virtualStart&&(this.virtualStart=s);const r=Math.min(t,s+e+2);return{start:s,end:r,visible:e,topPadding:s*this.itemHeight,bottomPadding:Math.max(0,(t-r)*this.itemHeight),containerHeight:e*this.itemHeight}}async evaluateHook(t){if(!t)return!0;try{const e=t();return e&&"function"==typeof e.then?!1!==await e:!1!==e}catch{return!1}}attachTarget(){if(this.target)try{let t=this.hostEl.getRootNode().querySelector(this.target);t||(t=document.querySelector(this.target)),t&&(this.targetElement=t,this.bindEvents(t))}catch{}if(!this.targetElement){const t=this.hostEl.shadowRoot?.querySelector("slot");if(t){const e=t.assignedElements();e.length>0&&(this.slottedTarget=e[0],this.targetElement=this.slottedTarget,this.bindEvents(this.slottedTarget))}}}bindEvents(t){"hover"===this.openOn?(t.addEventListener("mouseenter",this.onTargetMouseEnter),t.addEventListener("mouseleave",this.onTargetMouseLeave),t.addEventListener("click",this.onTargetClick)):t.addEventListener("click"===this.openOn?"click":"contextmenu",this.onTargetTrigger),t.addEventListener("touchstart",this.onTouchStart,{passive:!0}),t.addEventListener("touchend",this.onTouchEnd,{passive:!0}),t.addEventListener("touchmove",this.onTouchMove,{passive:!0})}normalizeItems(t){return(t||[]).map((t=>{const e={...t};return!0===e.separator&&(e.divider=!0),e.children&&e.children.length&&(e.children=this.normalizeItems(e.children)),this.applyPersistedState(e),e}))}applyPersistedState(t){if(this.persistState&&t.id){const e=this.persistedState.get(String(t.id));e&&void 0!==e.checked&&(t.checked=e.checked)}t.children&&t.children.forEach((t=>this.applyPersistedState(t)))}parseItems(){let t=[];if("string"==typeof this.items)try{t=JSON.parse(this.items)}catch{t=[]}else t=this.items||[];return this.normalizeItems(t)}onTargetTrigger=t=>{"contextmenu"===this.openOn&&t.preventDefault(),this.openAt({x:t.clientX,y:t.clientY})};onTargetMouseEnter=t=>{this.closeTimeout&&clearTimeout(this.closeTimeout);const e=t.currentTarget.getBoundingClientRect();this.openAt("top"===this.placement?{x:e.left,y:e.top}:"right"===this.placement?{x:e.right,y:e.top}:"left"===this.placement?{x:e.left,y:e.top}:{x:e.left,y:e.bottom})};onTargetMouseLeave=()=>{this.closeTimeout=window.setTimeout((()=>{this.close()}),this.hoverCloseDelay)};onTargetClick=()=>{};onTouchStart=t=>{"contextmenu"===this.openOn&&(this.longPressTimer=setTimeout((()=>{const e=t.touches[0],i={x:e.clientX,y:e.clientY};this.openAt(i),this.longPress.emit(i)}),this.longPressDuration))};onTouchEnd=()=>{this.longPressTimer&&clearTimeout(this.longPressTimer)};onTouchMove=()=>{this.longPressTimer&&clearTimeout(this.longPressTimer)};onMenuMouseEnter=()=>{this.closeTimeout&&clearTimeout(this.closeTimeout)};onMenuMouseLeave=()=>{this.onTargetMouseLeave()};onGlobalContextMenu=t=>{this.targetOnly||"contextmenu"===this.openOn&&(this.targetElement&&!this.targetElement.contains(t.target)||this.hostEl.contains(t.target)||(t.preventDefault(),this.openAt({x:t.clientX,y:t.clientY})))};onGlobalClick=t=>{if(!this.open)return;const e=t.target,i="function"==typeof t.composedPath?t.composedPath():[],s=i.includes(this.hostEl),r=!!this.targetElement&&i.includes(this.targetElement),o=!!this.hostEl.shadowRoot?.contains(e),a=!!this.rootMenuEl?.contains(e);s||r||o||a||this.hostEl.contains(e)||this.targetElement&&this.targetElement.contains(e)||this.close()};onWindowResize=()=>{this.open&&requestAnimationFrame((()=>this.clampRootPosition()))};async openAt(t){await this.evaluateHook(this.beforeOpen)&&(this.open=!0,this.pos={...t},this.activePath=[],this.hoverPath=[],this.submenuSide=[],this.hostEl.isConnected&&(this.menuToggle.emit(!0),window.dispatchEvent(new CustomEvent("uiContextMenuOpen",{detail:{source:this.hostEl}}))),requestAnimationFrame((()=>{this.rootMenuEl=this.hostEl.shadowRoot?.querySelector(".ctx-menu"),this.clampRootPosition(),this.rootMenuEl?.querySelector('[role="menu"]')?.focus()})))}async close(){this.open&&await this.evaluateHook(this.beforeClose)&&(this.open=!1,this.hostEl.isConnected&&this.menuToggle.emit(!1),this.activePath=[],this.hoverPath=[],this.submenuSide=[])}clampRectToViewport(t,e){const i=window.innerWidth,s=window.innerHeight;return{dx:Math.min(0,i-e-t.right)+Math.max(0,e-t.left),dy:Math.min(0,s-e-t.bottom)+Math.max(0,e-t.top)}}clampRootPosition(){if(!this.rootMenuEl)return;const t=this.rootMenuEl,e=this.viewportPadding,i=window.innerHeight,s=t.getBoundingClientRect(),{dx:r,dy:o}=this.clampRectToViewport(s,e);let a=Math.round(this.pos.x+r),n=Math.round(this.pos.y+o);a<e&&(a=e),n<e&&(n=e),this.pos={x:a,y:n};const c=i-e-n;this.virtualizationActive?(t.style.maxHeight="",t.style.overflowY=""):s.height>c?(t.style.maxHeight=`${c}px`,t.style.overflowY="auto"):(t.style.maxHeight="",t.style.overflowY="");const h=o<0?"100%":o>0?"0%":"50%";t.style.setProperty("--ctx-origin-x",r<0?"100%":r>0?"0%":"50%"),t.style.setProperty("--ctx-origin-y",h)}openSubmenu(t,e,i){const s=i.getBoundingClientRect(),r=window.innerWidth-s.right,o=r>=240||r>=s.left?"right":"left";this.submenuSide=[...this.submenuSide.slice(0,t),o],this.activePath=[...this.activePath.slice(0,t),e],this.lastAnchorEls[t]=i,this.scheduleSubmenuPosition(t)}handleMouseEnterItem(t,e,i){window.clearTimeout(this.openTimeout),this.openTimeout=window.setTimeout((()=>{this.openSubmenu(t,e,i),this.hoverPath=[...this.activePath]}),this.submenuOpenDelay)}handleClickItem(t,e,i){if(!t.disabled&&!t.divider)if(t.children&&t.children.length>0){const t=e.length-1;this.openSubmenu(t,e[t],i.currentTarget)}else"checkbox"===t.type?(t.checked=!t.checked,this.internalItems=[...this.internalItems]):"radio"===t.type&&((e.length>1?this.getItemsAtPath(e.slice(0,-1)):this.internalItems).forEach((t=>{"radio"===t.type&&(t.checked=!1)})),t.checked=!0,this.internalItems=[...this.internalItems]),this.itemSelect.emit({item:t,path:e}),this.menuItemClick.emit({item:t,path:e}),"checkbox"!==t.type&&"radio"!==t.type&&this.closeOnSelect&&this.close()}getItemsAtPath(t){let e=this.internalItems;for(const i of t){const t=e[i];if(!t||!t.children)return[];e=t.children}return e}navMove(t,e){const i=this.getItemsAtPath(this.activePath.slice(0,t+1));let s=(this.activePath[t]??-1)+e;const r=t=>Math.max(0,Math.min(t,i.length-1)),o=t=>{const e=i[t];return e&&!e.divider&&!e.disabled};for(s=r(s);!o(s)&&(e>0?s<i.length-1:s>0);)s=r(s+e);this.activePath=[...this.activePath.slice(0,t),s],this.getAnchorElForLevel(t)&&this.scheduleSubmenuPosition(t)}keydown=t=>{if(!this.open)return;const e=this.activePath.length?this.activePath.length-1:0,i=this.getItemsAtPath(this.activePath.slice(0,e+1))[this.activePath[e]??0];switch(t.key){case"ArrowDown":t.preventDefault(),this.navMove(e,1);break;case"ArrowUp":t.preventDefault(),this.navMove(e,-1);break;case"ArrowRight":t.preventDefault(),i?.children?.length&&(this.activePath=[...this.activePath,0],this.submenuSide=[...this.submenuSide,"right"],this.getAnchorElForLevel(e)&&this.scheduleSubmenuPosition(e));break;case"ArrowLeft":t.preventDefault(),this.activePath.length>0?(this.activePath=this.activePath.slice(0,-1),this.submenuSide=this.submenuSide.slice(0,-1)):this.close();break;case"Enter":t.preventDefault(),i&&this.itemSelect.emit({item:i,path:[...this.activePath]}),this.closeOnSelect&&this.close();break;case"Escape":this.close();break;default:if(1===t.key.length){const i=Date.now();i-this.lastKeyTime>800&&(this.keyBuffer=""),this.lastKeyTime=i,this.keyBuffer+=t.key.toLowerCase();const s=this.getItemsAtPath(this.activePath.slice(0,e+1)).findIndex((t=>!t.divider&&!t.disabled&&t.label&&t.label.toLowerCase().startsWith(this.keyBuffer)));s>=0&&(this.activePath=[...this.activePath.slice(0,e),s])}}};getAnchorElForLevel(t){try{const e=this.hostEl.shadowRoot?.querySelector(".ctx-menu > .ctx-list");if(!e)return;let i=e;for(let e=0;e<=t;e++){const s=this.activePath[e];if(null==s)return;const r=i.querySelectorAll(":scope > .ctx-item")[s];if(!r)return;if(e===t)return r;const o=r.querySelector(":scope > .ctx-submenu > .ctx-list");if(!o)return;i=o}}catch{}}scheduleSubmenuPosition(t){requestAnimationFrame((()=>this.positionSubmenu(t)))}positionSubmenu(t){const e=this.lastAnchorEls[t]||this.getAnchorElForLevel(t);if(!e)return;const i=e.querySelector(":scope > .ctx-submenu");if(!i)return;const s=this.viewportPadding,r=window.innerWidth,o=window.innerHeight,a=i.getBoundingClientRect(),n=e.getBoundingClientRect(),c=this.submenuSide[t]||"right";if("right"===c&&a.right>r-s||"left"===c&&a.left<s){const e=n.left>r-n.right?"left":"right";if(e!==c)return this.submenuSide=[...this.submenuSide.slice(0,t),e],void requestAnimationFrame((()=>this.positionSubmenu(t)))}let h=0;const l=i.getBoundingClientRect();l.bottom>o-s&&(h-=Math.ceil(l.bottom-(o-s)));let d=l.top+h;d<s&&(h+=Math.ceil(s-d),d=s),i.style.top=0!==h?`${h}px`:"0px";const u=o-s-d;l.height>u?(i.style.maxHeight=`${u}px`,i.style.overflowY="auto"):(i.style.maxHeight="",i.style.overflowY="")}renderItems(t,e,i=0){const r=this.activePath[e]??-1,o=this.submenuSide[e]||"right",n=t.some((t=>!!t.icon||void 0!==t.checked||"checkbox"===t.type||"radio"===t.type||t.id&&t.id===this.selectedId||!!t.iconTemplate)),c=this.reserveIconSpace&&n,h=this.activePath.slice(0,e);return s("ul",{class:{"ctx-list":!0,"ctx-list-no-icons":!c},role:"menu",tabindex:0,onKeyDown:this.keydown},t.map(((t,n)=>{if(t.divider||"separator"===t.type)return s("li",{class:"ctx-divider",role:"separator"});if("header"===t.type)return s("li",{class:"ctx-header",role:"presentation"},t.label);const l=i+n,d=l===r,u=!!t.children?.length,x="danger"===t.variant,m=!(!t.id||t.id!==this.selectedId),p=[...h,l],b={name:"item",item:t,index:l,level:e,path:p,checked:!(!t.checked&&!m),active:d,hasChildren:u,disabled:!!t.disabled,variant:t.variant},g=s(!t.href||t.disabled||u?"div":"a",{class:"ctx-item-content",...!t.href||t.disabled||u?{}:{href:t.href}},(c||t.icon||void 0!==t.checked||m||t.iconTemplate)&&s("span",{class:"ctx-icon-area"},t.iconTemplate?s("span",{class:"ctx-icon-slot",innerHTML:a(t.iconTemplate)}):t.icon?s("ui-icon",{name:t.icon,library:t.iconLibrary||this.iconLibrary,size:"1.2em"}):t.checked||m?s("ui-icon",{name:"check",library:"lucide",size:"1.2em"}):""),s("div",{class:"ctx-text-content"},s("div",{class:"ctx-label-row"},s("span",{class:"ctx-label"},t.label),t.shortcut&&s("span",{class:"ctx-shortcut"},t.shortcut)),t.description&&s("span",{class:"ctx-description"},t.description)),u&&s("span",{class:"ctx-sub-arrow"},s("ui-icon",{name:"chevron-right",library:"lucide",size:"12px"})));return s("li",{class:{"ctx-item":!0,"ctx-item-active":d,"ctx-item-selected":m,"ctx-item-disabled":!!t.disabled,"ctx-item-danger":x,"ctx-item-has-children":u},role:"checkbox"===t.type?"menuitemcheckbox":"radio"===t.type?"menuitemradio":"menuitem","aria-checked":t.checked||m?"true":"false","aria-haspopup":u?"menu":null,"aria-disabled":t.disabled?"true":null,onMouseEnter:t=>this.handleMouseEnterItem(e,l,t.currentTarget),onClick:e=>this.handleClickItem(t,p,e)},s("slot",{...b},g),u&&d&&s("div",{class:{"ctx-submenu":!0,[`ctx-sub-${o}`]:!0}},this.renderItems(t.children,e+1)))})))}render(){const t=this.internalItems;let e="";"top"===this.placement?e="translateY(-100%)":"left"===this.placement&&(e="translateX(-100%)");const i=this.virtualizationActive&&(this.loadItems||t.length>this.visibleCount)&&t.length>0?this.getVirtualWindow(t.length):null;return s(r,{key:"c2181afce5b7b4ef2d7df5a2d991bb70d41f27cb"},s("slot",{key:"4142323103c62c98771ce563dfb0618ab88de56d"}),this.open&&s("div",{key:"9326f1949e3f13b96d4641ebea1cf8496014ae15",class:"ctx-menu",style:{position:"fixed",zIndex:"11000",left:`${this.pos.x}px`,top:`${this.pos.y}px`,transform:e},onMouseEnter:this.onMenuMouseEnter,onMouseLeave:this.onMenuMouseLeave},i?s("div",{class:"ctx-virtual-scroll",ref:t=>this.virtualScrollEl=t||void 0,style:{height:`${i.containerHeight}px`,overflowY:"auto"},onScroll:this.handleVirtualScroll},s("div",{class:"ctx-virtual-spacer",style:{height:t.length*this.itemHeight+"px"}},s("div",{class:"ctx-virtual-offset",style:{transform:`translateY(${i.topPadding}px)`}},this.renderItems(t.slice(i.start,i.end),0,i.start),this.loadingVirtual&&s("div",{class:"ctx-virtual-loader",style:{height:`${this.itemHeight}px`}},s("ui-loader",{type:"dots",size:"xs"}))))):this.renderItems(t,0)))}static get watchers(){return{items:[{onItemsChange:0}],loadItems:[{onLoadItemsChange:0}],visibleCount:[{onVisibleCountChange:0}],persistState:[{onPersistStateChange:0}],target:[{onTargetChange:0}]}}static get style(){return'.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}.ctx-menu{position:fixed;z-index:20000;min-width:220px;max-width:min(320px, 100vw - 16px);--ctx-bg:var(--bg-primary, #ffffff);--ctx-fg:var(--text-primary, #000000);--ctx-border:var(--border-default, #d9d9d9);--ctx-hover:var(--bg-secondary, #e6e6e6);--ctx-active:rgba(0, 138, 22, 0.08);--ctx-active-fg:var(--color-success, #008a16);--ctx-active-icon:var(--color-success, #008a16);background-color:var(--ctx-bg, #ffffff) !important;background-image:none !important;color:var(--ctx-fg);border:1px solid var(--ctx-border);border-radius:10px;box-shadow:0 12px 28px rgba(0, 0, 0, 0.22), 0 8px 10px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.05);padding:6px;animation:ctx-enter 120ms ease-out;transform-origin:var(--ctx-origin-x, 0%) var(--ctx-origin-y, 0%);scrollbar-width:thin;scrollbar-color:rgba(0, 0, 0, 0.2) transparent}.ctx-menu::-webkit-scrollbar{width:8px}.ctx-menu::-webkit-scrollbar-track{background:transparent}.ctx-menu::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.2);border-radius:4px}.ctx-menu::-webkit-scrollbar-thumb:hover{background:rgba(0, 0, 0, 0.3)}.ctx-virtual-scroll{width:100%;position:relative}.ctx-virtual-spacer{position:relative;width:100%}.ctx-virtual-offset{position:absolute;inset:0;width:100%}:host([theme=dark]) .ctx-menu::-webkit-scrollbar-thumb,:host-context([data-theme=dark]) .ctx-menu::-webkit-scrollbar-thumb,:host-context(.dark) .ctx-menu::-webkit-scrollbar-thumb,html[data-theme=dark] :host .ctx-menu::-webkit-scrollbar-thumb{background:rgba(255, 255, 255, 0.2)}:host([theme=dark]) .ctx-menu,:host-context([data-theme=dark]) .ctx-menu,:host-context(.dark) .ctx-menu,html[data-theme=dark] :host .ctx-menu{--ctx-bg:var(--bg-primary, #1e293b);--ctx-fg:var(--bg-primary, #e2e8f0);--ctx-border:var(--color-primary, #334155);--ctx-hover:var(--color-primary, #334155);--ctx-active:rgba(0, 138, 22, 0.15);--ctx-active-fg:var(--color-success, #008a16);--ctx-active-icon:var(--color-success, #008a16);box-shadow:0 12px 28px rgba(0, 0, 0, 0.4), 0 8px 10px rgba(0, 0, 0, 0.2)}@keyframes ctx-enter{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}.ctx-list{list-style:none;margin:0;padding:4px;overflow:visible;scrollbar-width:thin;scrollbar-color:rgba(0, 0, 0, 0.2) transparent}.ctx-list::-webkit-scrollbar{width:8px}.ctx-list::-webkit-scrollbar-track{background:transparent}.ctx-list::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.2);border-radius:4px}.ctx-list::-webkit-scrollbar-thumb:hover{background:rgba(0, 0, 0, 0.3)}:host([theme=dark]) .ctx-list::-webkit-scrollbar-thumb,:host-context([data-theme=dark]) .ctx-list::-webkit-scrollbar-thumb,:host-context(.dark) .ctx-list::-webkit-scrollbar-thumb,html[data-theme=dark] :host .ctx-list::-webkit-scrollbar-thumb{background:rgba(255, 255, 255, 0.2)}:host([theme=dark]) .ctx-list::-webkit-scrollbar-thumb:hover,:host-context([data-theme=dark]) .ctx-list::-webkit-scrollbar-thumb:hover,:host-context(.dark) .ctx-list::-webkit-scrollbar-thumb:hover,html[data-theme=dark] :host .ctx-list::-webkit-scrollbar-thumb:hover{background:rgba(255, 255, 255, 0.3)}.ctx-item{position:relative;display:block;border-radius:8px;cursor:pointer;user-select:none}.ctx-item:hover,.ctx-item-active{background:var(--ctx-hover, var(--bg-secondary, #f3f4f6))}.ctx-item-selected{background:var(--ctx-active, #e0f2fe);color:var(--ctx-active-fg, #0284c7);font-weight:600;position:relative}.ctx-item-selected::before{content:"";position:absolute;left:2px;top:50%;transform:translateY(-50%);width:4px;height:24px;background-color:var(--color-success, #008a16);border-radius:4px}.ctx-item-selected .ctx-icon-area{color:var(--ctx-active-icon, inherit)}.ctx-item-disabled{opacity:0.55;cursor:not-allowed}.ctx-icon-area{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:var(--ctx-icon, var(--text-muted, #6b7280));font-size:14px;flex-shrink:0}.ctx-sub-arrow{color:var(--ctx-muted, var(--text-muted, #9ca3af));font-weight:600;justify-self:end}.ctx-divider{height:1px;margin:6px 8px;background:var(--ctx-divider, #e5e7eb)}.ctx-header{padding:8px 12px;font-size:11px;text-transform:uppercase;color:var(--ctx-muted, var(--text-muted, #9ca3af));font-weight:600;letter-spacing:0.5px;pointer-events:none}.ctx-item-danger{color:var(--color-danger, #ef4444);}.ctx-item-danger:hover{background:var(--bg-primary, #fee2e2);color:var(--color-danger, #b91c1c);}.ctx-item-danger .ctx-icon-area{color:currentColor}.ctx-description{display:block;font-size:11px;color:var(--ctx-muted, var(--text-muted, #6b7280));margin-top:2px;line-height:1.3}.ctx-text-content{display:flex;flex-direction:column;flex:1;min-width:0}.ctx-label-row{display:flex;align-items:center;justify-content:space-between;width:100%}.ctx-item-content{display:flex;align-items:center;gap:8px;padding:6px 10px;text-decoration:none;color:inherit;width:100%;box-sizing:border-box}.ctx-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctx-shortcut{margin-left:8px}.ctx-submenu{position:absolute;top:0;left:calc(100% + 4px);min-width:220px;max-width:min(320px, 100vw - 16px);background:var(--ctx-bg, var(--bg-primary, #ffffff));backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);border:1px solid var(--ctx-border, var(--border-default, #e5e7eb));border-radius:10px;box-shadow:0 12px 28px rgba(0, 0, 0, 0.25), 0 8px 10px rgba(0, 0, 0, 0.15);padding:6px;z-index:1000}.ctx-sub-left{left:auto;right:calc(100% + 4px)}@media (prefers-color-scheme: dark){.ctx-menu,.ctx-submenu{background:var(--ctx-bg, var(--bg-secondary, #111827));color:var(--ctx-fg, #f3f4f6);border-color:var(--ctx-border, var(--border-default, #374151));box-shadow:0 12px 28px rgba(0, 0, 0, 0.48), 0 8px 10px rgba(0, 0, 0, 0.35)}.ctx-item:hover,.ctx-item-active{background:var(--ctx-hover, var(--bg-primary, #1f2937))}.ctx-divider{background:var(--ctx-divider, #374151)}.ctx-muted,.ctx-shortcut,.ctx-sub-arrow{color:var(--text-muted, #9ca3af)}}:host([theme=green]) .ctx-menu,:host-context([data-theme=green]) .ctx-menu,:host-context(.green) .ctx-menu,html[data-theme=green] :host .ctx-menu,:host([theme=green]) .ctx-submenu,:host-context([data-theme=green]) .ctx-submenu,:host-context(.green) .ctx-submenu,html[data-theme=green] :host .ctx-submenu{--ctx-bg:var(--color-success, #3dcd58);--ctx-fg:var(--bg-primary, #ffffff);--ctx-border:rgba(255, 255, 255, 0.2);--ctx-hover:rgba(255, 255, 255, 0.1);--ctx-active:rgba(255, 255, 255, 0.2);--ctx-active-fg:var(--bg-primary, #ffffff);--ctx-active-icon:var(--bg-primary, #ffffff);--ctx-divider:rgba(255, 255, 255, 0.2);--ctx-muted:rgba(255, 255, 255, 0.7);box-shadow:0 12px 28px rgba(0, 0, 0, 0.2), 0 8px 10px rgba(0, 0, 0, 0.1)}:host([theme=green]) .ctx-shortcut,:host([theme=green]) .ctx-sub-arrow,:host-context([data-theme=green]) .ctx-shortcut,:host-context([data-theme=green]) .ctx-sub-arrow,:host-context(.green) .ctx-shortcut,:host-context(.green) .ctx-sub-arrow{color:rgba(255, 255, 255, 0.7)}@media (prefers-reduced-motion: reduce){.ctx-menu{animation:none}}'}},[769,"ui-context-menu",{items:[1],openOn:[1,"open-on"],placement:[1],target:[1],closeOnSelect:[4,"close-on-select"],viewportPadding:[2,"viewport-padding"],submenuOpenDelay:[2,"submenu-open-delay"],hoverCloseDelay:[2,"hover-close-delay"],targetOnly:[4,"target-only"],theme:[513],reserveIconSpace:[4,"reserve-icon-space"],persistState:[4,"persist-state"],longPressDuration:[2,"long-press-duration"],visibleCount:[2,"visible-count"],itemHeight:[2,"item-height"],loadItems:[16],selectedId:[1,"selected-id"],iconLibrary:[1,"icon-library"],beforeOpen:[16],beforeClose:[16],internalItems:[32],hasItemTemplate:[32],open:[32],pos:[32],activePath:[32],hoverPath:[32],typeahead:[32],submenuSide:[32],virtualStart:[32],loadingVirtual:[32],openAt:[64],close:[64]},void 0,{items:[{onItemsChange:0}],loadItems:[{onLoadItemsChange:0}],visibleCount:[{onVisibleCountChange:0}],persistState:[{onPersistStateChange:0}],target:[{onTargetChange:0}]}]);function h(){"undefined"!=typeof customElements&&["ui-context-menu","ui-icon"].forEach((t=>{switch(t){case"ui-context-menu":customElements.get(o(t))||customElements.define(o(t),c);break;case"ui-icon":customElements.get(o(t))||n()}}))}export{c as U,h as d}

package/dist/components/dialog-footer.js

@@ -0,0 +1 @@
+import{proxyCustomElement as o,HTMLElement as t,h as r,transformTag as e}from"@stencil/core/internal/client";const i=o(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow()}align="end";sticky=!1;divider=!0;render(){const o=["dialog-footer",`dialog-footer--${this.align}`,this.sticky?"dialog-footer--sticky":"",this.divider?"":"dialog-footer--no-divider"].filter(Boolean).join(" ");return r("div",{key:"cc45b1ff88c4328b99763205bee3927ba65e4ee6",class:o},r("slot",{key:"e36560274bd1fce4b5b4b3c21e3cd50e8a99eb6a",name:"start"}),r("slot",{key:"936d96c5a6477e5fac84e43aaaf3a321575e06ca"}))}static get style(){return".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%}.dialog-footer{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 24px;background-color:transparent}.dialog-footer--end{justify-content:flex-end}.dialog-footer--start{justify-content:flex-start}.dialog-footer--center{justify-content:center}.dialog-footer--space-between{justify-content:space-between}.dialog-footer--sticky{position:sticky;bottom:0;z-index:1;background-color:var(--bg-primary, #ffffff)}.dialog-footer--no-divider{border-top:none}.dialog-footer button{padding:8px 16px;border:1px solid var(--border-strong, #d1d5db);border-radius:6px;background-color:var(--bg-primary, #ffffff);color:var(--text-secondary, #374151);font-size:14px;cursor:pointer;transition:all 0.2s ease}.dialog-footer button:hover{background-color:var(--bg-secondary, #f3f4f6);border-color:var(--color-primary, #9ca3af)}.dialog-footer button:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary, #10b981)}"}},[769,"ui-dialog-footer",{align:[1],sticky:[4],divider:[4]}]);function a(){"undefined"!=typeof customElements&&["ui-dialog-footer"].forEach((o=>{"ui-dialog-footer"===o&&(customElements.get(e(o))||customElements.define(e(o),i))}))}export{i as D,a as d}

package/dist/components/dialog-header.js

@@ -0,0 +1 @@
+import{proxyCustomElement as i,HTMLElement as t,createEvent as e,h as o,transformTag as s}from"@stencil/core/internal/client";import{d as a,a as n}from"./badge.js";import{d as l}from"./icon.js";const r=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.minimize=e(this,"minimize",7),this.maximize=e(this,"maximize",7),this.close=e(this,"close",7),this.menu=e(this,"menu",7)}dialogTitle="";subtitle="";showMinimize=!0;showMaximize=!0;showClose=!0;showMenu=!1;menuIcon="more-horizontal";menuItems=[];menuTitle="Menu";variant="outlined";status="default";type="modal";icon="";avatar="";iconLibrary="default";titleTag="h3";iconPosition="left";get el(){return this}hasTitleTooltip=!1;hasSubtitleTooltip=!1;titleEl;subtitleEl;minimize;maximize;close;menu;handleMinimize=()=>{this.minimize.emit()};handleMaximize=()=>{this.maximize.emit()};handleClose=()=>{this.close.emit()};handleMenu=i=>{this.menu.emit({originalEvent:i,trigger:i.currentTarget})};componentDidLoad(){this.checkTruncation()}componentDidUpdate(){this.checkTruncation()}handleResize(){this.checkTruncation()}checkTruncation(){if(this.titleEl){const i=this.titleEl.scrollWidth>this.titleEl.clientWidth;this.hasTitleTooltip!==i&&(this.hasTitleTooltip=i)}if(this.subtitleEl){const i=this.subtitleEl.scrollWidth>this.subtitleEl.clientWidth;this.hasSubtitleTooltip!==i&&(this.hasSubtitleTooltip=i)}}render(){const i={info:"info",success:"check-circle",warning:"alert-triangle",error:"alert-circle"},t=this.titleTag,e=()=>this.avatar?o("div",{class:"header-avatar"},o("img",{src:this.avatar,alt:"Avatar"})):"default"!==this.status?o("span",{class:"status-icon",title:this.status.toUpperCase()},o("ui-icon",{name:i[this.status],library:this.iconLibrary,size:"1.2em"})):this.icon&&"default"===this.status?o("span",{class:"header-icon"},o("ui-icon",{name:this.icon,library:this.iconLibrary,size:"1.2em"})):null;return o("div",{class:{"dialog-header-section":!0,[`status-${this.status}`]:"default"!==this.status,[`type-${this.type}`]:!0}},o("div",{class:"dialog-title-section"},o("slot",null,(this.dialogTitle||this.subtitle)&&o("div",{class:{"title-label-wrapper":!0,"one-liner":"messagebox"===this.type}},o("div",{class:"title-row"},"left"===this.iconPosition&&o("slot",{name:"icon"},e()),this.dialogTitle&&o(t,{ref:i=>this.titleEl=i,title:this.hasTitleTooltip?this.dialogTitle:void 0},this.dialogTitle),"right"===this.iconPosition&&o("slot",{name:"icon"},e())),this.subtitle&&o("p",{class:"dialog-subtitle",ref:i=>this.subtitleEl=i,title:this.hasSubtitleTooltip?this.subtitle:void 0},this.subtitle)))),o("div",{class:"dialog-controls"},o("slot",{name:"header-actions"}),o("slot",{name:"actions"}),(Array.isArray(this.menuItems)?this.menuItems.length>0:!!this.menuItems)&&o("div",{class:"dialog-menu-wrapper"},o("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:this.menuIcon,iconLibrary:this.iconLibrary,onButtonClick:this.handleMenu,title:this.menuTitle}),o("div",{class:"dialog-menu-popup",style:{display:"none"}},o("slot",{name:"menu-list"}))),this.showMinimize&&o("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"minus",onClick:()=>this.handleMinimize(),title:"Minimize"}),this.showMaximize&&o("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"maximize-2",onClick:()=>this.handleMaximize(),title:"Maximize"}),this.showClose&&o("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"x",onClick:()=>this.handleClose(),title:"Close",part:"close-btn"})))}static get style(){return".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}.dialog-header-section{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background-color:transparent;border-bottom:none;cursor:move;user-select:none;gap:12px}.dialog-title-section{flex:1;margin:0;display:flex;align-items:center;gap:12px}.dialog-title-section h1,.dialog-title-section h2,.dialog-title-section h3,.dialog-title-section h4,.dialog-title-section h5,.dialog-title-section h6{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #111827);line-height:1.2;display:inline-block;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:450px;min-width:0}.title-label-wrapper{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.title-label-wrapper .title-row{display:flex;flex-direction:row !important;align-items:center;gap:8px;flex-shrink:0;min-width:0;max-width:100%}.title-label-wrapper .dialog-subtitle{margin:0;font-size:14px;color:var(--text-muted, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:550px;opacity:0.8}.title-label-wrapper.one-liner{flex-direction:column !important;align-items:flex-start !important;gap:2px !important}.title-label-wrapper.one-liner h3{font-size:16px !important;max-width:400px}.title-label-wrapper.one-liner .dialog-subtitle{font-size:13px !important;max-width:400px}.status-icon{font-size:20px;line-height:1}.dialog-controls{display:flex;gap:8px;align-items:center}.dialog-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;background-color:var(--ui-bg-muted, rgba(0, 0, 0, 0.03));color:var(--text-muted, #6b7280);cursor:pointer;transition:all 0.2s ease}.dialog-btn:hover{background-color:var(--bg-primary, #e5e7eb) !important;color:var(--text-secondary, #374151) !important}.dialog-btn svg{width:16px;height:16px}.dialog-menu-wrapper{position:relative;display:flex;align-items:center}.dialog-menu-popup{display:none !important;position:absolute;top:100%;right:0;width:200px}.header-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:4px solid rgba(255, 255, 255, 0.2);flex-shrink:0}.header-avatar img{width:100%;height:100%;object-fit:cover}.header-icon{width:36px;height:36px;background:rgba(0, 0, 0, 0.05);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #64748b);flex-shrink:0}.status-success .status-icon{color:var(--color-success, #10b981)}.status-error .status-icon{color:var(--color-danger, #ef4444)}.status-warning .status-icon{color:var(--color-warning, #f59e0b)}.status-info .status-icon{color:var(--color-primary, #10b981)}.status-icon{display:flex;align-items:center;font-size:1.25rem}"}},[769,"ui-dialog-header",{dialogTitle:[1,"dialog-title"],subtitle:[1],showMinimize:[4,"show-minimize"],showMaximize:[4,"show-maximize"],showClose:[4,"show-close"],showMenu:[4,"show-menu"],menuIcon:[1,"menu-icon"],menuItems:[1,"menu-items"],menuTitle:[1,"menu-title"],variant:[1],status:[1],type:[1],icon:[1],avatar:[1],iconLibrary:[1,"icon-library"],titleTag:[1,"title-tag"],iconPosition:[1,"icon-position"],hasTitleTooltip:[32],hasSubtitleTooltip:[32]},[[9,"resize","handleResize"]]]);function h(){"undefined"!=typeof customElements&&["ui-dialog-header","ui-badge","ui-button","ui-icon"].forEach((i=>{switch(i){case"ui-dialog-header":customElements.get(s(i))||customElements.define(s(i),r);break;case"ui-badge":customElements.get(s(i))||n();break;case"ui-button":customElements.get(s(i))||a();break;case"ui-icon":customElements.get(s(i))||l()}}))}export{r as D,h as d}

package/dist/components/dom.js

@@ -0,0 +1 @@
+function t(t){const e=function(t){let e=t;for(;e&&e!==document.documentElement;){if(1!==e.nodeType){e=e.host||e.parentNode;continue}const t=window.getComputedStyle(e);if(!t){e=e.assignedSlot||e.parentElement||e.getRootNode().host;continue}const n=t.transform||t.webkitTransform||t.mozTransform||t.msTransform||t.oTransform,o=t.translate||"",a=t.rotate||"",i=t.scale||"",r=t.filter||t.webkitFilter||t.mozFilter||t.msFilter||t.oFilter,l=t.backdropFilter||t.webkitBackdropFilter||t.mozBackdropFilter||t.msBackdropFilter||t.oBackdropFilter,s=t.perspective||t.webkitPerspective||t.mozPerspective||t.msPerspective||t.oPerspective,c=t.mask||t.webkitMask||"",u=t.clipPath||t.webkitClipPath||"",m=t.willChange||"",p=n&&"none"!==n||o&&"none"!==o||a&&"none"!==a||i&&"none"!==i,f=r&&"none"!==r,h=l&&"none"!==l,d=s&&"none"!==s,b=c&&"none"!==c,w=u&&"none"!==u,g=m&&(m.includes("transform")||m.includes("perspective")||m.includes("filter")||m.includes("backdrop-filter")||m.includes("translate")||m.includes("rotate")||m.includes("scale")||m.includes("mask")||m.includes("clip-path")||m.includes("contain")),M=t.contain,v=M&&(M.includes("layout")||M.includes("paint")||M.includes("strict")||M.includes("content"));if(p||f||h||d||b||w||g||v)return e;e=e.assignedSlot||e.parentElement||e.getRootNode().host}return null}(t);if(e){const t=e.getBoundingClientRect();return{x:t.left,y:t.top,el:e}}return{x:0,y:0,el:null}}function e(t,e,n,o={}){const{animationFrame:a=!1}=o;let i=null;const r=()=>{n(),a&&(i=requestAnimationFrame(r))};a?i=requestAnimationFrame(r):n(),window.addEventListener("scroll",n,{capture:!0,passive:!0}),window.addEventListener("resize",n,{passive:!0});const l=new ResizeObserver((()=>n()));return l.observe(t),l.observe(e),()=>{null!==i&&cancelAnimationFrame(i),window.removeEventListener("scroll",n,{capture:!0}),window.removeEventListener("resize",n),l.disconnect()}}function n(e,n){const{menuWidth:o,menuHeight:a,gap:i=4,placement:r="auto",align:l="center",padding:s=8,useTransformedAncestorOffset:c=!0}=n;if(!e)return{left:0,top:0,width:0,availableWidth:0,availableHeight:0,placement:"bottom",isClamped:!1};const u=e.getBoundingClientRect(),m=window.innerWidth,p=window.innerHeight,f=c?t(e):{x:0,y:0,el:null},h="auto"===r?"bottom":r;let d=h;if("auto"===r){const t=p-u.bottom-i-s,e=u.top-i-s,n=m-u.right-i-s,r=u.left-i-s;"bottom"===h&&t<a&&e>t?d="top":"top"===h&&e<a&&t>e?d="bottom":"right"===h&&n<o&&r>n?d="left":"left"===h&&r<o&&n>r&&(d="right"),"top"===d||"bottom"===d?Math.max(e,t)<a&&(n>=o||r>=o)&&(d=n>r?"right":"left"):Math.max(r,n)<o&&(e>=a||t>=a)&&(d=e>t?"top":"bottom")}let b=0,w=0,g=m-2*s,M=p-2*s;switch(d){case"top":w=u.top-a-i,M=u.top-i-s;break;case"bottom":w=u.bottom+i,M=p-u.bottom-i-s;break;case"left":b=u.left-o-i,g=u.left-i-s;break;case"right":b=u.right+i,g=m-u.right-i-s}"top"===d||"bottom"===d?(b="start"===l?u.left:"end"===l?u.right-o:u.left+u.width/2-o/2,g=m-2*s):(w="start"===l?u.top:"end"===l?u.bottom-a:u.top+u.height/2-a/2,M=p-2*s),b-=f.x,w-=f.y;const v=f.el?f.el.getBoundingClientRect().width:m,k=f.el?f.el.getBoundingClientRect().height:p,x=b,y=w;"top"===d||"bottom"===d?b=Math.max(s,Math.min(b,v-o-s)):w=Math.max(s,Math.min(w,k-a-s));const A=b!==x||w!==y;let F=0,z=0;return"top"===d||"bottom"===d?(F=u.left+u.width/2-(b+f.x),F=Math.max(12,Math.min(F,o-12))):(z=u.top+u.height/2-(w+f.y),z=Math.max(12,Math.min(z,a-12))),{left:b,top:w,width:o,availableWidth:g,availableHeight:M,placement:d,isClamped:A,arrowX:F,arrowY:z}}function o(e,n,o){const a=t(o);return{x:e-a.x,y:n-a.y}}export{e as a,o as b,n as c,t as g}