vanilla-breeze 0.1.0

package/dist/cdn/components/color-picker.js

@@ -0,0 +1,2 @@
+var E=window.matchMedia("(prefers-reduced-motion: reduce)");var f=new Map;function v(n,t,e={}){let i=e.priority??10,s={impl:t,bundle:e.bundle,contract:e.contract,priority:i},r=f.get(n);if(customElements.get(n)){if(!r||r.priority>=i){r&&r.priority===i&&r.impl!==t&&console.warn(`[VB Bundle] Tag <${n}> already registered by "${r.bundle}" (priority ${r.priority}). Skipping "${e.bundle}".`);return}console.warn(`[VB Bundle] Tag <${n}> defined by "${r.bundle}" cannot be replaced (customElements.define is permanent). "${e.bundle}" has higher priority but arrived late.`);return}if(r&&r.priority>=i){r.priority===i&&console.warn(`[VB Bundle] Tag <${n}> already registered by "${r.bundle}". Skipping "${e.bundle}" (first wins at equal priority).`);return}f.set(n,s),customElements.define(n,t)}var p=class extends HTMLElement{#d=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let t of this.#d)t();this.#d=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(t,e,i,s){t.addEventListener(e,i,s),this.#d.push(()=>t.removeEventListener(e,i,s))}setup(){}teardown(){}};var y="popover"in HTMLElement.prototype;function d(n,t,e){t/=100,e/=100;let i=o=>(o+n/30)%12,s=t*Math.min(e,1-e),r=o=>e-s*Math.max(-1,Math.min(i(o)-3,9-i(o),1));return{r:Math.round(r(0)*255),g:Math.round(r(8)*255),b:Math.round(r(4)*255)}}function m(n,t,e){n/=255,t/=255,e/=255;let i=Math.max(n,t,e),s=Math.min(n,t,e),r=(i+s)/2,o=0,a=0;if(i!==s){let u=i-s;switch(a=r>.5?u/(2-i-s):u/(i+s),i){case n:o=((t-e)/u+(t<e?6:0))/6;break;case t:o=((e-n)/u+2)/6;break;case e:o=((n-t)/u+4)/6;break}}return{h:Math.round(o*360),s:Math.round(a*100),l:Math.round(r*100)}}function w(n){n=n.replace(/^#/,""),n.length===3&&(n=n[0]+n[0]+n[1]+n[1]+n[2]+n[2]);let t=parseInt(n,16);return{r:t>>16&255,g:t>>8&255,b:t&255}}function g(n,t,e){return"#"+[n,t,e].map(i=>Math.max(0,Math.min(255,Math.round(i))).toString(16).padStart(2,"0")).join("")}function l(n){let{r:t,g:e,b:i}=w(n);return m(t,e,i)}function c(n,t,e){let{r:i,g:s,b:r}=d(n,t,e);return g(i,s,r)}function h(n,t,e){return Math.max(t,Math.min(e,n))}var b=class extends p{static formAssociated=!0;#d;#h;#o;#E;#A;#r;#n;#m;#s;#x;#f;#v;#y;#w;#c;#u;#a;#p=!1;#g=!1;#t=0;#e=100;#i=50;#T;constructor(){super(),this.#d=this.attachInternals()}setup(){if(this.#h=this.querySelector(':scope > input[type="color"]'),!this.#h)return!1;let t=this.#h.value||"#000000";this.#T=t;let e=l(t);this.#t=e.h,this.#e=e.s,this.#i=e.l,this.#h.setAttribute("tabindex","-1"),this.#h.setAttribute("aria-hidden","true"),this.#h.style.cssText="position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;overflow:hidden;",this.#P(),this.#D(),this.#C(),this.#k(),this.#g=y,this.#g&&this.#r.setAttribute("popover","manual"),this.listen(document,"click",this.#G),(this.#h.disabled||this.hasAttribute("disabled"))&&this.setAttribute("data-disabled","")}teardown(){window.removeEventListener("scroll",this.#b,{capture:!0}),window.removeEventListener("resize",this.#b)}#P(){this.#o=document.createElement("button"),this.#o.type="button",this.#o.className="color-trigger",this.#o.setAttribute("aria-haspopup","dialog"),this.#o.setAttribute("aria-expanded","false"),this.#E=document.createElement("span"),this.#E.className="color-swatch",this.#A=document.createElement("span"),this.#A.className="color-hex",this.#o.appendChild(this.#E),this.#o.appendChild(this.#A),this.appendChild(this.#o),this.listen(this.#o,"click",()=>{this.#p?this.#$():this.#z()})}#D(){this.#r=document.createElement("div"),this.#r.className="color-panel",this.#r.setAttribute("role","dialog"),this.#r.setAttribute("aria-label","Color picker"),this.#n=document.createElement("div"),this.#n.className="color-area",this.#n.setAttribute("role","slider"),this.#n.setAttribute("aria-label","Saturation and lightness"),this.#n.setAttribute("tabindex","0"),this.#m=document.createElement("div"),this.#m.className="color-area-thumb",this.#n.appendChild(this.#m),this.#r.appendChild(this.#n);let t=document.createElement("div");t.className="color-hue-wrap",this.#s=document.createElement("div"),this.#s.className="color-hue",this.#s.setAttribute("role","slider"),this.#s.setAttribute("aria-label","Hue"),this.#s.setAttribute("aria-valuemin","0"),this.#s.setAttribute("aria-valuemax","360"),this.#s.setAttribute("tabindex","0"),this.#x=document.createElement("div"),this.#x.className="color-hue-thumb",this.#s.appendChild(this.#x),t.appendChild(this.#s),this.#r.appendChild(t);let e=document.createElement("div");e.className="color-inputs",this.#f=this.#B("Hex","hex",7),this.#v=this.#M("R","r",0,255),this.#y=this.#M("G","g",0,255),this.#w=this.#M("B","b",0,255),e.appendChild(this.#f.wrapper),e.appendChild(this.#v.wrapper),e.appendChild(this.#y.wrapper),e.appendChild(this.#w.wrapper),this.#r.appendChild(e);let i=this.querySelector(":scope > datalist");if(i){this.#c=document.createElement("div"),this.#c.className="color-swatches",this.#c.setAttribute("role","listbox"),this.#c.setAttribute("aria-label","Preset colors");for(let r of i.querySelectorAll("option[value]")){let o=document.createElement("button");o.type="button",o.setAttribute("role","option"),o.style.background=r.value,o.setAttribute("aria-label",r.textContent||r.value),o.setAttribute("data-color",r.value),this.#c.appendChild(o)}this.#r.appendChild(this.#c),this.listen(this.#c,"click",this.#V)}let s=document.createElement("div");s.className="color-actions","EyeDropper"in window&&(this.#u=document.createElement("button"),this.#u.type="button",this.#u.className="color-eyedropper",this.#u.setAttribute("aria-label","Pick color from screen"),this.#u.textContent="\u{1F4A7}",s.appendChild(this.#u),this.listen(this.#u,"click",this.#j)),this.#a=document.createElement("button"),this.#a.type="button",this.#a.className="color-copy",this.#a.setAttribute("aria-label","Copy hex value"),this.#a.textContent="Copy",s.appendChild(this.#a),this.listen(this.#a,"click",this.#K),this.#r.appendChild(s),this.appendChild(this.#r),this.listen(this.#n,"pointerdown",this.#F),this.listen(this.#n,"keydown",this.#R),this.listen(this.#s,"pointerdown",this.#I),this.listen(this.#s,"keydown",this.#q),this.listen(this.#f.input,"change",this.#O),this.listen(this.#v.input,"change",this.#S),this.listen(this.#y.input,"change",this.#S),this.listen(this.#w.input,"change",this.#S)}#B(t,e,i){let s=document.createElement("label");s.className="color-input-label";let r=document.createElement("span");r.textContent=t;let o=document.createElement("input");return o.type="text",o.setAttribute("data-channel",e),o.setAttribute("maxlength",String(i)),o.setAttribute("spellcheck","false"),o.setAttribute("autocomplete","off"),s.appendChild(r),s.appendChild(o),{wrapper:s,input:o}}#M(t,e,i,s){let r=document.createElement("label");r.className="color-input-label";let o=document.createElement("span");o.textContent=t;let a=document.createElement("input");return a.type="number",a.setAttribute("data-channel",e),a.min=String(i),a.max=String(s),r.appendChild(o),r.appendChild(a),{wrapper:r,input:a}}#F=t=>{t.preventDefault(),this.#n.setPointerCapture(t.pointerId),this.#N(t);let e=s=>this.#N(s),i=s=>{this.#n.releasePointerCapture(s.pointerId),this.#n.removeEventListener("pointermove",e),this.#n.removeEventListener("pointerup",i)};this.#n.addEventListener("pointermove",e),this.#n.addEventListener("pointerup",i)};#N(t){let e=this.#n.getBoundingClientRect(),i=h((t.clientX-e.left)/e.width,0,1),s=h((t.clientY-e.top)/e.height,0,1);this.#e=Math.round(i*100),this.#i=Math.round((1-s)*100),this.#l()}#R=t=>{let e=t.shiftKey?10:1;switch(t.key){case"ArrowRight":t.preventDefault(),this.#e=h(this.#e+e,0,100);break;case"ArrowLeft":t.preventDefault(),this.#e=h(this.#e-e,0,100);break;case"ArrowUp":t.preventDefault(),this.#i=h(this.#i+e,0,100);break;case"ArrowDown":t.preventDefault(),this.#i=h(this.#i-e,0,100);break;default:return}this.#l()};#I=t=>{t.preventDefault(),this.#s.setPointerCapture(t.pointerId),this.#L(t);let e=s=>this.#L(s),i=s=>{this.#s.releasePointerCapture(s.pointerId),this.#s.removeEventListener("pointermove",e),this.#s.removeEventListener("pointerup",i)};this.#s.addEventListener("pointermove",e),this.#s.addEventListener("pointerup",i)};#L(t){let e=this.#s.getBoundingClientRect(),i=h((t.clientX-e.left)/e.width,0,1);this.#t=Math.round(i*360),this.#l()}#q=t=>{let e=t.shiftKey?10:1;switch(t.key){case"ArrowRight":case"ArrowUp":t.preventDefault(),this.#t=(this.#t+e)%361;break;case"ArrowLeft":case"ArrowDown":t.preventDefault(),this.#t=(this.#t-e+361)%361;break;default:return}this.#l()};#O=()=>{let t=this.#f.input.value.trim();if(t.startsWith("#")||(t="#"+t),/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(t)){let e=l(t);this.#t=e.h,this.#e=e.s,this.#i=e.l,this.#l()}};#S=()=>{let t=h(Number(this.#v.input.value)||0,0,255),e=h(Number(this.#y.input.value)||0,0,255),i=h(Number(this.#w.input.value)||0,0,255),s=m(t,e,i);this.#t=s.h,this.#e=s.s,this.#i=s.l,this.#l()};#V=t=>{let e=t.target.closest("button[data-color]");if(!e)return;let i=e.getAttribute("data-color"),s=l(i);this.#t=s.h,this.#e=s.s,this.#i=s.l,this.#l()};#j=async()=>{try{let e=await new EyeDropper().open(),i=l(e.sRGBHex);this.#t=i.h,this.#e=i.s,this.#i=i.l,this.#l()}catch{}};#K=async()=>{let t=c(this.#t,this.#e,this.#i);try{await navigator.clipboard.writeText(t),this.#a.textContent="Copied!",setTimeout(()=>{this.#a.textContent="Copy"},1500)}catch{}};#l(){this.#C(),this.#k();let t=c(this.#t,this.#e,this.#i),e=d(this.#t,this.#e,this.#i);this.dispatchEvent(new CustomEvent("color-picker:change",{bubbles:!0,detail:{hex:t,rgb:{r:e.r,g:e.g,b:e.b},hsl:{h:this.#t,s:this.#e,l:this.#i}}}))}#C(){let t=c(this.#t,this.#e,this.#i),e=d(this.#t,this.#e,this.#i),i=c(this.#t,100,50);this.#E.style.background=t,this.#A.textContent=t,this.#n.style.setProperty("--area-hue",i),this.#m.style.insetInlineStart=`${this.#e}%`,this.#m.style.insetBlockStart=`${100-this.#i}%`,this.#m.style.background=t,this.#n.setAttribute("aria-valuetext",`Saturation ${this.#e}%, Lightness ${this.#i}%`),this.#x.style.insetInlineStart=`${this.#t/360*100}%`,this.#s.setAttribute("aria-valuenow",String(this.#t)),this.#s.setAttribute("aria-valuetext",`Hue ${this.#t}\xB0`),this.#f.input.value=t,this.#v.input.value=String(e.r),this.#y.input.value=String(e.g),this.#w.input.value=String(e.b)}#z(){if(!this.#p){if(this.#p=!0,this.setAttribute("open",""),this.#o.setAttribute("aria-expanded","true"),this.#g){this.#H();try{this.#r.showPopover()}catch{}window.addEventListener("scroll",this.#b,{capture:!0,passive:!0}),window.addEventListener("resize",this.#b,{passive:!0})}requestAnimationFrame(()=>this.#n.focus()),this.dispatchEvent(new CustomEvent("color-picker:open",{bubbles:!0}))}}#$(){if(this.#p){if(this.#p=!1,this.removeAttribute("open"),this.#o.setAttribute("aria-expanded","false"),this.#g){try{this.#r.hidePopover()}catch{}window.removeEventListener("scroll",this.#b,{capture:!0}),window.removeEventListener("resize",this.#b)}this.dispatchEvent(new CustomEvent("color-picker:close",{bubbles:!0}))}}#H(){if(!this.#g)return;let t=this.#o.getBoundingClientRect();this.#r.style.setProperty("--panel-top",`${t.bottom+4}px`),this.#r.style.setProperty("--panel-left",`${t.left}px`)}#b=()=>{this.#p&&this.#H()};#G=t=>{this.#p&&!this.contains(t.target)&&this.#$()};#k(){let t=c(this.#t,this.#e,this.#i);this.#d.setFormValue(t),this.#h.value=t,this.#h.dispatchEvent(new Event("input",{bubbles:!0}))}formResetCallback(){let t=l(this.#T);this.#t=t.h,this.#e=t.s,this.#i=t.l,this.#C(),this.#k()}formStateRestoreCallback(t){if(!t)return;let e=l(t);this.#t=e.h,this.#e=e.s,this.#i=e.l,this.#C(),this.#k()}get value(){return c(this.#t,this.#e,this.#i)}set value(t){if(!/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/.test(t))return;let e=l(t);this.#t=e.h,this.#e=e.s,this.#i=e.l,this.#l()}};v("color-picker",b);export{b as ColorPicker};
+//# sourceMappingURL=color-picker.js.map

package/dist/cdn/components/combo-box.js

@@ -0,0 +1,2 @@
+var b=window.matchMedia("(prefers-reduced-motion: reduce)");var c=new Map;function d(h,t,e={}){let i=e.priority??10,r={impl:t,bundle:e.bundle,contract:e.contract,priority:i},s=c.get(h);if(customElements.get(h)){if(!s||s.priority>=i){s&&s.priority===i&&s.impl!==t&&console.warn(`[VB Bundle] Tag <${h}> already registered by "${s.bundle}" (priority ${s.priority}). Skipping "${e.bundle}".`);return}console.warn(`[VB Bundle] Tag <${h}> defined by "${s.bundle}" cannot be replaced (customElements.define is permanent). "${e.bundle}" has higher priority but arrived late.`);return}if(s&&s.priority>=i){s.priority===i&&console.warn(`[VB Bundle] Tag <${h}> already registered by "${s.bundle}". Skipping "${e.bundle}" (first wins at equal priority).`);return}c.set(h,r),customElements.define(h,t)}var l=class extends HTMLElement{#r=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let t of this.#r)t();this.#r=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(t,e,i,r){t.addEventListener(e,i,r),this.#r.push(()=>t.removeEventListener(e,i,r))}setup(){}teardown(){}};function f(h,t,e){"role"in ElementInternals.prototype?t.role=e:h.setAttribute("role",e)}var p="popover"in HTMLElement.prototype;var u=class extends l{static formAssociated=!0;#r;#t;#e;#l=[];#h=[];#o=-1;#a=!1;#m=!1;#n="";#f="";#k="";#u;#p;#i=[];constructor(){super(),this.#r=this.attachInternals()}get#s(){return this.hasAttribute("multiple")}setup(){if(this.#t=this.querySelector(":scope > input")||this.querySelector(":scope > .tags-input-area > input"),!this.#t||(this.#e=this.querySelector(":scope > ul, :scope > ol"),!this.#e))return!1;this.#m=p,this.#m&&this.#e.setAttribute("popover","manual"),this.#s&&(this.#u=document.createElement("div"),this.#u.className="tags-input-area",this.insertBefore(this.#u,this.#e),this.#u.appendChild(this.#t),this.#p=document.createElement("div"),this.#p.setAttribute("aria-live","polite"),this.#p.setAttribute("aria-atomic","true"),this.#p.className="sr-only",this.appendChild(this.#p));let t=this.getAttribute("placeholder");t&&!this.#t.getAttribute("placeholder")&&this.#t.setAttribute("placeholder",t);let e=crypto.randomUUID().slice(0,8);if(this.#e.id||(this.#e.id=`combobox-listbox-${e}`),f(this.#t,this.#r,"combobox"),this.#t.setAttribute("aria-expanded","false"),this.#t.setAttribute("aria-autocomplete","list"),this.#t.setAttribute("aria-controls",this.#e.id),this.#t.setAttribute("autocomplete","off"),this.#e.setAttribute("role","listbox"),this.#s&&this.#e.setAttribute("aria-multiselectable","true"),this.#P(),!this.#s){let i=this.getAttribute("value");i&&this.#y(i,!1),this.#k=this.#n}this.listen(this.#t,"input",this.#V),this.listen(this.#t,"keydown",this.#T),this.listen(this.#t,"focus",this.#q),this.listen(this.#t,"click",this.#O),this.listen(this.#e,"click",this.#F),this.listen(this.#e,"pointerdown",this.#B),this.listen(document,"click",this.#I),this.#m&&this.listen(this.#e,"toggle",this.#R),this.#c(),this.#d(),this.#b()}teardown(){window.removeEventListener("scroll",this.#A,{capture:!0}),window.removeEventListener("resize",this.#A)}#P(){this.#l=Array.from(this.#e.querySelectorAll(":scope > li[data-value]")),this.#l.forEach((t,e)=>{t.setAttribute("role","option"),t.setAttribute("aria-selected","false"),t.id||(t.id=`${this.#e.id}-option-${e}`)}),this.#h=[...this.#l]}#E(t,e){if(this.#i.some(a=>a.value===t))return;let i=this.#S();if(i&&this.#i.length>=i)return;this.#i.push({value:t,label:e});let r=document.createElement("span");r.className="tag",r.dataset.value=t,r.textContent=e+" ";let s=document.createElement("button");s.type="button",s.setAttribute("aria-label",`Remove ${e}`),s.innerHTML="&times;",s.addEventListener("click",a=>{a.stopPropagation(),this.#$(t)}),r.appendChild(s),this.#u.insertBefore(r,this.#t);let o=this.#l.find(a=>a.getAttribute("data-value")===t);o&&o.setAttribute("aria-selected","true"),this.#L(`${e} added`),this.#t.value="",this.#v(""),this.#c(),this.#d(),this.#D(),i&&this.#i.length>=i&&(this.#t.disabled=!0,this.#b())}#$(t){let e=this.#i.findIndex(a=>a.value===t);if(e===-1)return;let i=this.#i.splice(e,1)[0],r=this.#u.querySelector(`.tag[data-value="${CSS.escape(t)}"]`);r&&r.remove();let s=this.#l.find(a=>a.getAttribute("data-value")===t);s&&s.setAttribute("aria-selected","false"),this.#L(`${i.label} removed`),this.#S()&&this.#t.disabled&&(this.#t.disabled=!1),this.#v(this.#t.value.trim()),this.#c(),this.#d(),this.#D(),this.#t.focus()}#S(){let t=this.getAttribute("max");return t?parseInt(t,10):0}#L(t){this.#p&&(this.#p.textContent="",requestAnimationFrame(()=>{this.#p.textContent=t}))}#V=()=>{let t=this.#t.value.trim();if(!this.#s&&this.#n){let e=this.#e.querySelector('[aria-selected="true"]');e&&e.setAttribute("aria-selected","false"),this.#n="",this.#f="",this.removeAttribute("value"),this.#c(),this.#d()}this.#v(t),this.#g()};#T=t=>{switch(t.key){case"ArrowDown":t.preventDefault(),this.#a||this.#g(),this.#w(this.#o+1);break;case"ArrowUp":t.preventDefault(),this.#a||this.#g(),this.#w(this.#o-1);break;case"Home":this.#a&&(t.preventDefault(),this.#w(0));break;case"End":this.#a&&(t.preventDefault(),this.#w(this.#h.length-1));break;case"Enter":if(t.preventDefault(),this.#a&&this.#o>=0&&this.#h[this.#o]){let e=this.#h[this.#o];this.#s?this.#E(e.getAttribute("data-value"),e.textContent.trim()):this.#C(e)}else if(this.#s&&this.hasAttribute("custom")&&this.#t.value.trim()){let e=this.#t.value.trim();this.#E(e,e)}break;case"Backspace":if(this.#s&&!this.#t.value&&this.#i.length>0){let e=this.#i[this.#i.length-1];this.#$(e.value)}break;case",":if(this.#s&&this.hasAttribute("custom")&&this.#t.value.trim()){t.preventDefault();let e=this.#t.value.trim();this.#E(e,e)}break;case"Escape":this.#a&&(t.preventDefault(),t.stopPropagation(),this.#b(),this.#t.focus());break;case"Tab":this.#a&&this.#b();break}};#q=()=>{this.#s?(this.#v(this.#t.value.trim()),this.#g()):(this.#t.value||!this.#n)&&(this.#v(this.#t.value.trim()),this.#g())};#O=()=>{this.#a||(this.#v(this.#t.value.trim()),this.#g())};#F=t=>{let e=t.target.closest("li[data-value]");e&&this.#h.includes(e)&&(this.#s?this.#E(e.getAttribute("data-value"),e.textContent.trim()):this.#C(e))};#B=t=>{t.preventDefault()};#I=t=>{this.#a&&!this.contains(t.target)&&this.#b()};#v(t){let e=this.getAttribute("filter")||"contains",i=t.toLowerCase(),r=this.#s?new Set(this.#i.map(s=>s.value)):null;this.#h=[],this.#l.forEach(s=>{let o=s.getAttribute("data-value"),a=s.textContent.trim().toLowerCase();if(r&&r.has(o)){s.hidden=!0;return}let n;t?e==="startsWith"?n=a.startsWith(i):n=a.includes(i):n=!0,s.hidden=!n,n&&this.#h.push(s)}),this.#o=-1,this.#x()}#w(t){if(this.#h.length===0)return;t<0&&(t=this.#h.length-1),t>=this.#h.length&&(t=0),this.#o>=0&&this.#h[this.#o]&&this.#h[this.#o].removeAttribute("data-active"),this.#o=t;let e=this.#h[t];e.setAttribute("data-active",""),e.scrollIntoView({block:"nearest"}),this.#t.setAttribute("aria-activedescendant",e.id)}#x(){this.#l.forEach(t=>t.removeAttribute("data-active")),this.#t.removeAttribute("aria-activedescendant")}#C(t){let e=t.getAttribute("data-value"),i=t.textContent.trim();this.#l.forEach(r=>r.setAttribute("aria-selected","false")),t.setAttribute("aria-selected","true"),this.#n=e,this.#f=i,this.#t.value=i,this.setAttribute("value",e),this.#c(),this.#d(),this.#b(),this.#t.focus(),this.dispatchEvent(new CustomEvent("combo-box:change",{bubbles:!0,detail:{value:e,label:i}}))}#y(t,e=!0){let i=this.#l.find(r=>r.getAttribute("data-value")===t);i&&(e?this.#C(i):(i.setAttribute("aria-selected","true"),this.#n=t,this.#f=i.textContent.trim(),this.#t.value=this.#f,this.setAttribute("value",t)))}#A=()=>this.#M();#g(){if(!this.#a){if(this.#a=!0,this.setAttribute("open",""),this.#t.setAttribute("aria-expanded","true"),this.#e.hidden=!1,this.#m){this.#M();try{this.#e.showPopover()}catch{}window.addEventListener("scroll",this.#A,{capture:!0,passive:!0}),window.addEventListener("resize",this.#A,{passive:!0})}this.dispatchEvent(new CustomEvent("combo-box:open",{bubbles:!0}))}}#b(){if(!(!this.#a&&this.#e.hidden)){if(this.#a=!1,this.removeAttribute("open"),this.#t.setAttribute("aria-expanded","false"),this.#e.hidden=!0,this.#o=-1,this.#x(),this.#m){try{this.#e.hidePopover()}catch{}window.removeEventListener("scroll",this.#A,{capture:!0}),window.removeEventListener("resize",this.#A)}this.dispatchEvent(new CustomEvent("combo-box:close",{bubbles:!0}))}}get#N(){return this.#s&&this.#u?this.#u:this.#t}#M(){if(!this.#m)return;let t=this.#N;if(!t)return;let e=t.getBoundingClientRect();this.#e.style.setProperty("--combobox-top",`${e.bottom+2}px`),this.#e.style.setProperty("--combobox-left",`${e.left}px`),this.#e.style.setProperty("--combobox-width",`${e.width}px`)}#R=t=>{t.newState==="closed"&&this.#a&&(this.#a=!1,this.removeAttribute("open"),this.#t.setAttribute("aria-expanded","false"),this.#e.hidden=!0,this.#o=-1,this.#x(),this.dispatchEvent(new CustomEvent("combo-box:close",{bubbles:!0})))};#c(){if(this.#s)if(this.#i.length>0){let t=new FormData,e=this.getAttribute("name")||"";for(let i of this.#i)t.append(e,i.value);this.#r.setFormValue(t)}else this.#r.setFormValue(null);else this.#n?this.#r.setFormValue(this.#n,this.#f):this.#r.setFormValue(null)}#d(){this.hasAttribute("required")?this.#s?this.#i.length===0?this.#r.setValidity({valueMissing:!0},"Please select at least one option",this.#t):this.#r.setValidity({}):this.#n?this.#r.setValidity({}):this.#r.setValidity({valueMissing:!0},"Please select an option",this.#t):this.#r.setValidity({})}#D(){this.dispatchEvent(new CustomEvent("combo-box:change",{bubbles:!0,detail:{values:this.#i.map(t=>t.value),labels:this.#i.map(t=>t.label)}}))}formResetCallback(){this.#s?(this.#u.querySelectorAll(".tag").forEach(t=>t.remove()),this.#i=[],this.#t.value="",this.#t.disabled=!1):(this.#n="",this.#f="",this.#t.value="",this.removeAttribute("value")),this.#l.forEach(t=>{t.setAttribute("aria-selected","false"),t.hidden=!1}),this.#h=[...this.#l],this.#o=-1,this.#x(),this.#b(),!this.#s&&this.#k&&this.#y(this.#k,!1),this.#c(),this.#d()}formStateRestoreCallback(t){t&&(this.#s||(this.#y(t,!1),this.#c(),this.#d()))}get value(){return this.#n}set value(t){t?this.#y(t):(this.#l.forEach(e=>e.setAttribute("aria-selected","false")),this.#n="",this.#f="",this.#t.value="",this.removeAttribute("value"),this.#c(),this.#d())}get label(){return this.#f}get values(){return this.#i.map(t=>t.value)}get labels(){return this.#i.map(t=>t.label)}static get observedAttributes(){return["value"]}attributeChangedCallback(t,e,i){t==="value"&&this.#t&&i!==this.#n&&i&&(this.#y(i,!1),this.#c(),this.#d())}};d("combo-box",u);export{u as ComboBox};
+//# sourceMappingURL=combo-box.js.map

package/dist/cdn/components/command-palette.js

@@ -0,0 +1,2 @@
+var p=/Mac|iPhone|iPad|iPod/.test(navigator.platform??""),v={mac:{meta:"\u2318",cmd:"\u2318",alt:"\u2325",shift:"\u21E7",ctrl:"\u2303"},other:{meta:"Ctrl",cmd:"Ctrl",alt:"Alt",shift:"Shift",ctrl:"Ctrl"}};function b(i){let e=p?v.mac:v.other;return i.split("+").map(t=>{let n=t.trim().toLowerCase();return e[n]??n.toUpperCase()}).join(p?"":"+")}function k(i){let e=i.toLowerCase().split("+").map(n=>n.trim());return{key:e.pop()??"",meta:e.includes("meta")||e.includes("cmd"),ctrl:e.includes("ctrl"),shift:e.includes("shift"),alt:e.includes("alt")}}function C(i,e){if(i.key.toLowerCase()!==e.key)return!1;let t,n;return p?(t=e.meta,n=e.ctrl):(t=!1,n=e.meta||e.ctrl),!(t!==i.metaKey||n!==i.ctrlKey||e.shift!==i.shiftKey||e.alt!==i.altKey)}var x=new Set(["INPUT","TEXTAREA","SELECT"]),h=[],w=!1;function L(i){let e=x.has(i.target.tagName)||i.target.isContentEditable;for(let t of h)if(!(e&&!t.global)&&C(i,t.descriptor)){i.preventDefault(),t.callback(i);return}}function S(){w||(document.addEventListener("keydown",L),w=!0)}function A(i,e,t={}){S();let n=k(i),r={combo:i,descriptor:n,callback:e,global:t.global===!0};return h.find(a=>a.combo===i)&&console.warn(`[hotkey-bind] Shortcut "${i}" already bound. Last-connected-wins.`),h.unshift(r),function(){let o=h.indexOf(r);o!==-1&&h.splice(o,1)}}var H=window.matchMedia("(prefers-reduced-motion: reduce)");var N=new Map;function m(i,e,t={}){let n=t.priority??10,r={impl:e,bundle:t.bundle,contract:t.contract,priority:n},s=N.get(i);if(customElements.get(i)){if(!s||s.priority>=n){s&&s.priority===n&&s.impl!==e&&console.warn(`[VB Bundle] Tag <${i}> already registered by "${s.bundle}" (priority ${s.priority}). Skipping "${t.bundle}".`);return}console.warn(`[VB Bundle] Tag <${i}> defined by "${s.bundle}" cannot be replaced (customElements.define is permanent). "${t.bundle}" has higher priority but arrived late.`);return}if(s&&s.priority>=n){s.priority===n&&console.warn(`[VB Bundle] Tag <${i}> already registered by "${s.bundle}". Skipping "${t.bundle}" (first wins at equal priority).`);return}N.set(i,r),customElements.define(i,e)}var f=class extends HTMLElement{#e=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let e of this.#e)e();this.#e=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(e,t,n,r){e.addEventListener(t,n,r),this.#e.push(()=>e.removeEventListener(t,n,r))}setup(){}teardown(){}};var y=class extends f{#e;#n;#t;#s=[];#o=-1;#c=[];#l=null;#i=[];setup(){this.#m(),this.#f(),this.hasAttribute("discover")&&this.#y()}teardown(){this.#l?.()}#m(){this.#e=document.createElement("dialog"),this.#e.className="command-dialog",this.#e.addEventListener("click",n=>{n.target===this.#e&&this.close()});let e=document.createElement("div");e.className="command-search",this.#n=document.createElement("input"),this.#n.type="search",this.#n.placeholder=this.getAttribute("placeholder")||"Type a command...",this.#n.setAttribute("aria-label","Search commands"),this.#n.autocomplete="off",this.#n.addEventListener("input",this.#r),this.#n.addEventListener("keydown",this.#p),e.appendChild(this.#n),this.#t=document.createElement("div"),this.#t.className="command-list",this.#t.setAttribute("role","listbox"),this.#c=Array.from(this.querySelectorAll("command-group")),this.#c.forEach(n=>{let r=document.createElement("div");r.className="command-group-header",r.textContent=n.getAttribute("label")||"",r.setAttribute("role","presentation");let s=Array.from(n.querySelectorAll("command-item"));this.#t.appendChild(r),s.forEach(a=>{let o=document.createElement("button");o.className="command-option",o.setAttribute("role","option"),o.dataset.value=a.getAttribute("value")||"",o.dataset.searchText=a.textContent.toLowerCase().trim();let l=a.querySelector('[slot="icon"]');if(l){let d=document.createElement("span");d.className="command-icon",d.appendChild(l.cloneNode(!0)),o.appendChild(d)}let c=document.createElement("span");c.className="command-label",c.textContent=a.textContent.trim(),o.appendChild(c);let u=a.getAttribute("data-hotkey");if(u){let d=document.createElement("kbd");d.className="command-kbd",d.textContent=b(u),o.appendChild(d)}o.addEventListener("click",()=>{this.#b(o.dataset.value)}),this.#t.appendChild(o),this.#s.push({btn:o,header:r,group:n})})});let t=document.createElement("div");t.className="command-empty",t.textContent="No results found.",t.hidden=!0,this.#t.appendChild(t),this.#e.appendChild(e),this.#e.appendChild(this.#t),this.appendChild(this.#e)}#f(){let e=this.getAttribute("hotkey")||"meta+k";this.#l=A(e,()=>{this.#e.open?this.close():this.open()},{global:!0})}#r=()=>{let e=this.#n.value.toLowerCase().trim(),t=0,n=new Set;this.#s.forEach(({btn:s,header:a})=>{let o=!e||s.dataset.searchText.includes(e);s.hidden=!o,o&&(t++,n.add(a))}),this.#t.querySelectorAll(".command-group-header").forEach(s=>{s.hidden=!n.has(s)});let r=this.#t.querySelector(".command-empty");r&&(r.hidden=t>0),this.#o=-1,t>0&&this.#a(0)};#p=e=>{let t=this.#d();switch(e.key){case"ArrowDown":e.preventDefault(),this.#a(this.#o+1);break;case"ArrowUp":e.preventDefault(),this.#a(this.#o-1);break;case"Enter":e.preventDefault(),this.#o>=0&&t[this.#o]&&t[this.#o].btn.click();break;case"Escape":e.preventDefault(),this.close();break}};#d(){return this.#s.filter(({btn:e})=>!e.hidden)}#a(e){let t=this.#d();if(t.length===0)return;t.forEach(({btn:r})=>r.removeAttribute("data-active")),e<0&&(e=t.length-1),e>=t.length&&(e=0),this.#o=e;let{btn:n}=t[e];n.setAttribute("data-active",""),n.scrollIntoView({block:"nearest"})}#b(e){this.close(),this.dispatchEvent(new CustomEvent("command-palette:select",{bubbles:!0,detail:{value:e}}))}#y(){this.listen(document,"vb:command-registry-change",this.#E)}#E=()=>{this.#e?.open&&(this.#u(),this.#r())};#u(){if(!this.hasAttribute("discover"))return;let{getRegisteredCommands:e,scanAutoDiscoverable:t}=window.__commandRegistry||{};if(!e)return;this.#s=this.#s.filter(s=>!s.discovered),this.#i.forEach(s=>s.remove()),this.#i=[];let n=this.#t.querySelector(".command-empty"),r=e();for(let[s,a]of r){let o=document.createElement("div");o.className="command-group-header",o.textContent=s,o.setAttribute("role","presentation"),this.#t.insertBefore(o,n),this.#i.push(o);for(let l of a){if(this.contains(l.element))continue;let c=this.#h(l.label,l.icon,l.shortcut);c.dataset.value=`__discovered:${l.label}`,c.addEventListener("click",()=>{this.close(),l.element.click()}),this.#t.insertBefore(c,n),this.#s.push({btn:c,header:o,group:null,discovered:!0})}}if(this.getAttribute("discover")==="auto"&&t){let s=t(),a=new Map;for(let o of s){let l=a.get(o.group)||[];l.push(o),a.set(o.group,l)}for(let[o,l]of a){let c=document.createElement("div");c.className="command-group-header",c.textContent=o,c.setAttribute("role","presentation"),this.#t.insertBefore(c,n),this.#i.push(c);for(let u of l){if(this.contains(u.element))continue;let d=this.#h(u.label,u.icon,u.shortcut);d.dataset.value=`__auto:${u.label}`,d.dataset.auto="",d.addEventListener("click",()=>{this.close(),u.action?u.action():u.element.click()}),this.#t.insertBefore(d,n),this.#s.push({btn:d,header:c,group:null,discovered:!0})}}}}#h(e,t,n){let r=document.createElement("button");if(r.className="command-option",r.setAttribute("role","option"),r.dataset.searchText=e.toLowerCase(),t){let a=document.createElement("span");a.className="command-icon";let o=document.createElement("icon-wc");o.setAttribute("name",t),a.appendChild(o),r.appendChild(a)}let s=document.createElement("span");if(s.className="command-label",s.textContent=e,r.appendChild(s),n){let a=document.createElement("kbd");a.className="command-kbd",a.textContent=b(n),r.appendChild(a)}return r}open(){this.#e.open||(this.#u(),this.#e.showModal(),this.#n.value="",this.#r(),this.#n.focus(),this.dispatchEvent(new CustomEvent("command-palette:open",{bubbles:!0})))}close(){this.#e.open&&(this.#e.close(),this.dispatchEvent(new CustomEvent("command-palette:close",{bubbles:!0})))}get isOpen(){return this.#e?.open??!1}},E=class extends HTMLElement{},g=class extends HTMLElement{};m("command-palette",y);m("command-group",E);m("command-item",g);export{y as CommandPalette};
+//# sourceMappingURL=command-palette.js.map

package/dist/cdn/components/compare-surface.js

@@ -0,0 +1,2 @@
+var l=window.matchMedia("(prefers-reduced-motion: reduce)");var c=new Map;function d(r,e,t={}){let i=t.priority??10,o={impl:e,bundle:t.bundle,contract:t.contract,priority:i},n=c.get(r);if(customElements.get(r)){if(!n||n.priority>=i){n&&n.priority===i&&n.impl!==e&&console.warn(`[VB Bundle] Tag <${r}> already registered by "${n.bundle}" (priority ${n.priority}). Skipping "${t.bundle}".`);return}console.warn(`[VB Bundle] Tag <${r}> defined by "${n.bundle}" cannot be replaced (customElements.define is permanent). "${t.bundle}" has higher priority but arrived late.`);return}if(n&&n.priority>=i){n.priority===i&&console.warn(`[VB Bundle] Tag <${r}> already registered by "${n.bundle}". Skipping "${t.bundle}" (first wins at equal priority).`);return}c.set(r,o),customElements.define(r,e)}var s=class extends HTMLElement{#e=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let e of this.#e)e();this.#e=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(e,t,i,o){e.addEventListener(t,i,o),this.#e.push(()=>e.removeEventListener(t,i,o))}setup(){}teardown(){}};var a=class extends s{#e;#i=!1;setup(){let e=[...this.children];if(e.length<2)return!1;e.length>2&&console.warn("[compare-surface] Expected exactly 2 children; extra children will be ignored.");let t=this.getAttribute("position"),i=t!==null?Number(t):50,o=Math.min(100,Math.max(0,isNaN(i)?50:i));this.#e=document.createElement("div"),this.#e.className="comparison-divider",this.#e.setAttribute("role","slider"),this.#e.setAttribute("aria-label","Comparison slider"),this.#e.setAttribute("aria-valuemin","0"),this.#e.setAttribute("aria-valuemax","100"),this.#e.setAttribute("aria-valuenow",String(Math.round(o))),this.#e.setAttribute("tabindex","0"),this.appendChild(this.#e),this.#t(o),this.listen(this.#e,"pointerdown",this.#o),this.listen(this.#e,"keydown",this.#s)}teardown(){this.#e&&(this.#e.remove(),this.#e=null),this.#i=!1}#o=e=>{e.preventDefault(),this.#i=!0,this.#e.setPointerCapture(e.pointerId),this.#e.addEventListener("pointermove",this.#n),this.#e.addEventListener("pointerup",this.#r)};#n=e=>{if(!this.#i)return;let t=this.getBoundingClientRect(),i=e.clientX-t.left,o=Math.min(100,Math.max(0,i/t.width*100));this.#t(o)};#r=e=>{this.#i=!1,this.#e.releasePointerCapture(e.pointerId),this.#e.removeEventListener("pointermove",this.#n),this.#e.removeEventListener("pointerup",this.#r)};#s=e=>{let t=e.shiftKey?10:1,i=Number(this.#e.getAttribute("aria-valuenow"));e.key==="ArrowLeft"||e.key==="ArrowDown"?(e.preventDefault(),this.#t(Math.max(0,i-t))):(e.key==="ArrowRight"||e.key==="ArrowUp")&&(e.preventDefault(),this.#t(Math.min(100,i+t)))};#t(e){let t=Math.round(e);this.style.setProperty("--_position",`${e}%`),this.#e&&(this.#e.setAttribute("aria-valuenow",String(t)),this.#e.style.left=`${e}%`),this.setAttribute("position",String(t)),this.dispatchEvent(new CustomEvent("compare-surface:change",{detail:{position:e},bubbles:!0}))}get position(){return Number(this.getAttribute("position"))||0}set position(e){let t=Math.min(100,Math.max(0,Number(e)||0));this.#t(t)}};d("compare-surface",a);export{a as CompareSurface};
+//# sourceMappingURL=compare-surface.js.map

package/dist/cdn/components/component-sampler.js

@@ -0,0 +1,45 @@
+var b=window.matchMedia("(prefers-reduced-motion: reduce)");var u=new Map;function p(r,a,t={}){let o=t.priority??10,n={impl:a,bundle:t.bundle,contract:t.contract,priority:o},e=u.get(r);if(customElements.get(r)){if(!e||e.priority>=o){e&&e.priority===o&&e.impl!==a&&console.warn(`[VB Bundle] Tag <${r}> already registered by "${e.bundle}" (priority ${e.priority}). Skipping "${t.bundle}".`);return}console.warn(`[VB Bundle] Tag <${r}> defined by "${e.bundle}" cannot be replaced (customElements.define is permanent). "${t.bundle}" has higher priority but arrived late.`);return}if(e&&e.priority>=o){e.priority===o&&console.warn(`[VB Bundle] Tag <${r}> already registered by "${e.bundle}". Skipping "${t.bundle}" (first wins at equal priority).`);return}u.set(r,n),customElements.define(r,a)}var i=class extends HTMLElement{#e=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let a of this.#e)a();this.#e=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(a,t,o,n){a.addEventListener(t,o,n),this.#e.push(()=>a.removeEventListener(t,o,n))}setup(){}teardown(){}};var m={button:()=>`
+    <layout-cluster data-layout-gap="s">
+      <button>Primary</button>
+      <button class="secondary">Secondary</button>
+      <button disabled>Disabled</button>
+    </layout-cluster>`,input:()=>`
+    <layout-stack data-layout-gap="xs">
+      <input type="text" placeholder="Text input" aria-label="Sample text input"/>
+      <input type="email" placeholder="email@example.com" aria-label="Sample email"/>
+      <input type="text" value="Read only" readonly aria-label="Read-only input"/>
+    </layout-stack>`,select:()=>`
+    <select aria-label="Sample select">
+      <option>Choose an option</option>
+      <option>Option A</option>
+      <option>Option B</option>
+      <option>Option C</option>
+    </select>`,checkbox:()=>`
+    <layout-stack data-layout-gap="xs">
+      <label><input type="checkbox" checked="checked"/> Checked option</label>
+      <label><input type="checkbox"/> Unchecked option</label>
+      <label><input type="checkbox" disabled/> Disabled option</label>
+    </layout-stack>`,radio:()=>`
+    <layout-stack data-layout-gap="xs">
+      <label><input type="radio" name="sampler-radio" checked="checked"/> Selected</label>
+      <label><input type="radio" name="sampler-radio"/> Unselected</label>
+      <label><input type="radio" name="sampler-radio" disabled/> Disabled</label>
+    </layout-stack>`,badge:()=>`
+    <layout-cluster data-layout-gap="xs">
+      <layout-badge>Default</layout-badge>
+      <layout-badge data-color="success">Success</layout-badge>
+      <layout-badge data-color="warning">Warning</layout-badge>
+      <layout-badge data-color="danger">Danger</layout-badge>
+      <layout-badge data-color="info">Info</layout-badge>
+    </layout-cluster>`,progress:()=>`
+    <layout-stack data-layout-gap="xs">
+      <progress value="33" max="100">33%</progress>
+      <progress value="66" max="100">66%</progress>
+      <progress value="100" max="100">100%</progress>
+    </layout-stack>`,range:()=>`
+    <input type="range" min="0" max="100" value="50" aria-label="Sample range"/>`,textarea:()=>`
+    <textarea rows="3" placeholder="Textarea sample" aria-label="Sample textarea" style="width:100%"></textarea>`},c=class extends i{static observedAttributes=["components","label","compact"];setup(){this.#e()}attributeChangedCallback(){this.isConnected&&this.#e()}#e(){let a=this.getAttribute("components")||"button,input,select,checkbox,radio,badge,progress",t=this.getAttribute("label")||"",o=this.hasAttribute("compact"),n=a.split(",").map(s=>s.trim()),e=o?"0.75rem":"1.25rem",l="";t&&(l+=`<p style="font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-text-muted,#666);margin-block-end:0.75rem;font-family:var(--font-sans,system-ui)">${t}</p>`),l+=`<section style="display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:${e}">`;for(let s of n){let d=m[s];d&&(l+=`<article style="border:1px solid var(--color-border,#ddd);border-radius:var(--radius-m,0.5rem);padding:var(--size-m,1rem);background:var(--color-surface,#fff)">
+        <p style="font-size:0.625rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-text-muted,#999);margin-block-end:var(--size-s,0.5rem);font-family:var(--font-sans,system-ui)">${s}</p>
+        ${d()}
+      </article>`)}l+="</section>",this.innerHTML=l}};p("component-sampler",c);
+//# sourceMappingURL=component-sampler.js.map

package/dist/cdn/components/consent-banner.js

@@ -0,0 +1,2 @@
+var h=window.matchMedia("(prefers-reduced-motion: reduce)");var d=new Map;function u(i,e,t={}){let n=t.priority??10,s={impl:e,bundle:t.bundle,contract:t.contract,priority:n},r=d.get(i);if(customElements.get(i)){if(!r||r.priority>=n){r&&r.priority===n&&r.impl!==e&&console.warn(`[VB Bundle] Tag <${i}> already registered by "${r.bundle}" (priority ${r.priority}). Skipping "${t.bundle}".`);return}console.warn(`[VB Bundle] Tag <${i}> defined by "${r.bundle}" cannot be replaced (customElements.define is permanent). "${t.bundle}" has higher priority but arrived late.`);return}if(r&&r.priority>=n){r.priority===n&&console.warn(`[VB Bundle] Tag <${i}> already registered by "${r.bundle}". Skipping "${t.bundle}" (first wins at equal priority).`);return}d.set(i,s),customElements.define(i,e)}var c=class extends HTMLElement{#e=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let e of this.#e)e();this.#e=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(e,t,n,s){e.addEventListener(t,n,s),this.#e.push(()=>e.removeEventListener(t,n,s))}setup(){}teardown(){}};var l=class extends c{#e=null;static get observedAttributes(){return["position"]}get#t(){return this.getAttribute("persist")||"consent-banner"}get#o(){let e=this.getAttribute("expires");return e==="0"||e==="never"?0:e?parseInt(e,10):365}setup(){if(this.#e=this.querySelector("dialog"),!this.#e)return!1;this.getAttribute("trigger")&&this.listen(document,"click",this.#a);let e=this.#i();if(e&&!this.#d(e))return this.getAttribute("trigger")?this.hidden=!0:this.remove(),!1;this.#r()}#r(){(this.getAttribute("position")||"bottom")==="center"?(this.#e.showModal(),this.#e.addEventListener("cancel",this.#n)):this.#e.show(),this.addEventListener("click",this.#s)}#c(){this.#e.removeEventListener("cancel",this.#n),this.removeEventListener("click",this.#s),this.#e.close(),this.getAttribute("trigger")?this.hidden=!0:this.remove()}#n=e=>{e.preventDefault()};#s=e=>{let t=e.target.closest("button[value]");if(!t)return;let n=t.value;if(!["accept","reject","save"].includes(n))return;let s=[...this.querySelectorAll('input[type="checkbox"]')],r={};n==="accept"?s.forEach(o=>{r[o.name]=!0}):n==="reject"?s.forEach(o=>{r[o.name]=!!o.disabled}):s.forEach(o=>{r[o.name]=o.checked}),this.#l({preferences:r,action:n,timestamp:Date.now()}),this.dispatchEvent(new CustomEvent("consent-banner:change",{bubbles:!0,detail:{preferences:r,action:n}})),this.#c()};#a=e=>{let t=this.getAttribute("trigger");if(!t||!e.target.closest(t))return;e.preventDefault();let s=this.#i();if(s?.preferences)for(let[r,o]of Object.entries(s.preferences)){let a=this.querySelector(`input[type="checkbox"][name="${CSS.escape(r)}"]`);a&&!a.disabled&&(a.checked=o)}this.hidden=!1,this.#r()};#i(){try{let e=localStorage.getItem(this.#t);return e?JSON.parse(e):null}catch{return null}}#l(e){try{localStorage.setItem(this.#t,JSON.stringify(e))}catch{}}#d(e){let t=this.#o;return t===0?!1:Date.now()-(e.timestamp||0)>t*864e5}static reset(e="consent-banner"){try{localStorage.removeItem(e)}catch{}}static getConsent(e="consent-banner"){try{let t=localStorage.getItem(e);return t?JSON.parse(t):null}catch{return null}}};u("consent-banner",l);export{l as ConsentBanner};
+//# sourceMappingURL=consent-banner.js.map

package/dist/cdn/components/content-swap.js

@@ -0,0 +1,2 @@
+function h(t){return document.startViewTransition?document.startViewTransition(t):t()}var $=window.matchMedia("(prefers-reduced-motion: reduce)");var m=new Map;function y(t,e,r={}){let n=r.priority??10,a={impl:e,bundle:r.bundle,contract:r.contract,priority:n},o=m.get(t);if(customElements.get(t)){if(!o||o.priority>=n){o&&o.priority===n&&o.impl!==e&&console.warn(`[VB Bundle] Tag <${t}> already registered by "${o.bundle}" (priority ${o.priority}). Skipping "${r.bundle}".`);return}console.warn(`[VB Bundle] Tag <${t}> defined by "${o.bundle}" cannot be replaced (customElements.define is permanent). "${r.bundle}" has higher priority but arrived late.`);return}if(o&&o.priority>=n){o.priority===n&&console.warn(`[VB Bundle] Tag <${t}> already registered by "${o.bundle}". Skipping "${r.bundle}" (first wins at equal priority).`);return}m.set(t,a),customElements.define(t,e)}var d=class extends HTMLElement{#t=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let e of this.#t)e();this.#t=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(e,r,n,a){e.addEventListener(r,n,a),this.#t.push(()=>e.removeEventListener(r,n,a))}setup(){}teardown(){}};var k=0;function p(t,e){return t.matches("content-swap")?e:`data-${e}`}function f(t){t.style.viewTransitionName||(t.style.viewTransitionName=`content-swap-${++k}`);let e=t.querySelector(':scope > [data-face="front"]'),r=t.querySelector(':scope > [data-face="back"]');if(!e||!r)return;let n=[];function a(s,i,b,w){s.addEventListener(i,b,w),n.push(()=>s.removeEventListener(i,b,w))}let o=[...t.querySelectorAll("[data-swap]")].filter(s=>s!==t&&s.closest("content-swap, [data-swap]")===t);return o.length===0?(t.setAttribute("role","button"),t.setAttribute("tabindex","0"),t.getAttribute("aria-label")||t.setAttribute("aria-label","Toggle content"),a(t,"click",()=>u(t,"pointer")),a(t,"keydown",s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),u(t,"keyboard"))})):o.forEach(s=>{a(s,"click",i=>{i.stopPropagation(),u(t,"pointer")}),a(s,"keydown",i=>{(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),u(t,"keyboard"))})}),g(t,e,r),()=>{for(let s of n)s();n.length=0}}function g(t,e,r){let n=t.hasAttribute(p(t,"swapped"));e.inert=n,r.inert=!n}function A(t){return{front:t.querySelector(':scope > [data-face="front"]'),back:t.querySelector(':scope > [data-face="back"]')}}function c(t,e,r="api"){let{front:n,back:a}=A(t);if(!n||!a)return;let o=p(t,"swapped");if(e&&t.hasAttribute(o)||!e&&!t.hasAttribute(o))return;h(()=>{e?t.setAttribute(o,""):t.removeAttribute(o),g(t,n,a),T(t);let s=e?a:n,i=s.querySelector("[autofocus]");i?i.focus():r==="keyboard"&&q(s)})}function u(t,e="api"){c(t,!t.hasAttribute(p(t,"swapped")),e)}function T(t){t.dispatchEvent(new CustomEvent("content-swap:swap",{detail:{swapped:t.hasAttribute(p(t,"swapped"))},bubbles:!0}))}function q(t){let e=t.querySelector("[data-swap], button, a, input, select, textarea");e&&e.focus()}var l=class extends d{#t=null;setup(){this.#t=f(this)??null}teardown(){this.#t?.(),this.#t=null}flip(){c(this,!0)}unflip(){c(this,!1)}toggle(){u(this)}get flipped(){return this.hasAttribute("swapped")}set flipped(e){c(this,!!e)}get swapped(){return this.hasAttribute("swapped")}set swapped(e){c(this,!!e)}};y("content-swap",l);function E(){document.querySelectorAll("[data-swap]:not(content-swap):not([data-swap-init])").forEach(t=>{t.querySelector(":scope > [data-face]")&&(f(t),t.setAttribute("data-swap-init",""))})}document.readyState==="loading"?document.addEventListener("DOMContentLoaded",E):E();var S=new MutationObserver(t=>{for(let e of t)for(let r of e.addedNodes){if(r.nodeType!==Node.ELEMENT_NODE)continue;let n=r;n.hasAttribute("data-swap")&&!n.matches("content-swap")&&!n.hasAttribute("data-swap-init")&&n.querySelector(":scope > [data-face]")&&(f(n),n.setAttribute("data-swap-init","")),n.querySelectorAll("[data-swap]:not(content-swap):not([data-swap-init])").forEach(a=>{a.querySelector(":scope > [data-face]")&&(f(a),a.setAttribute("data-swap-init",""))})}});document.body?S.observe(document.body,{childList:!0,subtree:!0}):document.addEventListener("DOMContentLoaded",()=>{S.observe(document.body,{childList:!0,subtree:!0})});export{l as ContentSwap};
+//# sourceMappingURL=content-swap.js.map

package/dist/cdn/components/context-menu.js

@@ -0,0 +1,2 @@
+var c=/Mac|iPhone|iPad|iPod/.test(navigator.platform??""),d={mac:{meta:"\u2318",cmd:"\u2318",alt:"\u2325",shift:"\u21E7",ctrl:"\u2303"},other:{meta:"Ctrl",cmd:"Ctrl",alt:"Alt",shift:"Shift",ctrl:"Ctrl"}};function f(s){let t=c?d.mac:d.other;return s.split("+").map(e=>{let i=e.trim().toLowerCase();return t[i]??i.toUpperCase()}).join(c?"":"+")}function p(s){let t=s.toLowerCase().split("+").map(i=>i.trim());return{key:t.pop()??"",meta:t.includes("meta")||t.includes("cmd"),ctrl:t.includes("ctrl"),shift:t.includes("shift"),alt:t.includes("alt")}}function m(s,t){if(s.key.toLowerCase()!==t.key)return!1;let e,i;return c?(e=t.meta,i=t.ctrl):(e=!1,i=t.meta||t.ctrl),!(e!==s.metaKey||i!==s.ctrlKey||t.shift!==s.shiftKey||t.alt!==s.altKey)}var g=new Set(["INPUT","TEXTAREA","SELECT"]),o=[],b=!1;function x(s){let t=g.has(s.target.tagName)||s.target.isContentEditable;for(let e of o)if(!(t&&!e.global)&&m(s,e.descriptor)){s.preventDefault(),e.callback(s);return}}function A(){b||(document.addEventListener("keydown",x),b=!0)}function y(s,t,e={}){A();let i=p(s),r={combo:s,descriptor:i,callback:t,global:e.global===!0};return o.find(u=>u.combo===s)&&console.warn(`[hotkey-bind] Shortcut "${s}" already bound. Last-connected-wins.`),o.unshift(r),function(){let h=o.indexOf(r);h!==-1&&o.splice(h,1)}}var k="popover"in HTMLElement.prototype;var $=window.matchMedia("(prefers-reduced-motion: reduce)");var E=new Map;function w(s,t,e={}){let i=e.priority??10,r={impl:t,bundle:e.bundle,contract:e.contract,priority:i},n=E.get(s);if(customElements.get(s)){if(!n||n.priority>=i){n&&n.priority===i&&n.impl!==t&&console.warn(`[VB Bundle] Tag <${s}> already registered by "${n.bundle}" (priority ${n.priority}). Skipping "${e.bundle}".`);return}console.warn(`[VB Bundle] Tag <${s}> defined by "${n.bundle}" cannot be replaced (customElements.define is permanent). "${e.bundle}" has higher priority but arrived late.`);return}if(n&&n.priority>=i){n.priority===i&&console.warn(`[VB Bundle] Tag <${s}> already registered by "${n.bundle}". Skipping "${e.bundle}" (first wins at equal priority).`);return}E.set(s,r),customElements.define(s,t)}var a=class extends HTMLElement{#e=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let t of this.#e)t();this.#e=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(t,e,i,r){t.addEventListener(e,i,r),this.#e.push(()=>t.removeEventListener(e,i,r))}setup(){}teardown(){}};var l=class extends a{#e;#t;#i=[];#n=-1;#s=!1;#a=[];#r=!1;setup(){if(this.#e=this.querySelector(":scope > [data-trigger]"),this.#t=this.querySelector(':scope > menu, :scope > ul[role="menu"]'),!this.#e||!this.#t)return!1;this.#r=k,this.#r&&this.#t.setAttribute("popover","auto"),this.#e?.setAttribute("aria-expanded","false"),this.#t.setAttribute("role","menu"),this.#t.id||(this.#t.id=`ctx-menu-${crypto.randomUUID().slice(0,8)}`),this.#t.querySelectorAll(":scope > li[data-group]").forEach(t=>{t.setAttribute("role","presentation"),t.classList.add("ctx-group-label")}),this.#i=Array.from(this.#t.querySelectorAll('button, a, [role="menuitem"]')).filter(t=>!t.disabled&&!t.hasAttribute("data-disabled")),this.#i.forEach(t=>{t.setAttribute("role","menuitem"),t.setAttribute("tabindex","-1"),t.style.cssText+=";border:none;box-shadow:none;transform:none;border-radius:0;",this.listen(t,"click",this.#h);let e=t.getAttribute("data-shortcut");if(e){let i=document.createElement("kbd");i.className="ctx-kbd",i.textContent=f(e),t.appendChild(i);let r=y(e,()=>t.click());this.#a.push(r)}}),this.#t.querySelectorAll('li:empty:not([data-group]), [role="separator"], hr').forEach(t=>{t.setAttribute("role","separator")}),this.listen(this.#e,"contextmenu",this.#c),this.listen(this.#t,"keydown",this.#u),this.listen(window,"scroll",this.#b,{capture:!0}),this.#r?this.listen(this.#t,"toggle",this.#m):(this.listen(document,"click",this.#d),this.listen(document,"contextmenu",this.#f),this.listen(document,"keydown",this.#p))}teardown(){this.#a.forEach(t=>t()),this.#a=[]}#c=t=>{t.preventDefault(),this.#l(t.clientX,t.clientY)};#l(t,e){if(this.#s=!0,this.setAttribute("data-open",""),this.#e?.setAttribute("aria-expanded","true"),this.#t.style.setProperty("--ctx-top",`${e}px`),this.#t.style.setProperty("--ctx-left",`${t}px`),this.#r)try{this.#t.showPopover()}catch{}requestAnimationFrame(()=>{let i=this.#t.getBoundingClientRect(),r=t+i.width>window.innerWidth?t-i.width:t,n=e+i.height>window.innerHeight?e-i.height:e;this.#t.style.setProperty("--ctx-top",`${Math.max(0,n)}px`),this.#t.style.setProperty("--ctx-left",`${Math.max(0,r)}px`)}),this.#n=-1,this.#o(0),this.dispatchEvent(new CustomEvent("context-menu:open",{bubbles:!0}))}close(){if(this.#s){if(this.#s=!1,this.removeAttribute("data-open"),this.#e?.setAttribute("aria-expanded","false"),this.#n=-1,this.#r)try{this.#t.hidePopover()}catch{}this.dispatchEvent(new CustomEvent("context-menu:close",{bubbles:!0}))}}#u=t=>{switch(t.key){case"ArrowDown":case"Down":t.preventDefault(),this.#o(this.#n+1);break;case"ArrowUp":case"Up":t.preventDefault(),this.#o(this.#n-1);break;case"Home":t.preventDefault(),this.#o(0);break;case"End":t.preventDefault(),this.#o(this.#i.length-1);break;case"Enter":case" ":t.preventDefault(),this.#n>=0&&this.#i[this.#n].click();break;case"Tab":this.close();break}};#h=()=>{this.close(),this.dispatchEvent(new CustomEvent("context-menu:select",{bubbles:!0,detail:{item:this.#i[this.#n]}}))};#d=t=>{this.#s&&!this.#t.contains(t.target)&&this.close()};#f=t=>{this.#s&&!this.#e.contains(t.target)&&this.close()};#p=t=>{t.key==="Escape"&&this.#s&&(t.preventDefault(),this.close())};#m=t=>{t.newState==="closed"&&this.#s&&(this.#s=!1,this.removeAttribute("data-open"),this.#n=-1,this.dispatchEvent(new CustomEvent("context-menu:close",{bubbles:!0})))};#b=()=>{this.#s&&this.close()};#o(t){this.#i.length!==0&&(t<0&&(t=this.#i.length-1),t>=this.#i.length&&(t=0),this.#n=t,this.#i[t].focus())}get isOpen(){return this.#s}};w("context-menu",l);export{l as ContextMenuWc};
+//# sourceMappingURL=context-menu.js.map

package/dist/cdn/components/data-table.js

@@ -0,0 +1,2 @@
+var m=window.matchMedia("(prefers-reduced-motion: reduce)");var p=new Map;function b(o,e,t={}){let s=t.priority??10,n={impl:e,bundle:t.bundle,contract:t.contract,priority:s},i=p.get(o);if(customElements.get(o)){if(!i||i.priority>=s){i&&i.priority===s&&i.impl!==e&&console.warn(`[VB Bundle] Tag <${o}> already registered by "${i.bundle}" (priority ${i.priority}). Skipping "${t.bundle}".`);return}console.warn(`[VB Bundle] Tag <${o}> defined by "${i.bundle}" cannot be replaced (customElements.define is permanent). "${t.bundle}" has higher priority but arrived late.`);return}if(i&&i.priority>=s){i.priority===s&&console.warn(`[VB Bundle] Tag <${o}> already registered by "${i.bundle}". Skipping "${t.bundle}" (first wins at equal priority).`);return}p.set(o,n),customElements.define(o,e)}var d=class extends HTMLElement{#i=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let e of this.#i)e();this.#i=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(e,t,s,n){e.addEventListener(t,s,n),this.#i.push(()=>e.removeEventListener(t,s,n))}setup(){}teardown(){}};var f=class extends d{#i;#t;#l=[];#a=[];#e=[];#o=-1;#c=null;#s=1;#n=0;#f=null;#p=null;#d=null;#h="";#r=null;#m=null;setup(){if(this.#i=this.querySelector(":scope > table"),!this.#i||(this.#t=this.#i.querySelector("tbody"),!this.#t))return!1;this.#v()}teardown(){this.#S(),this.#l=[],this.#a=[],this.#e=[]}#v(){this.#a=[...this.#t.querySelectorAll(":scope > tr:not([data-expand-content])")],this.#e=[...this.#a],this.#k(),this.#i.hasAttribute("data-filterable")&&this.#$();let e=this.#i.getAttribute("data-paginate");e&&(this.#n=parseInt(e,10),this.#n>0&&this.#B()),this.#I(),this.#F(),this.#u()}#S(){this.#d&&clearTimeout(this.#d),this.#f?.parentElement?.remove(),this.#p?.remove()}#k(){this.#i.querySelectorAll("thead th[data-sort]").forEach((t,s)=>{let n=t.getAttribute("data-sort"),i=this.#M(t);this.#l.push({th:t,sortType:n,columnIndex:i}),t.setAttribute("tabindex","0"),t.setAttribute("role","columnheader"),t.setAttribute("aria-sort","none"),t.dataset.columnIndex=i,this.listen(t,"click",this.#T),this.listen(t,"keydown",this.#q)})}#M(e){return[...e.parentElement.children].indexOf(e)}#T=e=>{let t=e.currentTarget,s=parseInt(t.dataset.columnIndex,10);this.#x(s)};#q=e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault();let t=e.currentTarget,s=parseInt(t.dataset.columnIndex,10);this.#x(s)}};#R(e,t,s){let n=this.#e;if(n.length<2)return!0;let i=s==="asc"?1:-1;for(let r=1;r<n.length;r++){let a=this.#b(n[r-1].children[e],t),l=this.#b(n[r].children[e],t);if((typeof a=="string"?a.localeCompare(l)*i:(a-l)*i)>0)return!1}return!0}#x(e){let t=this.#l.find(n=>n.columnIndex===e);if(!t)return;let s;this.#o===e?s=this.#c==="asc"?"desc":"asc":this.#R(e,t.sortType,"asc")?s="desc":s="asc",this.#l.forEach(({th:n})=>{n.setAttribute("aria-sort","none")}),t.th.setAttribute("aria-sort",s==="asc"?"ascending":"descending"),this.#o=e,this.#c=s,this.#g(e,s,t.sortType),this.#s=1,this.#u(),this.dispatchEvent(new CustomEvent("data-table:sort",{detail:{column:e,direction:s,columnName:t.th.textContent.trim()},bubbles:!0}))}#g(e,t,s){let n=t==="asc"?1:-1;this.#e.sort((i,r)=>{let a=i.children[e],l=r.children[e];if(!a||!l)return 0;let c=this.#b(a,s),u=this.#b(l,s),h=0;switch(s){case"number":h=c-u;break;case"date":h=c-u;break;default:h=c.localeCompare(u,void 0,{numeric:!0,sensitivity:"base"});break}return h*n})}#b(e,t){let n=e.getAttribute("data-sort-value")??e.textContent.trim();switch(t){case"number":return parseFloat(n)||0;case"date":return new Date(n).getTime()||0;default:return n.toLowerCase()}}#$(){let e=document.createElement("div");e.setAttribute("data-table-filter","");let t=document.createElement("input");t.type="search",t.setAttribute("data-filter-input",""),t.setAttribute("placeholder","Filter table..."),t.setAttribute("aria-label","Filter table rows"),e.appendChild(t),this.insertBefore(e,this.#i),this.#f=t,this.listen(t,"input",this.#L)}#L=e=>{let t=e.target.value;this.#d&&clearTimeout(this.#d),this.#d=setTimeout(()=>{this.#E(t)},150)};#E(e){if(this.#h=e.toLowerCase().trim(),this.#h===""?this.#e=[...this.#a]:this.#e=this.#a.filter(t=>[...t.children].some(n=>(n.getAttribute("data-filter-value")??n.textContent).toLowerCase().includes(this.#h))),this.#o>=0&&this.#c){let t=this.#l.find(s=>s.columnIndex===this.#o);t&&this.#g(this.#o,this.#c,t.sortType)}this.#s=1,this.#u(),this.dispatchEvent(new CustomEvent("data-table:filter",{detail:{query:this.#h,count:this.#e.length},bubbles:!0}))}#B(){let e=document.createElement("nav");e.setAttribute("data-pagination",""),e.setAttribute("aria-label","Table pagination"),this.appendChild(e),this.#p=e}#I(){this.listen(this.#i,"click",this.#P)}#P=e=>{let t=e.target.closest('[data-action="toggle-expand"]');if(!t)return;let s=t.closest("tr[data-expandable]");if(!s)return;let n=s.hasAttribute("data-state-expanded"),i=s.nextElementSibling;n?(s.removeAttribute("data-state-expanded"),t.setAttribute("aria-expanded","false"),i?.hasAttribute("data-expand-content")&&(i.hidden=!0,i.setAttribute("aria-hidden","true"))):(s.setAttribute("data-state-expanded",""),t.setAttribute("aria-expanded","true"),i?.hasAttribute("data-expand-content")&&(i.hidden=!1,i.removeAttribute("aria-hidden"))),this.dispatchEvent(new CustomEvent("data-table:expand",{detail:{row:s,expanded:!n},bubbles:!0}))};#F(){this.#r=this.#i.querySelector('thead [data-action="select-all"]'),this.#r&&this.listen(this.#r,"change",this.#V),this.listen(this.#t,"change",this.#N),this.#m=this.querySelector("[data-selected-count]"),this.#C()}#V=e=>{let t=e.target.checked;this.#t.querySelectorAll("tr[data-selectable]").forEach(n=>{let i=n.querySelector('[data-action="select-row"]');t?(n.setAttribute("data-state-selected",""),i&&(i.checked=!0)):(n.removeAttribute("data-state-selected"),i&&(i.checked=!1))}),e.target.indeterminate=!1,this.#A(),this.#w()};#N=e=>{let t=e.target.closest('[data-action="select-row"]');if(!t)return;let s=t.closest("tr[data-selectable]");s&&(t.checked?s.setAttribute("data-state-selected",""):s.removeAttribute("data-state-selected"),this.#C(),this.#w())};#C(){if(!this.#r){this.#A();return}let e=this.#t.querySelectorAll("tr[data-selectable]"),t=this.#t.querySelectorAll("tr[data-selectable][data-state-selected]"),s=e.length,n=t.length;n===0?(this.#r.checked=!1,this.#r.indeterminate=!1):n===s?(this.#r.checked=!0,this.#r.indeterminate=!1):(this.#r.checked=!1,this.#r.indeterminate=!0),this.#A()}#A(){let t=this.#t.querySelectorAll("tr[data-selectable][data-state-selected]").length;this.#m&&(this.#m.textContent=t)}#w(){let e=[...this.#t.querySelectorAll("tr[data-selectable][data-state-selected]")];this.dispatchEvent(new CustomEvent("data-table:selection",{detail:{count:e.length,rows:e},bubbles:!0}))}#D(){if(!this.#p||this.#n<=0)return;let e=this.#p,t=Math.ceil(this.#e.length/this.#n);if(e.innerHTML="",t<=1)return;let s=document.createElement("button");s.type="button",s.textContent="Previous",s.setAttribute("data-pagination-prev",""),s.disabled=this.#s===1,s.addEventListener("click",()=>this.goToPage(this.#s-1)),e.appendChild(s),this.#H(t).forEach(r=>{if(r==="..."){let a=document.createElement("span");a.textContent="...",a.setAttribute("data-pagination-ellipsis",""),e.appendChild(a)}else{let a=document.createElement("button");a.type="button",a.textContent=r,a.setAttribute("data-pagination-page",""),r===this.#s&&(a.setAttribute("aria-current","page"),a.setAttribute("data-current","")),a.addEventListener("click",()=>this.goToPage(r)),e.appendChild(a)}});let i=document.createElement("button");i.type="button",i.textContent="Next",i.setAttribute("data-pagination-next",""),i.disabled=this.#s===t,i.addEventListener("click",()=>this.goToPage(this.#s+1)),e.appendChild(i)}#H(e){let t=this.#s,s=[];if(e<=7)for(let n=1;n<=e;n++)s.push(n);else{s.push(1),t>3&&s.push("...");let n=Math.max(2,t-1),i=Math.min(e-1,t+1);for(let r=n;r<=i;r++)s.push(r);t<e-2&&s.push("..."),s.push(e)}return s}#u(){this.#a.forEach(t=>{t.setAttribute("data-state-hidden","")});let e;if(this.#n>0){let t=(this.#s-1)*this.#n,s=t+this.#n;e=this.#e.slice(t,s)}else e=this.#e;e.forEach(t=>{t.removeAttribute("data-state-hidden"),this.#t.appendChild(t);let s=t.nextElementSibling?.hasAttribute?.("data-expand-content")?t.nextElementSibling:this.#y(t);s&&this.#t.appendChild(s)}),this.#e.forEach(t=>{if(t.hasAttribute("data-state-hidden")){this.#t.appendChild(t);let s=this.#y(t);s&&this.#t.appendChild(s)}}),this.#a.forEach(t=>{if(!this.#e.includes(t)){this.#t.appendChild(t);let s=this.#y(t);s&&this.#t.appendChild(s)}}),this.#D()}#y(e){if(!e.hasAttribute("data-expandable"))return null;let t=e.nextElementSibling;return t?.hasAttribute("data-expand-content")?t:null}goToPage(e){let t=Math.ceil(this.#e.length/this.#n),s=Math.max(1,Math.min(e,t));s!==this.#s&&(this.#s=s,this.#u(),this.dispatchEvent(new CustomEvent("data-table:page",{detail:{page:this.#s},bubbles:!0})))}setFilter(e){this.#f&&(this.#f.value=e),this.#E(e)}refresh(){if(this.#a=[...this.#t.querySelectorAll(":scope > tr")],this.#h?this.#E(this.#h):this.#e=[...this.#a],this.#o>=0&&this.#c){let t=this.#l.find(s=>s.columnIndex===this.#o);t&&this.#g(this.#o,this.#c,t.sortType)}let e=Math.max(1,Math.ceil(this.#e.length/this.#n));this.#s>e&&(this.#s=e),this.#u()}get currentPage(){return this.#s}get totalPages(){return this.#n<=0?1:Math.ceil(this.#e.length/this.#n)}get filteredCount(){return this.#e.length}get totalCount(){return this.#a.length}getSelectedRows(){return this.#t?[...this.#t.querySelectorAll("tr[data-selectable][data-state-selected]")]:[]}};b("data-table",f);export{f as DataTable};
+//# sourceMappingURL=data-table.js.map

package/dist/cdn/components/date-picker.js

@@ -0,0 +1,2 @@
+var S=window.matchMedia("(prefers-reduced-motion: reduce)");var A=new Map;function E(n,t,e={}){let i=e.priority??10,a={impl:t,bundle:e.bundle,contract:e.contract,priority:i},s=A.get(n);if(customElements.get(n)){if(!s||s.priority>=i){s&&s.priority===i&&s.impl!==t&&console.warn(`[VB Bundle] Tag <${n}> already registered by "${s.bundle}" (priority ${s.priority}). Skipping "${e.bundle}".`);return}console.warn(`[VB Bundle] Tag <${n}> defined by "${s.bundle}" cannot be replaced (customElements.define is permanent). "${e.bundle}" has higher priority but arrived late.`);return}if(s&&s.priority>=i){s.priority===i&&console.warn(`[VB Bundle] Tag <${n}> already registered by "${s.bundle}". Skipping "${e.bundle}" (first wins at equal priority).`);return}A.set(n,a),customElements.define(n,t)}var m=class extends HTMLElement{#c=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let t of this.#c)t();this.#c=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(t,e,i,a){t.addEventListener(e,i,a),this.#c.push(()=>t.removeEventListener(e,i,a))}setup(){}teardown(){}};var C="popover"in HTMLElement.prototype;var x=["Su","Mo","Tu","We","Th","Fr","Sa"],k=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],D=["january","february","march","april","may","june","july","august","september","october","november","december"];function c(n){let t=n.getFullYear(),e=String(n.getMonth()+1).padStart(2,"0"),i=String(n.getDate()).padStart(2,"0");return`${t}-${e}-${i}`}function p(n){if(!n)return null;let[t,e,i]=n.split("-").map(Number);return new Date(t,e-1,i)}function b(n,t){return new Date(n,t+1,0).getDate()}function F(){try{let n=new Intl.Locale(navigator.language);if(n.weekInfo)return n.weekInfo.firstDay%7}catch{}return 0}function T(n){try{return new Intl.DateTimeFormat(void 0,{year:"numeric",month:"long",day:"numeric"}).format(n)}catch{return c(n)}}function g(n,t){return n&&t&&n.getFullYear()===t.getFullYear()&&n.getMonth()===t.getMonth()&&n.getDate()===t.getDate()}function N(){let n=new Map;D.forEach((t,e)=>{n.set(t,e),n.set(t.slice(0,3),e)});try{for(let t=0;t<12;t++){let e=new Intl.DateTimeFormat(void 0,{month:"long"}).format(new Date(2e3,t,1)).toLowerCase(),i=new Intl.DateTimeFormat(void 0,{month:"short"}).format(new Date(2e3,t,1)).toLowerCase().replace(".","");n.set(e,t),n.set(i,t)}}catch{}return n}var y=N();function w(n){let t=n.trim();if(!t)return{date:null,partial:null};if(/^\d{4}-\d{2}-\d{2}$/.test(t)){let r=p(t);return r&&!isNaN(r.getTime())?{date:r,partial:null}:{date:null,partial:null}}if(/^\d{4}\/\d{2}\/\d{2}$/.test(t)){let r=p(t.replace(/\//g,"-"));return r&&!isNaN(r.getTime())?{date:r,partial:null}:{date:null,partial:null}}let e=/^([a-z\u00C0-\u024F]+)\s+(\d{1,2}),?\s+(\d{4})$/i,i=t.match(e);if(i){let r=y.get(i[1].toLowerCase());if(r!==void 0){let h=new Date(Number(i[3]),r,Number(i[2]));if(!isNaN(h.getTime()))return{date:h,partial:null}}}let a=/^(\d{1,2})\s+([a-z\u00C0-\u024F]+)\s+(\d{4})$/i;if(i=t.match(a),i){let r=y.get(i[2].toLowerCase());if(r!==void 0){let h=new Date(Number(i[3]),r,Number(i[1]));if(!isNaN(h.getTime()))return{date:h,partial:null}}}let s=/^([a-z\u00C0-\u024F]+)\s+(\d{4})$/i;if(i=t.match(s),i){let r=y.get(i[1].toLowerCase());if(r!==void 0)return{date:null,partial:{year:Number(i[2]),month:r}}}return{date:null,partial:null}}var v=class extends m{static formAssociated=!0;#c;#r;#t;#p;#b;#s;#w;#f;#D;#u;#l=!1;#v=!1;#e=null;#n=null;#a;#i;#h=null;#o=null;#x=new Map;#k=new Map;#S;#A;constructor(){super(),this.#c=this.attachInternals()}setup(){if(this.#r=this.querySelector(':scope > input[type="date"]'),!this.#r)return!1;this.#h=p(this.#r.getAttribute("min")),this.#o=p(this.#r.getAttribute("max")),this.#A=F();let t=this.getAttribute("data-disabled-dates");t&&t.split(",").forEach(a=>{let[s,r]=a.trim().split(":");this.#x.set(s,r||null)});let e=this.getAttribute("data-highlight-dates");e&&e.split(",").forEach(a=>{let[s,r]=a.trim().split(":");this.#k.set(s,r||null)}),this.#e=p(this.#r.value),this.#S=this.#r.value;let i=new Date;this.#o&&i>this.#o&&(i=this.#o),this.#h&&i<this.#h&&(i=this.#h),this.#a=this.#e?this.#e.getFullYear():i.getFullYear(),this.#i=this.#e?this.#e.getMonth():i.getMonth(),this.#n=this.#e||i,this.#r.setAttribute("tabindex","-1"),this.#r.setAttribute("aria-hidden","true"),this.#r.style.cssText="position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;overflow:hidden;",this.#I(),this.#B(),this.#g(),this.#E(),this.#C(),this.#v=C,this.#v&&this.#s.setAttribute("popover","manual"),this.listen(document,"click",this.#z),(this.#r.disabled||this.hasAttribute("disabled"))&&(this.setAttribute("data-disabled",""),this.#t.disabled=!0)}teardown(){window.removeEventListener("scroll",this.#y,{capture:!0}),window.removeEventListener("resize",this.#y)}#I(){this.#b=document.createElement("div"),this.#b.className="date-trigger",this.#t=document.createElement("input"),this.#t.type="text",this.#t.className="date-input",this.#t.setAttribute("role","combobox"),this.#t.setAttribute("aria-haspopup","dialog"),this.#t.setAttribute("aria-expanded","false"),this.#t.setAttribute("autocomplete","off"),this.#t.setAttribute("placeholder","Type a date\u2026"),this.#b.appendChild(this.#t),this.#p=document.createElement("button"),this.#p.type="button",this.#p.className="date-trigger-icon",this.#p.setAttribute("aria-label","Toggle calendar"),this.#p.setAttribute("tabindex","-1");let t=document.createElement("icon-wc");t.setAttribute("name","calendar"),t.setAttribute("size","sm"),t.setAttribute("aria-hidden","true"),this.#p.appendChild(t),this.#b.appendChild(this.#p),this.appendChild(this.#b),this.listen(this.#p,"click",e=>{e.stopPropagation(),this.#l?this.#m():this.#N(),this.#t.focus()}),this.listen(this.#t,"focus",()=>this.#t.select()),this.listen(this.#t,"input",this.#O),this.listen(this.#t,"keydown",this.#q),this.listen(this.#t,"blur",this.#R)}#B(){this.#w=`dp-${Math.random().toString(36).slice(2,8)}`,this.#s=document.createElement("div"),this.#s.className="calendar",this.#s.id=this.#w,this.#s.setAttribute("role","dialog"),this.#s.setAttribute("aria-modal","false"),this.#s.setAttribute("aria-label","Choose date"),this.#s.hidden=!0,this.#t.setAttribute("aria-controls",this.#w);let t=document.createElement("div");t.className="calendar-header";let e=document.createElement("button");e.type="button",e.className="calendar-nav",e.setAttribute("aria-label","Previous month");let i=document.createElement("icon-wc");i.setAttribute("name","chevron-left"),i.setAttribute("size","sm"),i.setAttribute("aria-hidden","true"),e.appendChild(i);let a=document.createElement("span");a.className="calendar-title",a.id=`${this.#w}-title`,a.setAttribute("aria-live","polite"),this.#D=document.createElement("span"),this.#D.className="calendar-month",this.#u=document.createElement("select"),this.#u.className="calendar-year",this.#u.setAttribute("aria-label","Year"),this.#$(),a.appendChild(this.#D),a.appendChild(this.#u);let s=document.createElement("button");s.type="button",s.className="calendar-nav",s.setAttribute("aria-label","Next month");let r=document.createElement("icon-wc");r.setAttribute("name","chevron-right"),r.setAttribute("size","sm"),r.setAttribute("aria-hidden","true"),s.appendChild(r),t.appendChild(e),t.appendChild(a),t.appendChild(s),this.#s.appendChild(t);let h=document.createElement("table");h.setAttribute("role","grid"),h.setAttribute("aria-labelledby",`${this.#w}-title`);let d=document.createElement("thead"),u=document.createElement("tr");for(let l=0;l<7;l++){let o=(this.#A+l)%7,f=document.createElement("th");f.setAttribute("abbr",k[o]),f.setAttribute("scope","col"),f.textContent=x[o],u.appendChild(f)}d.appendChild(u),h.appendChild(d),this.#f=document.createElement("tbody"),h.appendChild(this.#f),this.#s.appendChild(h),this.appendChild(this.#s),this.#d(),this.listen(e,"click",()=>this.#L(-1)),this.listen(s,"click",()=>this.#L(1)),this.listen(this.#u,"change",()=>{this.#a=Number(this.#u.value);let l=b(this.#a,this.#i),o=Math.min(this.#n.getDate(),l);this.#n=new Date(this.#a,this.#i,o),this.#d()}),this.listen(this.#f,"click",this.#H),this.listen(this.#s,"keydown",this.#V)}#d(){try{this.#D.textContent=new Intl.DateTimeFormat(void 0,{month:"long"}).format(new Date(this.#a,this.#i,1))}catch{this.#D.textContent=D[this.#i].charAt(0).toUpperCase()+D[this.#i].slice(1)}this.#u.querySelector(`option[value="${this.#a}"]`)||this.#$(),this.#u.value=String(this.#a),this.#f.innerHTML="";let t=b(this.#a,this.#i),i=(new Date(this.#a,this.#i,1).getDay()-this.#A+7)%7,a=new Date,s=document.createElement("tr");for(let h=0;h<i;h++)s.appendChild(document.createElement("td"));for(let h=1;h<=t;h++){let d=new Date(this.#a,this.#i,h),u=c(d),l=document.createElement("td"),o=document.createElement("button");o.type="button",o.setAttribute("data-date",u),o.textContent=String(h),g(d,a)&&o.setAttribute("aria-current","date"),g(d,this.#e)&&o.setAttribute("aria-selected","true");let f=this.#Y(d,u);if(f.disabled&&(o.setAttribute("aria-disabled","true"),o.setAttribute("disabled",""),f.reason&&o.setAttribute("data-disabled-reason",f.reason)),this.#k.has(u)){let M=this.#k.get(u);o.setAttribute("data-highlight",M||"")}g(d,this.#n)?(o.setAttribute("tabindex","0"),g(d,this.#e)||o.setAttribute("data-focused","")):o.setAttribute("tabindex","-1"),l.appendChild(o),s.appendChild(l),(i+h)%7===0&&(this.#f.appendChild(s),s=document.createElement("tr"))}let r=(i+t)%7;if(r>0){for(let h=r;h<7;h++)s.appendChild(document.createElement("td"));this.#f.appendChild(s)}}#F(t,e){return this.#Y(t,e).disabled}#Y(t,e){return this.#x.has(e)?{disabled:!0,reason:this.#x.get(e)}:this.#h&&t<this.#h?{disabled:!0,reason:null}:this.#o&&t>this.#o?{disabled:!0,reason:null}:{disabled:!1,reason:null}}#$(){this.#u.innerHTML="";let t=new Date().getFullYear(),e=this.#h?this.#h.getFullYear():t-100,i=this.#o?this.#o.getFullYear():t+10;for(let a=e;a<=i;a++){let s=document.createElement("option");s.value=String(a),s.textContent=String(a),this.#u.appendChild(s)}}#L(t){this.#i+=t,this.#i>11?(this.#i=0,this.#a++):this.#i<0&&(this.#i=11,this.#a--);let e=b(this.#a,this.#i),i=Math.min(this.#n.getDate(),e);this.#n=new Date(this.#a,this.#i,i),this.#d(),this.#T(this.#n)}#M(t){let e=c(t);this.#F(t,e)||(this.#e=t,this.#n=t,this.#g(),this.#E(),this.#C(),this.#d(),this.#m(),this.#t.focus(),this.dispatchEvent(new CustomEvent("date-picker:change",{bubbles:!0,detail:{value:e,date:new Date(t)}})))}#T(t){let e=c(t),i=this.#f.querySelector(`[data-date="${e}"]`);i&&(this.#f.querySelectorAll('button[tabindex="0"]').forEach(a=>{a.setAttribute("tabindex","-1")}),i.setAttribute("tabindex","0"),i.focus())}#g(){this.#e?this.#t.value=T(this.#e):this.#t.value=""}#N(){if(!this.#l){if(this.#l=!0,this.setAttribute("open",""),this.#t.setAttribute("aria-expanded","true"),this.#s.hidden=!1,this.#a=this.#n.getFullYear(),this.#i=this.#n.getMonth(),this.#d(),this.#v){try{this.#s.showPopover()}catch{}this.#P(),window.addEventListener("scroll",this.#y,{capture:!0,passive:!0}),window.addEventListener("resize",this.#y,{passive:!0})}this.dispatchEvent(new CustomEvent("date-picker:open",{bubbles:!0}))}}#m(){if(this.#l){if(this.#l=!1,this.removeAttribute("open"),this.#t.setAttribute("aria-expanded","false"),this.#s.hidden=!0,this.#v){try{this.#s.hidePopover()}catch{}window.removeEventListener("scroll",this.#y,{capture:!0}),window.removeEventListener("resize",this.#y)}this.dispatchEvent(new CustomEvent("date-picker:close",{bubbles:!0}))}}#P(){if(!this.#v)return;let t=this.#b.getBoundingClientRect(),e=this.#s.getBoundingClientRect(),i=4,a=8,s=window.innerHeight,r=window.innerWidth,h=s-t.bottom-a,d=t.top-a,u;h<e.height&&d>h?(u=t.top-e.height-i,this.#s.dataset.placement="top"):(u=t.bottom+i,delete this.#s.dataset.placement);let l=t.left;l+e.width>r-a&&(l=r-e.width-a),l<a&&(l=a),this.#s.style.setProperty("--calendar-top",`${u}px`),this.#s.style.setProperty("--calendar-left",`${l}px`)}#y=()=>{this.#l&&this.#P()};#O=()=>{let t=this.#t.value,{date:e,partial:i}=w(t);if(e)this.#n=e,this.#a=e.getFullYear(),this.#i=e.getMonth(),this.#d();else if(i){this.#a=i.year,this.#i=i.month;let a=b(i.year,i.month),s=Math.min(this.#n.getDate(),a);this.#n=new Date(i.year,i.month,s),this.#d()}!this.#l&&t.length>0&&this.#N()};#q=t=>{switch(t.key){case"Enter":{t.preventDefault(),t.stopPropagation();let{date:e}=w(this.#t.value);e&&!this.#F(e,c(e))&&this.#M(e);return}case"ArrowDown":t.preventDefault(),t.stopPropagation(),this.#l||this.#N(),requestAnimationFrame(()=>this.#T(this.#n));return;case"Escape":t.preventDefault(),t.stopPropagation(),this.#l&&this.#m(),this.#g();return;case"Tab":this.#l&&this.#m();return}};#R=t=>{if(t.relatedTarget&&this.contains(t.relatedTarget))return;let e=this.#t.value.trim();if(e){let{date:i}=w(e);i&&!this.#F(i,c(i))&&(this.#e=i,this.#n=i,this.#E(),this.#C(),this.dispatchEvent(new CustomEvent("date-picker:change",{bubbles:!0,detail:{value:c(i),date:new Date(i)}})))}this.#g(),this.#l&&this.#m(),this.#r.dispatchEvent(new Event("blur",{bubbles:!0}))};#z=t=>{this.#l&&!this.contains(t.target)&&this.#m()};#H=t=>{let e=t.target.closest("button[data-date]");!e||e.hasAttribute("disabled")||this.#M(p(e.getAttribute("data-date")))};#V=t=>{if(t.key==="Tab"){this.#m();return}let e=this.#n,i;switch(t.key){case"ArrowRight":i=new Date(e.getFullYear(),e.getMonth(),e.getDate()+1);break;case"ArrowLeft":i=new Date(e.getFullYear(),e.getMonth(),e.getDate()-1);break;case"ArrowDown":i=new Date(e.getFullYear(),e.getMonth(),e.getDate()+7);break;case"ArrowUp":i=new Date(e.getFullYear(),e.getMonth(),e.getDate()-7);break;case"PageDown":t.shiftKey?i=new Date(e.getFullYear()+1,e.getMonth(),e.getDate()):i=new Date(e.getFullYear(),e.getMonth()+1,e.getDate());break;case"PageUp":t.shiftKey?i=new Date(e.getFullYear()-1,e.getMonth(),e.getDate()):i=new Date(e.getFullYear(),e.getMonth()-1,e.getDate());break;case"Home":i=new Date(e.getFullYear(),e.getMonth(),e.getDate()-e.getDay()+this.#A);break;case"End":i=new Date(e.getFullYear(),e.getMonth(),e.getDate()+(6-e.getDay()+this.#A));break;case"Enter":case" ":t.preventDefault(),t.stopPropagation(),this.#M(e);return;case"Escape":t.preventDefault(),t.stopPropagation(),this.#m(),this.#t.focus();return;default:return}t.preventDefault(),t.stopPropagation(),i&&(this.#h&&i<this.#h&&(i=this.#h),this.#o&&i>this.#o&&(i=this.#o),this.#n=i,(i.getMonth()!==this.#i||i.getFullYear()!==this.#a)&&(this.#i=i.getMonth(),this.#a=i.getFullYear(),this.#d()),this.#T(i))};#E(){let t=this.#e?c(this.#e):"";this.#c.setFormValue(t||null),this.#r.value=t,this.#r.dispatchEvent(new Event("input",{bubbles:!0}))}#C(){(this.hasAttribute("required")||this.#r.hasAttribute("required"))&&!this.#e?this.#c.setValidity({valueMissing:!0},"Please select a date",this.#t||this):this.#c.setValidity({})}formResetCallback(){this.#e=p(this.#S);let t=new Date;this.#n=this.#e||t,this.#a=this.#n.getFullYear(),this.#i=this.#n.getMonth(),this.#g(),this.#E(),this.#C(),this.#l&&this.#d()}formStateRestoreCallback(t){t&&(this.#e=p(t),this.#e&&(this.#n=this.#e,this.#a=this.#e.getFullYear(),this.#i=this.#e.getMonth(),this.#g(),this.#E(),this.#C()))}get value(){return this.#e?c(this.#e):""}set value(t){let e=p(t);e&&this.#M(e)}get min(){return this.#h?c(this.#h):""}set min(t){this.#h=t?p(t):null,this.#r&&this.#r.setAttribute("min",t||""),this.#d()}get max(){return this.#o?c(this.#o):""}set max(t){this.#o=t?p(t):null,this.#r&&this.#r.setAttribute("max",t||""),this.#d()}};E("date-picker",v);export{v as DatePicker};
+//# sourceMappingURL=date-picker.js.map

package/dist/cdn/components/drag-surface.js

@@ -0,0 +1,2 @@
+var p=window.matchMedia("(prefers-reduced-motion: reduce)");var g=new Map;function b(o,t,e={}){let r=e.priority??10,i={impl:t,bundle:e.bundle,contract:e.contract,priority:r},n=g.get(o);if(customElements.get(o)){if(!n||n.priority>=r){n&&n.priority===r&&n.impl!==t&&console.warn(`[VB Bundle] Tag <${o}> already registered by "${n.bundle}" (priority ${n.priority}). Skipping "${e.bundle}".`);return}console.warn(`[VB Bundle] Tag <${o}> defined by "${n.bundle}" cannot be replaced (customElements.define is permanent). "${e.bundle}" has higher priority but arrived late.`);return}if(n&&n.priority>=r){n.priority===r&&console.warn(`[VB Bundle] Tag <${o}> already registered by "${n.bundle}". Skipping "${e.bundle}" (first wins at equal priority).`);return}g.set(o,i),customElements.define(o,t)}var h=class extends HTMLElement{#t=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let t of this.#t)t();this.#t=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(t,e,r,i){t.addEventListener(e,r,i),this.#t.push(()=>t.removeEventListener(e,r,i))}setup(){}teardown(){}};var f=class o extends h{#t=null;#e=null;#c=!1;#l=null;setup(){this.setAttribute("role","list"),this.#c=window.matchMedia("(prefers-reduced-motion: reduce)").matches,this.#f(),this.#g(),this.#E(),this.#h()}teardown(){this.#t&&(this.#t.remove(),this.#t=null),o.#r?.source===this&&(o.#r=null)}get draggableChildren(){return[...this.querySelectorAll(':scope > [draggable="true"]')]}get group(){return this.getAttribute("group")||null}get orientation(){return this.getAttribute("orientation")||"vertical"}get sortedOrder(){return this.draggableChildren.map(t=>t.dataset.id)}#h(){for(let t of this.draggableChildren)t.getAttribute("role")||t.setAttribute("role","listitem"),t.hasAttribute("tabindex")||t.setAttribute("tabindex","0"),t.hasAttribute("aria-grabbed")||t.setAttribute("aria-grabbed","false")}#f(){this.#t=document.createElement("div"),this.#t.setAttribute("role","status"),this.#t.setAttribute("aria-live","polite"),this.#t.setAttribute("aria-atomic","true"),this.#t.style.cssText="position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);",this.prepend(this.#t)}#n(t){let e=this.#t;e&&(e.textContent="",requestAnimationFrame(()=>{e.textContent=t}))}#g(){this.listen(this,"pointerdown",t=>{this.#l=t.target}),this.listen(this,"dragstart",this.#b.bind(this)),this.listen(this,"dragover",this.#p.bind(this)),this.listen(this,"dragleave",this.#m.bind(this)),this.listen(this,"drop",this.#v.bind(this)),this.listen(this,"dragend",this.#A.bind(this))}#b(t){let e=t.target.closest('[draggable="true"]');if(!e||e.parentElement!==this||this.hasAttribute("disabled"))return;let r=e.querySelector("[data-drag-handle]");if(r&&!r.contains(this.#l)){t.preventDefault();return}e.setAttribute("data-dragging",""),t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",e.dataset.id||""),t.dataTransfer.setData("application/x-drag-surface-group",this.group||"");let i=this.#s(e);o.#r={item:e,source:this,originalIndex:i},this.dispatchEvent(new CustomEvent("drag-surface:reorder-start",{bubbles:!0}))}#p(t){let e=o.#r;if(!e||(this.group||e.source.group)&&this.group!==e.source.group)return;t.preventDefault(),t.dataTransfer.dropEffect="move",this.setAttribute("data-drag-over","");let r=this.orientation==="horizontal"?t.clientX:t.clientY;this.#C(r)}#m(t){t.relatedTarget&&!this.contains(t.relatedTarget)&&(this.removeAttribute("data-drag-over"),this.#d())}#v(t){t.preventDefault(),this.removeAttribute("data-drag-over"),this.#d();let e=o.#r;if(!e)return;let{item:r,source:i,originalIndex:n}=e,d=this.orientation==="horizontal"?t.clientX:t.clientY,u=this.#x(d);if(i===this){this.#a(r,u),this.#i();let c=this.#s(r);this.#o(r),this.dispatchEvent(new CustomEvent("drag-surface:reorder",{bubbles:!0,detail:{item:r,itemId:r.dataset.id,oldIndex:n,newIndex:c,order:this.sortedOrder}}))}else this.#a(r,u),this.#i(),i.#i(),this.#o(r),this.dispatchEvent(new CustomEvent("drag-surface:transfer",{bubbles:!0,detail:{item:r,itemId:r.dataset.id,fromSurface:i,toSurface:this,newIndex:this.#s(r),fromOrder:i.sortedOrder,toOrder:this.sortedOrder}}))}#A(){let t=o.#r;t?.item&&t.item.removeAttribute("data-dragging"),this.removeAttribute("data-drag-over"),this.#d(),o.#r=null,this.dispatchEvent(new CustomEvent("drag-surface:reorder-end",{bubbles:!0}))}#E(){this.listen(this,"keydown",this.#w.bind(this))}#w(t){let e=t.target.closest('[draggable="true"]');if(!e||e.parentElement!==this||this.hasAttribute("disabled"))return;let r=e.getAttribute("aria-grabbed")==="true",i=this.orientation==="horizontal",n=i?"ArrowLeft":"ArrowUp",d=i?"ArrowRight":"ArrowDown";if(t.key===" "||t.key==="Enter"){if(t.preventDefault(),r){e.setAttribute("aria-grabbed","false"),this.removeAttribute("data-reorder-mode"),this.#i(),this.#o(e);let a=this.#s(e),s=this.draggableChildren;this.#n(`${this.#u(e)}, dropped at position ${a+1} of ${s.length}`),this.dispatchEvent(new CustomEvent("drag-surface:reorder",{bubbles:!0,detail:{item:e,itemId:e.dataset.id,oldIndex:this.#e,newIndex:a,order:this.sortedOrder}})),this.dispatchEvent(new CustomEvent("drag-surface:reorder-end",{bubbles:!0})),this.#e=null}else{this.#e=this.#s(e),e.setAttribute("aria-grabbed","true"),this.setAttribute("data-reorder-mode","");let a=this.draggableChildren;this.#n(`${this.#u(e)}, grabbed. Position ${this.#e+1} of ${a.length}. Use arrow keys to move, Enter to drop, Escape to cancel.`),this.dispatchEvent(new CustomEvent("drag-surface:reorder-start",{bubbles:!0}))}return}if(!r&&(t.key===n||t.key===d)){t.preventDefault();let a=this.draggableChildren,s=a.indexOf(e),l=t.key===n?Math.max(0,s-1):Math.min(a.length-1,s+1);l!==s&&a[l].focus();return}if(r&&(t.key===n||t.key===d)){t.preventDefault();let a=this.draggableChildren,s=a.indexOf(e),l=t.key===n?Math.max(0,s-1):Math.min(a.length-1,s+1);l!==s&&(this.#a(e,l),e.focus(),this.#n(`Position ${l+1} of ${a.length}`));return}let u=i?"ArrowUp":"ArrowLeft",c=i?"ArrowDown":"ArrowRight";if(r&&(t.key===u||t.key===c)){if(t.preventDefault(),!this.group)return;let a=t.key===c?1:-1,s=this.#y(a);if(!s)return;s.appendChild(e),s.#i(),this.#i(),s.#o(e),e.focus();let l=s.getAttribute("aria-label")||"next surface";s.#n(`Moved to ${l}`),s.dispatchEvent(new CustomEvent("drag-surface:transfer",{bubbles:!0,detail:{item:e,itemId:e.dataset.id,fromSurface:this,toSurface:s,newIndex:s.draggableChildren.indexOf(e),fromOrder:this.sortedOrder,toOrder:s.sortedOrder}})),this.removeAttribute("data-reorder-mode"),s.setAttribute("data-reorder-mode",""),this.#e=null;return}if(r&&t.key==="Escape"){t.preventDefault(),e.setAttribute("aria-grabbed","false"),this.removeAttribute("data-reorder-mode"),this.#e!=null&&(this.#a(e,this.#e),e.focus()),this.#n("Reorder cancelled"),this.dispatchEvent(new CustomEvent("drag-surface:reorder-end",{bubbles:!0})),this.#e=null;return}!r&&t.key==="Escape"&&(t.preventDefault(),e.blur())}#o(t){t.setAttribute("data-just-dropped",""),t.addEventListener("animationend",()=>{t.removeAttribute("data-just-dropped")},{once:!0}),setTimeout(()=>t.removeAttribute("data-just-dropped"),500)}#y(t){if(!this.group)return null;let e=[...document.querySelectorAll(`drag-surface[group="${this.group}"]`)];if(e.length<2)return null;e.sort((n,d)=>{let u=n.getBoundingClientRect(),c=d.getBoundingClientRect();return u.left-c.left||u.top-c.top});let r=e.indexOf(this);return e[r+t]||null}#u(t){return t.dataset.id||t.textContent.trim().slice(0,40)}#s(t){return this.draggableChildren.indexOf(t)}#a(t,e){let i=this.draggableChildren.filter(n=>n!==t)[e]||null;i?this.insertBefore(t,i):this.appendChild(t)}#i(){this.draggableChildren.forEach((t,e)=>{t.dataset.sortOrder=String(e+1)})}#x(t){let e=this.orientation==="horizontal",r=this.draggableChildren.filter(i=>!i.hasAttribute("data-dragging"));for(let i=0;i<r.length;i++){let n=r[i].getBoundingClientRect(),d=e?n.left+n.width/2:n.top+n.height/2;if(t<d)return i}return r.length}#C(t){this.#d();let e=this.orientation==="horizontal",r=this.draggableChildren.filter(i=>!i.hasAttribute("data-dragging"));for(let i=0;i<r.length;i++){let n=r[i].getBoundingClientRect(),d=e?n.left+n.width/2:n.top+n.height/2;if(t<d){r[i].setAttribute("data-drop-target","before");return}}r.length>0&&r[r.length-1].setAttribute("data-drop-target","after")}#d(){for(let t of this.querySelectorAll("[data-drop-target]"))t.removeAttribute("data-drop-target")}static#r=null};b("drag-surface",f);export{f as DragSurface};
+//# sourceMappingURL=drag-surface.js.map

package/dist/cdn/components/drop-down.js

@@ -0,0 +1,2 @@
+var u="popover"in HTMLElement.prototype;var a=class extends HTMLElement{#t=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let t of this.#t)t();this.#t=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(t,s,e,i){t.addEventListener(s,e,i),this.#t.push(()=>t.removeEventListener(s,e,i))}setup(){}teardown(){}};var g=window.matchMedia("(prefers-reduced-motion: reduce)");var f=new Map;function p(h,t,s={}){let e=s.priority??10,i={impl:t,bundle:s.bundle,contract:s.contract,priority:e},o=f.get(h);if(customElements.get(h)){if(!o||o.priority>=e){o&&o.priority===e&&o.impl!==t&&console.warn(`[VB Bundle] Tag <${h}> already registered by "${o.bundle}" (priority ${o.priority}). Skipping "${s.bundle}".`);return}console.warn(`[VB Bundle] Tag <${h}> defined by "${o.bundle}" cannot be replaced (customElements.define is permanent). "${s.bundle}" has higher priority but arrived late.`);return}if(o&&o.priority>=e){o.priority===e&&console.warn(`[VB Bundle] Tag <${h}> already registered by "${o.bundle}". Skipping "${s.bundle}" (first wins at equal priority).`);return}f.set(h,i),customElements.define(h,t)}var c=class extends a{#t;#e;#o=[];#r=-1;#i=!1;#l=!1;#s=null;#n=!1;setup(){if(this.#t=this.querySelector(":scope > [data-trigger]"),this.#t||(this.#t=this.querySelector(":scope > button")),!this.#t||(this.#e=this.querySelector(':scope > menu, :scope > ul[role="menu"]'),!this.#e))return!1;this.#l=this.hasAttribute("hover"),this.#n=u&&!this.#l,this.#n&&this.#e.setAttribute("popover","auto"),this.#t.setAttribute("aria-haspopup","menu"),this.#t.setAttribute("aria-expanded","false"),this.#e.id||(this.#e.id=`dropdown-menu-${crypto.randomUUID().slice(0,8)}`),this.#t.setAttribute("aria-controls",this.#e.id),this.#e.setAttribute("role","menu"),this.#a(),this.#l?(this.listen(this,"mouseenter",this.#d),this.listen(this,"mouseleave",this.#u),this.listen(this.#t,"focus",this.#f),this.listen(this.#t,"blur",this.#p)):this.listen(this.#t,"click",this.#c),this.listen(this.#t,"keydown",this.#b),this.listen(this.#e,"keydown",this.#m),this.#n?this.listen(this.#e,"toggle",this.#y):(this.listen(document,"click",this.#g),this.listen(document,"keydown",this.#w))}teardown(){this.#s&&clearTimeout(this.#s)}#a(){this.#o=Array.from(this.#e.querySelectorAll('button, a, [role="menuitem"]')).filter(t=>!t.disabled&&!t.closest('[role="separator"]')),this.#o.forEach((t,s)=>{t.setAttribute("role","menuitem"),t.setAttribute("tabindex","-1"),t.style.cssText+=";border:none;box-shadow:none;transform:none;border-radius:0;",t.addEventListener("click",this.#v)}),this.#e.querySelectorAll('li:empty, [role="separator"], hr').forEach(t=>{t.setAttribute("role","separator")})}#c=t=>{t.stopPropagation(),this.toggle()};#d=()=>{this.#s&&(clearTimeout(this.#s),this.#s=null),this.open()};#u=()=>{this.#s=setTimeout(()=>{this.close()},100)};#f=()=>{this.#s&&(clearTimeout(this.#s),this.#s=null),this.open()};#p=t=>{this.#e?.contains(t.relatedTarget)||(this.#s=setTimeout(()=>{this.contains(document.activeElement)||this.close()},100))};#b=t=>{switch(t.key){case"ArrowDown":case"Down":t.preventDefault(),this.open(),this.#h(0);break;case"ArrowUp":case"Up":t.preventDefault(),this.open(),this.#h(this.#o.length-1);break}};#m=t=>{switch(t.key){case"ArrowDown":case"Down":t.preventDefault(),this.#h(this.#r+1);break;case"ArrowUp":case"Up":t.preventDefault(),this.#h(this.#r-1);break;case"Home":t.preventDefault(),this.#h(0);break;case"End":t.preventDefault(),this.#h(this.#o.length-1);break;case"Tab":this.close();break;case"Enter":case" ":t.preventDefault(),this.#r>=0&&this.#o[this.#r].click();break}};#g=t=>{this.#i&&!this.contains(t.target)&&this.close()};#w=t=>{t.key==="Escape"&&this.#i&&(t.preventDefault(),this.close(),this.#t?.focus())};#y=t=>{t.newState==="closed"&&this.#i&&(this.#i=!1,this.removeAttribute("open"),this.#t?.setAttribute("aria-expanded","false"),this.#r=-1,this.dispatchEvent(new CustomEvent("drop-down:close",{bubbles:!0})))};#v=t=>{t.defaultPrevented||(this.close(),this.#t?.focus())};#h(t){this.#o.length!==0&&(t<0&&(t=this.#o.length-1),t>=this.#o.length&&(t=0),this.#r=t,this.#o[t].focus())}open(){if(!(this.#i||!this.#e)){if(this.#i=!0,this.setAttribute("open",""),this.#t?.setAttribute("aria-expanded","true"),this.#r=-1,this.#E(),this.#n)try{this.#e.showPopover()}catch{}this.dispatchEvent(new CustomEvent("drop-down:open",{bubbles:!0}))}}close(){if(!(!this.#i||!this.#e)){if(this.#i=!1,this.removeAttribute("open"),this.#t?.setAttribute("aria-expanded","false"),this.#r=-1,this.#n)try{this.#e.hidePopover()}catch{}this.dispatchEvent(new CustomEvent("drop-down:close",{bubbles:!0}))}}toggle(){this.#i?this.close():this.open()}#E(){if(!this.#t||!this.#e)return;let t=this.getAttribute("position")||"bottom-start",s=this.hasAttribute("no-flip"),e=this.#t.getBoundingClientRect(),i=this.#e.getBoundingClientRect(),o=window.innerHeight,d=window.innerWidth,l=4;if(this.#n){let r,n;t.startsWith("top")?(r=e.top-i.height-l,!s&&r<0&&(r=e.bottom+l)):(r=e.bottom+l,!s&&r+i.height>o&&(r=e.top-i.height-l)),t.endsWith("end")?(n=e.right-i.width,n<0&&(n=e.left)):(n=e.left,n+i.width>d&&(n=e.right-i.width)),this.#e.style.setProperty("--dropdown-top",`${Math.max(0,r)}px`),this.#e.style.setProperty("--dropdown-left",`${Math.max(0,n)}px`)}else{let r,n;t.startsWith("top")?(r=-i.height-l,!s&&e.top+r<0&&(r=e.height+l)):(r=e.height+l,!s&&e.bottom+i.height+l>o&&(r=-i.height-l)),t.endsWith("end")?(n=e.width-i.width,e.left+n<0&&(n=0)):(n=0,e.left+i.width>d&&(n=e.width-i.width)),this.#e.style.setProperty("--dropdown-top",`${r}px`),this.#e.style.setProperty("--dropdown-left",`${n}px`)}}get isOpen(){return this.#i}};p("drop-down",c);export{c as DropDown};
+//# sourceMappingURL=drop-down.js.map

package/dist/cdn/components/emoji-picker.js

@@ -0,0 +1,2 @@
+var E=Object.defineProperty;var S=(i,e)=>()=>(i&&(e=i(i=0)),e);var A=(i,e)=>{for(var o in e)E(i,o,{get:e[o],enumerable:!0})};var b={};A(b,{EMOJI_ALIASES:()=>k,EMOJI_GROUPS:()=>F,EMOJI_GROUP_ICONS:()=>M,EMOJI_GROUP_LABELS:()=>C,EMOJI_MAP:()=>n,getByGroup:()=>T,resolveEmoji:()=>x,searchEmoji:()=>R});function f(i){for(let[e,o,t,r]of i){if(n.has(e))continue;let s={shortcode:e,emoji:o,name:t,keywords:[],group:r};n.set(e,s),m.push(s)}}function x(i){let e=n.get(i);if(e)return e;let o=k.get(i);return o&&n.get(o)||null}function T(i){let e=l.filter(t=>t.group===i),o=m.filter(t=>t.group===i);return o.length>0?e.concat(o):e}function R(i){let e=i.toLowerCase().trim(),o=m.length>0?l.concat(m):l;return e?o.filter(t=>t.shortcode.includes(e)||t.name.toLowerCase().includes(e)||t.keywords&&t.keywords.some(r=>r.includes(e))):o}var l,n,k,F,C,M,m,j=S(()=>{l=[{shortcode:"smile",emoji:"\u{1F604}",name:"Smiling Face with Open Mouth",keywords:["happy","joy","laugh"],group:"smileys"},{shortcode:"grinning",emoji:"\u{1F600}",name:"Grinning Face",keywords:["happy","smile"],group:"smileys"},{shortcode:"laughing",emoji:"\u{1F606}",name:"Grinning Squinting Face",keywords:["happy","laugh"],group:"smileys"},{shortcode:"sweat_smile",emoji:"\u{1F605}",name:"Grinning Face with Sweat",keywords:["hot","relief"],group:"smileys"},{shortcode:"rofl",emoji:"\u{1F923}",name:"Rolling on the Floor Laughing",keywords:["lol","funny"],group:"smileys"},{shortcode:"joy",emoji:"\u{1F602}",name:"Face with Tears of Joy",keywords:["happy","cry","laugh"],group:"smileys"},{shortcode:"slightly_smiling_face",emoji:"\u{1F642}",name:"Slightly Smiling Face",keywords:["smile"],group:"smileys"},{shortcode:"upside_down_face",emoji:"\u{1F643}",name:"Upside-Down Face",keywords:["sarcasm","silly"],group:"smileys"},{shortcode:"wink",emoji:"\u{1F609}",name:"Winking Face",keywords:["flirt","joke"],group:"smileys"},{shortcode:"blush",emoji:"\u{1F60A}",name:"Smiling Face with Smiling Eyes",keywords:["happy","shy"],group:"smileys"},{shortcode:"innocent",emoji:"\u{1F607}",name:"Smiling Face with Halo",keywords:["angel","good"],group:"smileys"},{shortcode:"heart_eyes",emoji:"\u{1F60D}",name:"Smiling Face with Heart-Eyes",keywords:["love","crush"],group:"smileys"},{shortcode:"star_struck",emoji:"\u{1F929}",name:"Star-Struck",keywords:["wow","amazing"],group:"smileys"},{shortcode:"kissing_heart",emoji:"\u{1F618}",name:"Face Blowing a Kiss",keywords:["love","kiss"],group:"smileys"},{shortcode:"yum",emoji:"\u{1F60B}",name:"Face Savoring Food",keywords:["delicious","tasty"],group:"smileys"},{shortcode:"stuck_out_tongue",emoji:"\u{1F61B}",name:"Face with Tongue",keywords:["playful","silly"],group:"smileys"},{shortcode:"stuck_out_tongue_winking_eye",emoji:"\u{1F61C}",name:"Winking Face with Tongue",keywords:["silly","playful"],group:"smileys"},{shortcode:"zany_face",emoji:"\u{1F92A}",name:"Zany Face",keywords:["crazy","wild"],group:"smileys"},{shortcode:"hugs",emoji:"\u{1F917}",name:"Hugging Face",keywords:["hug","warm"],group:"smileys"},{shortcode:"thinking",emoji:"\u{1F914}",name:"Thinking Face",keywords:["hmm","consider"],group:"smileys"},{shortcode:"shushing_face",emoji:"\u{1F92B}",name:"Shushing Face",keywords:["quiet","secret"],group:"smileys"},{shortcode:"smirk",emoji:"\u{1F60F}",name:"Smirking Face",keywords:["sly","suggestive"],group:"smileys"},{shortcode:"unamused",emoji:"\u{1F612}",name:"Unamused Face",keywords:["bored","unimpressed"],group:"smileys"},{shortcode:"roll_eyes",emoji:"\u{1F644}",name:"Face with Rolling Eyes",keywords:["annoyed","whatever"],group:"smileys"},{shortcode:"grimacing",emoji:"\u{1F62C}",name:"Grimacing Face",keywords:["awkward","nervous"],group:"smileys"},{shortcode:"relieved",emoji:"\u{1F60C}",name:"Relieved Face",keywords:["calm","peaceful"],group:"smileys"},{shortcode:"pensive",emoji:"\u{1F614}",name:"Pensive Face",keywords:["sad","thoughtful"],group:"smileys"},{shortcode:"sleepy",emoji:"\u{1F62A}",name:"Sleepy Face",keywords:["tired","sleep"],group:"smileys"},{shortcode:"sleeping",emoji:"\u{1F634}",name:"Sleeping Face",keywords:["zzz","sleep"],group:"smileys"},{shortcode:"mask",emoji:"\u{1F637}",name:"Face with Medical Mask",keywords:["sick","health"],group:"smileys"},{shortcode:"nerd_face",emoji:"\u{1F913}",name:"Nerd Face",keywords:["geek","smart"],group:"smileys"},{shortcode:"sunglasses",emoji:"\u{1F60E}",name:"Smiling Face with Sunglasses",keywords:["cool","chill"],group:"smileys"},{shortcode:"confused",emoji:"\u{1F615}",name:"Confused Face",keywords:["puzzled","unsure"],group:"smileys"},{shortcode:"worried",emoji:"\u{1F61F}",name:"Worried Face",keywords:["anxious","concern"],group:"smileys"},{shortcode:"cry",emoji:"\u{1F622}",name:"Crying Face",keywords:["sad","tear"],group:"smileys"},{shortcode:"sob",emoji:"\u{1F62D}",name:"Loudly Crying Face",keywords:["sad","cry"],group:"smileys"},{shortcode:"angry",emoji:"\u{1F620}",name:"Angry Face",keywords:["mad","annoyed"],group:"smileys"},{shortcode:"rage",emoji:"\u{1F92C}",name:"Face with Symbols on Mouth",keywords:["angry","swear"],group:"smileys"},{shortcode:"exploding_head",emoji:"\u{1F92F}",name:"Exploding Head",keywords:["mind blown","shocked"],group:"smileys"},{shortcode:"flushed",emoji:"\u{1F633}",name:"Flushed Face",keywords:["embarrassed","shocked"],group:"smileys"},{shortcode:"scream",emoji:"\u{1F631}",name:"Face Screaming in Fear",keywords:["scared","horror"],group:"smileys"},{shortcode:"skull",emoji:"\u{1F480}",name:"Skull",keywords:["dead","death"],group:"smileys"},{shortcode:"clown_face",emoji:"\u{1F921}",name:"Clown Face",keywords:["joke","funny"],group:"smileys"},{shortcode:"ghost",emoji:"\u{1F47B}",name:"Ghost",keywords:["halloween","spooky"],group:"smileys"},{shortcode:"wave",emoji:"\u{1F44B}",name:"Waving Hand",keywords:["hello","goodbye"],group:"people"},{shortcode:"raised_hand",emoji:"\u270B",name:"Raised Hand",keywords:["stop","high five"],group:"people"},{shortcode:"ok_hand",emoji:"\u{1F44C}",name:"OK Hand",keywords:["perfect","nice"],group:"people"},{shortcode:"thumbsup",emoji:"\u{1F44D}",name:"Thumbs Up",keywords:["approve","good","yes"],group:"people"},{shortcode:"thumbsdown",emoji:"\u{1F44E}",name:"Thumbs Down",keywords:["disapprove","bad","no"],group:"people"},{shortcode:"clap",emoji:"\u{1F44F}",name:"Clapping Hands",keywords:["applause","bravo"],group:"people"},{shortcode:"raised_hands",emoji:"\u{1F64C}",name:"Raising Hands",keywords:["celebration","hooray"],group:"people"},{shortcode:"pray",emoji:"\u{1F64F}",name:"Folded Hands",keywords:["thanks","please","hope"],group:"people"},{shortcode:"handshake",emoji:"\u{1F91D}",name:"Handshake",keywords:["deal","agreement"],group:"people"},{shortcode:"point_up",emoji:"\u261D\uFE0F",name:"Index Pointing Up",keywords:["attention","important"],group:"people"},{shortcode:"point_right",emoji:"\u{1F449}",name:"Backhand Index Pointing Right",keywords:["direction","this"],group:"people"},{shortcode:"point_left",emoji:"\u{1F448}",name:"Backhand Index Pointing Left",keywords:["direction","that"],group:"people"},{shortcode:"point_down",emoji:"\u{1F447}",name:"Backhand Index Pointing Down",keywords:["direction","below"],group:"people"},{shortcode:"v",emoji:"\u270C\uFE0F",name:"Victory Hand",keywords:["peace","two"],group:"people"},{shortcode:"crossed_fingers",emoji:"\u{1F91E}",name:"Crossed Fingers",keywords:["luck","hope"],group:"people"},{shortcode:"muscle",emoji:"\u{1F4AA}",name:"Flexed Biceps",keywords:["strong","power"],group:"people"},{shortcode:"writing_hand",emoji:"\u270D\uFE0F",name:"Writing Hand",keywords:["write","note"],group:"people"},{shortcode:"eyes",emoji:"\u{1F440}",name:"Eyes",keywords:["look","see","watch"],group:"people"},{shortcode:"brain",emoji:"\u{1F9E0}",name:"Brain",keywords:["smart","think","mind"],group:"people"},{shortcode:"speaking_head",emoji:"\u{1F5E3}\uFE0F",name:"Speaking Head",keywords:["talk","announce"],group:"people"},{shortcode:"baby",emoji:"\u{1F476}",name:"Baby",keywords:["child","newborn"],group:"people"},{shortcode:"person_shrugging",emoji:"\u{1F937}",name:"Person Shrugging",keywords:["dunno","whatever"],group:"people"},{shortcode:"person_facepalming",emoji:"\u{1F926}",name:"Person Facepalming",keywords:["frustration","disbelief"],group:"people"},{shortcode:"person_raising_hand",emoji:"\u{1F64B}",name:"Person Raising Hand",keywords:["question","volunteer"],group:"people"},{shortcode:"ninja",emoji:"\u{1F977}",name:"Ninja",keywords:["stealth","hidden"],group:"people"},{shortcode:"dog",emoji:"\u{1F436}",name:"Dog Face",keywords:["puppy","pet"],group:"animals"},{shortcode:"cat",emoji:"\u{1F431}",name:"Cat Face",keywords:["kitten","pet"],group:"animals"},{shortcode:"mouse",emoji:"\u{1F42D}",name:"Mouse Face",keywords:["rodent"],group:"animals"},{shortcode:"rabbit",emoji:"\u{1F430}",name:"Rabbit Face",keywords:["bunny","easter"],group:"animals"},{shortcode:"fox",emoji:"\u{1F98A}",name:"Fox",keywords:["clever","sly"],group:"animals"},{shortcode:"bear",emoji:"\u{1F43B}",name:"Bear",keywords:["teddy","nature"],group:"animals"},{shortcode:"unicorn",emoji:"\u{1F984}",name:"Unicorn",keywords:["magic","fantasy"],group:"animals"},{shortcode:"bee",emoji:"\u{1F41D}",name:"Honeybee",keywords:["honey","buzz"],group:"animals"},{shortcode:"butterfly",emoji:"\u{1F98B}",name:"Butterfly",keywords:["pretty","nature"],group:"animals"},{shortcode:"turtle",emoji:"\u{1F422}",name:"Turtle",keywords:["slow","shell"],group:"animals"},{shortcode:"snake",emoji:"\u{1F40D}",name:"Snake",keywords:["reptile"],group:"animals"},{shortcode:"whale",emoji:"\u{1F433}",name:"Spouting Whale",keywords:["ocean","sea"],group:"animals"},{shortcode:"dolphin",emoji:"\u{1F42C}",name:"Dolphin",keywords:["ocean","smart"],group:"animals"},{shortcode:"eagle",emoji:"\u{1F985}",name:"Eagle",keywords:["bird","freedom"],group:"animals"},{shortcode:"owl",emoji:"\u{1F989}",name:"Owl",keywords:["wise","night"],group:"animals"},{shortcode:"penguin",emoji:"\u{1F427}",name:"Penguin",keywords:["cold","linux"],group:"animals"},{shortcode:"octopus",emoji:"\u{1F419}",name:"Octopus",keywords:["ocean","tentacle"],group:"animals"},{shortcode:"seedling",emoji:"\u{1F331}",name:"Seedling",keywords:["plant","grow"],group:"animals"},{shortcode:"evergreen_tree",emoji:"\u{1F332}",name:"Evergreen Tree",keywords:["nature","pine"],group:"animals"},{shortcode:"sunflower",emoji:"\u{1F33B}",name:"Sunflower",keywords:["flower","yellow"],group:"animals"},{shortcode:"rose",emoji:"\u{1F339}",name:"Rose",keywords:["flower","love"],group:"animals"},{shortcode:"apple",emoji:"\u{1F34E}",name:"Red Apple",keywords:["fruit","healthy"],group:"food"},{shortcode:"banana",emoji:"\u{1F34C}",name:"Banana",keywords:["fruit","yellow"],group:"food"},{shortcode:"grapes",emoji:"\u{1F347}",name:"Grapes",keywords:["fruit","wine"],group:"food"},{shortcode:"watermelon",emoji:"\u{1F349}",name:"Watermelon",keywords:["fruit","summer"],group:"food"},{shortcode:"avocado",emoji:"\u{1F951}",name:"Avocado",keywords:["guacamole","healthy"],group:"food"},{shortcode:"pizza",emoji:"\u{1F355}",name:"Pizza",keywords:["food","italian"],group:"food"},{shortcode:"hamburger",emoji:"\u{1F354}",name:"Hamburger",keywords:["burger","fast food"],group:"food"},{shortcode:"taco",emoji:"\u{1F32E}",name:"Taco",keywords:["mexican","food"],group:"food"},{shortcode:"sushi",emoji:"\u{1F363}",name:"Sushi",keywords:["japanese","fish"],group:"food"},{shortcode:"cookie",emoji:"\u{1F36A}",name:"Cookie",keywords:["sweet","biscuit"],group:"food"},{shortcode:"cake",emoji:"\u{1F382}",name:"Birthday Cake",keywords:["birthday","celebration"],group:"food"},{shortcode:"ice_cream",emoji:"\u{1F366}",name:"Soft Ice Cream",keywords:["dessert","cold"],group:"food"},{shortcode:"chocolate_bar",emoji:"\u{1F36B}",name:"Chocolate Bar",keywords:["sweet","candy"],group:"food"},{shortcode:"popcorn",emoji:"\u{1F37F}",name:"Popcorn",keywords:["movie","snack"],group:"food"},{shortcode:"coffee",emoji:"\u2615",name:"Hot Beverage",keywords:["tea","drink","morning"],group:"food"},{shortcode:"beer",emoji:"\u{1F37A}",name:"Beer Mug",keywords:["drink","bar"],group:"food"},{shortcode:"wine_glass",emoji:"\u{1F377}",name:"Wine Glass",keywords:["drink","alcohol"],group:"food"},{shortcode:"cocktail",emoji:"\u{1F378}",name:"Cocktail Glass",keywords:["drink","martini"],group:"food"},{shortcode:"hot_pepper",emoji:"\u{1F336}\uFE0F",name:"Hot Pepper",keywords:["spicy","chili"],group:"food"},{shortcode:"egg",emoji:"\u{1F95A}",name:"Egg",keywords:["breakfast","food"],group:"food"},{shortcode:"earth_americas",emoji:"\u{1F30E}",name:"Globe Americas",keywords:["world","planet"],group:"travel"},{shortcode:"earth_europe",emoji:"\u{1F30D}",name:"Globe Europe-Africa",keywords:["world","planet"],group:"travel"},{shortcode:"sun",emoji:"\u2600\uFE0F",name:"Sun",keywords:["weather","bright","warm"],group:"travel"},{shortcode:"moon",emoji:"\u{1F319}",name:"Crescent Moon",keywords:["night","sleep"],group:"travel"},{shortcode:"star",emoji:"\u2B50",name:"Star",keywords:["favorite","rating"],group:"travel"},{shortcode:"star2",emoji:"\u{1F31F}",name:"Glowing Star",keywords:["sparkle","shine"],group:"travel"},{shortcode:"cloud",emoji:"\u2601\uFE0F",name:"Cloud",keywords:["weather","sky"],group:"travel"},{shortcode:"rainbow",emoji:"\u{1F308}",name:"Rainbow",keywords:["colorful","weather"],group:"travel"},{shortcode:"snowflake",emoji:"\u2744\uFE0F",name:"Snowflake",keywords:["cold","winter"],group:"travel"},{shortcode:"zap",emoji:"\u26A1",name:"High Voltage",keywords:["lightning","electric","fast"],group:"travel"},{shortcode:"fire",emoji:"\u{1F525}",name:"Fire",keywords:["hot","flame","lit"],group:"travel"},{shortcode:"ocean",emoji:"\u{1F30A}",name:"Water Wave",keywords:["sea","wave","surf"],group:"travel"},{shortcode:"airplane",emoji:"\u2708\uFE0F",name:"Airplane",keywords:["travel","flight"],group:"travel"},{shortcode:"rocket",emoji:"\u{1F680}",name:"Rocket",keywords:["launch","space","fast"],group:"travel"},{shortcode:"car",emoji:"\u{1F697}",name:"Automobile",keywords:["drive","vehicle"],group:"travel"},{shortcode:"house",emoji:"\u{1F3E0}",name:"House",keywords:["home","building"],group:"travel"},{shortcode:"tent",emoji:"\u26FA",name:"Tent",keywords:["camping","outdoor"],group:"travel"},{shortcode:"mountain",emoji:"\u26F0\uFE0F",name:"Mountain",keywords:["nature","hike"],group:"travel"},{shortcode:"desert_island",emoji:"\u{1F3DD}\uFE0F",name:"Desert Island",keywords:["beach","vacation"],group:"travel"},{shortcode:"volcano",emoji:"\u{1F30B}",name:"Volcano",keywords:["eruption","nature"],group:"travel"},{shortcode:"soccer",emoji:"\u26BD",name:"Soccer Ball",keywords:["football","sport"],group:"activities"},{shortcode:"basketball",emoji:"\u{1F3C0}",name:"Basketball",keywords:["sport","hoop"],group:"activities"},{shortcode:"tennis",emoji:"\u{1F3BE}",name:"Tennis",keywords:["sport","ball"],group:"activities"},{shortcode:"video_game",emoji:"\u{1F3AE}",name:"Video Game",keywords:["gaming","controller"],group:"activities"},{shortcode:"dart",emoji:"\u{1F3AF}",name:"Bullseye",keywords:["target","goal"],group:"activities"},{shortcode:"trophy",emoji:"\u{1F3C6}",name:"Trophy",keywords:["winner","champion"],group:"activities"},{shortcode:"medal",emoji:"\u{1F947}",name:"Gold Medal",keywords:["first","winner"],group:"activities"},{shortcode:"tada",emoji:"\u{1F389}",name:"Party Popper",keywords:["celebration","party"],group:"activities"},{shortcode:"confetti_ball",emoji:"\u{1F38A}",name:"Confetti Ball",keywords:["party","celebration"],group:"activities"},{shortcode:"balloon",emoji:"\u{1F388}",name:"Balloon",keywords:["party","birthday"],group:"activities"},{shortcode:"art",emoji:"\u{1F3A8}",name:"Artist Palette",keywords:["paint","creative"],group:"activities"},{shortcode:"musical_note",emoji:"\u{1F3B5}",name:"Musical Note",keywords:["music","song"],group:"activities"},{shortcode:"microphone",emoji:"\u{1F3A4}",name:"Microphone",keywords:["sing","karaoke"],group:"activities"},{shortcode:"guitar",emoji:"\u{1F3B8}",name:"Guitar",keywords:["music","rock"],group:"activities"},{shortcode:"dice",emoji:"\u{1F3B2}",name:"Game Die",keywords:["chance","random"],group:"activities"},{shortcode:"bulb",emoji:"\u{1F4A1}",name:"Light Bulb",keywords:["idea","bright"],group:"objects"},{shortcode:"computer",emoji:"\u{1F4BB}",name:"Laptop",keywords:["tech","work"],group:"objects"},{shortcode:"keyboard",emoji:"\u2328\uFE0F",name:"Keyboard",keywords:["type","computer"],group:"objects"},{shortcode:"phone",emoji:"\u{1F4F1}",name:"Mobile Phone",keywords:["cell","call"],group:"objects"},{shortcode:"camera",emoji:"\u{1F4F7}",name:"Camera",keywords:["photo","picture"],group:"objects"},{shortcode:"tv",emoji:"\u{1F4FA}",name:"Television",keywords:["watch","screen"],group:"objects"},{shortcode:"battery",emoji:"\u{1F50B}",name:"Battery",keywords:["charge","power"],group:"objects"},{shortcode:"electric_plug",emoji:"\u{1F50C}",name:"Electric Plug",keywords:["power","connect"],group:"objects"},{shortcode:"mag",emoji:"\u{1F50D}",name:"Magnifying Glass Left",keywords:["search","find"],group:"objects"},{shortcode:"lock",emoji:"\u{1F512}",name:"Locked",keywords:["security","private"],group:"objects"},{shortcode:"unlock",emoji:"\u{1F513}",name:"Unlocked",keywords:["open","access"],group:"objects"},{shortcode:"key",emoji:"\u{1F511}",name:"Key",keywords:["access","password"],group:"objects"},{shortcode:"hammer",emoji:"\u{1F528}",name:"Hammer",keywords:["tool","build"],group:"objects"},{shortcode:"wrench",emoji:"\u{1F527}",name:"Wrench",keywords:["tool","fix"],group:"objects"},{shortcode:"gear",emoji:"\u2699\uFE0F",name:"Gear",keywords:["settings","config"],group:"objects"},{shortcode:"link",emoji:"\u{1F517}",name:"Link",keywords:["chain","url"],group:"objects"},{shortcode:"paperclip",emoji:"\u{1F4CE}",name:"Paperclip",keywords:["attach","clip"],group:"objects"},{shortcode:"scissors",emoji:"\u2702\uFE0F",name:"Scissors",keywords:["cut","snip"],group:"objects"},{shortcode:"pen",emoji:"\u{1F58A}\uFE0F",name:"Pen",keywords:["write","sign"],group:"objects"},{shortcode:"pencil",emoji:"\u270F\uFE0F",name:"Pencil",keywords:["write","draw"],group:"objects"},{shortcode:"book",emoji:"\u{1F4D6}",name:"Open Book",keywords:["read","study"],group:"objects"},{shortcode:"memo",emoji:"\u{1F4DD}",name:"Memo",keywords:["note","write"],group:"objects"},{shortcode:"package",emoji:"\u{1F4E6}",name:"Package",keywords:["box","delivery"],group:"objects"},{shortcode:"mailbox",emoji:"\u{1F4EC}",name:"Open Mailbox with Raised Flag",keywords:["mail","letter"],group:"objects"},{shortcode:"bell",emoji:"\u{1F514}",name:"Bell",keywords:["notification","alert"],group:"objects"},{shortcode:"red_heart",emoji:"\u2764\uFE0F",name:"Red Heart",keywords:["love","valentine"],group:"symbols"},{shortcode:"orange_heart",emoji:"\u{1F9E1}",name:"Orange Heart",keywords:["love"],group:"symbols"},{shortcode:"yellow_heart",emoji:"\u{1F49B}",name:"Yellow Heart",keywords:["love","friendship"],group:"symbols"},{shortcode:"green_heart",emoji:"\u{1F49A}",name:"Green Heart",keywords:["love","nature"],group:"symbols"},{shortcode:"blue_heart",emoji:"\u{1F499}",name:"Blue Heart",keywords:["love","trust"],group:"symbols"},{shortcode:"purple_heart",emoji:"\u{1F49C}",name:"Purple Heart",keywords:["love"],group:"symbols"},{shortcode:"broken_heart",emoji:"\u{1F494}",name:"Broken Heart",keywords:["sad","breakup"],group:"symbols"},{shortcode:"sparkles",emoji:"\u2728",name:"Sparkles",keywords:["shine","magic","new"],group:"symbols"},{shortcode:"hundred",emoji:"\u{1F4AF}",name:"Hundred Points",keywords:["perfect","score"],group:"symbols"},{shortcode:"boom",emoji:"\u{1F4A5}",name:"Collision",keywords:["explosion","impact"],group:"symbols"},{shortcode:"speech_balloon",emoji:"\u{1F4AC}",name:"Speech Balloon",keywords:["talk","chat","message"],group:"symbols"},{shortcode:"thought_balloon",emoji:"\u{1F4AD}",name:"Thought Balloon",keywords:["think","dream"],group:"symbols"},{shortcode:"check_mark",emoji:"\u2705",name:"Check Mark Button",keywords:["done","yes","complete"],group:"symbols"},{shortcode:"x",emoji:"\u274C",name:"Cross Mark",keywords:["no","wrong","delete"],group:"symbols"},{shortcode:"warning",emoji:"\u26A0\uFE0F",name:"Warning",keywords:["caution","alert"],group:"symbols"},{shortcode:"no_entry",emoji:"\u26D4",name:"No Entry",keywords:["stop","forbidden"],group:"symbols"},{shortcode:"question",emoji:"\u2753",name:"Question Mark",keywords:["help","what"],group:"symbols"},{shortcode:"exclamation",emoji:"\u2757",name:"Exclamation Mark",keywords:["important","attention"],group:"symbols"},{shortcode:"arrow_right",emoji:"\u27A1\uFE0F",name:"Right Arrow",keywords:["next","forward"],group:"symbols"},{shortcode:"arrow_left",emoji:"\u2B05\uFE0F",name:"Left Arrow",keywords:["back","previous"],group:"symbols"},{shortcode:"arrow_up",emoji:"\u2B06\uFE0F",name:"Up Arrow",keywords:["above"],group:"symbols"},{shortcode:"arrow_down",emoji:"\u2B07\uFE0F",name:"Down Arrow",keywords:["below"],group:"symbols"},{shortcode:"recycle",emoji:"\u267B\uFE0F",name:"Recycling Symbol",keywords:["environment","green"],group:"symbols"},{shortcode:"infinity",emoji:"\u267E\uFE0F",name:"Infinity",keywords:["forever","loop"],group:"symbols"},{shortcode:"checkered_flag",emoji:"\u{1F3C1}",name:"Chequered Flag",keywords:["finish","race"],group:"flags"},{shortcode:"triangular_flag",emoji:"\u{1F6A9}",name:"Triangular Flag",keywords:["red flag","warning"],group:"flags"},{shortcode:"white_flag",emoji:"\u{1F3F3}\uFE0F",name:"White Flag",keywords:["surrender","peace"],group:"flags"},{shortcode:"rainbow_flag",emoji:"\u{1F3F3}\uFE0F\u200D\u{1F308}",name:"Rainbow Flag",keywords:["pride","lgbtq"],group:"flags"},{shortcode:"pirate_flag",emoji:"\u{1F3F4}\u200D\u2620\uFE0F",name:"Pirate Flag",keywords:["jolly roger","skull"],group:"flags"},{shortcode:"flag_us",emoji:"\u{1F1FA}\u{1F1F8}",name:"Flag: United States",keywords:["usa","america"],group:"flags"},{shortcode:"flag_gb",emoji:"\u{1F1EC}\u{1F1E7}",name:"Flag: United Kingdom",keywords:["uk","britain"],group:"flags"},{shortcode:"flag_fr",emoji:"\u{1F1EB}\u{1F1F7}",name:"Flag: France",keywords:["french"],group:"flags"},{shortcode:"flag_de",emoji:"\u{1F1E9}\u{1F1EA}",name:"Flag: Germany",keywords:["german"],group:"flags"},{shortcode:"flag_jp",emoji:"\u{1F1EF}\u{1F1F5}",name:"Flag: Japan",keywords:["japanese"],group:"flags"},{shortcode:"flag_kr",emoji:"\u{1F1F0}\u{1F1F7}",name:"Flag: South Korea",keywords:["korean"],group:"flags"},{shortcode:"flag_br",emoji:"\u{1F1E7}\u{1F1F7}",name:"Flag: Brazil",keywords:["brazilian"],group:"flags"},{shortcode:"flag_in",emoji:"\u{1F1EE}\u{1F1F3}",name:"Flag: India",keywords:["indian"],group:"flags"},{shortcode:"flag_ca",emoji:"\u{1F1E8}\u{1F1E6}",name:"Flag: Canada",keywords:["canadian","maple"],group:"flags"},{shortcode:"flag_au",emoji:"\u{1F1E6}\u{1F1FA}",name:"Flag: Australia",keywords:["australian"],group:"flags"}],n=new Map(l.map(i=>[i.shortcode,i])),k=new Map([["+1","thumbsup"],["-1","thumbsdown"],["heart","red_heart"],["thumbs_up","thumbsup"],["thumbs_down","thumbsdown"],["grin","grinning"],["laughing_crying","joy"],["lol","rofl"],["smiley","smile"],["cool","sunglasses"],["nerd","nerd_face"],["kiss","kissing_heart"],["hug","hugs"],["think","thinking"],["sad","cry"],["mad","angry"],["shrug","person_shrugging"],["facepalm","person_facepalming"],["raised_fist","muscle"],["pray_hands","pray"],["hi","wave"],["bye","wave"],["lightning","zap"],["flame","fire"],["hot","fire"],["bomb","boom"],["idea","bulb"],["laptop","computer"],["search","mag"],["party","tada"],["celebrate","tada"],["congrats","tada"],["check","check_mark"],["done","check_mark"],["yes","check_mark"],["no","x"],["wrong","x"],["love","red_heart"],["star_eyes","star_struck"],["mindblown","exploding_head"],["poop","skull"],["memo_pad","memo"],["notes","memo"],["coffee_cup","coffee"],["tea","coffee"]]),F=["smileys","people","animals","food","travel","activities","objects","symbols","flags"],C={smileys:"Smileys & Emotion",people:"People & Body",animals:"Animals & Nature",food:"Food & Drink",travel:"Travel & Places",activities:"Activities",objects:"Objects",symbols:"Symbols",flags:"Flags"},M={smileys:"\u{1F600}",people:"\u{1F44B}",animals:"\u{1F436}",food:"\u{1F355}",travel:"\u{1F30D}",activities:"\u{1F389}",objects:"\u{1F4A1}",symbols:"\u2764\uFE0F",flags:"\u{1F3C1}"},m=[];globalThis.__vbEmojiRegister=f;globalThis.__vbEmojiExtended&&(f(globalThis.__vbEmojiExtended),delete globalThis.__vbEmojiExtended)});var I=window.matchMedia("(prefers-reduced-motion: reduce)");var y=new Map;function w(i,e,o={}){let t=o.priority??10,r={impl:e,bundle:o.bundle,contract:o.contract,priority:t},s=y.get(i);if(customElements.get(i)){if(!s||s.priority>=t){s&&s.priority===t&&s.impl!==e&&console.warn(`[VB Bundle] Tag <${i}> already registered by "${s.bundle}" (priority ${s.priority}). Skipping "${o.bundle}".`);return}console.warn(`[VB Bundle] Tag <${i}> defined by "${s.bundle}" cannot be replaced (customElements.define is permanent). "${o.bundle}" has higher priority but arrived late.`);return}if(s&&s.priority>=t){s.priority===t&&console.warn(`[VB Bundle] Tag <${i}> already registered by "${s.bundle}". Skipping "${o.bundle}" (first wins at equal priority).`);return}y.set(i,r),customElements.define(i,e)}var c=class extends HTMLElement{#e=[];connectedCallback(){this.hasAttribute("data-upgraded")||this.setup()!==!1&&this.setAttribute("data-upgraded","")}disconnectedCallback(){for(let e of this.#e)e();this.#e=[],this.removeAttribute("data-upgraded"),this.teardown()}listen(e,o,t,r){e.addEventListener(o,t,r),this.#e.push(()=>e.removeEventListener(o,t,r))}setup(){}teardown(){}};var h=null;async function B(){return h||(h=await Promise.resolve().then(()=>(j(),b)),h)}var p=8,O=150,v="vb-emoji-recent",g=class extends c{#e;#s;#o;#t;#n;#a=!1;#d=[];#i=-1;#m=null;#c="";#r=null;#y=!1;#h=null;#u=null;async setup(){this.#r=await B(),this.#y||(this.#k(),this.#y=!0),this.#e&&this.listen(this.#e,"click",this.#j),this.listen(document,"click",this.#v),this.listen(document,"keydown",this.#_)}teardown(){this.#m&&clearTimeout(this.#m)}#k(){this.#e=this.querySelector(":scope > [data-trigger]")||this.querySelector(":scope > button"),this.#e||(this.#e=document.createElement("button"),this.#e.type="button",this.#e.textContent="\u{1F600}",this.#e.setAttribute("data-trigger",""),this.prepend(this.#e)),this.#e.setAttribute("aria-haspopup","dialog"),this.#e.setAttribute("aria-expanded","false"),this.#e.setAttribute("aria-label",this.#e.getAttribute("aria-label")||"Open emoji picker"),this.#f()}#f(){this.#s=document.createElement("div"),this.#s.classList.add("picker"),this.#s.setAttribute("role","dialog"),this.#s.setAttribute("aria-label","Emoji picker"),this.#s.hidden=!0,this.#o=document.createElement("input"),this.#o.type="search",this.#o.placeholder="Search emoji\u2026",this.#o.setAttribute("aria-label","Search emoji"),this.#o.addEventListener("input",this.#E),this.#o.addEventListener("keydown",this.#S),this.#s.appendChild(this.#o),this.#n=document.createElement("nav"),this.#n.classList.add("categories"),this.#n.setAttribute("role","tablist"),this.#n.setAttribute("aria-label","Emoji categories");for(let e of this.#r.EMOJI_GROUPS){let o=document.createElement("button");o.type="button",o.setAttribute("role","tab"),o.setAttribute("aria-selected",e===this.#r.EMOJI_GROUPS[0]?"true":"false"),o.setAttribute("data-group",e),o.setAttribute("aria-label",this.#r.EMOJI_GROUP_LABELS[e]),o.title=this.#r.EMOJI_GROUP_LABELS[e],o.textContent=this.#r.EMOJI_GROUP_ICONS[e],o.addEventListener("click",this.#A),this.#n.appendChild(o)}this.#s.appendChild(this.#n),this.#t=document.createElement("div"),this.#t.classList.add("grid"),this.#t.setAttribute("role","grid"),this.#t.setAttribute("aria-label","Emoji"),this.#t.addEventListener("keydown",this.#F),this.#s.appendChild(this.#t),this.appendChild(this.#s),this.#p()}#p(e=null){this.#t.innerHTML="",this.#d=[],this.#i=-1;let o=this.#w();if(!this.#c&&o.length>0){let r=document.createElement("div");r.classList.add("group-label"),r.textContent="Recently Used",r.setAttribute("data-group-heading","recent"),this.#t.appendChild(r);for(let s of o){let a=this.#r.EMOJI_MAP.get(s);a&&this.#g(a)}}let t=e||null;if(t)if(t.length===0){let r=document.createElement("div");r.classList.add("no-results"),r.textContent="No emoji found",this.#t.appendChild(r)}else for(let r of t)this.#g(r);else for(let r of this.#r.EMOJI_GROUPS){let s=document.createElement("div");s.classList.add("group-label"),s.textContent=this.#r.EMOJI_GROUP_LABELS[r],s.setAttribute("data-group-heading",r),this.#t.appendChild(s);let a=this.#r.getByGroup(r);for(let u of a)this.#g(u)}}#g(e){let o=document.createElement("button");o.type="button",o.setAttribute("role","gridcell"),o.setAttribute("tabindex","-1"),o.setAttribute("data-shortcode",e.shortcode),o.title=`${e.name} :${e.shortcode}:`,o.textContent=e.emoji,o.addEventListener("click",this.#C),this.#t.appendChild(o),this.#d.push(o)}#b(){let e=this.getAttribute("for");if(!e)return;let o=document.getElementById(e);if(o){if(o.tagName==="INPUT"||o.tagName==="TEXTAREA"){let t=o;this.#h={start:t.selectionStart??t.value.length,end:t.selectionEnd??t.value.length},this.#u=null}else if(o.isContentEditable){let t=window.getSelection();t&&t.rangeCount>0&&(this.#u=t.getRangeAt(0).cloneRange()),this.#h=null}}}#j=e=>{e.stopPropagation(),this.toggle()};#v=e=>{this.#a&&!this.contains(e.target)&&this.close()};#_=e=>{e.key==="Escape"&&this.#a&&(e.preventDefault(),this.close(),this.#e?.focus())};#E=()=>{this.#m&&clearTimeout(this.#m),this.#m=setTimeout(()=>{if(this.#c=this.#o.value.trim(),this.#c){let e=this.#r.searchEmoji(this.#c);this.#p(e)}else this.#p()},O)};#S=e=>{e.key==="ArrowDown"&&(e.preventDefault(),this.#d.length>0&&this.#l(0))};#A=e=>{let o=e.currentTarget.getAttribute("data-group");for(let r of this.#n.querySelectorAll('[role="tab"]'))r.setAttribute("aria-selected",r===e.currentTarget?"true":"false");this.#c&&(this.#o.value="",this.#c="",this.#p());let t=this.#t.querySelector(`[data-group-heading="${o}"]`);t&&t.scrollIntoView({block:"start",behavior:"smooth"})};#F=e=>{let o=this.#d.length;if(o!==0)switch(e.key){case"ArrowRight":e.preventDefault(),this.#l(this.#i+1);break;case"ArrowLeft":e.preventDefault(),this.#l(this.#i-1);break;case"ArrowDown":e.preventDefault(),this.#l(this.#i+p);break;case"ArrowUp":e.preventDefault(),this.#i<p?(this.#o.focus(),this.#i=-1):this.#l(this.#i-p);break;case"Home":e.preventDefault(),this.#l(0);break;case"End":e.preventDefault(),this.#l(o-1);break;case"Enter":case" ":e.preventDefault(),this.#i>=0&&this.#d[this.#i].click();break;case"Tab":this.close();break}};#C=e=>{let o=e.currentTarget.getAttribute("data-shortcode"),t=this.#r.EMOJI_MAP.get(o);t&&(this.#T(o),this.#M(t),this.dispatchEvent(new CustomEvent("emoji-picker:select",{bubbles:!0,detail:{shortcode:t.shortcode,emoji:t.emoji,name:t.name,keywords:t.keywords}})),this.close(),this.#x())};#l(e){let o=this.#d.length;o!==0&&(e<0&&(e=0),e>=o&&(e=o-1),this.#i=e,this.#d[e].focus())}#M(e){let o=this.getAttribute("for");if(!o)return;let t=document.getElementById(o);if(t){if(t.tagName==="INPUT"||t.tagName==="TEXTAREA"){let r=t,s=this.#h?.start??r.value.length,a=this.#h?.end??s,u=r.value.slice(0,s),_=r.value.slice(a);r.value=u+e.emoji+_;let d=s+e.emoji.length;r.setSelectionRange(d,d),this.#h={start:d,end:d},t.dispatchEvent(new Event("input",{bubbles:!0}))}else if(t.isContentEditable){t.focus();let r=window.getSelection();if(r&&this.#u){r.removeAllRanges(),r.addRange(this.#u);let s=r.getRangeAt(0);s.deleteContents();let a=document.createTextNode(e.emoji);s.insertNode(a),s.setStartAfter(a),s.collapse(!0),r.removeAllRanges(),r.addRange(s),this.#u=s.cloneRange()}else if(r){let s=document.createRange();s.selectNodeContents(t),s.collapse(!1);let a=document.createTextNode(e.emoji);s.insertNode(a),s.setStartAfter(a),s.collapse(!0),r.removeAllRanges(),r.addRange(s)}}}}#x(){let e=this.getAttribute("for");if(!e)return;let o=document.getElementById(e);o&&o.focus()}#w(){try{return JSON.parse(localStorage.getItem(v)||"[]")}catch{return[]}}#T(e){let o=parseInt(this.getAttribute("recent-limit")??"24",10)||24,t=this.#w();t=t.filter(r=>r!==e),t.unshift(e),t.length>o&&(t.length=o);try{localStorage.setItem(v,JSON.stringify(t))}catch{}}open(){this.#a||(this.#b(),this.#a=!0,this.setAttribute("open",""),this.#e?.setAttribute("aria-expanded","true"),this.#s.hidden=!1,this.#o.value="",this.#c="",this.#p(),requestAnimationFrame(()=>{this.#o.focus()}),this.dispatchEvent(new CustomEvent("emoji-picker:open",{bubbles:!0})))}close(){this.#a&&(this.#a=!1,this.removeAttribute("open"),this.#e?.setAttribute("aria-expanded","false"),this.#s.hidden=!0,this.dispatchEvent(new CustomEvent("emoji-picker:close",{bubbles:!0})))}toggle(){this.#a?this.close():this.open()}get isOpen(){return this.#a}};w("emoji-picker",g);export{g as EmojiPicker};
+//# sourceMappingURL=emoji-picker.js.map