atomicuilibrary 0.0.1 → 0.1.0

package/dist/exploration-project-tailwind/p-Dyu3Nplq.js

@@ -0,0 +1,2 @@
+/*! @license DOMPurify 3.4.1 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.1/LICENSE */
+const{entries:e,setPrototypeOf:t,isFrozen:n,getPrototypeOf:o,getOwnPropertyDescriptor:r}=Object;let{freeze:i,seal:a,create:l}=Object,{apply:s,construct:c}="undefined"!=typeof Reflect&&Reflect;i||(i=function(e){return e}),a||(a=function(e){return e}),s||(s=function(e,t){for(var n=arguments.length,o=new Array(n>2?n-2:0),r=2;r<n;r++)o[r-2]=arguments[r];return e.apply(t,o)}),c||(c=function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),o=1;o<t;o++)n[o-1]=arguments[o];return new e(...n)});const u=z(Array.prototype.forEach),f=z(Array.prototype.lastIndexOf),m=z(Array.prototype.pop),p=z(Array.prototype.push),d=z(Array.prototype.splice),g=Array.isArray,h=z(String.prototype.toLowerCase),y=z(String.prototype.toString),b=z(String.prototype.match),w=z(String.prototype.replace),T=z(String.prototype.indexOf),x=z(String.prototype.trim),v=z(Number.prototype.toString),A=z(Boolean.prototype.toString),S="undefined"==typeof BigInt?null:z(BigInt.prototype.toString),E="undefined"==typeof Symbol?null:z(Symbol.prototype.toString),k=z(Object.prototype.hasOwnProperty),_=z(Object.prototype.toString),R=z(RegExp.prototype.test),D=(O=TypeError,function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return c(O,t)});var O;function z(e){return function(t){t instanceof RegExp&&(t.lastIndex=0);for(var n=arguments.length,o=new Array(n>1?n-1:0),r=1;r<n;r++)o[r-1]=arguments[r];return s(e,t,o)}}function I(e,o){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:h;if(t&&t(e,null),!g(o))return e;let i=o.length;for(;i--;){let t=o[i];if("string"==typeof t){const e=r(t);e!==t&&(n(o)||(o[i]=e),t=e)}e[t]=!0}return e}function N(e){for(let t=0;t<e.length;t++)k(e,t)||(e[t]=null);return e}function L(t){const n=l(null);for(const[o,r]of e(t))k(t,o)&&(n[o]=g(r)?N(r):r&&"object"==typeof r&&r.constructor===Object?L(r):r);return n}function M(e,t){for(;null!==e;){const n=r(e,t);if(n){if(n.get)return z(n.get);if("function"==typeof n.value)return z(n.value)}e=o(e)}return function(){return null}}const F=i(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","search","section","select","shadow","slot","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),C=i(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","enterkeyhint","exportparts","filter","font","g","glyph","glyphref","hkern","image","inputmode","line","lineargradient","marker","mask","metadata","mpath","part","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),P=i(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),j=i(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),B=i(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),U=i(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),H=i(["#text"]),W=i(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","exportparts","face","for","headers","height","hidden","high","href","hreflang","id","inert","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","part","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","slot","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns"]),G=i(["accent-height","accumulate","additive","alignment-baseline","amplitude","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","mask-type","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","slope","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","tablevalues","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),q=i(["accent","accentunder","align","bevelled","close","columnalign","columnlines","columnspacing","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lquote","lspace","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),X=i(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),Y=a(/\{\{[\w\W]*|[\w\W]*\}\}/gm),$=a(/<%[\w\W]*|[\w\W]*%>/gm),K=a(/\$\{[\w\W]*/gm),V=a(/^data-[\-\w.\u00B7-\uFFFF]+$/),J=a(/^aria-[\-\w]+$/),Q=a(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),Z=a(/^(?:\w+script|data):/i),ee=a(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),te=a(/^html$/i),ne=a(/^[a-z][.\w]*(-[.\w]+)+$/i);var oe=Object.freeze({__proto__:null,ARIA_ATTR:J,ATTR_WHITESPACE:ee,CUSTOM_ELEMENT:ne,DATA_ATTR:V,DOCTYPE_NAME:te,ERB_EXPR:$,IS_ALLOWED_URI:Q,IS_SCRIPT_OR_DATA:Z,MUSTACHE_EXPR:Y,TMPLIT_EXPR:K});const re=function(){return"undefined"==typeof window?null:window};var ie=function t(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:re();const o=e=>t(e);if(o.version="3.4.1",o.removed=[],!n||!n.document||9!==n.document.nodeType||!n.Element)return o.isSupported=!1,o;let{document:r}=n;const a=r,s=a.currentScript,{DocumentFragment:c,HTMLTemplateElement:O,Node:z,Element:N,NodeFilter:Y,NamedNodeMap:$=n.NamedNodeMap||n.MozNamedAttrMap,HTMLFormElement:K,DOMParser:V,trustedTypes:J}=n,Z=N.prototype,ee=M(Z,"cloneNode"),ne=M(Z,"remove"),ie=M(Z,"nextSibling"),ae=M(Z,"childNodes"),le=M(Z,"parentNode");if("function"==typeof O){const e=r.createElement("template");e.content&&e.content.ownerDocument&&(r=e.content.ownerDocument)}let se,ce="";const{implementation:ue,createNodeIterator:fe,createDocumentFragment:me,getElementsByTagName:pe}=r,{importNode:de}=a;let ge={afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]};o.isSupported="function"==typeof e&&"function"==typeof le&&ue&&void 0!==ue.createHTMLDocument;const{MUSTACHE_EXPR:he,ERB_EXPR:ye,TMPLIT_EXPR:be,DATA_ATTR:we,ARIA_ATTR:Te,IS_SCRIPT_OR_DATA:xe,ATTR_WHITESPACE:ve,CUSTOM_ELEMENT:Ae}=oe;let{IS_ALLOWED_URI:Se}=oe,Ee=null;const ke=I({},[...F,...C,...P,...B,...H]);let _e=null;const Re=I({},[...W,...G,...q,...X]);let De=Object.seal(l(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),Oe=null,ze=null;const Ie=Object.seal(l(null,{tagCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeCheck:{writable:!0,configurable:!1,enumerable:!0,value:null}}));let Ne=!0,Le=!0,Me=!1,Fe=!0,Ce=!1,Pe=!0,je=!1,Be=!1,Ue=!1,He=!1,We=!1,Ge=!1,qe=!0,Xe=!1;const Ye="user-content-";let $e=!0,Ke=!1,Ve={},Je=null;const Qe=I({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let Ze=null;const et=I({},["audio","video","img","source","image","track"]);let tt=null;const nt=I({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),ot="http://www.w3.org/1998/Math/MathML",rt="http://www.w3.org/2000/svg",it="http://www.w3.org/1999/xhtml";let at=it,lt=!1,st=null;const ct=I({},[ot,rt,it],y);let ut=I({},["mi","mo","mn","ms","mtext"]),ft=I({},["annotation-xml"]);const mt=I({},["title","style","font","a","script"]);let pt=null;const dt=["application/xhtml+xml","text/html"];let gt=null,ht=null;const yt=r.createElement("form"),bt=function(e){return e instanceof RegExp||e instanceof Function},wt=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(ht&&ht===e)return;e&&"object"==typeof e||(e={}),e=L(e),pt=-1===dt.indexOf(e.PARSER_MEDIA_TYPE)?"text/html":e.PARSER_MEDIA_TYPE,gt="application/xhtml+xml"===pt?y:h,Ee=k(e,"ALLOWED_TAGS")&&g(e.ALLOWED_TAGS)?I({},e.ALLOWED_TAGS,gt):ke,_e=k(e,"ALLOWED_ATTR")&&g(e.ALLOWED_ATTR)?I({},e.ALLOWED_ATTR,gt):Re,st=k(e,"ALLOWED_NAMESPACES")&&g(e.ALLOWED_NAMESPACES)?I({},e.ALLOWED_NAMESPACES,y):ct,tt=k(e,"ADD_URI_SAFE_ATTR")&&g(e.ADD_URI_SAFE_ATTR)?I(L(nt),e.ADD_URI_SAFE_ATTR,gt):nt,Ze=k(e,"ADD_DATA_URI_TAGS")&&g(e.ADD_DATA_URI_TAGS)?I(L(et),e.ADD_DATA_URI_TAGS,gt):et,Je=k(e,"FORBID_CONTENTS")&&g(e.FORBID_CONTENTS)?I({},e.FORBID_CONTENTS,gt):Qe,Oe=k(e,"FORBID_TAGS")&&g(e.FORBID_TAGS)?I({},e.FORBID_TAGS,gt):L({}),ze=k(e,"FORBID_ATTR")&&g(e.FORBID_ATTR)?I({},e.FORBID_ATTR,gt):L({}),Ve=!!k(e,"USE_PROFILES")&&(e.USE_PROFILES&&"object"==typeof e.USE_PROFILES?L(e.USE_PROFILES):e.USE_PROFILES),Ne=!1!==e.ALLOW_ARIA_ATTR,Le=!1!==e.ALLOW_DATA_ATTR,Me=e.ALLOW_UNKNOWN_PROTOCOLS||!1,Fe=!1!==e.ALLOW_SELF_CLOSE_IN_ATTR,Ce=e.SAFE_FOR_TEMPLATES||!1,Pe=!1!==e.SAFE_FOR_XML,je=e.WHOLE_DOCUMENT||!1,He=e.RETURN_DOM||!1,We=e.RETURN_DOM_FRAGMENT||!1,Ge=e.RETURN_TRUSTED_TYPE||!1,Ue=e.FORCE_BODY||!1,qe=!1!==e.SANITIZE_DOM,Xe=e.SANITIZE_NAMED_PROPS||!1,$e=!1!==e.KEEP_CONTENT,Ke=e.IN_PLACE||!1,Se=function(e){try{return R(e,""),!0}catch(e){return!1}}(e.ALLOWED_URI_REGEXP)?e.ALLOWED_URI_REGEXP:Q,at="string"==typeof e.NAMESPACE?e.NAMESPACE:it,ut=k(e,"MATHML_TEXT_INTEGRATION_POINTS")&&e.MATHML_TEXT_INTEGRATION_POINTS&&"object"==typeof e.MATHML_TEXT_INTEGRATION_POINTS?L(e.MATHML_TEXT_INTEGRATION_POINTS):I({},["mi","mo","mn","ms","mtext"]),ft=k(e,"HTML_INTEGRATION_POINTS")&&e.HTML_INTEGRATION_POINTS&&"object"==typeof e.HTML_INTEGRATION_POINTS?L(e.HTML_INTEGRATION_POINTS):I({},["annotation-xml"]);const t=k(e,"CUSTOM_ELEMENT_HANDLING")&&e.CUSTOM_ELEMENT_HANDLING&&"object"==typeof e.CUSTOM_ELEMENT_HANDLING?L(e.CUSTOM_ELEMENT_HANDLING):l(null);if(De=l(null),k(t,"tagNameCheck")&&bt(t.tagNameCheck)&&(De.tagNameCheck=t.tagNameCheck),k(t,"attributeNameCheck")&&bt(t.attributeNameCheck)&&(De.attributeNameCheck=t.attributeNameCheck),k(t,"allowCustomizedBuiltInElements")&&"boolean"==typeof t.allowCustomizedBuiltInElements&&(De.allowCustomizedBuiltInElements=t.allowCustomizedBuiltInElements),Ce&&(Le=!1),We&&(He=!0),Ve&&(Ee=I({},H),_e=l(null),!0===Ve.html&&(I(Ee,F),I(_e,W)),!0===Ve.svg&&(I(Ee,C),I(_e,G),I(_e,X)),!0===Ve.svgFilters&&(I(Ee,P),I(_e,G),I(_e,X)),!0===Ve.mathMl&&(I(Ee,B),I(_e,q),I(_e,X))),Ie.tagCheck=null,Ie.attributeCheck=null,k(e,"ADD_TAGS")&&("function"==typeof e.ADD_TAGS?Ie.tagCheck=e.ADD_TAGS:g(e.ADD_TAGS)&&(Ee===ke&&(Ee=L(Ee)),I(Ee,e.ADD_TAGS,gt))),k(e,"ADD_ATTR")&&("function"==typeof e.ADD_ATTR?Ie.attributeCheck=e.ADD_ATTR:g(e.ADD_ATTR)&&(_e===Re&&(_e=L(_e)),I(_e,e.ADD_ATTR,gt))),k(e,"ADD_URI_SAFE_ATTR")&&g(e.ADD_URI_SAFE_ATTR)&&I(tt,e.ADD_URI_SAFE_ATTR,gt),k(e,"FORBID_CONTENTS")&&g(e.FORBID_CONTENTS)&&(Je===Qe&&(Je=L(Je)),I(Je,e.FORBID_CONTENTS,gt)),k(e,"ADD_FORBID_CONTENTS")&&g(e.ADD_FORBID_CONTENTS)&&(Je===Qe&&(Je=L(Je)),I(Je,e.ADD_FORBID_CONTENTS,gt)),$e&&(Ee["#text"]=!0),je&&I(Ee,["html","head","body"]),Ee.table&&(I(Ee,["tbody"]),delete Oe.tbody),e.TRUSTED_TYPES_POLICY){if("function"!=typeof e.TRUSTED_TYPES_POLICY.createHTML)throw D('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if("function"!=typeof e.TRUSTED_TYPES_POLICY.createScriptURL)throw D('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');se=e.TRUSTED_TYPES_POLICY,ce=se.createHTML("")}else void 0===se&&(se=function(e,t){if("object"!=typeof e||"function"!=typeof e.createPolicy)return null;let n=null;const o="data-tt-policy-suffix";t&&t.hasAttribute(o)&&(n=t.getAttribute(o));const r="dompurify"+(n?"#"+n:"");try{return e.createPolicy(r,{createHTML:e=>e,createScriptURL:e=>e})}catch(e){return console.warn("TrustedTypes policy "+r+" could not be created."),null}}(J,s)),null!==se&&"string"==typeof ce&&(ce=se.createHTML(""));i&&i(e),ht=e},Tt=I({},[...C,...P,...j]),xt=I({},[...B,...U]),vt=function(e){p(o.removed,{element:e});try{le(e).removeChild(e)}catch(t){ne(e)}},At=function(e,t){try{p(o.removed,{attribute:t.getAttributeNode(e),from:t})}catch(e){p(o.removed,{attribute:null,from:t})}if(t.removeAttribute(e),"is"===e)if(He||We)try{vt(t)}catch(e){}else try{t.setAttribute(e,"")}catch(e){}},St=function(e){let t=null,n=null;if(Ue)e="<remove></remove>"+e;else{const t=b(e,/^[\r\n\t ]+/);n=t&&t[0]}"application/xhtml+xml"===pt&&at===it&&(e='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+e+"</body></html>");const o=se?se.createHTML(e):e;if(at===it)try{t=(new V).parseFromString(o,pt)}catch(e){}if(!t||!t.documentElement){t=ue.createDocument(at,"template",null);try{t.documentElement.innerHTML=lt?ce:o}catch(e){}}const i=t.body||t.documentElement;return e&&n&&i.insertBefore(r.createTextNode(n),i.childNodes[0]||null),at===it?pe.call(t,je?"html":"body")[0]:je?t.documentElement:i},Et=function(e){return fe.call(e.ownerDocument||e,e,Y.SHOW_ELEMENT|Y.SHOW_COMMENT|Y.SHOW_TEXT|Y.SHOW_PROCESSING_INSTRUCTION|Y.SHOW_CDATA_SECTION,null)},kt=function(e){return e instanceof K&&("string"!=typeof e.nodeName||"string"!=typeof e.textContent||"function"!=typeof e.removeChild||!(e.attributes instanceof $)||"function"!=typeof e.removeAttribute||"function"!=typeof e.setAttribute||"string"!=typeof e.namespaceURI||"function"!=typeof e.insertBefore||"function"!=typeof e.hasChildNodes)},_t=function(e){return"function"==typeof z&&e instanceof z};function Rt(e,t,n){u(e,(e=>{e.call(o,t,n,ht)}))}const Dt=function(e){let t=null;if(Rt(ge.beforeSanitizeElements,e,null),kt(e))return vt(e),!0;const n=gt(e.nodeName);if(Rt(ge.uponSanitizeElement,e,{tagName:n,allowedTags:Ee}),Pe&&e.hasChildNodes()&&!_t(e.firstElementChild)&&R(/<[/\w!]/g,e.innerHTML)&&R(/<[/\w!]/g,e.textContent))return vt(e),!0;if(Pe&&e.namespaceURI===it&&"style"===n&&_t(e.firstElementChild))return vt(e),!0;if(7===e.nodeType)return vt(e),!0;if(Pe&&8===e.nodeType&&R(/<[/\w]/g,e.data))return vt(e),!0;if(Oe[n]||!(Ie.tagCheck instanceof Function&&Ie.tagCheck(n))&&!Ee[n]){if(!Oe[n]&&It(n)){if(De.tagNameCheck instanceof RegExp&&R(De.tagNameCheck,n))return!1;if(De.tagNameCheck instanceof Function&&De.tagNameCheck(n))return!1}if($e&&!Je[n]){const t=le(e)||e.parentNode,n=ae(e)||e.childNodes;if(n&&t)for(let o=n.length-1;o>=0;--o){const r=ee(n[o],!0);t.insertBefore(r,ie(e))}}return vt(e),!0}return e instanceof N&&!function(e){let t=le(e);t&&t.tagName||(t={namespaceURI:at,tagName:"template"});const n=h(e.tagName),o=h(t.tagName);return!!st[e.namespaceURI]&&(e.namespaceURI===rt?t.namespaceURI===it?"svg"===n:t.namespaceURI===ot?"svg"===n&&("annotation-xml"===o||ut[o]):Boolean(Tt[n]):e.namespaceURI===ot?t.namespaceURI===it?"math"===n:t.namespaceURI===rt?"math"===n&&ft[o]:Boolean(xt[n]):e.namespaceURI===it?!(t.namespaceURI===rt&&!ft[o])&&!(t.namespaceURI===ot&&!ut[o])&&!xt[n]&&(mt[n]||!Tt[n]):!("application/xhtml+xml"!==pt||!st[e.namespaceURI]))}(e)?(vt(e),!0):"noscript"!==n&&"noembed"!==n&&"noframes"!==n||!R(/<\/no(script|embed|frames)/i,e.innerHTML)?(Ce&&3===e.nodeType&&(t=e.textContent,u([he,ye,be],(e=>{t=w(t,e," ")})),e.textContent!==t&&(p(o.removed,{element:e.cloneNode()}),e.textContent=t)),Rt(ge.afterSanitizeElements,e,null),!1):(vt(e),!0)},Ot=function(e,t,n){if(ze[t])return!1;if(qe&&("id"===t||"name"===t)&&(n in r||n in yt))return!1;if(Le&&!ze[t]&&R(we,t));else if(Ne&&R(Te,t));else if(Ie.attributeCheck instanceof Function&&Ie.attributeCheck(t,e));else if(!_e[t]||ze[t]){if(!(It(e)&&(De.tagNameCheck instanceof RegExp&&R(De.tagNameCheck,e)||De.tagNameCheck instanceof Function&&De.tagNameCheck(e))&&(De.attributeNameCheck instanceof RegExp&&R(De.attributeNameCheck,t)||De.attributeNameCheck instanceof Function&&De.attributeNameCheck(t,e))||"is"===t&&De.allowCustomizedBuiltInElements&&(De.tagNameCheck instanceof RegExp&&R(De.tagNameCheck,n)||De.tagNameCheck instanceof Function&&De.tagNameCheck(n))))return!1}else if(tt[t]);else if(R(Se,w(n,ve,"")));else if("src"!==t&&"xlink:href"!==t&&"href"!==t||"script"===e||0!==T(n,"data:")||!Ze[e])if(Me&&!R(xe,w(n,ve,"")));else if(n)return!1;return!0},zt=I({},["annotation-xml","color-profile","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","missing-glyph"]),It=function(e){return!zt[h(e)]&&R(Ae,e)},Nt=function(e){Rt(ge.beforeSanitizeAttributes,e,null);const{attributes:t}=e;if(!t||kt(e))return;const n={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:_e,forceKeepAttr:void 0};let r=t.length;for(;r--;){const i=t[r],{name:a,namespaceURI:l,value:s}=i,c=gt(a),f=s;let p="value"===a?f:x(f);if(n.attrName=c,n.attrValue=p,n.keepAttr=!0,n.forceKeepAttr=void 0,Rt(ge.uponSanitizeAttribute,e,n),p=n.attrValue,!Xe||"id"!==c&&"name"!==c||0===T(p,Ye)||(At(a,e),p=Ye+p),Pe&&R(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i,p)){At(a,e);continue}if("attributename"===c&&b(p,"href")){At(a,e);continue}if(n.forceKeepAttr)continue;if(!n.keepAttr){At(a,e);continue}if(!Fe&&R(/\/>/i,p)){At(a,e);continue}Ce&&u([he,ye,be],(e=>{p=w(p,e," ")}));const d=gt(e.nodeName);if(Ot(d,c,p)){if(se&&"object"==typeof J&&"function"==typeof J.getAttributeType)if(l);else switch(J.getAttributeType(d,c)){case"TrustedHTML":p=se.createHTML(p);break;case"TrustedScriptURL":p=se.createScriptURL(p)}if(p!==f)try{l?e.setAttributeNS(l,a,p):e.setAttribute(a,p),kt(e)?vt(e):m(o.removed)}catch(t){At(a,e)}}else At(a,e)}Rt(ge.afterSanitizeAttributes,e,null)},Lt=function(e){let t=null;const n=Et(e);for(Rt(ge.beforeSanitizeShadowDOM,e,null);t=n.nextNode();)Rt(ge.uponSanitizeShadowNode,t,null),Dt(t),Nt(t),t.content instanceof c&&Lt(t.content);Rt(ge.afterSanitizeShadowDOM,e,null)};return o.sanitize=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=null,r=null,i=null,l=null;if(lt=!e,lt&&(e="\x3c!--\x3e"),"string"!=typeof e&&!_t(e)&&"string"!=typeof(e=function(e){switch(typeof e){case"string":return e;case"number":return v(e);case"boolean":return A(e);case"bigint":return S?S(e):"0";case"symbol":return E?E(e):"Symbol()";case"undefined":default:return _(e);case"function":case"object":{if(null===e)return _(e);const t=e,n=M(t,"toString");if("function"==typeof n){const e=n(t);return"string"==typeof e?e:_(e)}return _(e)}}}(e)))throw D("dirty is not a string, aborting");if(!o.isSupported)return e;if(Be||wt(t),o.removed=[],"string"==typeof e&&(Ke=!1),Ke){const t=e.nodeName;if("string"==typeof t){const e=gt(t);if(!Ee[e]||Oe[e])throw D("root node is forbidden and cannot be sanitized in-place")}}else if(e instanceof z)n=St("\x3c!----\x3e"),r=n.ownerDocument.importNode(e,!0),1===r.nodeType&&"BODY"===r.nodeName||"HTML"===r.nodeName?n=r:n.appendChild(r);else{if(!He&&!Ce&&!je&&-1===e.indexOf("<"))return se&&Ge?se.createHTML(e):e;if(n=St(e),!n)return He?null:Ge?ce:""}n&&Ue&&vt(n.firstChild);const s=Et(Ke?e:n);for(;i=s.nextNode();)Dt(i),Nt(i),i.content instanceof c&&Lt(i.content);if(Ke)return e;if(He){if(Ce){n.normalize();let e=n.innerHTML;u([he,ye,be],(t=>{e=w(e,t," ")})),n.innerHTML=e}if(We)for(l=me.call(n.ownerDocument);n.firstChild;)l.appendChild(n.firstChild);else l=n;return(_e.shadowroot||_e.shadowrootmode)&&(l=de.call(a,l,!0)),l}let f=je?n.outerHTML:n.innerHTML;return je&&Ee["!doctype"]&&n.ownerDocument&&n.ownerDocument.doctype&&n.ownerDocument.doctype.name&&R(te,n.ownerDocument.doctype.name)&&(f="<!DOCTYPE "+n.ownerDocument.doctype.name+">\n"+f),Ce&&u([he,ye,be],(e=>{f=w(f,e," ")})),se&&Ge?se.createHTML(f):f},o.setConfig=function(){wt(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}),Be=!0},o.clearConfig=function(){ht=null,Be=!1},o.isValidAttribute=function(e,t,n){ht||wt({});const o=gt(e),r=gt(t);return Ot(o,r,n)},o.addHook=function(e,t){"function"==typeof t&&p(ge[e],t)},o.removeHook=function(e,t){if(void 0!==t){const n=f(ge[e],t);return-1===n?void 0:d(ge[e],n,1)[0]}return m(ge[e])},o.removeHooks=function(e){ge[e]=[]},o.removeAllHooks=function(){ge={afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}},o}();function ae(e){return e?ie.sanitize(e):""}export{ae as s}

package/dist/exploration-project-tailwind/{p-ba21fed3.entry.js → p-a27f59d2.entry.js}

@@ -1 +1 @@
-import{r as t,a as r,h as a,H as e,c as i}from"./p-DUsoYu9r.js";import{s as o}from"./p-D2WzX6vR.js";const s=class{constructor(r){t(this,r)}get el(){return r(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"),r=t?t.assignedElements():Array.from(this.el.children);this.slottedAvatars=r.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 r=40;const a=parseFloat(this.size);return isNaN(a)?"string"==typeof this.size&&t[this.size]&&(r=t[this.size]):r=a,-.4*r}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,r){const e=t-r;if(e<=0)return null;const i=this.getMaxStyle();return a("div",{class:"excess-avatar-container",onMouseEnter:()=>this.showPopover=this.enablePopover,onMouseLeave:()=>this.showPopover=!1,onClick:this.toggleRoster},a("div",{class:{"avatar-extra":!0,[`avatar-${this.getSizeAlias()}`]:!0,[`shape-${this.shape}`]:!0},style:{...i,backgroundColor:i.backgroundColor||"#f56a00"}},"+",e),this.showPopover&&this.enablePopover&&"stack"===this.layout&&this.renderPopover(r))}renderPopover(t){const r=this.getAllAvatarData().slice(t);return a("div",{class:"avatar-popover"},a("div",{class:"popover-content"},r.map(((t,r)=>a("div",{class:"popover-item",key:r},a("ui-avatar",{size:"xs",shape:this.shape,src:t.src,icon:t.icon,name:t.name,content:t.content,bgColor:t.bgColor}),a("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(),r=this.getMaxCount(),i="grid"===this.layout?t:t.slice(0,r),o=this.calculateOverlap(),s={"avatar-group":!0,[`layout-${this.layout}`]:!0,"avatar-group-animated":this.animated&&"stack"===this.layout,expanded:this.isHovered&&"stack"===this.layout},n={"--avatar-spacing":`${o}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 a(e,{key:"d1c53574be9549de6cce9cf8aae33ac8019dd556"},a("div",{key:"0f64bd06b7f8bd077e98286b9df7cd24e1924a50",class:s,style:n,onMouseEnter:this.handleMouseEnterGroup,onMouseLeave:this.handleMouseLeaveGroup},a("div",{key:"937475ddb42adc924320a2f15f61a76f3ec3c916",class:"avatar-list"},i.map(((r,e)=>a("ui-avatar",{...r,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,r)),a("div",{key:"52779f80360501b288b88cd896f2dd117b18c0e1",style:{display:"none"}},a("slot",{key:"bd6996c4789091de98a2f01349990412278e51ee"}))),this.isRosterOpen&&a("div",{key:"fb404a5fd2e4723bb54465a8e6b94d220052721d",class:"avatar-roster-backdrop",onClick:this.closeRoster},a("div",{key:"81df0d927175829c2fe80e3c39bf81350011620e",class:"avatar-roster-content",onClick:t=>t.stopPropagation()},a("div",{key:"89cea0f5aed19f87eaab53bdab36b0ccf429dc54",class:"roster-header"},a("h3",{key:"3d113ccb91edb0b47e7bccc311af3f52f09ed5f2"},"Participants (",t.length,")"),a("ui-button",{key:"ad42880fadf89334d69ff0fca445adf7fb1b4494",variant:"ghost",onClick:this.closeRoster,ariaLabel:"Close roster",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"})),a("div",{key:"d683e744b8a132d600d8681254c39b0569b1564c",class:"roster-list"},t.map(((t,r)=>a("div",{key:r,class:"roster-item"},a("ui-avatar",{...t,size:"s",shape:this.shape}),a("div",{class:"roster-info"},a("span",{class:"roster-name"},t.name||t.content||"Anonymous"),t.status&&a("span",{class:`roster-status status-${t.status}`},t.status)))))))))}};s.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.avatar-group{display:inline-flex;position:relative;align-items:center}.avatar-group.layout-stack .group-avatar{margin-right:var(--avatar-spacing, -16px);transition:all 0.5s cubic-bezier(0.25, 1, 0.5, 1);transform-origin:center bottom}.avatar-group.layout-stack .group-avatar:hover{z-index:100 !important;transform:scale(1.25) translateY(-10px);margin-right:8px !important;box-shadow:0 10px 25px rgba(0, 0, 0, 0.2);border-color:var(--border-subtle, #fff) !important}.avatar-group.layout-stack .group-avatar:hover~.group-avatar,.avatar-group.layout-stack .group-avatar:hover~.excess-avatar-container{transform:translateX(24px)}.avatar-group.layout-stack.avatar-group-animated:hover{padding-right:40px}.avatar-group.layout-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(var(--avatar-size) + 8px), 1fr));gap:8px;width:100%}.avatar-list{display:flex;flex-wrap:wrap;align-items:center}.layout-stack .avatar-list{flex-wrap:nowrap}.avatar-extra{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-danger, #f56a00);color:var(--text-standard, #ffffff);font-weight:600;border:var(--avatar-border-width, 2px) solid var(--avatar-border-color, #fff);cursor:pointer;z-index:1;transition:transform 0.2s;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);font-size:0.8em}.avatar-extra:hover{transform:scale(1.1) translateY(-4px);z-index:100;box-shadow:0 8px 20px rgba(0, 0, 0, 0.15)}.avatar-extra.shape-circle{border-radius:50%}.avatar-extra.shape-square{border-radius:8px}.avatar-popover{position:absolute;top:100%;right:0;background:var(--bg-primary, #ffffff);border-radius:8px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.2);padding:12px;z-index:1000;min-width:180px;margin-top:8px;animation:popoverFadeIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.avatar-popover::after{content:"";position:absolute;top:-12px;right:12px;border:6px solid transparent;border-bottom-color:var(--bg-primary, #ffffff)}.avatar-popover .popover-content{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.avatar-popover .popover-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:6px;transition:background 0.2s;cursor:pointer}.avatar-popover .popover-item:hover{background:var(--bg-secondary, #f3f4f6)}.avatar-popover .popover-item ui-avatar{transition:none !important;transform:none !important;box-shadow:none !important}.avatar-popover .popover-text{font-size:14px;color:var(--text-secondary, #374151);font-weight:500}@keyframes popoverFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.avatar-roster-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(4px)}.avatar-roster-content{background:var(--bg-primary, #ffffff);width:90%;max-width:500px;max-height:80vh;border-radius:16px;box-shadow:0 20px 50px rgba(0, 0, 0, 0.3);display:flex;flex-direction:column;overflow:hidden;animation:modalIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)}.roster-header{padding:20px;border-bottom:1px solid var(--border-subtle, #eee);display:flex;align-items:center;justify-content:space-between}.roster-header h3{margin:0;color:var(--text-primary, #1f2937)}.roster-header .close-btn{background:none;border:none;font-size:28px;cursor:pointer;color:var(--text-muted, #9ca3af)}.roster-header .close-btn:hover{color:var(--text-primary, #1f2937)}.roster-list{padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.roster-item{display:flex;align-items:center;gap:16px;padding:12px;border-radius:12px;transition:background 0.2s}.roster-item:hover{background:var(--bg-primary, #f9fafb)}.roster-info{display:flex;flex-direction:column}.roster-name{font-weight:600;color:var(--text-primary, #111827)}.roster-status{font-size:11px;text-transform:capitalize;border-radius:4px;padding:1px 6px;width:fit-content}.status-online{color:var(--color-success-hover, #059669);background:var(--bg-primary, #ecfdf5)}@keyframes modalIn{from{opacity:0;transform:scale(0.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}';const n=class{constructor(r){t(this,r)}get el(){return r(this)}direction="horizontal";wrap="nowrap";spacing="8px";align="center";justify="start";max=0;overlap=!1;showDividers=!1;dividerType="solid";childrenCount=0;isRosterOpen=!1;mutationObserver;componentWillLoad(){this.updateChildrenCount()}componentDidLoad(){this.mutationObserver=new MutationObserver((()=>{this.updateChildrenCount()})),this.mutationObserver.observe(this.el,{childList:!0})}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}toggleRoster=()=>{this.isRosterOpen=!this.isRosterOpen};closeRoster=()=>{this.isRosterOpen=!1};updateChildrenVisibility(t){Array.from(this.el.children).forEach(((r,a)=>{r.style.display=a<t?"":"none"}))}updateChildrenCount(){this.childrenCount=this.el.children.length}renderRoster(t,r){return a("div",{class:"stack-roster-backdrop",onClick:this.closeRoster},a("div",{class:"stack-roster-content",onClick:t=>t.stopPropagation()},a("div",{class:"roster-header"},a("div",{class:"roster-titles"},a("h4",{class:"roster-main-title"},"Hidden Items"),a("span",{class:"roster-sub-title"},r," items total")),a("ui-button",{variant:"ghost",onClick:this.closeRoster,ariaLabel:"Close roster",icon:"times",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"})),a("div",{class:"roster-list"},t.map(((t,r)=>a("div",{key:r,class:"roster-item"},a("div",{class:"roster-item-preview",innerHTML:o(t.outerHTML)}),a("span",{class:"roster-item-label"},"Item ",r+1)))))))}render(){const t=this.overlap||this.spacing.startsWith("-"),r=this.max>0?this.max:this.childrenCount,i=this.childrenCount-r,o=Array.from(this.el.children);return requestAnimationFrame((()=>this.updateChildrenVisibility(r))),a(e,{key:"b4bb6771a1c77451d4942923c5d073e8a244364b",class:{"ui-stack":!0,[`stack-${this.direction}`]:!0,[`stack-wrap-${this.wrap}`]:!0,"stack-overlap":t,"stack-show-dividers":this.showDividers&&!t,[`divider-${this.dividerType}`]:this.showDividers},style:{"--stack-spacing":t?"0":this.spacing,"--stack-overlap":t?this.spacing.startsWith("-")?this.spacing:"-12px":"0","align-items":this.align,"justify-content":this.justify,"flex-wrap":this.wrap}},a("div",{key:"9da8fff23f86aa701e9924f551318b29f9af4cfb",class:"stack-container"},a("slot",{key:"6525df2ac3797654bea059326ead5fe8a89e55ae"}),i>0&&a("div",{key:"aa65e3619fad1f13b85b19c70b157ac96f559216",class:"stack-overflow-indicator",onClick:t=>{t.stopPropagation(),this.toggleRoster()},onKeyDown:t=>{"Enter"===t.key&&this.toggleRoster()},tabindex:"0",role:"button",title:`View ${i} more items`},"+",i)),this.isRosterOpen&&this.renderRoster(o,this.childrenCount))}};n.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:inline-block}:host(.stack-horizontal) .stack-container{flex-direction:row}:host(.stack-vertical) .stack-container{flex-direction:column}.stack-container{display:flex;gap:var(--stack-spacing, 8px)}:host(.stack-wrap-wrap) .stack-container{flex-wrap:wrap}:host(.stack-wrap-wrap-reverse) .stack-container{flex-wrap:wrap-reverse}:host(.stack-show-dividers) .stack-container{gap:0}:host(.stack-show-dividers) ::slotted(*:not(:last-child)){position:relative;margin-right:var(--stack-spacing, 8px);display:flex;align-items:center}:host(.stack-show-dividers) ::slotted(*:not(:last-child))::after{content:"";position:absolute;right:calc(var(--stack-spacing, 8px) / -2);background:var(--bg-primary, #e5e7eb)}:host(.stack-horizontal.stack-show-dividers) ::slotted(*:not(:last-child))::after{width:1px;height:60%;top:20%}:host(.stack-vertical.stack-show-dividers) ::slotted(*:not(:last-child))::after{height:1px;width:60%;left:20%;bottom:calc(var(--stack-spacing, 8px) / -2)}:host(.divider-dashed) ::slotted(*:not(:last-child))::after{border-right:1px dashed var(--border-default, #e5e7eb);background:none}:host(.divider-dotted) ::slotted(*:not(:last-child))::after{border-right:1px dotted var(--border-default, #e5e7eb);background:none}:host(.stack-overlap) .stack-container{padding-right:20px}:host(.stack-overlap) ::slotted(*){margin-right:var(--stack-overlap, -12px) !important;transition:transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), z-index 0s, filter 0.3s ease;position:relative;z-index:1;border:2px solid var(--bg-primary, #ffffff);box-sizing:border-box;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));cursor:pointer}:host(.stack-overlap) ::slotted(*:hover){transform:translateY(-8px) scale(1.1) rotate(1deg);z-index:100 !important;filter:drop-shadow(0 12px 24px rgba(0, 0, 0, 0.2))}:host(.stack-overlap) ::slotted(*:last-child){margin-right:0 !important}.stack-roster-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn 0.2s ease-out}.stack-roster-content{background:var(--bg-primary, #ffffff);width:90%;max-width:400px;max-height:80vh;border-radius:16px;box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25);display:flex;flex-direction:column;overflow:hidden;animation:slideUp 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.roster-header{padding:16px 20px;border-bottom:1px solid var(--border-subtle, #f1f5f9);display:flex;justify-content:space-between;align-items:center}.roster-header h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #1e293b)}.close-btn{background:var(--bg-secondary, #f1f5f9);border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted, #64748b);font-size:18px;transition:all 0.2s}.close-btn:hover{background:var(--bg-primary, #e2e8f0);color:var(--text-primary, #0f172a)}.roster-list{padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.roster-item{padding:10px;border-radius:10px;background:var(--bg-primary, #f8fafc);border:1px solid var(--border-subtle, #f1f5f9);display:flex;align-items:center;transition:background 0.2s}.roster-item:hover{background:var(--bg-secondary, #f1f5f9)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.stack-overflow-indicator{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;border-radius:50%;background:var(--bg-secondary, #f3f4f6);border:2px solid var(--bg-primary, #ffffff);color:var(--text-secondary, #4b5563);font-size:12px;font-weight:600;z-index:10;cursor:pointer;transition:transform 0.2s}.stack-overflow-indicator:hover{transform:scale(1.1);background:var(--bg-primary, #e5e7eb)}@media (prefers-color-scheme: dark){.stack-roster-content{background:var(--bg-primary, #1e293b)}.roster-header h4{color:var(--text-standard, #ffffff)}.roster-item{background:var(--color-primary, #334155);border-color:var(--color-primary, #475569)}.roster-item:hover{background:var(--color-primary, #475569)}.stack-overflow-indicator{background:var(--color-primary, #374151);border-color:var(--border-strong, #1f2937);color:var(--text-standard, #f3f4f6)}.stack-overflow-indicator:hover{background:var(--color-primary, #4b5563)}}';const p=class{constructor(r){t(this,r),this.tagAdd=i(this,"tagAdd"),this.tagGroupChange=i(this,"tagGroupChange")}get el(){return r(this)}max=0;spacing="8px";overlap=!1;value=[];selectionMode="none";size;variant;color;rounded=!1;removable=!1;creatable=!1;searchable=!1;collapsible=!1;caseSensitive=!1;delimiters=[","," "];skeleton=!1;shape;animation;readOnly=!1;placeholder="Add tag...";tagAdd;searchQuery="";isExpanded=!1;isLastTagHighlighted=!1;tagGroupChange;handleKeyDown(t){if(this.readOnly)return;const r=Array.from(this.el.querySelectorAll("ui-tag")),a=this.el.shadowRoot?.activeElement||document.activeElement,e=r.findIndex((t=>t===a||t.contains(a))),i=a===this.el.shadowRoot?.querySelector(".tag-group-inline-input");if("ArrowLeft"===t.key)i&&0===t.target.selectionStart?r.length>0&&(r[r.length-1].focus(),t.preventDefault()):e>0&&(r[e-1].focus(),t.preventDefault());else if("ArrowRight"===t.key)-1!==e&&(e===r.length-1?this.el.shadowRoot?.querySelector(".tag-group-inline-input")?.focus():r[e+1].focus(),t.preventDefault());else if(("Backspace"===t.key||"Delete"===t.key)&&-1!==e){const a=r[e],i=e<r.length-1?r[e+1]:this.el.shadowRoot?.querySelector(".tag-group-inline-input");this.removable&&(this.removeTagByValue(a.value||a.label),i&&i.focus(),t.preventDefault())}}handleGroupChange(){this.updateChildren()}handleTagRemove(t){if(this.readOnly)return;const r=t.target;if(!r)return;const a=r.value||r.label;if(Array.isArray(this.value)){const t=this.value.indexOf(a);if(t>-1){const r=[...this.value];r.splice(t,1),this.value=r,this.tagGroupChange.emit(this.value)}}else this.value===a&&(this.value="",this.tagGroupChange.emit(this.value));r.parentNode===this.el&&this.el.removeChild(r),setTimeout((()=>this.updateChildren()),50)}handleTagCheck(t){if(this.readOnly||"none"===this.selectionMode)return;const r=t.target,a=r.value||r.label;if("single"===this.selectionMode)this.value=t.detail?a:"",this.syncSelection();else{const r=Array.isArray(this.value)?[...this.value]:this.value?[this.value]:[];if(t.detail)r.includes(a)||r.push(a);else{const t=r.indexOf(a);t>-1&&r.splice(t,1)}this.value=r,this.syncSelection()}this.tagGroupChange.emit(this.value)}componentDidLoad(){this.updateChildren();const t=this.el.shadowRoot?.querySelector("slot");t&&t.addEventListener("slotchange",(()=>this.updateChildren()))}updateChildren(){const t=Array.from(this.el.querySelectorAll("ui-tag")),r=this.searchQuery.toLowerCase();t.forEach(((a,e)=>{this.size&&(a.size=this.size),this.variant&&(a.variant=this.variant),this.color&&(a.color=this.color),!this.overlap||this.shape||a.shape?this.shape?a.shape=this.shape:this.rounded&&(a.shape="pill"):a.shape="circle",this.skeleton&&(a.skeleton=this.skeleton),this.animation&&(a.animation=this.animation),a.removable=!this.readOnly&&this.removable,a.disabled=this.readOnly,"none"!==this.selectionMode&&(a.checkable=!0);const i=(a.label||"").toLowerCase().includes(r),o=this.max>0&&e>=this.max;this.isLastTagHighlighted&&e===t.length-1?a.setAttribute("highlighted","true"):a.removeAttribute("highlighted"),a.style.display=!i||o&&!this.isExpanded?"none":""})),this.syncSelection()}syncSelection(){const t=Array.from(this.el.querySelectorAll("ui-tag")),r=Array.isArray(this.value)?this.value:[this.value];t.forEach((t=>{t.checked=r.includes(t.value||t.label)}))}handleSearch=t=>{this.searchQuery=t.detail,this.updateChildren()};addTags(t){if(!t)return;this.isLastTagHighlighted=!1;const r=this.delimiters.map((t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))).join("|"),a=new RegExp(r||",","g");t.split(a).map((t=>t.trim())).filter((t=>!!t)).forEach((t=>{const r=Array.from(this.el.querySelectorAll("ui-tag")).find((r=>this.caseSensitive?r.label===t:r.label.toLowerCase()===t.toLowerCase()));if(r)r.pulse=!0,setTimeout((()=>r.pulse=!1),2e3);else{const r=document.createElement("ui-tag");r.setAttribute("label",t),this.el.appendChild(r),this.tagAdd.emit(t)}})),this.updateChildren()}removeLastTag(){const t=Array.from(this.el.querySelectorAll("ui-tag"));if(t.length>0){const r=t[t.length-1],a=r.value||r.label;if(Array.isArray(this.value)){const t=this.value.indexOf(a);if(t>-1){const r=[...this.value];r.splice(t,1),this.value=r,this.tagGroupChange.emit(this.value)}}this.el.removeChild(r),this.updateChildren()}}removeTagByValue(t){if(Array.isArray(this.value)){const r=this.value.indexOf(t);if(r>-1){const t=[...this.value];t.splice(r,1),this.value=t,this.tagGroupChange.emit(this.value)}}else this.value===t&&(this.value="",this.tagGroupChange.emit(this.value));const r=Array.from(this.el.querySelectorAll("ui-tag")).find((r=>(r.value||r.label)===t));r&&this.el.removeChild(r),this.updateChildren()}handleAddTag=t=>{const r=t.detail.target,a=r.value,e=t.detail.key;if("Enter"===e||this.delimiters.includes(e)&&a.trim())return this.delimiters.includes(e)&&t.detail.preventDefault(),this.addTags(a),void(r.value="");"Backspace"!==e||a?(a||"Backspace"!==e)&&(this.isLastTagHighlighted=!1,this.updateChildren()):this.isLastTagHighlighted?(this.removeLastTag(),this.isLastTagHighlighted=!1):(this.isLastTagHighlighted=!0,this.updateChildren()),"Escape"===e&&(this.isLastTagHighlighted=!1,this.updateChildren())};toggleExpand=()=>{this.isExpanded=!this.isExpanded};render(){const t=Array.from(this.el.querySelectorAll("ui-tag")),r=t.filter((t=>"none"!==t.style.display)),i=this.max>0&&t.length>this.max,o=0===t.length,s=t.length>0&&0===r.length,n=(this.searchable||this.creatable)&&!this.readOnly;return a(e,{key:"100edcd7c662a814b0f9fb61726e2582e794a228"},a("div",{key:"4c67c1ca95250f7b86aa920806a9c610fd177e5b",class:{"tag-group-container":!0,"is-readonly":this.readOnly,"is-empty":o}},a("ui-stack",{key:"80cc96c4c1106e7627160f5396443f9f76ff05d5",spacing:this.spacing,overlap:this.overlap,max:this.isExpanded?0:this.max,wrap:"wrap"},a("slot",{key:"4d6a8877bc1aad8548782ca3eb79d55bd620a3b7"}),n&&a("ui-input",{key:"1097f155dbea020ea979f38ad1557113d5f535f8",type:"text",class:"tag-group-inline-input",placeholder:o?this.placeholder:"",value:this.searchQuery,onInputChange:this.handleSearch,onInputKeydown:this.handleAddTag,size:"sm",variant:"borderless",hideBorder:!0,fullWidth:!0})),s&&a("div",{key:"887770e92e8f74e0c2299b082123aa99f0a8e973",class:"tag-group-empty no-results"},a("span",{key:"0b99fe5f1f8f1a8e0546d6ef986e4868513f0c98"},'No tags match "',this.searchQuery,'"'))||o&&this.readOnly&&a("div",{key:"af1db7772425a2792d52641b9b6a0850a236d4dd",class:"tag-group-empty"},a("ui-icon",{key:"c436b83d899bddf9c606cb767b97cbd5485d4086",name:"tag",library:"lucide",size:"1.4em"}),a("span",{key:"22a6243817d886e23b529ead4366bcf81b2fe057"},"No items assigned")),this.collapsible&&i&&a("ui-button",{key:"bf5f9ce800276a0c6294d48c9817b3b342b09a0c",variant:"ghost",size:"sm",class:"tag-group-overflow-toggle",onClick:this.toggleExpand,label:this.isExpanded?"Show less":`View all ${t.length} items`})))}static get watchers(){return{isExpanded:[{handleGroupChange:0}],skeleton:[{handleGroupChange:0}],shape:[{handleGroupChange:0}],color:[{handleGroupChange:0}]}}};p.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.tag-group-container{display:flex;flex-direction:column;gap:12px;padding:8px 12px;border:1.5px solid var(--border-subtle, #e2e8f0);border-radius:10px;background:var(--bg-primary, #f8fafc);transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);min-height:42px}.tag-group-container:focus-within{background:var(--bg-primary, #ffffff);border-color:var(--color-primary, #10b981);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.tag-group-container.is-readonly{background:transparent;border-color:transparent;padding:0;pointer-events:none}.tag-group-inline-input{flex:1;min-width:60px;border:none;background:transparent;font-size:13px;padding:4px 0;outline:none;color:var(--text-primary, #1e293b)}.tag-group-inline-input::placeholder{color:var(--color-primary, #94a3b8)}ui-stack[overlap] ui-tag,ui-stack[overlap=true] ui-tag{--ui-tag-border:2px solid var(--bg-primary, #ffffff) !important;transition:transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}ui-stack[overlap] ui-tag:hover,ui-stack[overlap=true] ui-tag:hover{transform:translateY(-4px) scale(1.1);z-index:100 !important}ui-tag[highlighted=true]{--ui-tag-bg:var(--color-primary, #10b981) !important;--ui-tag-color:var(--text-standard, #ffffff) !important;--ui-tag-border:1px solid var(--color-primary-hover, #2563eb) !important;transform:scale(1.05);box-shadow:0 4px 6px -1px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.tag-group-overflow-toggle{margin-top:4px;align-self:flex-start;background:var(--bg-secondary, #f1f5f9);border:1px solid var(--border-subtle, #e2e8f0);color:var(--text-muted, #64748b);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;cursor:pointer;padding:4px 12px;border-radius:999px;transition:all 0.2s ease}.tag-group-overflow-toggle:hover{background:var(--bg-primary, #ffffff);color:var(--color-primary, #10b981);border-color:var(--color-primary, #10b981);transform:translateY(-1px)}.tag-group-overflow-toggle:active{transform:translateY(0)}.tag-group-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:8px;color:var(--color-primary, #94a3b8);background:transparent}.tag-group-empty ui-icon{opacity:0.4}.tag-group-empty span{font-size:13px;font-weight:500}.tag-group-empty.no-results{padding:12px;border-radius:8px;background:rgba(241, 245, 249, 0.5);color:var(--text-muted, #64748b);border:1px dashed var(--border-subtle, #e2e8f0)}";export{s as ui_avatar_group,n as ui_stack,p as ui_tag_group}
+import{r as t,a as r,h as a,H as e,c as i}from"./p-DUsoYu9r.js";import{s as o}from"./p-Dyu3Nplq.js";const s=class{constructor(r){t(this,r)}get el(){return r(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"),r=t?t.assignedElements():Array.from(this.el.children);this.slottedAvatars=r.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 r=40;const a=parseFloat(this.size);return isNaN(a)?"string"==typeof this.size&&t[this.size]&&(r=t[this.size]):r=a,-.4*r}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,r){const e=t-r;if(e<=0)return null;const i=this.getMaxStyle();return a("div",{class:"excess-avatar-container",onMouseEnter:()=>this.showPopover=this.enablePopover,onMouseLeave:()=>this.showPopover=!1,onClick:this.toggleRoster},a("div",{class:{"avatar-extra":!0,[`avatar-${this.getSizeAlias()}`]:!0,[`shape-${this.shape}`]:!0},style:{...i,backgroundColor:i.backgroundColor||"#f56a00"}},"+",e),this.showPopover&&this.enablePopover&&"stack"===this.layout&&this.renderPopover(r))}renderPopover(t){const r=this.getAllAvatarData().slice(t);return a("div",{class:"avatar-popover"},a("div",{class:"popover-content"},r.map(((t,r)=>a("div",{class:"popover-item",key:r},a("ui-avatar",{size:"xs",shape:this.shape,src:t.src,icon:t.icon,name:t.name,content:t.content,bgColor:t.bgColor}),a("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(),r=this.getMaxCount(),i="grid"===this.layout?t:t.slice(0,r),o=this.calculateOverlap(),s={"avatar-group":!0,[`layout-${this.layout}`]:!0,"avatar-group-animated":this.animated&&"stack"===this.layout,expanded:this.isHovered&&"stack"===this.layout},n={"--avatar-spacing":`${o}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 a(e,{key:"d1c53574be9549de6cce9cf8aae33ac8019dd556"},a("div",{key:"0f64bd06b7f8bd077e98286b9df7cd24e1924a50",class:s,style:n,onMouseEnter:this.handleMouseEnterGroup,onMouseLeave:this.handleMouseLeaveGroup},a("div",{key:"937475ddb42adc924320a2f15f61a76f3ec3c916",class:"avatar-list"},i.map(((r,e)=>a("ui-avatar",{...r,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,r)),a("div",{key:"52779f80360501b288b88cd896f2dd117b18c0e1",style:{display:"none"}},a("slot",{key:"bd6996c4789091de98a2f01349990412278e51ee"}))),this.isRosterOpen&&a("div",{key:"fb404a5fd2e4723bb54465a8e6b94d220052721d",class:"avatar-roster-backdrop",onClick:this.closeRoster},a("div",{key:"81df0d927175829c2fe80e3c39bf81350011620e",class:"avatar-roster-content",onClick:t=>t.stopPropagation()},a("div",{key:"89cea0f5aed19f87eaab53bdab36b0ccf429dc54",class:"roster-header"},a("h3",{key:"3d113ccb91edb0b47e7bccc311af3f52f09ed5f2"},"Participants (",t.length,")"),a("ui-button",{key:"ad42880fadf89334d69ff0fca445adf7fb1b4494",variant:"ghost",onClick:this.closeRoster,ariaLabel:"Close roster",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"})),a("div",{key:"d683e744b8a132d600d8681254c39b0569b1564c",class:"roster-list"},t.map(((t,r)=>a("div",{key:r,class:"roster-item"},a("ui-avatar",{...t,size:"s",shape:this.shape}),a("div",{class:"roster-info"},a("span",{class:"roster-name"},t.name||t.content||"Anonymous"),t.status&&a("span",{class:`roster-status status-${t.status}`},t.status)))))))))}};s.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.avatar-group{display:inline-flex;position:relative;align-items:center}.avatar-group.layout-stack .group-avatar{margin-right:var(--avatar-spacing, -16px);transition:all 0.5s cubic-bezier(0.25, 1, 0.5, 1);transform-origin:center bottom}.avatar-group.layout-stack .group-avatar:hover{z-index:100 !important;transform:scale(1.25) translateY(-10px);margin-right:8px !important;box-shadow:0 10px 25px rgba(0, 0, 0, 0.2);border-color:var(--border-subtle, #fff) !important}.avatar-group.layout-stack .group-avatar:hover~.group-avatar,.avatar-group.layout-stack .group-avatar:hover~.excess-avatar-container{transform:translateX(24px)}.avatar-group.layout-stack.avatar-group-animated:hover{padding-right:40px}.avatar-group.layout-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(calc(var(--avatar-size) + 8px), 1fr));gap:8px;width:100%}.avatar-list{display:flex;flex-wrap:wrap;align-items:center}.layout-stack .avatar-list{flex-wrap:nowrap}.avatar-extra{display:inline-flex;align-items:center;justify-content:center;background-color:var(--color-danger, #f56a00);color:var(--text-standard, #ffffff);font-weight:600;border:var(--avatar-border-width, 2px) solid var(--avatar-border-color, #fff);cursor:pointer;z-index:1;transition:transform 0.2s;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);font-size:0.8em}.avatar-extra:hover{transform:scale(1.1) translateY(-4px);z-index:100;box-shadow:0 8px 20px rgba(0, 0, 0, 0.15)}.avatar-extra.shape-circle{border-radius:50%}.avatar-extra.shape-square{border-radius:8px}.avatar-popover{position:absolute;top:100%;right:0;background:var(--bg-primary, #ffffff);border-radius:8px;box-shadow:0 8px 24px rgba(0, 0, 0, 0.2);padding:12px;z-index:1000;min-width:180px;margin-top:8px;animation:popoverFadeIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.avatar-popover::after{content:"";position:absolute;top:-12px;right:12px;border:6px solid transparent;border-bottom-color:var(--bg-primary, #ffffff)}.avatar-popover .popover-content{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto}.avatar-popover .popover-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:6px;transition:background 0.2s;cursor:pointer}.avatar-popover .popover-item:hover{background:var(--bg-secondary, #f3f4f6)}.avatar-popover .popover-item ui-avatar{transition:none !important;transform:none !important;box-shadow:none !important}.avatar-popover .popover-text{font-size:14px;color:var(--text-secondary, #374151);font-weight:500}@keyframes popoverFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.avatar-roster-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(4px)}.avatar-roster-content{background:var(--bg-primary, #ffffff);width:90%;max-width:500px;max-height:80vh;border-radius:16px;box-shadow:0 20px 50px rgba(0, 0, 0, 0.3);display:flex;flex-direction:column;overflow:hidden;animation:modalIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)}.roster-header{padding:20px;border-bottom:1px solid var(--border-subtle, #eee);display:flex;align-items:center;justify-content:space-between}.roster-header h3{margin:0;color:var(--text-primary, #1f2937)}.roster-header .close-btn{background:none;border:none;font-size:28px;cursor:pointer;color:var(--text-muted, #9ca3af)}.roster-header .close-btn:hover{color:var(--text-primary, #1f2937)}.roster-list{padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.roster-item{display:flex;align-items:center;gap:16px;padding:12px;border-radius:12px;transition:background 0.2s}.roster-item:hover{background:var(--bg-primary, #f9fafb)}.roster-info{display:flex;flex-direction:column}.roster-name{font-weight:600;color:var(--text-primary, #111827)}.roster-status{font-size:11px;text-transform:capitalize;border-radius:4px;padding:1px 6px;width:fit-content}.status-online{color:var(--color-success-hover, #059669);background:var(--bg-primary, #ecfdf5)}@keyframes modalIn{from{opacity:0;transform:scale(0.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}';const n=class{constructor(r){t(this,r)}get el(){return r(this)}direction="horizontal";wrap="nowrap";spacing="8px";align="center";justify="start";max=0;overlap=!1;showDividers=!1;dividerType="solid";childrenCount=0;isRosterOpen=!1;mutationObserver;componentWillLoad(){this.updateChildrenCount()}componentDidLoad(){this.mutationObserver=new MutationObserver((()=>{this.updateChildrenCount()})),this.mutationObserver.observe(this.el,{childList:!0})}disconnectedCallback(){this.mutationObserver&&this.mutationObserver.disconnect()}toggleRoster=()=>{this.isRosterOpen=!this.isRosterOpen};closeRoster=()=>{this.isRosterOpen=!1};updateChildrenVisibility(t){Array.from(this.el.children).forEach(((r,a)=>{r.style.display=a<t?"":"none"}))}updateChildrenCount(){this.childrenCount=this.el.children.length}renderRoster(t,r){return a("div",{class:"stack-roster-backdrop",onClick:this.closeRoster},a("div",{class:"stack-roster-content",onClick:t=>t.stopPropagation()},a("div",{class:"roster-header"},a("div",{class:"roster-titles"},a("h4",{class:"roster-main-title"},"Hidden Items"),a("span",{class:"roster-sub-title"},r," items total")),a("ui-button",{variant:"ghost",onClick:this.closeRoster,ariaLabel:"Close roster",icon:"times",iconLibrary:"fontawesome",iconOnly:!0,size:"sm"})),a("div",{class:"roster-list"},t.map(((t,r)=>a("div",{key:r,class:"roster-item"},a("div",{class:"roster-item-preview",innerHTML:o(t.outerHTML)}),a("span",{class:"roster-item-label"},"Item ",r+1)))))))}render(){const t=this.overlap||this.spacing.startsWith("-"),r=this.max>0?this.max:this.childrenCount,i=this.childrenCount-r,o=Array.from(this.el.children);return requestAnimationFrame((()=>this.updateChildrenVisibility(r))),a(e,{key:"6568eda1f5875356d720bc67a8c234f6f97effcf",class:{"ui-stack":!0,[`stack-${this.direction}`]:!0,[`stack-wrap-${this.wrap}`]:!0,"stack-overlap":t,"stack-show-dividers":this.showDividers&&!t,[`divider-${this.dividerType}`]:this.showDividers},style:{"--stack-spacing":t?"0":this.spacing,"--stack-overlap":t?this.spacing.startsWith("-")?this.spacing:"-12px":"0","align-items":this.align,"justify-content":this.justify,"flex-wrap":this.wrap}},a("div",{key:"3363f516615fadfd894b42961f94d83a7a254011",class:"stack-container"},a("slot",{key:"5f2c8cb4d62229c4439858f5433f30ed78d9bd71"}),i>0&&a("div",{key:"eb7614444d0beba127e9d1a9ca125265dbcd5e43",class:"stack-overflow-indicator",onClick:t=>{t.stopPropagation(),this.toggleRoster()},onKeyDown:t=>{"Enter"===t.key&&this.toggleRoster()},tabindex:"0",role:"button",title:`View ${i} more items`},"+",i)),this.isRosterOpen&&this.renderRoster(o,this.childrenCount))}};n.style='.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:inline-block}:host(.stack-horizontal) .stack-container{flex-direction:row}:host(.stack-vertical) .stack-container{flex-direction:column}.stack-container{display:flex;gap:var(--stack-spacing, 8px)}:host(.stack-wrap-wrap) .stack-container{flex-wrap:wrap}:host(.stack-wrap-wrap-reverse) .stack-container{flex-wrap:wrap-reverse}:host(.stack-show-dividers) .stack-container{gap:0}:host(.stack-show-dividers) ::slotted(*:not(:last-child)){position:relative;margin-right:var(--stack-spacing, 8px);display:flex;align-items:center}:host(.stack-show-dividers) ::slotted(*:not(:last-child))::after{content:"";position:absolute;right:calc(var(--stack-spacing, 8px) / -2);background:var(--bg-primary, #e5e7eb)}:host(.stack-horizontal.stack-show-dividers) ::slotted(*:not(:last-child))::after{width:1px;height:60%;top:20%}:host(.stack-vertical.stack-show-dividers) ::slotted(*:not(:last-child))::after{height:1px;width:60%;left:20%;bottom:calc(var(--stack-spacing, 8px) / -2)}:host(.divider-dashed) ::slotted(*:not(:last-child))::after{border-right:1px dashed var(--border-default, #e5e7eb);background:none}:host(.divider-dotted) ::slotted(*:not(:last-child))::after{border-right:1px dotted var(--border-default, #e5e7eb);background:none}:host(.stack-overlap) .stack-container{padding-right:20px}:host(.stack-overlap) ::slotted(*){margin-right:var(--stack-overlap, -12px) !important;transition:transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), z-index 0s, filter 0.3s ease;position:relative;z-index:1;border:2px solid var(--bg-primary, #ffffff);box-sizing:border-box;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));cursor:pointer}:host(.stack-overlap) ::slotted(*:hover){transform:translateY(-8px) scale(1.1) rotate(1deg);z-index:100 !important;filter:drop-shadow(0 12px 24px rgba(0, 0, 0, 0.2))}:host(.stack-overlap) ::slotted(*:last-child){margin-right:0 !important}.stack-roster-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn 0.2s ease-out}.stack-roster-content{background:var(--bg-primary, #ffffff);width:90%;max-width:400px;max-height:80vh;border-radius:16px;box-shadow:0 25px 50px -12px rgba(0, 0, 0, 0.25);display:flex;flex-direction:column;overflow:hidden;animation:slideUp 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.roster-header{padding:16px 20px;border-bottom:1px solid var(--border-subtle, #f1f5f9);display:flex;justify-content:space-between;align-items:center}.roster-header h4{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #1e293b)}.close-btn{background:var(--bg-secondary, #f1f5f9);border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted, #64748b);font-size:18px;transition:all 0.2s}.close-btn:hover{background:var(--bg-primary, #e2e8f0);color:var(--text-primary, #0f172a)}.roster-list{padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.roster-item{padding:10px;border-radius:10px;background:var(--bg-primary, #f8fafc);border:1px solid var(--border-subtle, #f1f5f9);display:flex;align-items:center;transition:background 0.2s}.roster-item:hover{background:var(--bg-secondary, #f1f5f9)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.stack-overflow-indicator{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;border-radius:50%;background:var(--bg-secondary, #f3f4f6);border:2px solid var(--bg-primary, #ffffff);color:var(--text-secondary, #4b5563);font-size:12px;font-weight:600;z-index:10;cursor:pointer;transition:transform 0.2s}.stack-overflow-indicator:hover{transform:scale(1.1);background:var(--bg-primary, #e5e7eb)}@media (prefers-color-scheme: dark){.stack-roster-content{background:var(--bg-primary, #1e293b)}.roster-header h4{color:var(--text-standard, #ffffff)}.roster-item{background:var(--color-primary, #334155);border-color:var(--color-primary, #475569)}.roster-item:hover{background:var(--color-primary, #475569)}.stack-overflow-indicator{background:var(--color-primary, #374151);border-color:var(--border-strong, #1f2937);color:var(--text-standard, #f3f4f6)}.stack-overflow-indicator:hover{background:var(--color-primary, #4b5563)}}';const p=class{constructor(r){t(this,r),this.tagAdd=i(this,"tagAdd"),this.tagGroupChange=i(this,"tagGroupChange")}get el(){return r(this)}max=0;spacing="8px";overlap=!1;value=[];selectionMode="none";size;variant;color;rounded=!1;removable=!1;creatable=!1;searchable=!1;collapsible=!1;caseSensitive=!1;delimiters=[","," "];skeleton=!1;shape;animation;readOnly=!1;placeholder="Add tag...";tagAdd;searchQuery="";isExpanded=!1;isLastTagHighlighted=!1;tagGroupChange;handleKeyDown(t){if(this.readOnly)return;const r=Array.from(this.el.querySelectorAll("ui-tag")),a=this.el.shadowRoot?.activeElement||document.activeElement,e=r.findIndex((t=>t===a||t.contains(a))),i=a===this.el.shadowRoot?.querySelector(".tag-group-inline-input");if("ArrowLeft"===t.key)i&&0===t.target.selectionStart?r.length>0&&(r[r.length-1].focus(),t.preventDefault()):e>0&&(r[e-1].focus(),t.preventDefault());else if("ArrowRight"===t.key)-1!==e&&(e===r.length-1?this.el.shadowRoot?.querySelector(".tag-group-inline-input")?.focus():r[e+1].focus(),t.preventDefault());else if(("Backspace"===t.key||"Delete"===t.key)&&-1!==e){const a=r[e],i=e<r.length-1?r[e+1]:this.el.shadowRoot?.querySelector(".tag-group-inline-input");this.removable&&(this.removeTagByValue(a.value||a.label),i&&i.focus(),t.preventDefault())}}handleGroupChange(){this.updateChildren()}handleTagRemove(t){if(this.readOnly)return;const r=t.target;if(!r)return;const a=r.value||r.label;if(Array.isArray(this.value)){const t=this.value.indexOf(a);if(t>-1){const r=[...this.value];r.splice(t,1),this.value=r,this.tagGroupChange.emit(this.value)}}else this.value===a&&(this.value="",this.tagGroupChange.emit(this.value));r.parentNode===this.el&&this.el.removeChild(r),setTimeout((()=>this.updateChildren()),50)}handleTagCheck(t){if(this.readOnly||"none"===this.selectionMode)return;const r=t.target,a=r.value||r.label;if("single"===this.selectionMode)this.value=t.detail?a:"",this.syncSelection();else{const r=Array.isArray(this.value)?[...this.value]:this.value?[this.value]:[];if(t.detail)r.includes(a)||r.push(a);else{const t=r.indexOf(a);t>-1&&r.splice(t,1)}this.value=r,this.syncSelection()}this.tagGroupChange.emit(this.value)}componentDidLoad(){this.updateChildren();const t=this.el.shadowRoot?.querySelector("slot");t&&t.addEventListener("slotchange",(()=>this.updateChildren()))}updateChildren(){const t=Array.from(this.el.querySelectorAll("ui-tag")),r=this.searchQuery.toLowerCase();t.forEach(((a,e)=>{this.size&&(a.size=this.size),this.variant&&(a.variant=this.variant),this.color&&(a.color=this.color),!this.overlap||this.shape||a.shape?this.shape?a.shape=this.shape:this.rounded&&(a.shape="pill"):a.shape="circle",this.skeleton&&(a.skeleton=this.skeleton),this.animation&&(a.animation=this.animation),a.removable=!this.readOnly&&this.removable,a.disabled=this.readOnly,"none"!==this.selectionMode&&(a.checkable=!0);const i=(a.label||"").toLowerCase().includes(r),o=this.max>0&&e>=this.max;this.isLastTagHighlighted&&e===t.length-1?a.setAttribute("highlighted","true"):a.removeAttribute("highlighted"),a.style.display=!i||o&&!this.isExpanded?"none":""})),this.syncSelection()}syncSelection(){const t=Array.from(this.el.querySelectorAll("ui-tag")),r=Array.isArray(this.value)?this.value:[this.value];t.forEach((t=>{t.checked=r.includes(t.value||t.label)}))}handleSearch=t=>{this.searchQuery=t.detail,this.updateChildren()};addTags(t){if(!t)return;this.isLastTagHighlighted=!1;const r=this.delimiters.map((t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"))).join("|"),a=new RegExp(r||",","g");t.split(a).map((t=>t.trim())).filter((t=>!!t)).forEach((t=>{const r=Array.from(this.el.querySelectorAll("ui-tag")).find((r=>this.caseSensitive?r.label===t:r.label.toLowerCase()===t.toLowerCase()));if(r)r.pulse=!0,setTimeout((()=>r.pulse=!1),2e3);else{const r=document.createElement("ui-tag");r.setAttribute("label",t),this.el.appendChild(r),this.tagAdd.emit(t)}})),this.updateChildren()}removeLastTag(){const t=Array.from(this.el.querySelectorAll("ui-tag"));if(t.length>0){const r=t[t.length-1],a=r.value||r.label;if(Array.isArray(this.value)){const t=this.value.indexOf(a);if(t>-1){const r=[...this.value];r.splice(t,1),this.value=r,this.tagGroupChange.emit(this.value)}}this.el.removeChild(r),this.updateChildren()}}removeTagByValue(t){if(Array.isArray(this.value)){const r=this.value.indexOf(t);if(r>-1){const t=[...this.value];t.splice(r,1),this.value=t,this.tagGroupChange.emit(this.value)}}else this.value===t&&(this.value="",this.tagGroupChange.emit(this.value));const r=Array.from(this.el.querySelectorAll("ui-tag")).find((r=>(r.value||r.label)===t));r&&this.el.removeChild(r),this.updateChildren()}handleAddTag=t=>{const r=t.detail.target,a=r.value,e=t.detail.key;if("Enter"===e||this.delimiters.includes(e)&&a.trim())return this.delimiters.includes(e)&&t.detail.preventDefault(),this.addTags(a),void(r.value="");"Backspace"!==e||a?(a||"Backspace"!==e)&&(this.isLastTagHighlighted=!1,this.updateChildren()):this.isLastTagHighlighted?(this.removeLastTag(),this.isLastTagHighlighted=!1):(this.isLastTagHighlighted=!0,this.updateChildren()),"Escape"===e&&(this.isLastTagHighlighted=!1,this.updateChildren())};toggleExpand=()=>{this.isExpanded=!this.isExpanded};render(){const t=Array.from(this.el.querySelectorAll("ui-tag")),r=t.filter((t=>"none"!==t.style.display)),i=this.max>0&&t.length>this.max,o=0===t.length,s=t.length>0&&0===r.length,n=(this.searchable||this.creatable)&&!this.readOnly;return a(e,{key:"a27c92c78b6c9072b966c299c67ce1677ee9e036"},a("div",{key:"f043228fbbe2f79c2800384c2dacaa1cb0148505",class:{"tag-group-container":!0,"is-readonly":this.readOnly,"is-empty":o}},a("ui-stack",{key:"ca9b9a02f7650193b1633fc4a1b0c5c37e51229a",spacing:this.spacing,overlap:this.overlap,max:this.isExpanded?0:this.max,wrap:"wrap"},a("slot",{key:"d764e67e7dc971c7949d24db226ab9154a657e27"}),n&&a("ui-input",{key:"271591fa4b6bdca9aa879a0179c87018bcd744fc",type:"text",class:"tag-group-inline-input",placeholder:o?this.placeholder:"",value:this.searchQuery,onInputChange:this.handleSearch,onInputKeydown:this.handleAddTag,size:"sm",variant:"borderless",hideBorder:!0,fullWidth:!0})),s&&a("div",{key:"32a338d6978df6192b25a0e98f27079aa3b39ef9",class:"tag-group-empty no-results"},a("span",{key:"ce1d744f56bbd0c85eab6e9c458fade4c1b12fd1"},'No tags match "',this.searchQuery,'"'))||o&&this.readOnly&&a("div",{key:"306938778dae4c4c1890278a67a1df651850792b",class:"tag-group-empty"},a("ui-icon",{key:"b0d025b5476d3895ff968b72eb06d5afff79b870",name:"tag",library:"lucide",size:"1.4em"}),a("span",{key:"52debfaff2c840d1a8c56119f81ec22380082392"},"No items assigned")),this.collapsible&&i&&a("ui-button",{key:"a689ec4aa7f4536f0babc1edf0edeae22a151630",variant:"ghost",size:"sm",class:"tag-group-overflow-toggle",onClick:this.toggleExpand,label:this.isExpanded?"Show less":`View all ${t.length} items`})))}static get watchers(){return{isExpanded:[{handleGroupChange:0}],skeleton:[{handleGroupChange:0}],shape:[{handleGroupChange:0}],color:[{handleGroupChange:0}]}}};p.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.tag-group-container{display:flex;flex-direction:column;gap:12px;padding:8px 12px;border:1.5px solid var(--border-subtle, #e2e8f0);border-radius:10px;background:var(--bg-primary, #f8fafc);transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);min-height:42px}.tag-group-container:focus-within{background:var(--bg-primary, #ffffff);border-color:var(--color-primary, #10b981);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1)}.tag-group-container.is-readonly{background:transparent;border-color:transparent;padding:0;pointer-events:none}.tag-group-inline-input{flex:1;min-width:60px;border:none;background:transparent;font-size:13px;padding:4px 0;outline:none;color:var(--text-primary, #1e293b)}.tag-group-inline-input::placeholder{color:var(--color-primary, #94a3b8)}ui-stack[overlap] ui-tag,ui-stack[overlap=true] ui-tag{--ui-tag-border:2px solid var(--bg-primary, #ffffff) !important;transition:transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}ui-stack[overlap] ui-tag:hover,ui-stack[overlap=true] ui-tag:hover{transform:translateY(-4px) scale(1.1);z-index:100 !important}ui-tag[highlighted=true]{--ui-tag-bg:var(--color-primary, #10b981) !important;--ui-tag-color:var(--text-standard, #ffffff) !important;--ui-tag-border:1px solid var(--color-primary-hover, #2563eb) !important;transform:scale(1.05);box-shadow:0 4px 6px -1px rgba(var(--color-primary-rgb, 59, 130, 246), 0.2)}.tag-group-overflow-toggle{margin-top:4px;align-self:flex-start;background:var(--bg-secondary, #f1f5f9);border:1px solid var(--border-subtle, #e2e8f0);color:var(--text-muted, #64748b);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;cursor:pointer;padding:4px 12px;border-radius:999px;transition:all 0.2s ease}.tag-group-overflow-toggle:hover{background:var(--bg-primary, #ffffff);color:var(--color-primary, #10b981);border-color:var(--color-primary, #10b981);transform:translateY(-1px)}.tag-group-overflow-toggle:active{transform:translateY(0)}.tag-group-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:8px;color:var(--color-primary, #94a3b8);background:transparent}.tag-group-empty ui-icon{opacity:0.4}.tag-group-empty span{font-size:13px;font-weight:500}.tag-group-empty.no-results{padding:12px;border-radius:8px;background:rgba(241, 245, 249, 0.5);color:var(--text-muted, #64748b);border:1px dashed var(--border-subtle, #e2e8f0)}";export{s as ui_avatar_group,n as ui_stack,p as ui_tag_group}

package/dist/exploration-project-tailwind/{p-70d82d79.entry.js → p-a7b07cf4.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,a as i,h as r,F as o}from"./p-DUsoYu9r.js";const s=class{constructor(i){t(this,i),this.otpChange=e(this,"otpChange"),this.otpComplete=e(this,"otpComplete"),this.otpSubmit=e(this,"otpSubmit"),this.resendClick=e(this,"resendClick")}get el(){return i(this)}length=6;value="";label="";helperText="";errorText="";disabled=!1;readonly=!1;required=!1;type="number";autoFocus=!0;secure=!1;size="md";color="primary";variant="default";invalid=!1;skeleton=!1;autoSubmit=!1;groupSize=0;placeholder="";rtl=!1;resendInterval=60;resendLabel="Resend Code";otpValues=[];focusedIndex=-1;internalInvalid=!1;internalErrorText="";resendTimer=0;resendIntervalId;otpChange;otpComplete;otpSubmit;resendClick;inputRefs=[];componentWillLoad(){if(this.otpValues=new Array(this.length).fill(""),this.value){const t=this.value.split("").slice(0,this.length);this.otpValues=[...t,...new Array(this.length-t.length).fill("")]}}startResendTimer(){this.resendTimer=this.resendInterval,this.resendIntervalId=setInterval((()=>{this.resendTimer>0?this.resendTimer--:clearInterval(this.resendIntervalId)}),1e3)}handleResend=()=>{this.resendTimer>0||(this.resendClick.emit(),this.startResendTimer())};disconnectedCallback(){this.resendIntervalId&&clearInterval(this.resendIntervalId)}componentDidLoad(){this.autoFocus&&this.inputRefs[0]&&this.inputRefs[0].focus()}handleValueChange(t){if(t===this.otpValues.join(""))return;const e=t.split("").slice(0,this.length);this.otpValues=[...e,...new Array(this.length-e.length).fill("")]}handleInput=(t,e)=>{let i=t.detail;if(i.length>1&&(i=i.slice(-1)),("number"===this.type||"numeric"===this.type)&&i&&!/^\d$/.test(i))return void this.showTemporaryError("Only numbers allowed");if("alphanumeric"===this.type&&i&&!/^[a-zA-Z0-9]$/.test(i))return void this.showTemporaryError("Only letters and numbers allowed");this.internalInvalid=!1,this.internalErrorText="",this.otpValues[e]=i,this.otpValues=[...this.otpValues];const r=this.otpValues.join("");this.value=r;const o=r.length===this.length&&!r.includes("");this.otpChange.emit({value:r,complete:o}),o&&(this.otpComplete.emit({value:r}),this.autoSubmit&&this.handleSubmit()),i&&e<this.length-1&&this.inputRefs[e+1]?.focus()};handleSubmit=()=>{this.otpSubmit.emit({value:this.value})};handleKeyDown=(t,e)=>{if("Backspace"===t.key){if(!this.otpValues[e]&&e>0){this.otpValues[e-1]="",this.otpValues=[...this.otpValues],this.inputRefs[e-1]?.focus();const t=this.otpValues.join("");this.value=t,this.otpChange.emit({value:t,complete:!1})}}else"ArrowLeft"===t.key&&e>0?this.rtl?e<this.length-1&&this.inputRefs[e+1]?.focus():this.inputRefs[e-1]?.focus():"ArrowRight"===t.key&&e<this.length-1&&(this.rtl?this.inputRefs[e-1]?.focus():this.inputRefs[e+1]?.focus())};handlePaste=t=>{t.preventDefault();const e=t.clipboardData.getData("text").split("").slice(0,this.length);if(("number"===this.type||"numeric"===this.type)&&!/^\d+$/.test(e.join("")))return void this.showTemporaryError("Only numbers allowed");if("alphanumeric"===this.type&&!/^[a-zA-Z0-9]+$/.test(e.join("")))return void this.showTemporaryError("Only letters and numbers allowed");this.internalInvalid=!1,this.internalErrorText="",this.otpValues=[...e,...new Array(this.length-e.length).fill("")];const i=this.otpValues.join("");this.value=i;const r=i.length===this.length;this.otpChange.emit({value:i,complete:r}),r?(this.otpComplete.emit({value:i}),this.inputRefs[this.length-1]?.focus()):this.inputRefs[e.length]?.focus()};errorTimeout;showTemporaryError(t){this.internalInvalid=!0,this.internalErrorText=t,this.errorTimeout&&clearTimeout(this.errorTimeout),this.errorTimeout=setTimeout((()=>{this.internalInvalid=!1,this.internalErrorText=""}),2e3)}handleFocus=t=>{this.focusedIndex!==t&&(this.focusedIndex=t,this.inputRefs[t]?.select())};handleBlur=()=>{this.focusedIndex=-1};clear(){this.otpValues=new Array(this.length).fill(""),this.value="",this.otpChange.emit({value:"",complete:!1}),this.inputRefs[0]?.focus()}focus(){this.inputRefs[0]?.focus()}render(){const t=this.invalid||this.internalInvalid,e=this.internalErrorText||this.errorText;return r("div",{key:"8fe5324ea7e186d84beea09373bf235f93921708",class:{"otp-input":!0,[`otp-input-${this.size}`]:!0,[`otp-input-${this.color}`]:!0,[`otp-input-${this.variant}`]:!0,"otp-input-disabled":this.disabled,"otp-input-readonly":this.readonly,"otp-input-invalid":t,"otp-input-skeleton":this.skeleton},dir:this.rtl?"rtl":"ltr"},this.label&&r("label",{key:"baa571a85ef85c818b191b46160b42a50b465585",class:"otp-label"},this.label),r("div",{key:"48cb77b47f529d79d9ffcc84af84307f1ecc8a1a",class:"otp-inputs-container"},this.otpValues.map(((t,e)=>{const i=this.groupSize>0&&(e+1)%this.groupSize==0&&e!==this.length-1;return r(o,null,r("ui-input",{ref:t=>this.inputRefs[e]=t,type:this.secure?"password":"text",inputMode:"number"===this.type||"numeric"===this.type?"numeric":"text",pattern:"number"===this.type||"numeric"===this.type?"[0-9]*":void 0,maxLength:1,class:{"otp-input-field":!0,focused:this.focusedIndex===e,filled:!!t},value:t,placeholder:this.placeholder,disabled:this.disabled||this.skeleton,readonly:this.readonly,onInputChange:t=>this.handleInput(t,e),onInputKeydown:t=>this.handleKeyDown(t.detail,e),onPasteInternal:t=>0===e?this.handlePaste(t.detail):t.detail.preventDefault(),onFocusInternal:()=>this.handleFocus(e),onInputBlur:this.handleBlur,ariaLabel:`Digit ${e+1}`,size:this.size,align:"center"}),i&&r("div",{class:"otp-divider"}))}))),t&&e&&r("div",{key:"eb635e42e20010b8ca86e84ea3f3a7d9c077a5fa",class:"error-text"},r("ui-icon",{key:"50163f7f1957e40f76d80c4b93548b0cf308b3bf",name:"exclamation-circle",library:"fontawesome"}),e),!t&&this.helperText&&r("div",{key:"0665d1b8ed1e46af72017732bcf59fa4b2ad1e14",class:"helper-text"},this.helperText),r("div",{key:"2d6a7e0c414b396e6a859ebcc5adbd5838cdabf5",class:"otp-resend-container"},r("ui-button",{key:"8f93b95638c39ce06cd1b5bf55172ca3b4045580",variant:"ghost",size:"sm",onClick:this.handleResend,disabled:this.resendTimer>0||this.disabled,label:`${this.resendLabel} ${this.resendTimer>0?`(${this.resendTimer}s)`:""}`})))}static get watchers(){return{value:[{handleValueChange:0}]}}};s.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.otp-input{display:flex;flex-direction:column;gap:12px}.otp-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--label-color, var(--text-primary, #333));margin-bottom:8px}.otp-inputs-container{display:flex;gap:8px;justify-content:center;align-items:center}.otp-divider{width:12px;height:2px;background:var(--border-color, #e0e0e0);margin-inline-start:4px;margin-inline-end:4px}.otp-input-field{width:48px;height:56px;text-align:center;font-size:24px;font-weight:600;border:2px solid var(--border-color, #e0e0e0);border-radius:8px;background:var(--surface-color, var(--bg-primary, #ffffff));outline:none;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);caret-color:var(--primary-color, var(--color-success, #3dcd58))}.otp-input-field:hover:not(:disabled){border-color:var(--border-hover, #bbb)}.otp-input-field:focus,.otp-input-field.focused{border-color:var(--primary-color, var(--color-success, #3dcd58));box-shadow:0 0 0 3px rgba(var(--color-success-rgb, 61, 205, 88), 0.15);transform:translateY(-2px)}.otp-input-field.filled{border-color:var(--primary-color, var(--color-success, #3dcd58));background:var(--primary-color-light, rgba(var(--color-success-rgb, 61, 205, 88), 0.05))}.otp-input-field:disabled{background:var(--background-secondary, #f5f5f5);cursor:not-allowed;opacity:0.6}.otp-input-sm .otp-input-field{width:40px;height:48px;font-size:20px}.otp-input-lg .otp-input-field{width:56px;height:64px;font-size:28px}.otp-input-secondary .otp-input-field:focus{border-color:var(--color-primary, #6b7280);box-shadow:0 0 0 3px rgba(107, 114, 128, 0.15)}.otp-input-success .otp-input-field:focus{border-color:var(--color-success, #16a34a);box-shadow:0 0 0 3px rgba(22, 163, 74, 0.15)}.otp-input-danger .otp-input-field:focus{border-color:var(--color-danger-hover, #dc2626);box-shadow:0 0 0 3px rgba(var(--color-danger-rgb, 220, 38, 38), 0.15)}.otp-input-warning .otp-input-field:focus{border-color:var(--color-warning, #f59e0b);box-shadow:0 0 0 3px rgba(var(--color-warning-rgb, 245, 158, 11), 0.15)}.otp-input-info .otp-input-field:focus{border-color:var(--color-info-hover, #0891b2);box-shadow:0 0 0 3px rgba(8, 145, 178, 0.15)}.otp-input-underlined .otp-input-field{border:none;border-bottom:2px solid var(--border-color);border-radius:0;background:transparent}.otp-input-underlined .otp-input-field:focus{transform:none;border-bottom-color:var(--primary-color);box-shadow:none}.otp-input-flushed .otp-input-field{border:none;background:var(--background-secondary, var(--bg-secondary, #f3f4f6));border-radius:12px}.otp-input-flushed .otp-input-field:focus{background:var(--surface-color);box-shadow:0 4px 12px rgba(0, 0, 0, 0.05)}.otp-input-separated .otp-input-field{margin-inline-start:4px;margin-inline-end:4px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.05);border-radius:12px}.otp-input-invalid{animation:otp-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}.otp-input-invalid .otp-input-field{border-color:var(--danger-color, #f44336) !important}.otp-input-invalid .otp-input-field:focus{box-shadow:0 0 0 3px rgba(244, 67, 54, 0.15)}.error-text{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--danger-color, #f44336)}.error-text i{font-size:14px}.helper-text{font-size:12px;color:var(--label-subtitle-color, var(--text-secondary, #666));text-align:center}.otp-input-skeleton{pointer-events:none}.otp-input-skeleton .otp-input-field{background:linear-gradient(90deg, var(--bg-secondary, #f3f4f6) 25%, var(--bg-primary, #e5e7eb) 50%, var(--bg-secondary, #f3f4f6) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite linear;border-color:transparent}.otp-input-skeleton .otp-label{width:80px;height:14px;background:var(--bg-primary, #e5e7eb);border-radius:4px;margin-bottom:8px}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes otp-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)}}@keyframes fillPulse{0%{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 15px rgba(var(--color-success-rgb, 61, 205, 88), 0.3)}100%{transform:scale(1)}}.otp-input-field.filled{animation:fillPulse 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}";export{s as ui_otp_input}
+import{r as t,c as e,a as i,h as r,F as o}from"./p-DUsoYu9r.js";const s=class{constructor(i){t(this,i),this.otpChange=e(this,"otpChange"),this.otpComplete=e(this,"otpComplete"),this.otpSubmit=e(this,"otpSubmit"),this.resendClick=e(this,"resendClick")}get el(){return i(this)}length=6;value="";label="";helperText="";errorText="";disabled=!1;readonly=!1;required=!1;type="number";autoFocus=!0;secure=!1;size="md";color="primary";variant="default";invalid=!1;skeleton=!1;autoSubmit=!1;groupSize=0;placeholder="";rtl=!1;resendInterval=60;resendLabel="Resend Code";otpValues=[];focusedIndex=-1;internalInvalid=!1;internalErrorText="";resendTimer=0;resendIntervalId;otpChange;otpComplete;otpSubmit;resendClick;inputRefs=[];componentWillLoad(){if(this.otpValues=new Array(this.length).fill(""),this.value){const t=this.value.split("").slice(0,this.length);this.otpValues=[...t,...new Array(this.length-t.length).fill("")]}}startResendTimer(){this.resendTimer=this.resendInterval,this.resendIntervalId=setInterval((()=>{this.resendTimer>0?this.resendTimer--:clearInterval(this.resendIntervalId)}),1e3)}handleResend=()=>{this.resendTimer>0||(this.resendClick.emit(),this.startResendTimer())};disconnectedCallback(){this.resendIntervalId&&clearInterval(this.resendIntervalId)}componentDidLoad(){this.autoFocus&&this.inputRefs[0]&&this.inputRefs[0].focus()}handleValueChange(t){if(t===this.otpValues.join(""))return;const e=t.split("").slice(0,this.length);this.otpValues=[...e,...new Array(this.length-e.length).fill("")]}handleInput=(t,e)=>{let i=t.detail;if(i.length>1&&(i=i.slice(-1)),("number"===this.type||"numeric"===this.type)&&i&&!/^\d$/.test(i))return void this.showTemporaryError("Only numbers allowed");if("alphanumeric"===this.type&&i&&!/^[a-zA-Z0-9]$/.test(i))return void this.showTemporaryError("Only letters and numbers allowed");this.internalInvalid=!1,this.internalErrorText="",this.otpValues[e]=i,this.otpValues=[...this.otpValues];const r=this.otpValues.join("");this.value=r;const o=r.length===this.length&&!r.includes("");this.otpChange.emit({value:r,complete:o}),o&&(this.otpComplete.emit({value:r}),this.autoSubmit&&this.handleSubmit()),i&&e<this.length-1&&this.inputRefs[e+1]?.focus()};handleSubmit=()=>{this.otpSubmit.emit({value:this.value})};handleKeyDown=(t,e)=>{if("Backspace"===t.key){if(!this.otpValues[e]&&e>0){this.otpValues[e-1]="",this.otpValues=[...this.otpValues],this.inputRefs[e-1]?.focus();const t=this.otpValues.join("");this.value=t,this.otpChange.emit({value:t,complete:!1})}}else"ArrowLeft"===t.key&&e>0?this.rtl?e<this.length-1&&this.inputRefs[e+1]?.focus():this.inputRefs[e-1]?.focus():"ArrowRight"===t.key&&e<this.length-1&&(this.rtl?this.inputRefs[e-1]?.focus():this.inputRefs[e+1]?.focus())};handlePaste=t=>{t.preventDefault();const e=t.clipboardData.getData("text").split("").slice(0,this.length);if(("number"===this.type||"numeric"===this.type)&&!/^\d+$/.test(e.join("")))return void this.showTemporaryError("Only numbers allowed");if("alphanumeric"===this.type&&!/^[a-zA-Z0-9]+$/.test(e.join("")))return void this.showTemporaryError("Only letters and numbers allowed");this.internalInvalid=!1,this.internalErrorText="",this.otpValues=[...e,...new Array(this.length-e.length).fill("")];const i=this.otpValues.join("");this.value=i;const r=i.length===this.length;this.otpChange.emit({value:i,complete:r}),r?(this.otpComplete.emit({value:i}),this.inputRefs[this.length-1]?.focus()):this.inputRefs[e.length]?.focus()};errorTimeout;showTemporaryError(t){this.internalInvalid=!0,this.internalErrorText=t,this.errorTimeout&&clearTimeout(this.errorTimeout),this.errorTimeout=setTimeout((()=>{this.internalInvalid=!1,this.internalErrorText=""}),2e3)}handleFocus=t=>{this.focusedIndex!==t&&(this.focusedIndex=t,this.inputRefs[t]?.select())};handleBlur=()=>{this.focusedIndex=-1};clear(){this.otpValues=new Array(this.length).fill(""),this.value="",this.otpChange.emit({value:"",complete:!1}),this.inputRefs[0]?.focus()}focus(){this.inputRefs[0]?.focus()}render(){const t=this.invalid||this.internalInvalid,e=this.internalErrorText||this.errorText;return r("div",{key:"0a0a9c52b8714d1f057b2957f0ebcc78a8579d5f",class:{"otp-input":!0,[`otp-input-${this.size}`]:!0,[`otp-input-${this.color}`]:!0,[`otp-input-${this.variant}`]:!0,"otp-input-disabled":this.disabled,"otp-input-readonly":this.readonly,"otp-input-invalid":t,"otp-input-skeleton":this.skeleton},dir:this.rtl?"rtl":"ltr"},this.label&&r("label",{key:"46fb358d236e21367170beee13b0fa63c7bb045c",class:"otp-label"},this.label),r("div",{key:"4c768be697520bbb7b9be1f481efa5aeea85aa5f",class:"otp-inputs-container"},this.otpValues.map(((t,e)=>{const i=this.groupSize>0&&(e+1)%this.groupSize==0&&e!==this.length-1;return r(o,null,r("ui-input",{ref:t=>this.inputRefs[e]=t,type:this.secure?"password":"text",inputMode:"number"===this.type||"numeric"===this.type?"numeric":"text",pattern:"number"===this.type||"numeric"===this.type?"[0-9]*":void 0,maxLength:1,class:{"otp-input-field":!0,focused:this.focusedIndex===e,filled:!!t},value:t,placeholder:this.placeholder,disabled:this.disabled||this.skeleton,readonly:this.readonly,onInputChange:t=>this.handleInput(t,e),onInputKeydown:t=>this.handleKeyDown(t.detail,e),onPasteInternal:t=>0===e?this.handlePaste(t.detail):t.detail.preventDefault(),onFocusInternal:()=>this.handleFocus(e),onInputBlur:this.handleBlur,ariaLabel:`Digit ${e+1}`,size:this.size,align:"center"}),i&&r("div",{class:"otp-divider"}))}))),t&&e&&r("div",{key:"c5349d5e5e04c6f238e8d2e826684d1a47464385",class:"error-text"},r("ui-icon",{key:"440b6a35be56cb372799676c24436cb8655fe8e7",name:"exclamation-circle",library:"fontawesome"}),e),!t&&this.helperText&&r("div",{key:"9e8357a1bc20e41ae07a2cb14b8f88c1b6c73b9f",class:"helper-text"},this.helperText),r("div",{key:"11f5ed36239872e672e9626ad8713a603a7a50fe",class:"otp-resend-container"},r("ui-button",{key:"bb46ef1c84eafc63a5a8ed507972f7c33646544d",variant:"ghost",size:"sm",onClick:this.handleResend,disabled:this.resendTimer>0||this.disabled,label:`${this.resendLabel} ${this.resendTimer>0?`(${this.resendTimer}s)`:""}`})))}static get watchers(){return{value:[{handleValueChange:0}]}}};s.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.otp-input{display:flex;flex-direction:column;gap:12px}.otp-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--label-color, var(--text-primary, #333));margin-bottom:8px}.otp-inputs-container{display:flex;gap:8px;justify-content:center;align-items:center}.otp-divider{width:12px;height:2px;background:var(--border-color, #e0e0e0);margin-inline-start:4px;margin-inline-end:4px}.otp-input-field{width:48px;height:56px;text-align:center;font-size:24px;font-weight:600;border:2px solid var(--border-color, #e0e0e0);border-radius:8px;background:var(--surface-color, var(--bg-primary, #ffffff));outline:none;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);caret-color:var(--primary-color, var(--color-success, #3dcd58))}.otp-input-field:hover:not(:disabled){border-color:var(--border-hover, #bbb)}.otp-input-field:focus,.otp-input-field.focused{border-color:var(--primary-color, var(--color-success, #3dcd58));box-shadow:0 0 0 3px rgba(var(--color-success-rgb, 61, 205, 88), 0.15);transform:translateY(-2px)}.otp-input-field.filled{border-color:var(--primary-color, var(--color-success, #3dcd58));background:var(--primary-color-light, rgba(var(--color-success-rgb, 61, 205, 88), 0.05))}.otp-input-field:disabled{background:var(--background-secondary, #f5f5f5);cursor:not-allowed;opacity:0.6}.otp-input-sm .otp-input-field{width:40px;height:48px;font-size:20px}.otp-input-lg .otp-input-field{width:56px;height:64px;font-size:28px}.otp-input-secondary .otp-input-field:focus{border-color:var(--color-primary, #6b7280);box-shadow:0 0 0 3px rgba(107, 114, 128, 0.15)}.otp-input-success .otp-input-field:focus{border-color:var(--color-success, #16a34a);box-shadow:0 0 0 3px rgba(22, 163, 74, 0.15)}.otp-input-danger .otp-input-field:focus{border-color:var(--color-danger-hover, #dc2626);box-shadow:0 0 0 3px rgba(var(--color-danger-rgb, 220, 38, 38), 0.15)}.otp-input-warning .otp-input-field:focus{border-color:var(--color-warning, #f59e0b);box-shadow:0 0 0 3px rgba(var(--color-warning-rgb, 245, 158, 11), 0.15)}.otp-input-info .otp-input-field:focus{border-color:var(--color-info-hover, #0891b2);box-shadow:0 0 0 3px rgba(8, 145, 178, 0.15)}.otp-input-underlined .otp-input-field{border:none;border-bottom:2px solid var(--border-color);border-radius:0;background:transparent}.otp-input-underlined .otp-input-field:focus{transform:none;border-bottom-color:var(--primary-color);box-shadow:none}.otp-input-flushed .otp-input-field{border:none;background:var(--background-secondary, var(--bg-secondary, #f3f4f6));border-radius:12px}.otp-input-flushed .otp-input-field:focus{background:var(--surface-color);box-shadow:0 4px 12px rgba(0, 0, 0, 0.05)}.otp-input-separated .otp-input-field{margin-inline-start:4px;margin-inline-end:4px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.05);border-radius:12px}.otp-input-invalid{animation:otp-shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}.otp-input-invalid .otp-input-field{border-color:var(--danger-color, #f44336) !important}.otp-input-invalid .otp-input-field:focus{box-shadow:0 0 0 3px rgba(244, 67, 54, 0.15)}.error-text{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--danger-color, #f44336)}.error-text i{font-size:14px}.helper-text{font-size:12px;color:var(--label-subtitle-color, var(--text-secondary, #666));text-align:center}.otp-input-skeleton{pointer-events:none}.otp-input-skeleton .otp-input-field{background:linear-gradient(90deg, var(--bg-secondary, #f3f4f6) 25%, var(--bg-primary, #e5e7eb) 50%, var(--bg-secondary, #f3f4f6) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite linear;border-color:transparent}.otp-input-skeleton .otp-label{width:80px;height:14px;background:var(--bg-primary, #e5e7eb);border-radius:4px;margin-bottom:8px}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes otp-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)}}@keyframes fillPulse{0%{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 0 15px rgba(var(--color-success-rgb, 61, 205, 88), 0.3)}100%{transform:scale(1)}}.otp-input-field.filled{animation:fillPulse 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275)}";export{s as ui_otp_input}

package/dist/exploration-project-tailwind/{p-5508874f.entry.js → p-bd89d060.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,a as e,h as a,H as s}from"./p-DUsoYu9r.js";const o=class{constructor(e){t(this,e),this.uiFabClick=i(this,"uiFabClick"),this.uiFabOpen=i(this,"uiFabOpen"),this.uiFabClose=i(this,"uiFabClose"),this.uiFabToggle=i(this,"uiFabToggle"),this.uiFabActionClick=i(this,"uiFabActionClick")}get el(){return e(this)}isExpanded=!1;defaultOpen=!1;position="bottom-right";direction="top";variant="primary";size="md";type="standard";icon;label;disabled=!1;loading=!1;toggle=!1;isDraggable=!1;hideOnScroll=!1;showOnScrollUp=!1;offsetX=24;offsetY=24;zIndex=1e3;expandOnHover=!1;expandOnClick=!0;closeOnAction=!0;backdrop=!1;backdropClose=!0;persistent=!1;animation="scale";panel=!1;panelTitle;panelWidth="320px";panelHeight;panelMaxHeight="480px";isDragging=!1;isHidden=!1;currentX=0;currentY=0;uiFabClick;uiFabOpen;uiFabClose;uiFabToggle;uiFabActionClick;dragStartX=0;dragStartY=0;lastScrollY=0;internalOpen=!1;componentWillLoad(){this.internalOpen=this.defaultOpen||this.isExpanded,this.currentX=this.offsetX,this.currentY=this.offsetY}componentDidLoad(){(this.hideOnScroll||this.showOnScrollUp)&&(this.lastScrollY=window.scrollY)}openChanged(t){this.internalOpen=t,t?(this.uiFabOpen.emit(),this.calculateRadial()):this.uiFabClose.emit()}async openFab(){this.isExpanded=!0}async closeFab(){this.isExpanded=!1}async toggleFab(){this.isExpanded=!this.internalOpen,this.uiFabToggle.emit({isExpanded:this.internalOpen})}async show(){this.isHidden=!1}async hide(){this.isHidden=!0}handleScroll(){if(!this.hideOnScroll&&!this.showOnScrollUp)return;const t=window.scrollY,i=t>this.lastScrollY;this.showOnScrollUp&&!i&&t>100?this.isHidden=!1:this.hideOnScroll&&i&&t>100&&(this.isHidden=!0,this.internalOpen&&this.closeFab()),this.lastScrollY=t}handleKeyDown(t){this.disabled||this.loading||("Enter"===t.key||" "===t.key?(t.preventDefault(),this.handleClick(new MouseEvent("click"))):"Escape"===t.key&&this.internalOpen&&(this.closeFab(),this.focusTrigger()))}focusTrigger(){const t=this.el.shadowRoot?.querySelector(".fab-trigger");t&&t.focus()}handleClick=t=>{this.disabled||this.loading||("speed-dial"===this.type||this.toggle||this.panel?this.expandOnClick&&this.toggleFab():this.uiFabClick.emit(t))};handleBackdropClick=()=>{this.backdropClose&&this.internalOpen&&!this.persistent&&this.closeFab()};handleMouseEnter=()=>{!this.expandOnHover||this.disabled||this.loading||this.openFab()};handleMouseLeave=()=>{this.expandOnHover&&!this.persistent&&this.closeFab()};handlePointerDown=t=>{this.isDraggable&&!this.disabled&&(this.isDragging=!0,this.dragStartX=t.clientX,this.dragStartY=t.clientY,this.el.setPointerCapture(t.pointerId))};handlePointerMove=t=>{if(!this.isDragging||!this.isDraggable)return;const i=t.clientX-this.dragStartX,e=t.clientY-this.dragStartY;this.position.includes("right")?this.currentX-=i:this.position.includes("left")&&(this.currentX+=i),this.position.includes("bottom")?this.currentY-=e:this.position.includes("top")&&(this.currentY+=e),this.dragStartX=t.clientX,this.dragStartY=t.clientY};handlePointerUp=t=>{this.isDragging&&(this.isDragging=!1,this.el.releasePointerCapture(t.pointerId))};onActionClick(){this.closeOnAction&&this.internalOpen&&!this.persistent&&this.closeFab()}calculateRadial(){if("radial"!==this.direction)return;const t=Array.from(this.el.querySelectorAll("ui-fab-item"));if(!t.length)return;const i=80+Math.max(0,15*(t.length-4)),e=Math.max(0,10*(t.length-3)),a=Math.min(120,90+e),s=1===t.length?0:a/(t.length-1);t.forEach(((e,a)=>{const o=s*a*(Math.PI/180);let n=Math.abs(Math.sin(o)*i),r=Math.abs(Math.cos(o)*i);if(this.position.includes("right")&&(n=-n),this.position.includes("bottom")&&(r=-r),this.position.includes("-center")){const e=Math.min(220,180+15*(t.length-3)),s=((1===t.length?0:e/(t.length-1))*a-e/2)*(Math.PI/180);n=Math.sin(s)*i,r=this.position.includes("bottom")?-Math.cos(s)*i:Math.cos(s)*i}if(this.position.includes("center-")){const e=Math.min(180,120+15*(t.length-3)),s=((1===t.length?0:e/(t.length-1))*a-e/2)*(Math.PI/180);r=Math.sin(s)*i,n=this.position.includes("right")?-Math.cos(s)*i:Math.cos(s)*i}e.style.setProperty("--radial-x",`${n}px`),e.style.setProperty("--radial-y",`${r}px`)}))}render(){const t=!!("extended"===this.type||this.label&&"speed-dial"!==this.type),i="speed-dial"===this.type,e={"fab-container":!0,[`pos-${this.position}`]:!0,[`dir-${this.direction}`]:!0,[`variant-${this.variant}`]:!0,[`size-${this.size}`]:!0,[`anim-${this.animation}`]:!0,"is-open":this.internalOpen,"is-hidden":this.isHidden,"is-extended":t,"is-speed-dial":i,"is-dragging":this.isDragging,"is-disabled":this.disabled,"is-loading":this.loading},o={"--fab-offset-x":`${this.currentX}px`,"--fab-offset-y":`${this.currentY}px`,"z-index":this.zIndex.toString()};return a(s,{key:"3134d7c95b289f7ba1fbe491e2381a39ab33cd90",class:e,style:o},this.backdrop&&this.internalOpen&&a("div",{key:"65ab05d3229cdd3c50436461400a93dfbdc79f89",class:"fab-backdrop",onClick:this.handleBackdropClick}),a("div",{key:"095790fe29d7b5110679b9e83af15e16654b5f9c",class:"fab-wrapper",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},i&&a("div",{key:"cd098ce374a0f59635d9e36f94cc8873225a35c7",class:"fab-actions","aria-hidden":this.internalOpen?"false":"true"},a("slot",{key:"22573c4f39319b8c438265035c7062eabd31a0dd",name:"actions"})),this.panel&&a("div",{key:"eba8176fc2531f4984f1a15db4439d739d72c364",class:{"fab-panel":!0,"has-header":!!this.panelTitle},role:"dialog","aria-hidden":this.internalOpen?"false":"true",style:{width:this.panelWidth,height:this.panelHeight,maxHeight:this.panelMaxHeight}},this.panelTitle&&a("div",{key:"32f400ac44e2559bc42857c5f953c8339749747b",class:"fab-panel-header"},a("span",{key:"a8ab67880b596cf3ac7ee9608ed69533da83a164",class:"fab-panel-title"},this.panelTitle),a("ui-button",{key:"8258cd221bf4f1ce486f2e789ffa160609385c1f",variant:"ghost",class:"fab-panel-close",onClick:()=>this.closeFab(),ariaLabel:"Close panel",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"})),a("div",{key:"b934937a301cfa9f759644679a5b42b88bdfb956",class:"fab-panel-body"},a("slot",{key:"d0583bd15b3a49b9d0d78698464811cd7d3ddccf",name:"panel"})),a("div",{key:"628ff324c833159612e523ca14c8b34ee591d23f",class:"fab-panel-footer"},a("slot",{key:"4d738a08683eae8f5ad3d96397b65983c9f00deb",name:"panel-footer"}))),a("ui-button",{key:"40f831f7769b5918779a74100aab35ebe87d46ae",variant:this.variant,shape:"extended"===this.type||this.label&&"speed-dial"!==this.type?"rounded":"circle",class:"fab-trigger",disabled:this.disabled||this.loading,loading:this.loading,ariaLabel:this.label||"Floating Action Button",onClick:this.handleClick,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerUp,label:t&&this.label?this.label:void 0,icon:this.icon,iconOnly:!t,size:"mini"===this.size?"sm":"lg"===this.size?"lg":"md"},i&&this.toggle&&this.internalOpen&&a("ui-icon",{key:"46fdd3e22ff4ae11f0fa3b27166db77bb0ca4a38",slot:"icon",class:"fab-icon close-icon",name:"x",size:"mini"===this.size?"18":"24"}),!this.icon&&!t&&a("slot",{key:"045dd7944e14501a0a703754ee21bc1f2d77fdff",name:"trigger"}))))}static get watchers(){return{isExpanded:[{openChanged:0}]}}};o.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{--ui-fab-bg:var(--ui-primary, var(--color-success, #3dcd58));--ui-fab-color:var(--text-standard, #ffffff);--ui-fab-hover-bg:var(--ui-primary-hover, #2ebd4a);--ui-fab-size:56px;--ui-fab-radius:50%;--ui-fab-shadow:0 4px 12px rgba(0, 0, 0, 0.15);--ui-fab-zindex:1000;--ui-fab-gap:16px;--ui-fab-action-size:40px;--ui-fab-transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);position:fixed;z-index:var(--ui-fab-zindex);display:flex;transition:transform 0.3s ease, opacity 0.3s ease;pointer-events:none;}:host(.is-hidden){opacity:0;transform:scale(0.8);pointer-events:none}:host(.pos-bottom-right){inset-block-end:var(--fab-offset-y);inset-inline-end:var(--fab-offset-x)}:host(.pos-bottom-left){inset-block-end:var(--fab-offset-y);inset-inline-start:var(--fab-offset-x)}:host(.pos-top-right){inset-block-start:var(--fab-offset-y);inset-inline-end:var(--fab-offset-x)}:host(.pos-top-left){inset-block-start:var(--fab-offset-y);inset-inline-start:var(--fab-offset-x)}:host(.pos-bottom-center){inset-block-end:var(--fab-offset-y);inset-inline-start:50%;transform:translateX(-50%)}:host(.pos-top-center){inset-block-start:var(--fab-offset-y);inset-inline-start:50%;transform:translateX(-50%)}:host(.pos-center-right){inset-block-start:50%;inset-inline-end:var(--fab-offset-x);transform:translateY(-50%)}:host(.pos-center-left){inset-block-start:50%;inset-inline-start:var(--fab-offset-x);transform:translateY(-50%)}:host(.size-mini){--ui-fab-size:40px}:host(.size-sm){--ui-fab-size:48px}:host(.size-md){--ui-fab-size:56px}:host(.size-lg){--ui-fab-size:64px}:host(.is-extended){--ui-fab-radius:28px}:host(.is-extended) .fab-trigger{width:auto;padding-inline:20px}:host(.variant-secondary){--ui-fab-bg:var(--color-primary, #6b7280);--ui-fab-hover-bg:var(--color-primary, #4b5563)}:host(.variant-tertiary){--ui-fab-bg:var(--bg-primary, #1f2937);--ui-fab-hover-bg:var(--bg-secondary, #111827)}:host(.variant-surface){--ui-fab-bg:var(--bg-primary, var(--text-standard, #ffffff));--ui-fab-color:var(--bg-secondary, var(--text-primary, #111827));--ui-fab-hover-bg:var(--bg-primary, #f9fafb)}:host(.variant-success){--ui-fab-bg:var(--color-success, #10b981);--ui-fab-hover-bg:var(--color-success-hover, #059669)}:host(.variant-danger){--ui-fab-bg:var(--color-danger, #ef4444);--ui-fab-hover-bg:var(--color-danger-hover, #dc2626)}:host(.variant-warning){--ui-fab-bg:var(--color-warning, #f59e0b);--ui-fab-hover-bg:var(--color-warning-hover, #d97706)}:host(.variant-info){--ui-fab-bg:var(--color-primary, #10b981);--ui-fab-hover-bg:var(--color-primary-hover, #2563eb)}.fab-wrapper{display:flex;pointer-events:auto;align-items:center;justify-content:center;position:relative}:host(.dir-up) .fab-wrapper{flex-direction:column-reverse}:host(.dir-down) .fab-wrapper{flex-direction:column}:host(.dir-left) .fab-wrapper{flex-direction:row-reverse}:host(.dir-right) .fab-wrapper{flex-direction:row}:host(.dir-radial) .fab-wrapper{flex-direction:column;}.fab-trigger{width:var(--ui-fab-size);height:var(--ui-fab-size);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:var(--ui-fab-transition);outline:none;z-index:2;font-family:inherit}.fab-trigger:hover{transform:translateY(-2px)}.fab-trigger:active{transform:translateY(0) scale(0.95)}:host(.is-disabled) .fab-trigger{opacity:0.6;cursor:not-allowed;pointer-events:none}.fab-content{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;height:100%}.fab-icon{transition:transform 0.3s ease, opacity 0.3s ease;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.close-icon{opacity:0;transform:translate(-50%, -50%) rotate(-90deg)}:host(.is-open) .primary-icon{opacity:0;transform:translate(-50%, -50%) rotate(90deg)}:host(.is-open) .close-icon{opacity:1;transform:translate(-50%, -50%) rotate(0deg)}.fab-label{font-weight:500;font-size:14px;letter-spacing:0.5px;white-space:nowrap}:host(.is-extended) .fab-icon{position:relative;transform:none;top:0;left:0}:host(.is-extended.is-open) .primary-icon{transform:rotate(90deg)}.fab-actions{display:flex;gap:12px;visibility:hidden;z-index:1;padding:var(--ui-fab-gap);position:relative}:host(.dir-up) .fab-actions{flex-direction:column-reverse;margin-block-end:-16px}:host(.dir-down) .fab-actions{flex-direction:column;margin-block-start:-16px}:host(.dir-left) .fab-actions{flex-direction:row-reverse;margin-inline-end:-16px}:host(.dir-right) .fab-actions{flex-direction:row;margin-inline-start:-16px}:host(.dir-radial) .fab-actions{display:block;position:absolute;left:50%;top:50%;width:0;height:0;padding:0}:host(.is-open) .fab-actions{visibility:visible}::slotted(ui-fab-item){opacity:0;transform:scale(0.5);transition:all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);pointer-events:none}:host(.is-open) ::slotted(ui-fab-item){opacity:1;transform:scale(1);pointer-events:auto}:host(.dir-radial) ::slotted(ui-fab-item){position:absolute;inset-block-start:-20px;inset-inline-start:-20px}:host(.dir-radial.is-open) ::slotted(ui-fab-item){transform:translate(var(--radial-x, 0), var(--radial-y, 0)) scale(1) !important}:host(.is-open) ::slotted(ui-fab-item:nth-child(1)){transition-delay:40ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(2)){transition-delay:80ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(3)){transition-delay:120ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(4)){transition-delay:160ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(5)){transition-delay:200ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(6)){transition-delay:240ms}:host(.anim-fade) ::slotted(ui-fab-item){transform:scale(1)}:host(.anim-slide-up) ::slotted(ui-fab-item){transform:translateY(20px)}:host(.is-open.anim-slide-up) ::slotted(ui-fab-item){transform:translateY(0)}:host(.anim-slide-down) ::slotted(ui-fab-item){transform:translateY(-20px)}:host(.is-open.anim-slide-down) ::slotted(ui-fab-item){transform:translateY(0)}:host(.anim-slide-left) ::slotted(ui-fab-item){transform:translateX(20px)}:host(.is-open.anim-slide-left) ::slotted(ui-fab-item){transform:translateX(0)}:host(.anim-slide-right) ::slotted(ui-fab-item){transform:translateX(-20px)}:host(.is-open.anim-slide-right) ::slotted(ui-fab-item){transform:translateX(0)}:host(.anim-rotate) ::slotted(ui-fab-item){transform:rotate(45deg) scale(0.5)}:host(.is-open.anim-rotate) ::slotted(ui-fab-item){transform:rotate(0deg) scale(1)}.spinner{width:24px;height:24px;animation:rotate 2s linear infinite}.spinner-circle{stroke-dasharray:1, 200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}.fab-backdrop{position:fixed;inset:0;background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(4px);z-index:0;pointer-events:auto}.fab-panel{position:absolute;background:var(--ui-surface, var(--bg-primary, #ffffff));border-radius:16px;box-shadow:0 10px 40px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);display:flex;flex-direction:column;min-width:200px;opacity:0;pointer-events:none;transform:scale(0.95);transition:opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);z-index:10;overflow:hidden;border:1px solid rgba(255, 255, 255, 0.1);backdrop-filter:blur(8px)}.fab-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(0, 0, 0, 0.05);background:rgba(0, 0, 0, 0.02)}.fab-panel-title{font-weight:700;font-size:14px;color:var(--text-primary, #1e293b);letter-spacing:-0.01em}.fab-panel-close{background:transparent;border:none;padding:4px;cursor:pointer;color:var(--text-muted, #64748b);display:flex;align-items:center;border-radius:6px;transition:all 0.2s}.fab-panel-close:hover{background:rgba(0, 0, 0, 0.05);color:var(--color-danger, #ef4444)}.fab-panel-body{flex:1;padding:16px;overflow-y:auto;min-height:0;scrollbar-width:thin}.fab-panel-body::-webkit-scrollbar{width:6px}.fab-panel-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px;background:rgba(0, 0, 0, 0.015);border-top:1px solid rgba(0, 0, 0, 0.05)}:host(.is-open) .fab-panel{opacity:1;pointer-events:auto;transform:scale(1)}:host(.pos-bottom-right) .fab-panel{inset-block-end:calc(100% + 12px);inset-inline-end:0;transform-origin:bottom right}:host(.pos-bottom-left) .fab-panel{inset-block-end:calc(100% + 12px);inset-inline-start:0;transform-origin:bottom left}:host(.pos-bottom-center) .fab-panel{inset-block-end:calc(100% + 12px);inset-inline-start:50%;transform:translateX(-50%) scale(0.95);transform-origin:bottom center}:host(.pos-bottom-center.is-open) .fab-panel{transform:translateX(-50%) scale(1)}:host(.pos-top-right) .fab-panel{inset-block-start:calc(100% + 12px);inset-inline-end:0;transform-origin:top right}:host(.pos-top-left) .fab-panel{inset-block-start:calc(100% + 12px);inset-inline-start:0;transform-origin:top left}:host(.pos-top-center) .fab-panel{inset-block-start:calc(100% + 12px);inset-inline-start:50%;transform:translateX(-50%) scale(0.95);transform-origin:top center}:host(.pos-top-center.is-open) .fab-panel{transform:translateX(-50%) scale(1)}:host(.pos-center-right) .fab-panel{inset-inline-end:calc(100% + 12px);inset-block-start:50%;transform:translateY(-50%) scale(0.95);transform-origin:center right}:host(.pos-center-right.is-open) .fab-panel{transform:translateY(-50%) scale(1)}:host(.pos-center-left) .fab-panel{inset-inline-start:calc(100% + 12px);inset-block-start:50%;transform:translateY(-50%) scale(0.95);transform-origin:center left}:host(.pos-center-left.is-open) .fab-panel{transform:translateY(-50%) scale(1)}";export{o as ui_fab}
+import{r as t,c as i,a as e,h as a,H as s}from"./p-DUsoYu9r.js";const o=class{constructor(e){t(this,e),this.uiFabClick=i(this,"uiFabClick"),this.uiFabOpen=i(this,"uiFabOpen"),this.uiFabClose=i(this,"uiFabClose"),this.uiFabToggle=i(this,"uiFabToggle"),this.uiFabActionClick=i(this,"uiFabActionClick")}get el(){return e(this)}isExpanded=!1;defaultOpen=!1;position="bottom-right";direction="top";variant="primary";size="md";type="standard";icon;label;disabled=!1;loading=!1;toggle=!1;isDraggable=!1;hideOnScroll=!1;showOnScrollUp=!1;offsetX=24;offsetY=24;zIndex=1e3;expandOnHover=!1;expandOnClick=!0;closeOnAction=!0;backdrop=!1;backdropClose=!0;persistent=!1;animation="scale";panel=!1;panelTitle;panelWidth="320px";panelHeight;panelMaxHeight="480px";isDragging=!1;isHidden=!1;currentX=0;currentY=0;uiFabClick;uiFabOpen;uiFabClose;uiFabToggle;uiFabActionClick;dragStartX=0;dragStartY=0;lastScrollY=0;internalOpen=!1;componentWillLoad(){this.internalOpen=this.defaultOpen||this.isExpanded,this.currentX=this.offsetX,this.currentY=this.offsetY}componentDidLoad(){(this.hideOnScroll||this.showOnScrollUp)&&(this.lastScrollY=window.scrollY)}openChanged(t){this.internalOpen=t,t?(this.uiFabOpen.emit(),this.calculateRadial()):this.uiFabClose.emit()}async openFab(){this.isExpanded=!0}async closeFab(){this.isExpanded=!1}async toggleFab(){this.isExpanded=!this.internalOpen,this.uiFabToggle.emit({isExpanded:this.internalOpen})}async show(){this.isHidden=!1}async hide(){this.isHidden=!0}handleScroll(){if(!this.hideOnScroll&&!this.showOnScrollUp)return;const t=window.scrollY,i=t>this.lastScrollY;this.showOnScrollUp&&!i&&t>100?this.isHidden=!1:this.hideOnScroll&&i&&t>100&&(this.isHidden=!0,this.internalOpen&&this.closeFab()),this.lastScrollY=t}handleKeyDown(t){this.disabled||this.loading||("Enter"===t.key||" "===t.key?(t.preventDefault(),this.handleClick(new MouseEvent("click"))):"Escape"===t.key&&this.internalOpen&&(this.closeFab(),this.focusTrigger()))}focusTrigger(){const t=this.el.shadowRoot?.querySelector(".fab-trigger");t&&t.focus()}handleClick=t=>{this.disabled||this.loading||("speed-dial"===this.type||this.toggle||this.panel?this.expandOnClick&&this.toggleFab():this.uiFabClick.emit(t))};handleBackdropClick=()=>{this.backdropClose&&this.internalOpen&&!this.persistent&&this.closeFab()};handleMouseEnter=()=>{!this.expandOnHover||this.disabled||this.loading||this.openFab()};handleMouseLeave=()=>{this.expandOnHover&&!this.persistent&&this.closeFab()};handlePointerDown=t=>{this.isDraggable&&!this.disabled&&(this.isDragging=!0,this.dragStartX=t.clientX,this.dragStartY=t.clientY,this.el.setPointerCapture(t.pointerId))};handlePointerMove=t=>{if(!this.isDragging||!this.isDraggable)return;const i=t.clientX-this.dragStartX,e=t.clientY-this.dragStartY;this.position.includes("right")?this.currentX-=i:this.position.includes("left")&&(this.currentX+=i),this.position.includes("bottom")?this.currentY-=e:this.position.includes("top")&&(this.currentY+=e),this.dragStartX=t.clientX,this.dragStartY=t.clientY};handlePointerUp=t=>{this.isDragging&&(this.isDragging=!1,this.el.releasePointerCapture(t.pointerId))};onActionClick(){this.closeOnAction&&this.internalOpen&&!this.persistent&&this.closeFab()}calculateRadial(){if("radial"!==this.direction)return;const t=Array.from(this.el.querySelectorAll("ui-fab-item"));if(!t.length)return;const i=80+Math.max(0,15*(t.length-4)),e=Math.max(0,10*(t.length-3)),a=Math.min(120,90+e),s=1===t.length?0:a/(t.length-1);t.forEach(((e,a)=>{const o=s*a*(Math.PI/180);let n=Math.abs(Math.sin(o)*i),r=Math.abs(Math.cos(o)*i);if(this.position.includes("right")&&(n=-n),this.position.includes("bottom")&&(r=-r),this.position.includes("-center")){const e=Math.min(220,180+15*(t.length-3)),s=((1===t.length?0:e/(t.length-1))*a-e/2)*(Math.PI/180);n=Math.sin(s)*i,r=this.position.includes("bottom")?-Math.cos(s)*i:Math.cos(s)*i}if(this.position.includes("center-")){const e=Math.min(180,120+15*(t.length-3)),s=((1===t.length?0:e/(t.length-1))*a-e/2)*(Math.PI/180);r=Math.sin(s)*i,n=this.position.includes("right")?-Math.cos(s)*i:Math.cos(s)*i}e.style.setProperty("--radial-x",`${n}px`),e.style.setProperty("--radial-y",`${r}px`)}))}render(){const t=!!("extended"===this.type||this.label&&"speed-dial"!==this.type),i="speed-dial"===this.type,e={"fab-container":!0,[`pos-${this.position}`]:!0,[`dir-${this.direction}`]:!0,[`variant-${this.variant}`]:!0,[`size-${this.size}`]:!0,[`anim-${this.animation}`]:!0,"is-open":this.internalOpen,"is-hidden":this.isHidden,"is-extended":t,"is-speed-dial":i,"is-dragging":this.isDragging,"is-disabled":this.disabled,"is-loading":this.loading},o={"--fab-offset-x":`${this.currentX}px`,"--fab-offset-y":`${this.currentY}px`,"z-index":this.zIndex.toString()};return a(s,{key:"7e6f5d73427366ff17f1f5e65bd17f6835098b63",class:e,style:o},this.backdrop&&this.internalOpen&&a("div",{key:"f1256c22cd5f454ca9d17c3ebd30c0cdf541b491",class:"fab-backdrop",onClick:this.handleBackdropClick}),a("div",{key:"c6772712b949c61127a52722a7e0d2a85ec09f06",class:"fab-wrapper",onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},i&&a("div",{key:"0398eb0d055bb156268bcb3af06ca48c89b894a3",class:"fab-actions","aria-hidden":this.internalOpen?"false":"true"},a("slot",{key:"5cd5d9f5bc34719f89645cda401eb6d85db11449",name:"actions"})),this.panel&&a("div",{key:"d9075d5a11d5c4d0394e4d637f09f24dc03870af",class:{"fab-panel":!0,"has-header":!!this.panelTitle},role:"dialog","aria-hidden":this.internalOpen?"false":"true",style:{width:this.panelWidth,height:this.panelHeight,maxHeight:this.panelMaxHeight}},this.panelTitle&&a("div",{key:"3becbad472d14e38d2b3ab20e2ff4c34e0269e0f",class:"fab-panel-header"},a("span",{key:"b140b40024a609232de0a763654d03dd0f225a9b",class:"fab-panel-title"},this.panelTitle),a("ui-button",{key:"e72642cfa211273ef540eab5e293e950c0180415",variant:"ghost",class:"fab-panel-close",onClick:()=>this.closeFab(),ariaLabel:"Close panel",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"})),a("div",{key:"f8006eb878ba30e0711f74633b4cd6e85c9f41bb",class:"fab-panel-body"},a("slot",{key:"35933e69377366b5405245f7f32df3201390066d",name:"panel"})),a("div",{key:"4332e87ae404c1cd4d4a5799f1f25d8a430df709",class:"fab-panel-footer"},a("slot",{key:"7dbbc44576c425495dd7cd8ba53f93a9b7ff1d6a",name:"panel-footer"}))),a("ui-button",{key:"e0459872b67bac7714d6eef306cf232253f3bfd1",variant:this.variant,shape:"extended"===this.type||this.label&&"speed-dial"!==this.type?"rounded":"circle",class:"fab-trigger",disabled:this.disabled||this.loading,loading:this.loading,ariaLabel:this.label||"Floating Action Button",onClick:this.handleClick,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerUp,label:t&&this.label?this.label:void 0,icon:this.icon,iconOnly:!t,size:"mini"===this.size?"sm":"lg"===this.size?"lg":"md"},i&&this.toggle&&this.internalOpen&&a("ui-icon",{key:"c001fc5d8906bb8aadab821856f181fa204e994a",slot:"icon",class:"fab-icon close-icon",name:"x",size:"mini"===this.size?"18":"24"}),!this.icon&&!t&&a("slot",{key:"73458b1312ff61bcf62fb97bf076c0684389cc57",name:"trigger"}))))}static get watchers(){return{isExpanded:[{openChanged:0}]}}};o.style=".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{--ui-fab-bg:var(--ui-primary, var(--color-success, #3dcd58));--ui-fab-color:var(--text-standard, #ffffff);--ui-fab-hover-bg:var(--ui-primary-hover, #2ebd4a);--ui-fab-size:56px;--ui-fab-radius:50%;--ui-fab-shadow:0 4px 12px rgba(0, 0, 0, 0.15);--ui-fab-zindex:1000;--ui-fab-gap:16px;--ui-fab-action-size:40px;--ui-fab-transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);position:fixed;z-index:var(--ui-fab-zindex);display:flex;transition:transform 0.3s ease, opacity 0.3s ease;pointer-events:none;}:host(.is-hidden){opacity:0;transform:scale(0.8);pointer-events:none}:host(.pos-bottom-right){inset-block-end:var(--fab-offset-y);inset-inline-end:var(--fab-offset-x)}:host(.pos-bottom-left){inset-block-end:var(--fab-offset-y);inset-inline-start:var(--fab-offset-x)}:host(.pos-top-right){inset-block-start:var(--fab-offset-y);inset-inline-end:var(--fab-offset-x)}:host(.pos-top-left){inset-block-start:var(--fab-offset-y);inset-inline-start:var(--fab-offset-x)}:host(.pos-bottom-center){inset-block-end:var(--fab-offset-y);inset-inline-start:50%;transform:translateX(-50%)}:host(.pos-top-center){inset-block-start:var(--fab-offset-y);inset-inline-start:50%;transform:translateX(-50%)}:host(.pos-center-right){inset-block-start:50%;inset-inline-end:var(--fab-offset-x);transform:translateY(-50%)}:host(.pos-center-left){inset-block-start:50%;inset-inline-start:var(--fab-offset-x);transform:translateY(-50%)}:host(.size-mini){--ui-fab-size:40px}:host(.size-sm){--ui-fab-size:48px}:host(.size-md){--ui-fab-size:56px}:host(.size-lg){--ui-fab-size:64px}:host(.is-extended){--ui-fab-radius:28px}:host(.is-extended) .fab-trigger{width:auto;padding-inline:20px}:host(.variant-secondary){--ui-fab-bg:var(--color-primary, #6b7280);--ui-fab-hover-bg:var(--color-primary, #4b5563)}:host(.variant-tertiary){--ui-fab-bg:var(--bg-primary, #1f2937);--ui-fab-hover-bg:var(--bg-secondary, #111827)}:host(.variant-surface){--ui-fab-bg:var(--bg-primary, var(--text-standard, #ffffff));--ui-fab-color:var(--bg-secondary, var(--text-primary, #111827));--ui-fab-hover-bg:var(--bg-primary, #f9fafb)}:host(.variant-success){--ui-fab-bg:var(--color-success, #10b981);--ui-fab-hover-bg:var(--color-success-hover, #059669)}:host(.variant-danger){--ui-fab-bg:var(--color-danger, #ef4444);--ui-fab-hover-bg:var(--color-danger-hover, #dc2626)}:host(.variant-warning){--ui-fab-bg:var(--color-warning, #f59e0b);--ui-fab-hover-bg:var(--color-warning-hover, #d97706)}:host(.variant-info){--ui-fab-bg:var(--color-primary, #10b981);--ui-fab-hover-bg:var(--color-primary-hover, #2563eb)}.fab-wrapper{display:flex;pointer-events:auto;align-items:center;justify-content:center;position:relative}:host(.dir-up) .fab-wrapper{flex-direction:column-reverse}:host(.dir-down) .fab-wrapper{flex-direction:column}:host(.dir-left) .fab-wrapper{flex-direction:row-reverse}:host(.dir-right) .fab-wrapper{flex-direction:row}:host(.dir-radial) .fab-wrapper{flex-direction:column;}.fab-trigger{width:var(--ui-fab-size);height:var(--ui-fab-size);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:var(--ui-fab-transition);outline:none;z-index:2;font-family:inherit}.fab-trigger:hover{transform:translateY(-2px)}.fab-trigger:active{transform:translateY(0) scale(0.95)}:host(.is-disabled) .fab-trigger{opacity:0.6;cursor:not-allowed;pointer-events:none}.fab-content{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;height:100%}.fab-icon{transition:transform 0.3s ease, opacity 0.3s ease;display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.close-icon{opacity:0;transform:translate(-50%, -50%) rotate(-90deg)}:host(.is-open) .primary-icon{opacity:0;transform:translate(-50%, -50%) rotate(90deg)}:host(.is-open) .close-icon{opacity:1;transform:translate(-50%, -50%) rotate(0deg)}.fab-label{font-weight:500;font-size:14px;letter-spacing:0.5px;white-space:nowrap}:host(.is-extended) .fab-icon{position:relative;transform:none;top:0;left:0}:host(.is-extended.is-open) .primary-icon{transform:rotate(90deg)}.fab-actions{display:flex;gap:12px;visibility:hidden;z-index:1;padding:var(--ui-fab-gap);position:relative}:host(.dir-up) .fab-actions{flex-direction:column-reverse;margin-block-end:-16px}:host(.dir-down) .fab-actions{flex-direction:column;margin-block-start:-16px}:host(.dir-left) .fab-actions{flex-direction:row-reverse;margin-inline-end:-16px}:host(.dir-right) .fab-actions{flex-direction:row;margin-inline-start:-16px}:host(.dir-radial) .fab-actions{display:block;position:absolute;left:50%;top:50%;width:0;height:0;padding:0}:host(.is-open) .fab-actions{visibility:visible}::slotted(ui-fab-item){opacity:0;transform:scale(0.5);transition:all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);pointer-events:none}:host(.is-open) ::slotted(ui-fab-item){opacity:1;transform:scale(1);pointer-events:auto}:host(.dir-radial) ::slotted(ui-fab-item){position:absolute;inset-block-start:-20px;inset-inline-start:-20px}:host(.dir-radial.is-open) ::slotted(ui-fab-item){transform:translate(var(--radial-x, 0), var(--radial-y, 0)) scale(1) !important}:host(.is-open) ::slotted(ui-fab-item:nth-child(1)){transition-delay:40ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(2)){transition-delay:80ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(3)){transition-delay:120ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(4)){transition-delay:160ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(5)){transition-delay:200ms}:host(.is-open) ::slotted(ui-fab-item:nth-child(6)){transition-delay:240ms}:host(.anim-fade) ::slotted(ui-fab-item){transform:scale(1)}:host(.anim-slide-up) ::slotted(ui-fab-item){transform:translateY(20px)}:host(.is-open.anim-slide-up) ::slotted(ui-fab-item){transform:translateY(0)}:host(.anim-slide-down) ::slotted(ui-fab-item){transform:translateY(-20px)}:host(.is-open.anim-slide-down) ::slotted(ui-fab-item){transform:translateY(0)}:host(.anim-slide-left) ::slotted(ui-fab-item){transform:translateX(20px)}:host(.is-open.anim-slide-left) ::slotted(ui-fab-item){transform:translateX(0)}:host(.anim-slide-right) ::slotted(ui-fab-item){transform:translateX(-20px)}:host(.is-open.anim-slide-right) ::slotted(ui-fab-item){transform:translateX(0)}:host(.anim-rotate) ::slotted(ui-fab-item){transform:rotate(45deg) scale(0.5)}:host(.is-open.anim-rotate) ::slotted(ui-fab-item){transform:rotate(0deg) scale(1)}.spinner{width:24px;height:24px;animation:rotate 2s linear infinite}.spinner-circle{stroke-dasharray:1, 200;stroke-dashoffset:0;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35px}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124px}}.fab-backdrop{position:fixed;inset:0;background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(4px);z-index:0;pointer-events:auto}.fab-panel{position:absolute;background:var(--ui-surface, var(--bg-primary, #ffffff));border-radius:16px;box-shadow:0 10px 40px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);display:flex;flex-direction:column;min-width:200px;opacity:0;pointer-events:none;transform:scale(0.95);transition:opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);z-index:10;overflow:hidden;border:1px solid rgba(255, 255, 255, 0.1);backdrop-filter:blur(8px)}.fab-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(0, 0, 0, 0.05);background:rgba(0, 0, 0, 0.02)}.fab-panel-title{font-weight:700;font-size:14px;color:var(--text-primary, #1e293b);letter-spacing:-0.01em}.fab-panel-close{background:transparent;border:none;padding:4px;cursor:pointer;color:var(--text-muted, #64748b);display:flex;align-items:center;border-radius:6px;transition:all 0.2s}.fab-panel-close:hover{background:rgba(0, 0, 0, 0.05);color:var(--color-danger, #ef4444)}.fab-panel-body{flex:1;padding:16px;overflow-y:auto;min-height:0;scrollbar-width:thin}.fab-panel-body::-webkit-scrollbar{width:6px}.fab-panel-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px;background:rgba(0, 0, 0, 0.015);border-top:1px solid rgba(0, 0, 0, 0.05)}:host(.is-open) .fab-panel{opacity:1;pointer-events:auto;transform:scale(1)}:host(.pos-bottom-right) .fab-panel{inset-block-end:calc(100% + 12px);inset-inline-end:0;transform-origin:bottom right}:host(.pos-bottom-left) .fab-panel{inset-block-end:calc(100% + 12px);inset-inline-start:0;transform-origin:bottom left}:host(.pos-bottom-center) .fab-panel{inset-block-end:calc(100% + 12px);inset-inline-start:50%;transform:translateX(-50%) scale(0.95);transform-origin:bottom center}:host(.pos-bottom-center.is-open) .fab-panel{transform:translateX(-50%) scale(1)}:host(.pos-top-right) .fab-panel{inset-block-start:calc(100% + 12px);inset-inline-end:0;transform-origin:top right}:host(.pos-top-left) .fab-panel{inset-block-start:calc(100% + 12px);inset-inline-start:0;transform-origin:top left}:host(.pos-top-center) .fab-panel{inset-block-start:calc(100% + 12px);inset-inline-start:50%;transform:translateX(-50%) scale(0.95);transform-origin:top center}:host(.pos-top-center.is-open) .fab-panel{transform:translateX(-50%) scale(1)}:host(.pos-center-right) .fab-panel{inset-inline-end:calc(100% + 12px);inset-block-start:50%;transform:translateY(-50%) scale(0.95);transform-origin:center right}:host(.pos-center-right.is-open) .fab-panel{transform:translateY(-50%) scale(1)}:host(.pos-center-left) .fab-panel{inset-inline-start:calc(100% + 12px);inset-block-start:50%;transform:translateY(-50%) scale(0.95);transform-origin:center left}:host(.pos-center-left.is-open) .fab-panel{transform:translateY(-50%) scale(1)}";export{o as ui_fab}

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

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

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

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

package/dist/exploration-project-tailwind/p-c63c522e.entry.js

@@ -0,0 +1 @@
+import{r as e,c as i,a as s,h as a,H as t}from"./p-DUsoYu9r.js";const r=class{constructor(s){e(this,s),this.panelResize=i(this,"panelResize"),this.panelCollapse=i(this,"panelCollapse"),this.resizeStart=i(this,"resizeStart"),this.resizeEnd=i(this,"resizeEnd")}get el(){return s(this)}direction="horizontal";panels=[];handleSize=8;handleColor="#d1d5db";handleHoverColor="#3DCD58";minPanelSize=10;maxPanelSize=-1;saveState=!1;stateKey="resizable-panel-state";theme="light";animated=!1;showHandleIcon=!0;snapToEdge=!1;snapThreshold=30;internalPanels=[];isDragging=!1;dragHandleIndex=-1;dragStartPos=0;dragStartSizes=[];panelResize;panelCollapse;resizeStart;resizeEnd;containerRef;panelRefs=[];hasMouseMoved=!1;applyResizeDelta(e,i,s){if(!s||e<0)return;const a=[...this.internalPanels],t=a[e],r=a[e+1];if(!t||!r)return;const l=(this.dragStartSizes[e]??t.size??0)+(this.dragStartSizes[e+1]??r.size??0),n=i/s*100;let o=(this.dragStartSizes[e]??t.size??0)+n,c=(this.dragStartSizes[e+1]??r.size??0)-n;const h=t.minSize??this.minPanelSize,d=r.minSize??this.minPanelSize,p=t.maxSize??this.maxPanelSize,b=r.maxSize??this.maxPanelSize;o<h&&(o=h,c=l-o),c<d&&(c=d,o=l-c),p>0&&o>p&&(o=p,c=l-o),b>0&&c>b&&(c=b,o=l-c);const z=this.snapToEdge&&this.snapThreshold>0&&s>0?this.snapThreshold/s*100:0,u=[];let f=o,m=c;if(z>0){if(f<=z){const e=t.collapsed;t.collapsed=!0,f=0,m=l,r.collapsed=!1,e||u.push({panel:t,collapsed:!0})}else t.collapsed&&f>z&&(t.collapsed=!1,f=Math.max(f,h),m=l-f,u.push({panel:t,collapsed:!1}));if(m<=z){const e=r.collapsed;r.collapsed=!0,m=0,f=l,t.collapsed=!1,e||u.push({panel:r,collapsed:!0})}else r.collapsed&&m>z&&(r.collapsed=!1,m=Math.max(m,d),f=l-m,u.push({panel:r,collapsed:!1}))}else t.collapsed&&f>0&&(t.collapsed=!1),r.collapsed&&m>0&&(r.collapsed=!1);const g=t.size!==f||r.size!==m||u.length>0;t.size=f,r.size=m,this.internalPanels=[...a],g&&(this.panelResize.emit({panels:this.internalPanels,index:e}),u.forEach((e=>this.panelCollapse.emit(e))))}componentWillLoad(){this.parsePanels(),this.saveState&&this.loadState()}handlePanelsChange(){this.isDragging||this.parsePanels()}parsePanels(){let e="string"==typeof this.panels?JSON.parse(this.panels):this.panels;e&&0!==e.length||(e=[{id:"panel-1",size:50},{id:"panel-2",size:50}]);const i=e.reduce(((e,i)=>e+(i.size||0)),0);e=i>0&&Math.abs(i-100)>.1?e.map((e=>({...e,size:(e.size||0)/i*100,minSize:e.minSize||this.minPanelSize,maxSize:e.maxSize||this.maxPanelSize,resizable:!1!==e.resizable,collapsible:e.collapsible||!1,collapsed:e.collapsed||!1,collapseDirection:e.collapseDirection||("horizontal"===this.direction?"left":"up")}))):e.map((e=>({...e,minSize:e.minSize||this.minPanelSize,maxSize:e.maxSize||this.maxPanelSize,resizable:!1!==e.resizable,collapsible:e.collapsible||!1,collapsed:e.collapsed||!1,collapseDirection:e.collapseDirection||("horizontal"===this.direction?"left":"up")}))),this.internalPanels=e}loadState(){if(this.saveState)try{const e=localStorage.getItem(this.stateKey);if(e){const i=JSON.parse(e);i&&i.length===this.internalPanels.length&&(this.internalPanels=this.internalPanels.map(((e,s)=>({...e,size:i[s]?.size||e.size,collapsed:i[s]?.collapsed||e.collapsed}))))}}catch(e){console.warn("Failed to load panel state:",e)}}saveStateToStorage(){if(this.saveState)try{const e=this.internalPanels.map((e=>({id:e.id,size:e.size,collapsed:e.collapsed})));localStorage.setItem(this.stateKey,JSON.stringify(e))}catch(e){console.warn("Failed to save panel state:",e)}}handleMouseDown(e,i){const s=this.internalPanels[e],a=this.internalPanels[e+1];s?.resizable&&!1!==a?.resizable&&(i.preventDefault(),this.isDragging=!0,this.dragHandleIndex=e,this.dragStartPos="horizontal"===this.direction?i.clientX:i.clientY,this.dragStartSizes=this.internalPanels.map((e=>e.size??0)),this.hasMouseMoved=!1,this.resizeStart.emit({index:e}),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp))}handleMouseMove=e=>{this.isDragging&&-1!==this.dragHandleIndex&&(e.preventDefault(),this.hasMouseMoved=!0,this.applyResizeDelta(this.dragHandleIndex,("horizontal"===this.direction?e.clientX:e.clientY)-this.dragStartPos,"horizontal"===this.direction?this.containerRef.offsetWidth:this.containerRef.offsetHeight))};handleMouseUp=()=>{if(this.isDragging){const e=this.hasMouseMoved,i=this.dragHandleIndex,s=this.internalPanels.map((e=>e.size??0));e&&(this.resizeEnd.emit({index:i,sizes:s.map((e=>e??0))}),this.saveStateToStorage()),this.dragHandleIndex=-1,this.hasMouseMoved=!1,this.isDragging=!1}document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp)};handleTouchStart(e,i){const s=this.internalPanels[e],a=this.internalPanels[e+1];if(!s?.resizable||!1===a?.resizable)return;i.preventDefault();const t=i.touches[0];this.isDragging=!0,this.dragHandleIndex=e,this.dragStartPos="horizontal"===this.direction?t.clientX:t.clientY,this.dragStartSizes=this.internalPanels.map((e=>e.size??0)),this.hasMouseMoved=!1,this.resizeStart.emit({index:e}),document.addEventListener("touchmove",this.handleTouchMove),document.addEventListener("touchend",this.handleTouchEnd)}handleTouchMove=e=>{if(!this.isDragging||-1===this.dragHandleIndex)return;e.preventDefault(),this.hasMouseMoved=!0;const i=e.touches[0];this.applyResizeDelta(this.dragHandleIndex,("horizontal"===this.direction?i.clientX:i.clientY)-this.dragStartPos,"horizontal"===this.direction?this.containerRef.offsetWidth:this.containerRef.offsetHeight)};handleTouchEnd=()=>{if(this.isDragging){const e=this.hasMouseMoved,i=this.dragHandleIndex,s=this.internalPanels.map((e=>e.size??0));e&&(this.resizeEnd.emit({index:i,sizes:s.map((e=>e??0))}),this.saveStateToStorage()),this.dragHandleIndex=-1,this.hasMouseMoved=!1,this.isDragging=!1}document.removeEventListener("touchmove",this.handleTouchMove),document.removeEventListener("touchend",this.handleTouchEnd)};toggleCollapse(e){const i=this.internalPanels[e];if(!i.collapsible)return;const s=[...this.internalPanels],a=i.collapseDirection||("horizontal"===this.direction?"left":"up");if(i.collapsed){const t=i.minSize||30;let r=-1;if("horizontal"===this.direction?"left"===a&&e<s.length-1?r=e+1:"right"===a&&e>0&&(r=e-1):"top"===a&&e<s.length-1?r=e+1:"bottom"===a&&e>0&&(r=e-1),-1===r||s[r].collapsed){const a=s.filter(((i,a)=>a!==e&&!s[a].collapsed));if(a.length>0){const i=t/a.length;s.forEach(((a,t)=>{t===e||a.collapsed||(s[t]={...a,size:Math.max(a.minSize||10,(a.size??0)-i)})}))}s[e]={...i,collapsed:!1,size:t}}else{const a=Math.min(t,(s[r].size??0)-(s[r].minSize||10));s[r]={...s[r],size:(s[r].size??0)-a},s[e]={...i,collapsed:!1,size:a}}}else{const t=s[e].size??0;let r=-1;if("horizontal"===this.direction?"left"===a&&e<s.length-1?r=e+1:"right"===a&&e>0&&(r=e-1):"up"===a&&e<s.length-1?r=e+1:"bottom"===a&&e>0&&(r=e-1),-1===r||s[r].collapsed){const i=s.filter(((i,a)=>a!==e&&!s[a].collapsed));if(i.length>0){const a=t/i.length;s.forEach(((i,t)=>{t===e||i.collapsed||(s[t]={...i,size:(i.size??0)+a})}))}}else s[r]={...s[r],size:(s[r].size??0)+t};s[e]={...i,collapsed:!0,size:0}}this.internalPanels=s,this.panelCollapse.emit({panel:s[e],collapsed:!!s[e].collapsed}),this.saveStateToStorage()}disconnectedCallback(){document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp),document.removeEventListener("touchmove",this.handleTouchMove),document.removeEventListener("touchend",this.handleTouchEnd)}getCollapseIcon(e){const i=e.collapseDirection||("horizontal"===this.direction?"left":"up");if(!e.collapsed)return i;switch(i){case"left":default:return"right";case"right":return"left";case"top":return"bottom";case"bottom":return"top"}}render(){return a(t,{key:"e95db5c4b7d28becf543e44ab2d80a1fb5a34f5a"},a("div",{key:"c8c49f4e023ba66b1535447b567eebe685e9f464",class:{"resizable-container":!0,[`resizable-${this.direction}`]:!0,[`resizable-theme-${this.theme}`]:!0,"resizable-dragging":this.isDragging,"resizable-animated":this.animated&&!this.isDragging},ref:e=>this.containerRef=e},this.internalPanels.map(((e,i)=>a("div",{key:e.id,class:"panel-wrapper",style:{["horizontal"===this.direction?"width":"height"]:e.collapsed?`${this.handleSize}px`:`${e.size}%`}},a("div",{class:{"resizable-panel":!0,"panel-collapsed":!!e.collapsed},ref:e=>this.panelRefs[i]=e},a("slot",{name:e.id})),i<this.internalPanels.length-1&&a("div",{class:{"resize-handle":!0,[`resize-handle-${this.direction}`]:!0,"resize-handle-active":this.dragHandleIndex===i,"resize-handle-disabled":!e.resizable||!1===this.internalPanels[i+1]?.resizable},style:{["horizontal"===this.direction?"width":"height"]:`${this.handleSize}px`,backgroundColor:this.dragHandleIndex===i?this.handleHoverColor:this.handleColor},onMouseDown:e=>this.handleMouseDown(i,e),onTouchStart:e=>this.handleTouchStart(i,e),onDblClick:()=>this.toggleCollapse(i)},this.showHandleIcon&&e.resizable&&!1!==this.internalPanels[i+1]?.resizable&&a("div",{class:"resize-handle-icon"},a("ui-icon",{name:"grip-"+("horizontal"===this.direction?"vertical":"lines"),library:"fontawesome"})),e.collapsible&&a("ui-button",{variant:"ghost",class:"collapse-button",onClick:e=>{e.stopPropagation(),e.preventDefault(),this.toggleCollapse(i)},onMouseDown:e=>{e.stopPropagation(),e.preventDefault()},ariaLabel:e.collapsed?"Expand":"Collapse",icon:`chevron-${this.getCollapseIcon(e)}`,iconLibrary:"fontawesome",iconOnly:!0,size:"sm"})))))))}static get watchers(){return{panels:[{handlePanelsChange:0}]}}};r.style='.sr-only.sc-ui-resizable-panel{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.sc-ui-resizable-panel{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}.sc-ui-resizable-panel-h{display:block;width:100%;height:100%;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.resizable-container.sc-ui-resizable-panel{display:flex;width:100%;height:100%;overflow:hidden;position:relative}.resizable-container.resizable-horizontal.sc-ui-resizable-panel{flex-direction:row}.resizable-container.resizable-vertical.sc-ui-resizable-panel{flex-direction:column}.resizable-container.resizable-theme-dark.sc-ui-resizable-panel{background:var(--bg-secondary, #0f172a);color:var(--text-standard, #f3f4f6)}.resizable-container.resizable-dragging.sc-ui-resizable-panel{cursor:col-resize}.resizable-container.resizable-dragging.resizable-vertical.sc-ui-resizable-panel{cursor:row-resize}.resizable-container.resizable-dragging.sc-ui-resizable-panel{user-select:none}.resizable-container.resizable-dragging.sc-ui-resizable-panel *.sc-ui-resizable-panel{pointer-events:none}.resizable-container.resizable-animated.sc-ui-resizable-panel .resizable-panel.sc-ui-resizable-panel{transition:width 0.2s ease, height 0.2s ease}.panel-wrapper.sc-ui-resizable-panel{display:flex;flex-direction:row;flex:0 0 auto;min-width:0;min-height:0}.resizable-vertical.sc-ui-resizable-panel .panel-wrapper.sc-ui-resizable-panel{flex-direction:column}.resizable-panel.sc-ui-resizable-panel{overflow:auto;position:relative;background:var(--bg-primary, #ffffff);border:none;min-width:0;min-height:0;width:100%;height:100%;flex-shrink:0}.resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar{width:8px;height:8px}.resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar-track{background:var(--bg-secondary, #f3f4f6)}.resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar-thumb{background:var(--bg-secondary, #d1d5db);border-radius:4px}.resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #9ca3af)}.resizable-panel.panel-collapsed.sc-ui-resizable-panel{display:none}.resizable-theme-dark.sc-ui-resizable-panel .resizable-panel.sc-ui-resizable-panel{background:var(--bg-secondary, #0f172a);color:var(--text-standard, #f3f4f6)}.resizable-theme-dark.sc-ui-resizable-panel .resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar-track{background:var(--bg-primary, #1f2937)}.resizable-theme-dark.sc-ui-resizable-panel .resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar-thumb{background:var(--color-primary, #4b5563)}.resizable-theme-dark.sc-ui-resizable-panel .resizable-panel.sc-ui-resizable-panel::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #6b7280)}.resize-handle.sc-ui-resizable-panel{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;transition:all 0.2s;z-index:10}.resize-handle.resize-handle-horizontal.sc-ui-resizable-panel{cursor:col-resize;width:1px;height:100%}.resize-handle.resize-handle-horizontal.sc-ui-resizable-panel:hover{background:var(--color-success, #3dcd58);width:2px}.resize-handle.resize-handle-vertical.sc-ui-resizable-panel{cursor:row-resize;height:1px;width:100%}.resize-handle.resize-handle-vertical.sc-ui-resizable-panel:hover{background:var(--color-success, #3dcd58);height:2px}.resize-handle.resize-handle-active.sc-ui-resizable-panel{background:var(--color-success, #3dcd58)}.resize-handle.resize-handle-disabled.sc-ui-resizable-panel{cursor:not-allowed;opacity:0.5}.resize-handle.resize-handle-disabled.sc-ui-resizable-panel:hover{background:transparent}.resizable-theme-dark.sc-ui-resizable-panel .resize-handle.sc-ui-resizable-panel{background:transparent}.resizable-theme-dark.sc-ui-resizable-panel .resize-handle.sc-ui-resizable-panel:hover{background:var(--color-success, #3dcd58)}.resizable-theme-dark.sc-ui-resizable-panel .resize-handle.resize-handle-disabled.sc-ui-resizable-panel:hover{background:transparent}.resize-handle-icon.sc-ui-resizable-panel{pointer-events:none;color:var(--text-muted, #6b7280);font-size:12px;opacity:0;transition:opacity 0.2s}.resize-handle.sc-ui-resizable-panel:hover .resize-handle-icon.sc-ui-resizable-panel{opacity:1}.resize-handle-active.sc-ui-resizable-panel .resize-handle-icon.sc-ui-resizable-panel{opacity:1;color:var(--text-standard, #ffffff)}.resizable-theme-dark.sc-ui-resizable-panel .resize-handle-icon.sc-ui-resizable-panel{color:var(--text-muted, #9ca3af)}.resize-handle-active.sc-ui-resizable-panel .resizable-theme-dark.sc-ui-resizable-panel .resize-handle-icon.sc-ui-resizable-panel{color:var(--text-standard, #ffffff)}.collapse-button.sc-ui-resizable-panel{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:20px;height:20px;border-radius:50%;border:1px solid var(--border-strong, #d1d5db);background:var(--bg-primary, #ffffff);color:var(--text-muted, #6b7280);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all 0.2s;pointer-events:auto;z-index:20;opacity:0.8;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}.resize-handle.sc-ui-resizable-panel:hover .collapse-button.sc-ui-resizable-panel{opacity:1;background:var(--bg-primary, #ffffff);border-color:var(--color-primary, #9ca3af)}.collapse-button.sc-ui-resizable-panel:hover{background:var(--color-success, #3dcd58) !important;border-color:var(--color-success, #3dcd58) !important;color:var(--text-standard, #ffffff) !important;transform:translate(-50%, -50%) scale(1.2)}.collapse-button.sc-ui-resizable-panel:active{transform:translate(-50%, -50%) scale(0.95)}.resizable-theme-dark.sc-ui-resizable-panel .collapse-button.sc-ui-resizable-panel{background:var(--color-primary, #374151);border-color:var(--border-strong, #4b5563);color:var(--text-muted, #9ca3af);opacity:0.8}.resizable-theme-dark.sc-ui-resizable-panel .collapse-button.sc-ui-resizable-panel:hover{background:var(--color-success, #3dcd58);border-color:var(--color-success, #3dcd58);color:var(--text-standard, #ffffff)}.resize-handle-horizontal.sc-ui-resizable-panel .collapse-button.sc-ui-resizable-panel{top:50%;left:50%}.resize-handle-vertical.sc-ui-resizable-panel .collapse-button.sc-ui-resizable-panel{top:50%;left:50%}.resizable-panel.sc-ui-resizable-panel ui-resizable-panel.sc-ui-resizable-panel{width:100%;height:100%;border:none}';export{r as ui_resizable_panel}