@vanelsas/baredom 2.7.0 → 2.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +50 -0
- package/custom-elements.json +822 -16
- package/dist/baredom.d.ts +9 -0
- package/dist/base.js +455 -428
- package/dist/integrity.json +102 -93
- package/dist/x-alert.js +17 -18
- package/dist/x-avatar-group.js +9 -10
- package/dist/x-avatar.js +15 -15
- package/dist/x-badge.js +9 -10
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +13 -14
- package/dist/x-button.js +17 -18
- package/dist/x-cancel-dialogue.js +13 -17
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +33 -34
- package/dist/x-chart.d.ts +26 -0
- package/dist/x-chart.js +47 -46
- package/dist/x-checkbox.js +11 -10
- package/dist/x-chip.js +1 -9
- package/dist/x-collapse.js +10 -10
- package/dist/x-color-picker.js +45 -44
- package/dist/x-combobox.js +26 -26
- package/dist/x-command-palette.js +26 -26
- package/dist/x-confetti.d.ts +50 -0
- package/dist/x-confetti.js +23 -0
- package/dist/x-container.js +4 -4
- package/dist/x-context-menu.d.ts +31 -2
- package/dist/x-context-menu.js +20 -18
- package/dist/x-copy.js +20 -23
- package/dist/x-currency-field.js +23 -23
- package/dist/x-date-picker.d.ts +27 -0
- package/dist/x-date-picker.js +42 -41
- package/dist/x-divider.js +9 -9
- package/dist/x-drawer.js +10 -11
- package/dist/x-dropdown.js +11 -10
- package/dist/x-fieldset.js +5 -6
- package/dist/x-file-download.js +7 -7
- package/dist/x-file-upload.js +21 -21
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.js +9 -8
- package/dist/x-gaussian-blur.js +13 -19
- package/dist/x-grid.js +6 -6
- package/dist/x-i18n-provider.d.ts +43 -0
- package/dist/x-i18n-provider.js +8 -0
- package/dist/x-i18n.d.ts +14 -0
- package/dist/x-i18n.js +5 -0
- package/dist/x-icon.js +6 -7
- package/dist/x-image.js +18 -19
- package/dist/x-kbd.d.ts +17 -0
- package/dist/x-kbd.js +17 -0
- package/dist/x-kinetic-canvas.d.ts +18 -0
- package/dist/x-kinetic-canvas.js +26 -0
- package/dist/x-kinetic-font.js +27 -28
- package/dist/x-kinetic-typography.js +33 -39
- package/dist/x-liquid-dock.js +38 -39
- package/dist/x-liquid-fill.js +45 -45
- package/dist/x-liquid-glass.js +47 -47
- package/dist/x-menu-item.js +8 -9
- package/dist/x-menu.js +10 -11
- package/dist/x-metaball-cursor.js +26 -27
- package/dist/x-modal.js +11 -12
- package/dist/x-morph-stack.js +37 -38
- package/dist/x-multi-combobox.d.ts +50 -0
- package/dist/x-multi-combobox.js +37 -0
- package/dist/x-navbar.js +12 -12
- package/dist/x-neural-glow.js +33 -33
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +17 -18
- package/dist/x-organic-progress.js +38 -38
- package/dist/x-organic-shape.js +13 -13
- package/dist/x-otp-input.d.ts +55 -0
- package/dist/x-otp-input.js +23 -0
- package/dist/x-pagination.js +15 -16
- package/dist/x-particle-button.js +51 -51
- package/dist/x-popover.js +26 -24
- package/dist/x-progress-circle.js +9 -10
- package/dist/x-progress.js +10 -11
- package/dist/x-proximity-list.d.ts +43 -0
- package/dist/x-proximity-list.js +20 -0
- package/dist/x-radio.js +11 -10
- package/dist/x-ripple-effect.js +11 -12
- package/dist/x-scroll-parallax.js +18 -19
- package/dist/x-scroll-stack.js +17 -18
- package/dist/x-scroll-story.js +34 -36
- package/dist/x-scroll-timeline.js +45 -46
- package/dist/x-scroll.js +40 -41
- package/dist/x-search-field.js +15 -15
- package/dist/x-select.js +10 -9
- package/dist/x-sidebar.js +17 -17
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +15 -16
- package/dist/x-soft-body.js +22 -22
- package/dist/x-spacer.js +4 -5
- package/dist/x-spinner.js +4 -5
- package/dist/x-splash.js +12 -13
- package/dist/x-spotlight-card.d.ts +19 -0
- package/dist/x-spotlight-card.js +13 -0
- package/dist/x-stat.js +10 -12
- package/dist/x-stepper.js +14 -15
- package/dist/x-switch.js +10 -9
- package/dist/x-tab.js +7 -8
- package/dist/x-table-cell.js +20 -24
- package/dist/x-table-row.js +8 -9
- package/dist/x-table.js +12 -15
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +18 -18
- package/dist/x-theme.js +25 -25
- package/dist/x-timeline-item.js +21 -23
- package/dist/x-timeline.js +8 -9
- package/dist/x-toast.js +22 -24
- package/dist/x-toaster.js +8 -8
- package/dist/x-tooltip.js +12 -11
- package/dist/x-typography.js +9 -11
- package/dist/x-welcome-tour.js +60 -64
- package/package.json +47 -2
package/dist/x-menu.js
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
d.setAttribute("part","base");d.className="base";e.setAttribute("name","trigger");
|
|
10
|
-
a.removeEventListener("click",$APP.k(b,"click"));document.removeEventListener("click",c,!0);a.removeEventListener("keydown",d);a=a.removeEventListener("x-menu-item-select",e)}else a=null;return a},
|
|
11
|
-
|
|
12
|
-
PP,$APP.Jg,QP],null))},FP=new $APP.K(null,"last","last",1105735132),EP=new $APP.K(null,"first","first",-644103046);var RP=["open","placement","label"],KP=new $APP.R(null,new $APP.Q(null,4,["bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null],null),null);$APP.Pd(["x-menu-open",new $APP.Q(null,1,[$APP.V,$APP.Qd],null),"x-menu-close",new $APP.Q(null,1,[$APP.V,$APP.Qd],null),"x-menu-select",new $APP.Q(null,1,[$APP.V,new $APP.Q(null,1,[$APP.pj,$APP.Y],null)],null)]);$APP.ha("baredom.exports.x_menu.init",SP);export const init=SP;
|
|
2
|
+
var gV=function(a){a=a.querySelectorAll("x-menu-item");for(var b=[],c=a.length,d=0;;)if(d<c){var e=a[d];$APP.p(e.hasAttribute("disabled"))&&$APP.M(e.getAttribute("type"),"divider")&&b.push(e);d+=1}else break;return b},jV=function(a){$APP.n(a.hasAttribute("open"))||(a.setAttribute("open",""),$APP.ah(a,"x-menu-open",{}));if($APP.n(null)){a=gV(a);var b=a.length;return b>0?$APP.B.j(null,hV)?a[0].focus():$APP.B.j(null,iV)?a[b-1].focus():null:null}return null},kV=function(a,b){$APP.n(a.hasAttribute("open"))&&
|
|
3
|
+
(a.removeAttribute("open"),$APP.ah(a,"x-menu-close",{}));return $APP.n(b)?(a=$APP.k(a,"__xMenuRefs"),a=$APP.n(a)?$APP.k(a,"trigger-slot"):null,a=$APP.n(a)?a.assignedElements():null,a=$APP.n($APP.n(a)?a.length>0:a)?a[0]:null,$APP.n(a)?a.focus():null):null},lV=function(a,b){var c=b.composedPath();a=$APP.yc(a.assignedElements());return $APP.E($APP.Yd(function(d){return c.indexOf(d)>-1},a))},mV=function(a,b){var c=b.key,d=a.hasAttribute("open");if($APP.B.j(c,"Escape"))return $APP.n(d)?(b.preventDefault(),
|
|
4
|
+
kV(a,!0)):null;if($APP.B.j(c,"Tab"))return $APP.n(d)?kV(a,!1):null;if($APP.B.j(c,"ArrowDown")||$APP.B.j(c,"ArrowUp")){var e=gV(a),f=e.length;if(f>0){b.preventDefault();if($APP.n(d))return a=e.indexOf(document.activeElement),c=$APP.B.j(c,"ArrowDown")?a>=f-1?0:a<0?0:a+1:a<=0?f-1:a-1,e[c].focus();jV(a);return e[$APP.B.j(c,"ArrowDown")?0:f-1].focus()}}else if($APP.B.j(c,"Home")){if($APP.n(d)&&(e=gV(a),e.length>0))return b.preventDefault(),e[0].focus()}else if($APP.B.j(c,"End")&&$APP.n(d)&&(e=gV(a),e.length>
|
|
5
|
+
0))return b.preventDefault(),e[e.length-1].focus();return null},oV=function(a){var b=$APP.k(a,"__xMenuRefs");b=$APP.n(b)?$APP.k(b,"popup"):null;a=new $APP.P(null,3,[$APP.Qn,a.hasAttribute("open"),$APP.gl,a.getAttribute("placement"),$APP.X,a.getAttribute("label")],null);a=$APP.H(a);var c=$APP.C(a,$APP.Qn),d=$APP.C(a,$APP.gl);a=$APP.C(a,$APP.X);c=$APP.E(c);d=$APP.n(d)?d:"";d=$APP.Vc(nV,d)?d:"bottom-start";a=new $APP.P(null,3,[$APP.Qn,c,$APP.gl,d,$APP.X,$APP.n(a)?a:""],null);return $APP.n(b)?(b.setAttribute("data-placement",
|
|
6
|
+
$APP.gl.i(a)),a=$APP.X.i(a),$APP.n($APP.n(a)?$APP.M(a,""):a)?b.setAttribute("aria-label",a):b.removeAttribute("aria-label")):null},pV=function(a){function b(h){h.stopPropagation();h=h.detail.value;kV(a,!1);return $APP.ah(a,"x-menu-select",{value:$APP.n(h)?h:""})}function c(h){return mV(a,h)}function d(h){$APP.n(a.hasAttribute("open"))?(h=h.composedPath(),h=$APP.B.j(-1,h.indexOf(a))?kV(a,!1):null):h=null;return h}function e(h){var l=$APP.k(a,"__xMenuRefs");l=$APP.n(l)?$APP.k(l,"trigger-slot"):null;
|
|
7
|
+
return $APP.n($APP.n(l)?lV(l,h):l)?$APP.n(a.hasAttribute("open"))?kV(a,!0):jV(a):null}var f={};a.addEventListener("click",e);document.addEventListener("click",d,!0);a.addEventListener("keydown",c);a.addEventListener("x-menu-item-select",b);f.click=e;f["doc-click"]=d;f.keydown=c;f["item-select"]=b;a.__xMenuHandlers=f},qV=function(a){if($APP.Yg(a,"__xMenuInit"))return pV(a),oV(a);if(!$APP.Yg(a,"__xMenuInit")){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),
|
|
8
|
+
e=document.createElement("slot"),f=document.createElement("div"),h=document.createElement("slot");c.textContent=":host{display:inline-block;position:relative;color-scheme:light dark;--x-menu-bg:var(--x-color-bg,#ffffff);--x-menu-border:1px solid var(--x-color-border,#e5e7eb);--x-menu-border-radius:var(--x-radius-md,8px);--x-menu-shadow:var(--x-shadow-md,0 4px 16px rgba(0,0,0,0.12));--x-menu-min-width:160px;--x-menu-padding:4px;--x-menu-z-index:1000;}@media (prefers-color-scheme:dark){:host{--x-menu-bg:var(--x-color-bg,#1f2937);--x-menu-border:1px solid var(--x-color-border,#374151);--x-menu-shadow:var(--x-shadow-md,0 4px 16px rgba(0,0,0,0.4));}}.base{position:relative;display:inline-block;}.popup{display:none;position:absolute;background:var(--x-menu-bg);border:var(--x-menu-border);border-radius:var(--x-menu-border-radius);box-shadow:var(--x-menu-shadow);min-width:var(--x-menu-min-width);max-width:calc(100vw - 1rem);padding:var(--x-menu-padding);z-index:var(--x-menu-z-index);box-sizing:border-box;}:host([open]) .popup{display:block;}.popup[data-placement\x3d'bottom-start']{top:100%;left:0;margin-top:4px;}.popup[data-placement\x3d'bottom-end']{top:100%;right:0;margin-top:4px;}.popup[data-placement\x3d'top-start']{bottom:100%;left:0;margin-bottom:4px;}.popup[data-placement\x3d'top-end']{bottom:100%;right:0;margin-bottom:4px;}";
|
|
9
|
+
d.setAttribute("part","base");d.className="base";e.setAttribute("name","trigger");f.setAttribute("part","popup");f.className="popup";f.setAttribute("role","menu");f.appendChild(h);d.appendChild(e);d.appendChild(f);b.appendChild(c);b.appendChild(d);b={};b.base=d;b.popup=f;b["trigger-slot"]=e;b["item-slot"]=h;a.__xMenuRefs=b;pV(a);a.__xMenuInit=!0}oV(a);return a},rV=function(a){var b=$APP.k(a,"__xMenuHandlers");if($APP.n(b)){var c=$APP.k(b,"doc-click"),d=$APP.k(b,"keydown"),e=$APP.k(b,"item-select");
|
|
10
|
+
a.removeEventListener("click",$APP.k(b,"click"));document.removeEventListener("click",c,!0);a.removeEventListener("keydown",d);a=a.removeEventListener("x-menu-item-select",e)}else a=null;return a},sV=function(a){return $APP.Yg(a,"__xMenuInit")?oV(a):null},uV=function(a){return $APP.ih(a,tV)},wV=function(){return $APP.Wg("x-menu",new $APP.P(null,5,[$APP.Mg,vV,$APP.Ng,qV,$APP.Og,rV,$APP.Qg,sV,$APP.Ug,uV],null))},iV=new $APP.F(null,"last","last",1105735132),hV=new $APP.F(null,"first","first",-644103046);var vV=["open","placement","label"],nV=new $APP.Q(null,new $APP.P(null,4,["bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null],null),null),tV=new $APP.P(null,3,[$APP.Qn,new $APP.P(null,2,[$APP.S,$APP.U,$APP.T,"open"],null),$APP.gl,new $APP.P(null,2,[$APP.S,$APP.V,$APP.T,"placement"],null),$APP.X,new $APP.P(null,2,[$APP.S,$APP.V,$APP.T,"label"],null)],null);
|
|
11
|
+
$APP.Ud(["x-menu-open",new $APP.P(null,1,[$APP.Z,$APP.Vd],null),"x-menu-close",new $APP.P(null,1,[$APP.Z,$APP.Vd],null),"x-menu-select",new $APP.P(null,1,[$APP.Z,new $APP.P(null,1,[$APP.Fh,$APP.V],null)],null)]);$APP.da("baredom.exports.x_menu.init",wV);export const init=wV;
|
|
@@ -1,28 +1,27 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
3:Math.min(20,Math.max(.5,a))}return 3},
|
|
4
|
-
function(a){return typeof a==="string"&&a.trim().length>0?a.trim():"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 20 -10"},
|
|
5
|
-
return b},
|
|
6
|
-
var b=$APP.
|
|
7
|
-
|
|
8
|
-
window.addEventListener("pointermove",b);a.__xMetaballHandler=b},
|
|
9
|
-
set:function(b){return b==null?this.removeAttribute("blob-size"):this.setAttribute("blob-size",""+$APP.
|
|
10
|
-
""):this.
|
|
11
|
-
""+$APP.
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
"
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
"
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
$APP.
|
|
28
|
-
$APP.S.g(x)+"px,"+$APP.S.g(v)+"px) translate(-50%,-50%)";p+=1}else break;$APP.n(iM.g(l))&&(d=$APP.k(a,"__xMetaballSeed")+eM.g(l),e=$APP.k(a,"__xMetaballRefs"),a.__xMetaballSeed=d,e=$APP.gm.g(e),$APP.n(e)&&e.setAttribute("seed",""+$APP.S.g(Math.floor(d))));$APP.ja(a,"__xMetaballRaf",requestAnimationFrame(function(){return mM.g?mM.g(a):mM.call(null,a)}))}return null};$APP.ha("baredom.exports.x_metaball_cursor.init",xM);export const init=xM;
|
|
2
|
+
var NP=function(a){if(typeof a==="string"){a=parseInt(a.trim(),10);var b=isNaN(a);return $APP.n($APP.n(b)?b:!(a>0))?5:Math.min(10,Math.max(2,a))}return 5},OP=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.n($APP.n(b)?b:!(a>0))?40:Math.min(200,Math.max(10,a))}return 40},PP=function(a){return typeof a==="string"&&a.trim().length>0?a.trim():"#6366f1"},QP=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.n($APP.n(b)?b:!(a>0))?
|
|
3
|
+
3:Math.min(20,Math.max(.5,a))}return 3},RP=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.n($APP.n(b)?b:!(a>0))?.02:Math.min(.1,Math.max(.001,a))}return.02},SP=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.n($APP.n(b)?b:!(a>0))?6:Math.min(30,Math.max(1,a))}return 6},TP=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.n($APP.n(b)?b:!(a>0))?12:Math.min(40,Math.max(4,a))}return 12},UP=
|
|
4
|
+
function(a){return typeof a==="string"&&a.trim().length>0?a.trim():"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 20 -10"},WP=function(a){if(typeof a==="string"&&a.trim().length>0){var b=$APP.C(VP,a.trim().toLowerCase());if($APP.n(b))return b;if(a.indexOf(",")>=0)return a=a.split(","),$APP.df.m($APP.me,$APP.Ei.j($APP.ee.i(function(c){return c.trim()}),$APP.je(function(c){return c.length>0})),a)}return null},XP=function(a){for(var b=[],c=0;;)if(c<a)b.push(Math.max(.01,.35*Math.pow(.45,c))),c+=1;else break;
|
|
5
|
+
return b},YP=function(a,b){for(var c=[],d=0;;)if(d<b)c.push(Math.max(a*.5,a*(1-d*.08))),d+=1;else break;return c},ZP=function(a,b,c){return a+(b-a)*c},nQ=function(a){a=$APP.Hf([$APP.$n,$P,aQ,bQ,cQ,dQ,$APP.nj,$APP.Mo,eQ,fQ],[a.getAttribute("blur"),a.getAttribute("noise-intensity"),a.getAttribute("blob-size"),a.getAttribute("palette"),a.getAttribute("noise-scale"),a.getAttribute("noise"),a.getAttribute("threshold"),a.getAttribute("color"),a.getAttribute("blob-count"),a.getAttribute("noise-speed")]);
|
|
6
|
+
var b=$APP.H(a),c=$APP.C(b,fQ);a=$APP.C(b,$APP.$n);var d=$APP.C(b,$P),e=$APP.C(b,aQ),f=$APP.C(b,bQ),h=$APP.C(b,cQ),l=$APP.C(b,dQ),m=$APP.C(b,$APP.nj),q=$APP.C(b,$APP.Mo);b=$APP.C(b,eQ);b=NP(b);q=PP(q);f=WP(f);c=RP(c);var r=[];if($APP.n($APP.n(f)?$APP.z(f)>0:f))for(var v=$APP.z(f),w=0;;)if(w<b)r.push($APP.sc(f,$APP.jd(w,v))),w+=1;else break;else for(v=0;;)if(v<b)r.push(q),v+=1;else break;return $APP.Hf([$APP.el,gQ,hQ,$APP.ao,$APP.tn,iQ,jQ,$APP.yj,kQ,lQ,mQ],[q,f,c,r,UP(m),QP(h),b,TP(a),OP(e),l!=null,
|
|
7
|
+
SP(d)])},oQ=function(a,b){b=$APP.H(b);b=$APP.C(b,$APP.el);return a.style.setProperty("--x-metaball-cursor-color",b)},qQ=function(a){$APP.E(window.matchMedia("(prefers-reduced-motion:reduce)").matches)||(a.__xMetaballSeed=0,$APP.fa(a,"__xMetaballRaf",requestAnimationFrame(function(){return pQ(a)})))},rQ=function(a){function b(c){var d=$APP.zk.i($APP.k(a,"__xMetaballRefs"));if($APP.n(d)){d=d.getBoundingClientRect();var e=$APP.k(a,"__xMetaballMouse");e.x=c.clientX-d.left;e.y=c.clientY-d.top}return null}
|
|
8
|
+
window.addEventListener("pointermove",b);a.__xMetaballHandler=b},sQ=function(a){var b=$APP.k(a,"__xMetaballHandler");$APP.n(b)&&(window.removeEventListener("pointermove",b),a.__xMetaballHandler=null)},tQ=function(a){Object.defineProperty(a,"blobCount",{get:function(){return NP(this.getAttribute("blob-count"))},set:function(b){return b==null?this.removeAttribute("blob-count"):this.setAttribute("blob-count",""+$APP.R.i(b|0))},enumerable:!0,configurable:!0});Object.defineProperty(a,"blobSize",{get:function(){return OP(this.getAttribute("blob-size"))},
|
|
9
|
+
set:function(b){return b==null?this.removeAttribute("blob-size"):this.setAttribute("blob-size",""+$APP.R.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"color",{get:function(){return PP(this.getAttribute("color"))},set:function(b){return b==null?this.removeAttribute("color"):this.setAttribute("color",""+$APP.R.i(b))},enumerable:!0,configurable:!0});$APP.ch(a,"noise","noise");Object.defineProperty(a,"noiseScale",{get:function(){return QP(this.getAttribute("noise-scale"))},set:function(b){return b==
|
|
10
|
+
null?this.removeAttribute("noise-scale"):this.setAttribute("noise-scale",""+$APP.R.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"noiseSpeed",{get:function(){return RP(this.getAttribute("noise-speed"))},set:function(b){return b==null?this.removeAttribute("noise-speed"):this.setAttribute("noise-speed",""+$APP.R.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"noiseIntensity",{get:function(){return SP(this.getAttribute("noise-intensity"))},set:function(b){return b==null?
|
|
11
|
+
this.removeAttribute("noise-intensity"):this.setAttribute("noise-intensity",""+$APP.R.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"blur",{get:function(){return TP(this.getAttribute("blur"))},set:function(b){return b==null?this.removeAttribute("blur"):this.setAttribute("blur",""+$APP.R.i(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"threshold",{get:function(){return UP(this.getAttribute("threshold"))},set:function(b){return b==null?this.removeAttribute("threshold"):
|
|
12
|
+
this.setAttribute("threshold",""+$APP.R.i(b))},enumerable:!0,configurable:!0});return Object.defineProperty(a,"palette",{get:function(){return WP(this.getAttribute("palette"))},set:function(b){return b==null||$APP.B.j("",b)?this.removeAttribute("palette"):this.setAttribute("palette",""+$APP.R.i(b))},enumerable:!0,configurable:!0})},wQ=function(a){var b=nQ(a);a.__xMetaballModel=b;a.__xMetaballMouse={x:0,y:0};if(!$APP.n($APP.k(a,"__xMetaballRefs"))){var c=$APP.k(a,"__xMetaballModel"),d=uQ[0];uQ[0]=
|
|
13
|
+
d+1;var e="mb-"+$APP.R.i(d),f=a.attachShadow({mode:"open"}),h=document.createElement("style"),l=document.createElement("div"),m=document.createElementNS("http://www.w3.org/2000/svg","svg");a.__xMetaballUid=d;h.textContent=vQ;l.setAttribute("part","viewport");l.style.filter="url(#"+$APP.R.i(e)+")";m.style.position="absolute";m.style.width="0";m.style.height="0";m.style.overflow="hidden";var q=$APP.H(c);c=$APP.C(q,$APP.yj);d=$APP.C(q,$APP.tn);var r=$APP.C(q,lQ),v=$APP.C(q,iQ);q=$APP.C(q,mQ);var w=document.createElementNS("http://www.w3.org/2000/svg",
|
|
14
|
+
"defs"),y=document.createElementNS("http://www.w3.org/2000/svg","filter"),A=document.createElementNS("http://www.w3.org/2000/svg","feGaussianBlur"),D=document.createElementNS("http://www.w3.org/2000/svg","feColorMatrix"),G=document.createElementNS("http://www.w3.org/2000/svg","feTurbulence"),I=document.createElementNS("http://www.w3.org/2000/svg","feDisplacementMap");y.setAttribute("id",e);y.setAttribute("x","-20%");y.setAttribute("y","-20%");y.setAttribute("width","140%");y.setAttribute("height",
|
|
15
|
+
"140%");A.setAttribute("in","SourceGraphic");A.setAttribute("stdDeviation",""+$APP.R.i(c));A.setAttribute("result","blur");D.setAttribute("in","blur");D.setAttribute("type","matrix");D.setAttribute("values",d);D.setAttribute("result","threshold");G.setAttribute("type","fractalNoise");G.setAttribute("baseFrequency",""+$APP.R.i(.01*v));G.setAttribute("numOctaves","3");G.setAttribute("seed","0");G.setAttribute("result","noise");I.setAttribute("in","threshold");I.setAttribute("in2","noise");I.setAttribute("scale",
|
|
16
|
+
$APP.n(r)?""+$APP.R.i(q):"0");I.setAttribute("xChannelSelector","R");I.setAttribute("yChannelSelector","G");y.appendChild(A);y.appendChild(D);y.appendChild(G);y.appendChild(I);w.appendChild(y);m.appendChild(w);e=new $APP.P(null,5,[$APP.Jm,y,$APP.Ak,A,$APP.Ao,D,$APP.nn,G,$APP.bl,I],null);l.appendChild(m);f.appendChild(h);f.appendChild(l);f=$APP.$f($APP.xc([e,new $APP.P(null,3,[$APP.Qh,f,$APP.zk,l,$APP.Cl,m],null)]));a.__xMetaballRefs=f}f=$APP.k(a,"__xMetaballBlobs");if($APP.n(f)){h=f.length;for(l=
|
|
17
|
+
0;;)if(l<h)m=f[l],$APP.n(m.parentNode)&&m.parentNode.removeChild(m),l+=1;else break;a.__xMetaballBlobs=[];a.__xMetaballPos=[]}h=$APP.H(b);f=$APP.C(h,jQ);m=$APP.C(h,kQ);h=$APP.C(h,$APP.ao);l=$APP.H($APP.k(a,"__xMetaballRefs"));l=$APP.C(l,$APP.zk);m=YP(m,f);e=[];c=[];for(d=0;;)if(d<f)r=document.createElement("div"),v=m[d],r.className="blob",r.style.width=""+$APP.R.i(v)+"px",r.style.height=""+$APP.R.i(v)+"px",r.style.background=h[d],l.appendChild(r),e.push(r),c.push({x:0,y:0}),d+=1;else break;a.__xMetaballBlobs=
|
|
18
|
+
e;a.__xMetaballPos=c;f=XP(f);a.__xMetaballSpeeds=f;oQ(a,b);a.setAttribute("aria-hidden","true");a.setAttribute("role","presentation");sQ(a);rQ(a);qQ(a);return null},xQ=function(a){var b=$APP.k(a,"__xMetaballRaf");$APP.n(b)&&(cancelAnimationFrame(b),a.__xMetaballRaf=null);sQ(a);return null},yQ=function(a,b,c,d){if($APP.M(c,d)&&(b=nQ(a),a.__xMetaballModel=b,$APP.n($APP.k(a,"__xMetaballRefs")))){d=$APP.H(b);c=$APP.C(d,jQ);var e=$APP.C(d,kQ);d=$APP.C(d,$APP.ao);var f=$APP.H($APP.k(a,"__xMetaballRefs")),
|
|
19
|
+
h=$APP.C(f,$APP.zk);f=$APP.k(a,"__xMetaballBlobs");var l=$APP.k(a,"__xMetaballPos"),m=f.length;e=YP(e,c);for(var q=m;;)if(q<c){var r=document.createElement("div");r.className="blob";h.appendChild(r);f.push(r);l.push({x:0,y:0});q+=1}else break;for(h=m;;)if(h>c)m=f.pop(),l.pop(),$APP.n(m.parentNode)&&m.parentNode.removeChild(m),--h;else break;for(l=0;;)if(l<c)h=f[l],m=e[l],h.style.width=""+$APP.R.i(m)+"px",h.style.height=""+$APP.R.i(m)+"px",h.style.background=d[l],l+=1;else break;c=XP(c);a.__xMetaballSpeeds=
|
|
20
|
+
c;f=$APP.H(b);h=$APP.C(f,$APP.yj);e=$APP.C(f,$APP.tn);c=$APP.C(f,lQ);d=$APP.C(f,iQ);f=$APP.C(f,mQ);l=$APP.k(a,"__xMetaballRefs");m=$APP.Ak.i(l);$APP.n(m)&&m.setAttribute("stdDeviation",""+$APP.R.i(h));h=$APP.Ao.i(l);$APP.n(h)&&h.setAttribute("values",e);e=$APP.nn.i(l);$APP.n(e)&&e.setAttribute("baseFrequency",""+$APP.R.i(.01*d));d=$APP.bl.i(l);$APP.n(d)&&d.setAttribute("scale",$APP.n(c)?""+$APP.R.i(f):"0");return oQ(a,b)}return null},AQ=function(){return $APP.Wg("x-metaball-cursor",new $APP.P(null,
|
|
21
|
+
5,[$APP.Mg,zQ,$APP.Ng,wQ,$APP.Og,xQ,$APP.Qg,yQ,$APP.Ug,tQ],null))},cQ=new $APP.F(null,"noise-scale-raw","noise-scale-raw",123215597),$P=new $APP.F(null,"noise-intensity-raw","noise-intensity-raw",-116633534),lQ=new $APP.F(null,"noise?","noise?",-38350370),kQ=new $APP.F(null,"blob-size","blob-size",-1862159046),iQ=new $APP.F(null,"noise-scale","noise-scale",-2033475279),dQ=new $APP.F(null,"noise-attr","noise-attr",-1534959409),bQ=new $APP.F(null,"palette-raw","palette-raw",-1398782582),gQ=new $APP.F(null,
|
|
22
|
+
"palette","palette",-456203511),eQ=new $APP.F(null,"blob-count-raw","blob-count-raw",-1850938603),fQ=new $APP.F(null,"noise-speed-raw","noise-speed-raw",1761342974),hQ=new $APP.F(null,"noise-speed","noise-speed",866692139),jQ=new $APP.F(null,"blob-count","blob-count",-248711053),mQ=new $APP.F(null,"noise-intensity","noise-intensity",747731519),aQ=new $APP.F(null,"blob-size-raw","blob-size-raw",530207878);var zQ="blob-count blob-size color noise noise-scale noise-speed noise-intensity blur threshold palette".split(" ");
|
|
23
|
+
$APP.Hf([$APP.el,new $APP.F(null,"blobSize","blobSize",-64083896),new $APP.F(null,"noiseIntensity","noiseIntensity",-792053623),gQ,new $APP.F(null,"noiseScale","noiseScale",2003002730),new $APP.F(null,"noise","noise",-994696820),$APP.tn,$APP.yj,new $APP.F(null,"noiseSpeed","noiseSpeed",-959403627),new $APP.F(null,"blobCount","blobCount",-1279691625)],[new $APP.P(null,1,[$APP.S,$APP.V],null),new $APP.P(null,1,[$APP.S,$APP.W],null),new $APP.P(null,1,[$APP.S,$APP.W],null),new $APP.P(null,1,[$APP.S,$APP.V],
|
|
24
|
+
null),new $APP.P(null,1,[$APP.S,$APP.W],null),new $APP.P(null,1,[$APP.S,$APP.U],null),new $APP.P(null,1,[$APP.S,$APP.V],null),new $APP.P(null,1,[$APP.S,$APP.W],null),new $APP.P(null,1,[$APP.S,$APP.W],null),new $APP.P(null,1,[$APP.S,$APP.W],null)]);
|
|
25
|
+
var VP=new $APP.P(null,5,["rainbow",new $APP.N(null,5,5,$APP.O,["#ef4444","#f59e0b","#22c55e","#3b82f6","#a855f7"],null),"ocean",new $APP.N(null,5,5,$APP.O,["#06b6d4","#0ea5e9","#6366f1","#8b5cf6","#0d9488"],null),"sunset",new $APP.N(null,5,5,$APP.O,["#ef4444","#f97316","#eab308","#ec4899","#f43f5e"],null),"neon",new $APP.N(null,5,5,$APP.O,["#22d3ee","#a78bfa","#f472b6","#34d399","#facc15"],null),"ember",new $APP.N(null,5,5,$APP.O,["#dc2626","#ea580c","#d97706","#b91c1c","#f59e0b"],null)],null);var uQ=[0],vQ=":host{display:block;position:relative;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:var("+$APP.R.i("--x-metaball-cursor-z-index")+",9999);}[part\x3dviewport]{position:absolute;inset:var("+$APP.R.i("--x-metaball-cursor-inset")+",0);pointer-events:none;opacity:var("+$APP.R.i("--x-metaball-cursor-opacity")+",1);mix-blend-mode:var("+$APP.R.i("--x-metaball-cursor-blend-mode")+",normal);}.blob{position:absolute;border-radius:50%;will-change:transform;pointer-events:none;top:0;left:0;background:var("+
|
|
26
|
+
$APP.R.i("--x-metaball-cursor-color")+",#6366f1);}@media(prefers-reduced-motion:reduce){.blob{transition:none!important;}}",pQ=function pQ(a){if($APP.n(a.isConnected)){var c=$APP.k(a,"__xMetaballMouse"),d=$APP.k(a,"__xMetaballBlobs"),e=$APP.k(a,"__xMetaballPos"),f=$APP.k(a,"__xMetaballSpeeds"),h=$APP.k(c,"x");c=$APP.k(c,"y");for(var l=$APP.k(a,"__xMetaballModel"),m=d.length,q=0;;)if(q<m){var r=e[q],v=f[q],w=ZP($APP.k(r,"x"),h,v);v=ZP($APP.k(r,"y"),c,v);var y=d[q];r.x=w;r.y=v;y.style.transform="translate("+
|
|
27
|
+
$APP.R.i(w)+"px,"+$APP.R.i(v)+"px) translate(-50%,-50%)";q+=1}else break;$APP.n(lQ.i(l))&&(d=$APP.k(a,"__xMetaballSeed")+hQ.i(l),e=$APP.k(a,"__xMetaballRefs"),a.__xMetaballSeed=d,e=$APP.nn.i(e),$APP.n(e)&&e.setAttribute("seed",""+$APP.R.i(Math.floor(d))));$APP.fa(a,"__xMetaballRaf",requestAnimationFrame(function(){return pQ.i?pQ.i(a):pQ.call(null,a)}))}return null};$APP.da("baredom.exports.x_metaball_cursor.init",AQ);export const init=AQ;
|
package/dist/x-modal.js
CHANGED
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
d.setAttribute("part","backdrop");e.setAttribute("part","dialog");e.setAttribute("role","dialog");e.setAttribute("aria-modal","true");
|
|
4
|
-
footer:
|
|
5
|
-
return $APP.n(e.matches("a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex\x3d'-1'])"))?$APP.
|
|
6
|
-
null;a.__xModalRestore=null;$APP.n($APP.n(b)?d:b)&&(b.removeAttribute("tabindex"),a.__xModalDialogTab=!1);$APP.n($APP.n(c)?c.isConnected:c)&&c.focus()},
|
|
7
|
-
$APP.n(b)?setTimeout(function(){var c=$APP.k(a,"__xModalRefs"),d=$APP.n(c)?$APP.k(c,"dialog"):null;c=$APP.n(c)?
|
|
8
|
-
$APP.
|
|
9
|
-
|
|
10
|
-
"dialog");$APP.k(d,"backdrop").addEventListener("click",c);e.addEventListener("keydown",b);$APP.
|
|
11
|
-
|
|
12
|
-
Object.defineProperty(a,"
|
|
13
|
-
{value:function(){$APP.n(this.hasAttribute("open"))?l0(this):k0(this);return null},enumerable:!0,configurable:!0,writable:!0})},w0=function(){return $APP.Lg("x-modal",new $APP.Q(null,5,[$APP.Cg,v0,$APP.Dg,r0,$APP.Eg,s0,$APP.Fg,t0,$APP.Jg,u0],null))};var n0=new $APP.R(null,new $APP.Q(null,5,["md",null,"lg",null,"full",null,"xl",null,"sm",null],null),null),v0=["open","size","label"];$APP.Pd(["x-modal-toggle",new $APP.Q(null,2,[$APP.Km,!1,$APP.V,new $APP.Q(null,1,[$APP.Hm,$APP.uk],null)],null),"x-modal-dismiss",new $APP.Q(null,2,[$APP.Km,!1,$APP.V,new $APP.Q(null,1,[$APP.hj,$APP.Y],null)],null)]);$APP.ha("baredom.exports.x_modal.init",w0);export const init=w0;
|
|
2
|
+
var X3=function(a){var b=$APP.k(a,"__xModalRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),f=document.createElement("div"),h=document.createElement("slot"),l=document.createElement("div"),m=document.createElement("slot"),q=document.createElement("div"),r=document.createElement("slot");c.textContent=":host{display:contents;color-scheme:light dark;--x-modal-bg:var(--x-color-bg,Canvas);--x-modal-fg:var(--x-color-text,CanvasText);--x-modal-backdrop:rgb(0 0 0/0.45);--x-modal-shadow:var(--x-shadow-lg,0 20px 60px rgb(0 0 0/0.25));--x-modal-radius:var(--x-radius-md,0.75rem);--x-modal-width-sm:22rem;--x-modal-width-md:32rem;--x-modal-width-lg:44rem;--x-modal-width-xl:60rem;--x-modal-max-height:90dvh;--x-modal-header-padding:1rem 1.25rem;--x-modal-body-padding:1rem 1.25rem;--x-modal-footer-padding:0.75rem 1.25rem;--x-modal-border:var(--x-color-border,color-mix(in srgb,currentColor 12%,transparent));--x-modal-duration:var(--x-transition-duration,180ms);--x-modal-easing:ease;--x-modal-z:1000;}[part\x3dbackdrop]{position:fixed;inset:0;background:var(--x-modal-backdrop);z-index:var(--x-modal-z);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--x-modal-duration) var(--x-modal-easing),visibility 0s var(--x-modal-easing) var(--x-modal-duration);}:host([data-open\x3dtrue]) [part\x3dbackdrop]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--x-modal-duration) var(--x-modal-easing),visibility 0s;}[part\x3ddialog]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.96);opacity:0;visibility:hidden;pointer-events:none;background:var(--x-modal-bg);color:var(--x-modal-fg);box-shadow:var(--x-modal-shadow);border-radius:var(--x-modal-radius);display:flex;flex-direction:column;overflow:hidden;z-index:calc(var(--x-modal-z) + 1);max-height:var(--x-modal-max-height);transition:opacity var(--x-modal-duration) var(--x-modal-easing),transform var(--x-modal-duration) var(--x-modal-easing),visibility 0s var(--x-modal-easing) var(--x-modal-duration);}:host([data-size\x3dsm]) [part\x3ddialog]{width:var(--x-modal-width-sm);}:host([data-size\x3dmd]) [part\x3ddialog]{width:var(--x-modal-width-md);}:host([data-size\x3dlg]) [part\x3ddialog]{width:var(--x-modal-width-lg);}:host([data-size\x3dxl]) [part\x3ddialog]{width:var(--x-modal-width-xl);}:host([data-size\x3dfull]) [part\x3ddialog]{inset:0;top:0;left:0;width:100%;height:100dvh;border-radius:0;max-width:100%;max-height:100dvh;transform:scale(0.98);}:host([data-open\x3dtrue]) [part\x3ddialog]{opacity:1;transform:translate(-50%,-50%) scale(1);visibility:visible;pointer-events:auto;transition:opacity var(--x-modal-duration) var(--x-modal-easing),transform var(--x-modal-duration) var(--x-modal-easing),visibility 0s;}:host([data-open\x3dtrue][data-size\x3dfull]) [part\x3ddialog]{transform:scale(1);}[part\x3ddialog]:focus{outline:none;}[part\x3dheader]{padding:var(--x-modal-header-padding);border-bottom:1px solid var(--x-modal-border);flex-shrink:0;}[part\x3dbody]{padding:var(--x-modal-body-padding);overflow-y:auto;flex:1;}[part\x3dfooter]{padding:var(--x-modal-footer-padding);border-top:1px solid var(--x-modal-border);flex-shrink:0;}[part\x3ddialog]{max-width:calc(100vw - 2rem);}:host([data-size\x3dfull]) [part\x3ddialog]{max-width:100%;}@media (prefers-reduced-motion:reduce){[part\x3ddialog],[part\x3dbackdrop]{transition:none;}}";
|
|
3
|
+
d.setAttribute("part","backdrop");e.setAttribute("part","dialog");e.setAttribute("role","dialog");e.setAttribute("aria-modal","true");f.setAttribute("part","header");h.setAttribute("name","header");l.setAttribute("part","body");q.setAttribute("part","footer");r.setAttribute("name","footer");f.appendChild(h);l.appendChild(m);q.appendChild(r);e.appendChild(f);e.appendChild(l);e.appendChild(q);b.appendChild(c);b.appendChild(d);b.appendChild(e);a.__xModalRefs={root:b,backdrop:d,dialog:e,header:f,body:l,
|
|
4
|
+
footer:q};return $APP.k(a,"__xModalRefs")},pca=function(a){function b(d){var e=window.getComputedStyle(d);return $APP.M("none",e.display)&&$APP.M("hidden",e.visibility)&&d.offsetWidth>0&&d.offsetHeight>0}var c=$APP.ke(b,$APP.xc($APP.k(a,"dialog").querySelectorAll("a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex\x3d'-1'])")));a=$APP.ie(function(d){return $APP.ke(b,$APP.ie(function(e){var f=$APP.xc(e.querySelectorAll("a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex\x3d'-1'])"));
|
|
5
|
+
return $APP.n(e.matches("a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex\x3d'-1'])"))?$APP.ud(e,f):f},$APP.xc([$APP.yc(d.assignedElements({flatten:!0}))])))},$APP.xc([$APP.xc($APP.k(a,"root").querySelectorAll("slot"))]));return $APP.Ee($APP.he.j(c,a))},Y3=function(a){var b=$APP.k(a,"__xModalRefs");b=$APP.n(b)?$APP.k(b,"dialog"):null;var c=$APP.k(a,"__xModalRestore"),d=$APP.k(a,"__xModalDialogTab")===!0;a.__xModalTabbables=
|
|
6
|
+
null;a.__xModalRestore=null;$APP.n($APP.n(b)?d:b)&&(b.removeAttribute("tabindex"),a.__xModalDialogTab=!1);$APP.n($APP.n(c)?c.isConnected:c)&&c.focus()},Z3=function(a,b){$APP.ah(a,"x-modal-dismiss",{reason:b});a.removeAttribute("open");return null},$3=function(a){$APP.n(a.hasAttribute("open"))||a.setAttribute("open","");return null},a4=function(a){a.removeAttribute("open");return null},qca=function(a,b){$APP.M($APP.k(a,"__xModalPrevOpen"),b)&&(a.__xModalPrevOpen=b,$APP.ah(a,"x-modal-toggle",{open:b}),
|
|
7
|
+
$APP.n(b)?setTimeout(function(){var c=$APP.k(a,"__xModalRefs"),d=$APP.n(c)?$APP.k(c,"dialog"):null;c=$APP.n(c)?pca(c):null;a.__xModalRestore=document.activeElement;var e=$APP.n(c)?$APP.Wi(c):null;a.__xModalTabbables=e;$APP.t(c)?$APP.u(c).focus():$APP.n(d)&&($APP.n(d.hasAttribute("tabindex"))||(d.setAttribute("tabindex","-1"),a.__xModalDialogTab=!0),d.focus());return null},0):Y3(a))},b4=function(a){var b=X3(a);b=$APP.k(b,"dialog");var c=new $APP.P(null,3,[$APP.Sj,a.hasAttribute("open"),$APP.wn,a.getAttribute("size"),
|
|
8
|
+
$APP.Bh,a.getAttribute("label")],null);var d=$APP.H(c),e=$APP.C(d,$APP.Sj);c=$APP.C(d,$APP.wn);d=$APP.C(d,$APP.Bh);e=$APP.E(e);c=typeof c==="string"&&$APP.Vc(rca,c)?c:"md";d=typeof d==="string"&&$APP.M(d,"")?d:"Modal";c=new $APP.P(null,3,[$APP.to,e,$APP.bj,c,$APP.X,d],null);d=$APP.to.i(c);a.setAttribute("data-open",$APP.n(d)?"true":"false");$APP.Zg(a,"data-size",$APP.bj.i(c));b.setAttribute("aria-label",$APP.X.i(c));qca(a,d)},sca=function(a){function b(f){var h=f.key;if($APP.B.j(h,"Escape"))f.preventDefault(),
|
|
9
|
+
Z3(a,"escape");else if($APP.B.j(h,"Tab")){h=$APP.k(a,"__xModalTabbables");h=$APP.n(h)?$APP.Ee($APP.xc(h)):$APP.me;var l=$APP.k(a,"__xModalRefs");l=$APP.n(l)?$APP.k(l,"dialog"):null;if($APP.Kc(h))f.preventDefault(),$APP.n(l)&&l.focus();else{l=document.activeElement;var m=$APP.u(h);h=$APP.Ac(h);var q=f.shiftKey;$APP.n($APP.n(q)?$APP.B.j(l,m):q)?(f.preventDefault(),h.focus()):$APP.p(q)&&$APP.B.j(l,h)&&(f.preventDefault(),m.focus())}}return null}function c(){return Z3(a,"backdrop")}var d=X3(a),e=$APP.k(d,
|
|
10
|
+
"dialog");$APP.k(d,"backdrop").addEventListener("click",c);e.addEventListener("keydown",b);$APP.fa(a,"__xModalHandlers",{backdrop:c,keydown:b})},c4=function(a){var b=$APP.k(a,"__xModalHandlers"),c=$APP.k(a,"__xModalRefs");if($APP.n($APP.n(b)?c:b)){var d=$APP.k(c,"backdrop");c=$APP.k(c,"dialog");var e=$APP.k(b,"backdrop");b=$APP.k(b,"keydown");$APP.n(e)&&d.removeEventListener("click",e);$APP.n(b)&&c.removeEventListener("keydown",b)}a.__xModalHandlers=null},tca=function(a){X3(a);c4(a);sca(a);b4(a);
|
|
11
|
+
return null},uca=function(a){c4(a);Y3(a);return null},vca=function(a,b,c,d){$APP.M(c,d)&&b4(a);return null},wca=function(a){Object.defineProperty(a,"open",{get:function(){return this.hasAttribute("open")},set:function(b){return $APP.n(b)?$3(this):a4(this)},enumerable:!0,configurable:!0});$APP.dh(a,"size","size","md");$APP.dh(a,"label","label","Modal");Object.defineProperty(a,"show",{value:function(){return $3(this)},enumerable:!0,configurable:!0,writable:!0});Object.defineProperty(a,"hide",{value:function(){return a4(this)},
|
|
12
|
+
enumerable:!0,configurable:!0,writable:!0});return Object.defineProperty(a,"toggle",{value:function(){$APP.n(this.hasAttribute("open"))?a4(this):$3(this);return null},enumerable:!0,configurable:!0,writable:!0})},d4=function(){return $APP.Wg("x-modal",new $APP.P(null,5,[$APP.Mg,xca,$APP.Ng,tca,$APP.Og,uca,$APP.Qg,vca,$APP.Ug,wca],null))};var rca=new $APP.Q(null,new $APP.P(null,5,["md",null,"lg",null,"full",null,"xl",null,"sm",null],null),null),xca=["open","size","label"];$APP.Ud(["x-modal-toggle",new $APP.P(null,2,[$APP.Un,!1,$APP.Z,new $APP.P(null,1,[$APP.Qn,$APP.U],null)],null),"x-modal-dismiss",new $APP.P(null,2,[$APP.Un,!1,$APP.Z,new $APP.P(null,1,[$APP.bk,$APP.V],null)],null)]);$APP.da("baredom.exports.x_modal.init",d4);export const init=d4;
|
package/dist/x-morph-stack.js
CHANGED
|
@@ -1,40 +1,39 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.n(b)?b:0);c=$APP.
|
|
4
|
-
1,$APP.n(b)?b:0));return $APP.
|
|
5
|
-
$APP.
|
|
6
|
-
b){return new $APP.
|
|
7
|
-
"true");c.setAttribute("data-x-morph-stack-ghost-layer","");d.style.position="absolute";d.style.width="0";d.style.height="0";d.style.overflow="hidden";d.setAttribute("aria-hidden","true");c.appendChild(d);document.body.appendChild(c);b=$APP.
|
|
2
|
+
var PA=function(a){return typeof a==="string"?(a=a.trim().toLowerCase(),$APP.Vc(OA,a)?a:"clean"):"clean"},QA=function(a){return $APP.B.j(a,"organic")||$APP.B.j(a,"liquid")},RA=function(a){var b=(a-1)/17*-7;return"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 "+$APP.R.i(a)+" "+$APP.R.i(b)},SA=function(a,b,c,d){if(typeof a==="string"){a=a.trim();if($APP.B.j(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:Math.min(d,Math.max(c,a))}return b},TA=function(a,b,c,d){if($APP.n($APP.n(a)?a>0:a)){b=$APP.Ci.j(1E-4,
|
|
3
|
+
$APP.n(b)?b:0);c=$APP.Ci.j(1E-4,$APP.n(c)?c:0);d=$APP.Ci.j(1E-4,$APP.n(d)?d:0);var e=Math.sqrt(b/d);a=1E3*(4/($APP.Ci.j(.2,$APP.Di.j(5,c/(2*Math.sqrt(b*d))))*e)+Math.PI/e)/a}else a=1;return a},UA=function(a,b,c,d,e,f){b+=(e*(1-a)-f*b)/d*c;return[a+b*c,b]},WA=function(a,b){b=$APP.H(b);var c=$APP.C(b,VA);b=$APP.C(b,$APP.vl);var d=$APP.Ee(a);a=$APP.z(d);if(a>0){var e=$APP.n(function(){return $APP.n(c)?$APP.Yd(function(f){return $APP.B.j(f,c)},d):c}())?c:null;if($APP.n(e))return e;a=$APP.Ci.j(0,$APP.Di.j(a-
|
|
4
|
+
1,$APP.n(b)?b:0));return $APP.sc(d,a)}return null},XA=function(a,b,c){return a+(b-a)*c},YA=function(a){if(typeof a==="string"){a=a.match(/rgba?\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)(?:\s*,\s*(\d*(?:\.\d+)?))?\s*\)/);if($APP.n(a)){var b=parseFloat(a[1]),c=parseFloat(a[2]),d=parseFloat(a[3]);var e=a[4];e=$APP.n(e)?$APP.M("",a[4]):e;a=[b,c,d,$APP.n(e)?parseFloat(a[4]):1]}else a=null;return a}return null},ZA=function(a,b,c){var d=YA(a),e=YA(b);return $APP.n($APP.n(d)?e:d)?"rgba("+
|
|
5
|
+
$APP.R.i(Math.round(XA(d[0],e[0],c)))+","+$APP.R.i(Math.round(XA(d[1],e[1],c)))+","+$APP.R.i(Math.round(XA(d[2],e[2],c)))+","+$APP.R.i(XA(d[3],e[3],c))+")":c<.5?a:b},$A=function(a){if(typeof a==="string")if(a=a.trim(),$APP.M(a,"")){a=a.split(/\s+/);for(var b=a.length,c=[],d=0;;){if(d>=b)return c.length>0?c:null;var e=a[d];if($APP.n(e.endsWith("px"))){e=parseFloat(e.slice(0,e.length-2));if($APP.n(isNaN(e)))return null;c.push(e);d+=1}else return null}}else return null;else return null},aB=function(a,
|
|
6
|
+
b){return new $APP.P(null,2,[$APP.mj,$APP.n(a)?a:"",$APP.Ln,$APP.n(b)?b:""],null)},cB=function(a){var b=$APP.k(a,"__xMorphStackRefs"),c=$APP.n(b)?bB.i(b):null;if($APP.n($APP.n(c)?c.isConnected:c))return b;c=document.createElement("div");var d=document.createElementNS("http://www.w3.org/2000/svg","svg");c.style.position="fixed";c.style.top="0";c.style.left="0";c.style.width="100%";c.style.height="100dvh";c.style.pointerEvents="none";c.style.overflow="visible";c.style.zIndex="2147483646";c.setAttribute("aria-hidden",
|
|
7
|
+
"true");c.setAttribute("data-x-morph-stack-ghost-layer","");d.style.position="absolute";d.style.width="0";d.style.height="0";d.style.overflow="hidden";d.setAttribute("aria-hidden","true");c.appendChild(d);document.body.appendChild(c);b=$APP.Ai.C(b,bB,c,$APP.xc([$APP.Cl,d]));return a.__xMorphStackRefs=b},dB=function(a){var b=$APP.k(a,"__xMorphStackRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot");
|
|
8
8
|
c.textContent=":host{display:block;position:relative;color-scheme:light dark;--x-morph-stack-spring-stiffness:170;--x-morph-stack-spring-damping:26;--x-morph-stack-spring-mass:1;--x-morph-stack-fade-ms:160ms;--x-morph-stack-goo-blur:10;--x-morph-stack-goo-threshold:18;--x-morph-stack-bg:transparent;}:host([data-variant\x3d'clean']){--x-morph-stack-spring-stiffness:280;--x-morph-stack-spring-damping:30;--x-morph-stack-spring-mass:0.7;}:host([data-variant\x3d'organic']){--x-morph-stack-spring-stiffness:180;--x-morph-stack-spring-damping:5;--x-morph-stack-spring-mass:1.0;--x-morph-stack-goo-blur:6;--x-morph-stack-goo-threshold:14;}:host([data-variant\x3d'liquid']){--x-morph-stack-spring-stiffness:50;--x-morph-stack-spring-damping:14;--x-morph-stack-spring-mass:2.0;--x-morph-stack-goo-blur:26;--x-morph-stack-goo-threshold:26;}[part\x3dviewport]{position:relative;display:block;background:var(--x-morph-stack-bg);}:host([disabled]){opacity:0.7;}";
|
|
9
|
-
d.setAttribute("part","viewport");e.setAttribute("name","state");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xMorphStackRefs=new $APP.
|
|
10
|
-
$APP.
|
|
11
|
-
$APP.
|
|
12
|
-
|
|
13
|
-
"":
|
|
14
|
-
text:e.textContent,node:e};d+=1}else break}return b},
|
|
15
|
-
$APP.
|
|
16
|
-
"140%");e.setAttribute("height","140%");
|
|
17
|
-
18);a.__xMorphStackGooBaseBlur=d;a.__xMorphStackGooBaseThreshold=e;
|
|
18
|
-
c.left)+"px";a.style.top=""+$APP.
|
|
19
|
-
$APP.
|
|
20
|
-
|
|
21
|
-
")";A.style.opacity=""+$APP.
|
|
22
|
-
""+$APP.
|
|
23
|
-
a=new $APP.
|
|
24
|
-
e,m,
|
|
25
|
-
d=null,e=0),
|
|
26
|
-
"__xMorphStackTo"))),
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
arguments[1],2<c.length?new $APP.
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
y=$x(x.t,x.v,g,l,m,h),A=y[0];y=y[1];x.t=A;x.v=y;x=x.update;x.g?x.g(A):x.call(null,A);A<p[0]&&(p[0]=A);Math.abs(A-1)<.001&&Math.abs(y)<.01||(b[0]=!1);v+=1}else break;ty(a,p[0]);$APP.n(b[0])?Jy.m?Jy.m(a,d,!0):Jy.call(null,a,d,!0):(e=window.requestAnimationFrame(function(C){return $APP.B.i(d,$APP.k(a,"__xMorphStackToken"))?Ly.i?Ly.i(a,C):Ly.call(null,a,C):null}),a.__xMorphStackRaf=e)}return null};$APP.ha("baredom.exports.x_morph_stack.init",Zy);export const init=Zy;
|
|
9
|
+
d.setAttribute("part","viewport");e.setAttribute("name","state");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xMorphStackRefs=new $APP.P(null,3,[$APP.Qh,b,$APP.zk,d,$APP.xk,e],null);return $APP.k(a,"__xMorphStackRefs")},fB=function(a){a=new $APP.P(null,8,[eB,a.getAttribute("active-state"),$APP.Mm,a.getAttribute("active-index"),$APP.Tn,a.getAttribute("stiffness"),$APP.Do,a.getAttribute("damping"),$APP.Sk,a.getAttribute("mass"),$APP.Tm,a.getAttribute("variant"),$APP.hk,a.getAttribute("duration"),
|
|
10
|
+
$APP.Eh,a.hasAttribute("disabled")],null);a=$APP.H(a);var b=$APP.C(a,eB),c=$APP.C(a,$APP.Mm),d=$APP.C(a,$APP.Tn),e=$APP.C(a,$APP.Do),f=$APP.C(a,$APP.Sk),h=$APP.C(a,$APP.Tm),l=$APP.C(a,$APP.hk);a=$APP.C(a,$APP.Eh);b=typeof b==="string"&&$APP.M("",b.trim())?b.trim():null;a:{if(typeof c==="string"&&(c=c.trim(),$APP.M(c,""))){c=parseInt(c,10);c=typeof c==="number"&&$APP.p(isNaN(c))&&c>=0?c:null;break a}c=null}d=SA(d,170,10,500);e=SA(e,26,1,100);f=SA(f,1,.1,10);h=PA(h);a:{if(typeof l==="string"&&(l=l.trim(),
|
|
11
|
+
$APP.M(l,""))){l=parseFloat(l);l=typeof l==="number"&&$APP.p(isNaN(l))&&l>0?l:null;break a}l=null}return new $APP.P(null,8,[VA,b,$APP.vl,c,$APP.sn,d,$APP.gm,e,$APP.co,f,$APP.hi,h,$APP.Em,l,$APP.Y,$APP.E(a)],null)},gB=function(a,b,c){a=window.getComputedStyle(a).getPropertyValue(b);return typeof a==="string"&&$APP.M("",a.trim())?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?c:a):c},hB=function(a){a=dB(a);a=$APP.H(a);a=$APP.C(a,$APP.xk).assignedElements();for(var b=[],c=a.length,d=0;;)if(d<c){var e=a[d],
|
|
12
|
+
f=$APP.B.j(1,e.nodeType);$APP.n(f?e.hasAttribute("data-state"):f)&&b.push(e);d+=1}else break;return b},iB=function(a){a=hB(a);for(var b=[],c=a.length,d=0;;)if(d<c)b.push(a[d].getAttribute("data-state")),d+=1;else break;return b},jB=function(a,b){a=hB(a);for(var c=a.length,d=0;;)if(d<c){var e=a[d];if($APP.B.j(b,e.getAttribute("data-state")))return e;d+=1}else return null},kB=function(a,b){for(var c=hB(a),d=c.length,e=0;;)if(e<d){var f=c[e],h=f.getAttribute("data-state");$APP.B.j(h,b)?f.style.display=
|
|
13
|
+
"":f.style.display="none";e+=1}else break;$APP.n(b)?a.setAttribute("data-active-state",b):a.removeAttribute("data-active-state");a.__xMorphStackCurrent=b},lB=function(a){var b={};if($APP.n(a)){a=a.querySelectorAll("["+$APP.R.i("data-morph-id")+"]");for(var c=a.length,d=0;;)if(d<c){var e=a[d],f=e.getAttribute("data-morph-id"),h=e.getBoundingClientRect(),l=window.getComputedStyle(e);b[f]={rect:{x:h.left,y:h.top,w:h.width,h:h.height},br:l.borderRadius,bg:l.backgroundColor,color:l.color,clip:l.clipPath,
|
|
14
|
+
text:e.textContent,node:e};d+=1}else break}return b},mB=function(a,b,c){var d=$APP.k(a,"__xMorphStackFilterBlur");a=$APP.k(a,"__xMorphStackFilterMatrix");$APP.n(d)&&d.setAttribute("stdDeviation",""+$APP.R.i(b));$APP.n(a)&&a.setAttribute("values",RA(c))},nB=function(a,b){var c=$APP.k(a,"__xMorphStackGooBaseBlur"),d=$APP.k(a,"__xMorphStackGooBaseThreshold");c!=null&&d!=null&&(b=b<=0?1:b<.18?1-b/.18:b<.7?0:b<1?(b-.7)/(1-.7):1,mB(a,c*(1-b),XA(d,1,b)))},pB=function(a){var b=cB(a);b=$APP.H(b);b=$APP.C(b,
|
|
15
|
+
$APP.Cl);var c=$APP.k(a,"__xMorphStackFilterId");if($APP.n(c))b=c;else{c=oB[0];oB[0]=c+1;c="x-morph-stack-goo-"+$APP.R.i(c);var d=document.createElementNS("http://www.w3.org/2000/svg","defs"),e=document.createElementNS("http://www.w3.org/2000/svg","filter"),f=document.createElementNS("http://www.w3.org/2000/svg","feGaussianBlur"),h=document.createElementNS("http://www.w3.org/2000/svg","feColorMatrix");e.setAttribute("id",c);e.setAttribute("x","-20%");e.setAttribute("y","-20%");e.setAttribute("width",
|
|
16
|
+
"140%");e.setAttribute("height","140%");f.setAttribute("in","SourceGraphic");f.setAttribute("stdDeviation",""+$APP.R.i(10));f.setAttribute("result","blur");h.setAttribute("in","blur");h.setAttribute("type","matrix");h.setAttribute("values",RA(18));e.appendChild(f);e.appendChild(h);d.appendChild(e);b.appendChild(d);a.__xMorphStackFilterId=c;a.__xMorphStackFilterBlur=f;a.__xMorphStackFilterMatrix=h;b=c}c=cB(a);c=$APP.H(c);c=$APP.C(c,bB);d=gB(a,"--x-morph-stack-goo-blur",10);e=gB(a,"--x-morph-stack-goo-threshold",
|
|
17
|
+
18);a.__xMorphStackGooBaseBlur=d;a.__xMorphStackGooBaseThreshold=e;mB(a,d,e);c.style.filter="url(#"+$APP.R.i(b)+")";c.style.webkitFilter="url(#"+$APP.R.i(b)+")"},qB=function(a){a=$APP.k(a,"__xMorphStackRefs");a=$APP.n(a)?bB.i(a):null;$APP.n(a)&&(a.style.filter="",a.style.webkitFilter="")},rB=function(a){a.style.position="absolute";a.style.margin="0";a.style.boxSizing="border-box";a.style.transformOrigin="top left";a.style.pointerEvents="none"},sB=function(a,b,c){var d=b.y-c.top;a.style.left=""+$APP.R.i(b.x-
|
|
18
|
+
c.left)+"px";a.style.top=""+$APP.R.i(d)+"px";a.style.width=""+$APP.R.i(b.w)+"px";a.style.height=""+$APP.R.i(b.h)+"px"},tB=function(a,b,c,d){function e(Ba){Ba=$APP.Ci.j(0,$APP.Di.j(1,Ba));var La=XA(ia,0,Ba),Ta=XA(J,1,Ba),Bb=XA(K,1,Ba);D.style.transform="translate("+$APP.R.i(XA(ba,0,Ba))+"px,"+$APP.R.i(La)+"px) scale("+$APP.R.i(Ta)+","+$APP.R.i(Bb)+")";La=D.style;Ta=$A(m);Bb=$A(q);if($APP.n($APP.n(Ta)?$APP.n(Bb)?$APP.B.j(Ta.length,Bb.length):Bb:Ta)){for(var Eb=[],Qb=Ta.length,rd=0;;)if(rd<Qb)Eb.push(""+
|
|
19
|
+
$APP.R.i(XA(Ta[rd],Bb[rd],Ba))+"px"),rd+=1;else break;Ta=Eb.join(" ")}else Ta=Ba<.5?m:q;La.borderRadius=Ta;$APP.n($APP.n(r)?v:r)&&(D.style.backgroundColor=ZA(r,v,Ba));$APP.n($APP.n(w)?y:w)&&(D.style.color=ZA(w,y,Ba));A&&(D.style.opacity=""+$APP.R.i($APP.Ci.j(0,$APP.Di.j(1,Ba))));return null}var f=$APP.k(d,"node"),h=$APP.k(d,"rect"),l=$APP.k(c,"rect"),m=$APP.k(c,"br"),q=$APP.k(d,"br"),r=$APP.k(c,"bg"),v=$APP.k(d,"bg"),w=$APP.k(c,"color"),y=$APP.k(d,"color"),A=$APP.M($APP.k(c,"text"),$APP.k(d,"text")),
|
|
20
|
+
D=f.cloneNode(!0);c=h.w;d=h.h;var G=l.w,I=l.h,J=c>0?G/c:1,K=d>0?I/d:1,ba=l.x-h.x,ia=l.y-h.y;rB(D);sB(D,h,b);a.appendChild(D);f.style.visibility="hidden";e(0);return{t:0,v:0,update:e,finalize:function(){f.style.visibility="";return $APP.n(D.parentNode)?D.parentNode.removeChild(D):null}}},uB=function(a,b,c,d){function e(D){D=$APP.Ci.j(0,$APP.Di.j(1,D));var G=XA(0,v,D),I=XA(1,w,D),J=XA(1,y,D);A.style.transform="translate("+$APP.R.i(XA(0,r,D))+"px,"+$APP.R.i(G)+"px) scale("+$APP.R.i(I)+","+$APP.R.i(J)+
|
|
21
|
+
")";A.style.opacity=""+$APP.R.i($APP.Ci.j(0,1-D));return null}var f=$APP.k(c,"rect");d=$APP.k(d,"rect");var h=f.w,l=f.h,m=d.w,q=d.h,r=d.x-f.x,v=d.y-f.y,w=h>0?m/h:1,y=l>0?q/l:1,A=$APP.k(c,"node").cloneNode(!0);rB(A);sB(A,f,b);a.appendChild(A);e(0);return{t:0,v:0,update:e,finalize:function(){return $APP.n(A.parentNode)?A.parentNode.removeChild(A):null}}},vB=function(a,b,c){var d=$APP.k(c,"rect"),e=$APP.k(c,"node").cloneNode(!0);rB(e);sB(e,d,b);a.appendChild(e);return{t:0,v:0,update:function(f){e.style.opacity=
|
|
22
|
+
""+$APP.R.i($APP.Ci.j(0,1-f));return null},finalize:function(){return $APP.n(e.parentNode)?e.parentNode.removeChild(e):null}}},wB=function(a){var b=$APP.k(a,"node");b.style.opacity="0";return{t:0,v:0,update:function(c){b.style.opacity=""+$APP.R.i($APP.Ci.j(0,$APP.Di.j(1,c)));return null},finalize:function(){return b.style.opacity=""}}},BB=function(a,b,c){a=cB(a);a=$APP.H(a);var d=$APP.C(a,bB),e=d.getBoundingClientRect(),f=Object.keys(b);a=Object.keys(c);f=$APP.Ee(f);a=$APP.Ee(a);f=$APP.fg(f);a=$APP.fg(a);
|
|
23
|
+
a=new $APP.P(null,3,[xB,$APP.So.j(f,a),yB,zB.j(f,a),AB,zB.j(a,f)],null);var h=xB.i(a),l=yB.i(a);f=AB.i(a);a=[];h=$APP.t(h);for(var m=null,q=0,r=0;;)if(r<q){var v=m.G(null,r),w=$APP.k(b,v);v=$APP.k(c,v);var y=$APP.k(w,"text"),A=$APP.k(v,"text");a.push(tB(d,e,w,v));$APP.M(y,A)&&a.push(uB(d,e,w,v));r+=1}else if(h=$APP.t(h))$APP.Rc(h)?(q=$APP.yb(h),h=$APP.zb(h),m=q,q=$APP.z(q)):(q=$APP.u(h),m=$APP.k(b,q),q=$APP.k(c,q),r=$APP.k(m,"text"),w=$APP.k(q,"text"),a.push(tB(d,e,m,q)),$APP.M(r,w)&&a.push(uB(d,
|
|
24
|
+
e,m,q)),h=$APP.x(h),m=null,q=0),r=0;else break;l=$APP.t(l);h=null;for(q=m=0;;)if(q<m)r=h.G(null,q),a.push(vB(d,e,$APP.k(b,r))),q+=1;else if(l=$APP.t(l))h=l,$APP.Rc(h)?(l=$APP.yb(h),q=$APP.zb(h),h=l,m=$APP.z(l),l=q):(l=$APP.u(h),a.push(vB(d,e,$APP.k(b,l))),l=$APP.x(h),h=null,m=0),q=0;else break;b=$APP.t(f);d=null;for(f=e=0;;)if(f<e)l=d.G(null,f),a.push(wB($APP.k(c,l))),f+=1;else if(b=$APP.t(b))d=b,$APP.Rc(d)?(b=$APP.yb(d),f=$APP.zb(d),d=b,e=$APP.z(b),b=f):(b=$APP.u(d),a.push(wB($APP.k(c,b))),b=$APP.x(d),
|
|
25
|
+
d=null,e=0),f=0;else break;return a},CB=function(a){if($APP.n(a))for(var b=a.length,c=0;;)if(c<b){var d=a[c].finalize;$APP.n(d)&&(d.I?d.I():d.call(null));c+=1}else break},DB=function(a,b,c){if($APP.B.j(b,$APP.k(a,"__xMorphStackToken"))){b=$APP.k(a,"__xMorphStackEntries");var d=$APP.k(a,"__xMorphStackRaf");$APP.n(d)&&(window.cancelAnimationFrame(d),a.__xMorphStackRaf=null);CB(b);a.__xMorphStackEntries=null;a.__xMorphStackLast=null;qB(a);$APP.n(c)&&(c=$APP.Wi(aB($APP.k(a,"__xMorphStackFrom"),$APP.k(a,
|
|
26
|
+
"__xMorphStackTo"))),$APP.ah(a,"x-morph-stack-changed",c),a.__xMorphStackFrom=null,a.__xMorphStackTo=null)}return null},EB=function(a){var b=$APP.k(a,"__xMorphStackRaf");$APP.n(b)&&(window.cancelAnimationFrame(b),a.__xMorphStackRaf=null);CB($APP.k(a,"__xMorphStackEntries"));a.__xMorphStackEntries=null;a.__xMorphStackLast=null;qB(a)},GB=function(a,b,c){var d=$APP.k(a,"__xMorphStackCurrent"),e=function(){var m=$APP.k(a,"__xMorphStackModel");return $APP.n(m)?m:fB(a)}(),f=iB(a);if(f.length===0||b==null||
|
|
27
|
+
$APP.p($APP.Yd(function(m){return $APP.B.j(m,b)},f)))return!1;if($APP.B.j(d,b))return!0;var h=$APP.n(d)?jB(a,d):null;f=jB(a,b);c=$APP.Wi(new $APP.P(null,3,[$APP.mj,$APP.n(d)?d:"",$APP.Ln,$APP.n(b)?b:"",$APP.bk,$APP.n(c)?c:"method"],null));if($APP.bh(a,"x-morph-stack-change",c)){EB(a);c=function(){var m=$APP.E(window.matchMedia("(prefers-reduced-motion:reduce)").matches);return m?m:$APP.Y.i(e)}();if($APP.n(c))kB(a,b),queueMicrotask(function(){return $APP.ah(a,"x-morph-stack-changed",$APP.Wi(aB(d,b)))});
|
|
28
|
+
else{h=lB(h);kB(a,b);$APP.zk.i(dB(a));f=lB(f);f=BB(a,h,f);var l=function(){var m=$APP.k(a,"__xMorphStackToken");return $APP.n(m)?m:0}()+1;a.__xMorphStackToken=l;a.__xMorphStackEntries=f;a.__xMorphStackLast=null;a.__xMorphStackFrom=d;a.__xMorphStackTo=b;$APP.fa(a,"__xMorphStackTimeScale",TA($APP.Em.i(e),$APP.sn.i(e),$APP.gm.i(e),$APP.co.i(e)));QA($APP.hi.i(e))&&(pB(a),nB(a,0));f.length===0?DB(a,l,!0):(f=window.requestAnimationFrame(function(m){return $APP.B.j(l,$APP.k(a,"__xMorphStackToken"))?FB(a,
|
|
29
|
+
m):null}),a.__xMorphStackRaf=f)}return!0}return!1},HB=function(a){dB(a);var b=fB(a);a.__xMorphStackModel=b;$APP.Zg(a,"data-variant",$APP.hi.i(b));var c=iB(a);c=WA($APP.Ee($APP.xc(c)),b);b=$APP.k(a,"__xMorphStackCurrent");b==null?$APP.n(c)&&kB(a,c):$APP.n($APP.n(c)?$APP.M(c,b):c)?GB(a,c,"attribute"):(c=c==null,$APP.n(c?b:c)&&(EB(a),kB(a,null)))},IB=function(a){var b=iB(a);var c=$APP.k(a,"__xMorphStackModel");c=$APP.n(c)?c:fB(a);b=WA($APP.Ee($APP.xc(b)),c);c=$APP.k(a,"__xMorphStackCurrent");b==null?
|
|
30
|
+
(EB(a),kB(a,null)):$APP.n($APP.n(c)?jB(a,c)==null:c)?(EB(a),kB(a,b)):c==null?kB(a,b):kB(a,c);return null},JB=function(a){function b(){return IB(a)}var c=dB(a);c=$APP.H(c);$APP.C(c,$APP.xk).addEventListener("slotchange",b);$APP.fa(a,"__xMorphStackHandlers",{slot:b})},KB=function(a){var b=$APP.k(a,"__xMorphStackHandlers"),c=$APP.k(a,"__xMorphStackRefs");$APP.n($APP.n(b)?c:b)&&(c=$APP.xk.i(c),b=$APP.k(b,"slot"),$APP.n(b)&&c.removeEventListener("slotchange",b));a.__xMorphStackHandlers=null},LB=function(a,
|
|
31
|
+
b,c){Object.defineProperty(a,b,{get:function(){var d=this.getAttribute(c);return d==null?null:parseFloat(d)},set:function(d){return d==null?this.removeAttribute(c):this.setAttribute(c,""+$APP.R.i(d))},enumerable:!0,configurable:!0})},MB=function(a){$APP.eh(a,"activeState","active-state");Object.defineProperty(a,"activeIndex",{get:function(){var b=this.getAttribute("active-index");return b==null?null:parseInt(b,10)},set:function(b){return b==null?this.removeAttribute("active-index"):this.setAttribute("active-index",
|
|
32
|
+
""+$APP.R.i(b|0))},enumerable:!0,configurable:!0});LB(a,"stiffness","stiffness");LB(a,"damping","damping");LB(a,"mass","mass");LB(a,"duration","duration");Object.defineProperty(a,"variant",{get:function(){return PA(this.getAttribute("variant"))},set:function(b){return b==null?this.removeAttribute("variant"):this.setAttribute("variant",""+$APP.R.i(b))},enumerable:!0,configurable:!0});$APP.ch(a,"disabled","disabled");a.goTo=function(b){b=b!=null?""+$APP.R.i(b):null;return GB(this,b,"method")};a.next=
|
|
33
|
+
function(){var b=iB(this);var c=b.length,d=$APP.k(this,"__xMorphStackCurrent");if(c>0){b:{for(var e=0;;){if(e>=c){d=-1;break b}if($APP.B.j(b[e],d)){d=e;break b}e+=1}d=void 0}b=GB(this,b[$APP.jd(d+1,c)],"method")}else b=null;return b};a.prev=function(){var b=iB(this);var c=b.length,d=$APP.k(this,"__xMorphStackCurrent");if(c>0){b:{for(var e=0;;){if(e>=c){d=0;break b}if($APP.B.j(b[e],d)){d=e;break b}e+=1}d=void 0}b=GB(this,b[$APP.jd(d-1+c,c)],"method")}else b=null;return b};return a.states=function(){return iB(this)}},
|
|
34
|
+
NB=function(a){dB(a);KB(a);JB(a);HB(a);$APP.k(a,"__xMorphStackCurrent")==null&&IB(a);return null},PB=function(a){EB(a);var b=$APP.k(a,"__xMorphStackRefs"),c=$APP.n(b)?bB.i(b):null;$APP.n($APP.n(c)?c.parentNode:c)&&c.parentNode.removeChild(c);$APP.n(b)&&(b=OB.j(OB.j(b,bB),$APP.Cl),a.__xMorphStackRefs=b);a.__xMorphStackFilterId=null;a.__xMorphStackFilterBlur=null;a.__xMorphStackFilterMatrix=null;a.__xMorphStackGooBaseBlur=null;a.__xMorphStackGooBaseThreshold=null;KB(a);return null},QB=function(a,b,
|
|
35
|
+
c,d){$APP.M(c,d)&&HB(a);return null},SB=function(){return $APP.Wg("x-morph-stack",new $APP.P(null,5,[$APP.Mg,RB,$APP.Ng,NB,$APP.Og,PB,$APP.Qg,QB,$APP.Ug,MB],null))},OB=function OB(a){switch(arguments.length){case 1:return OB.i(arguments[0]);case 2:return OB.j(arguments[0],arguments[1]);default:for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return OB.C(arguments[0],arguments[1],2<c.length?new $APP.Wb(c.slice(2),0,null):null)}};OB.i=function(a){return a};
|
|
36
|
+
OB.j=function(a,b){return a==null?null:$APP.Qa(a,b)};OB.C=function(a,b,c){for(;;){if(a==null)return null;a=OB.j(a,b);if($APP.n(c))b=$APP.u(c),c=$APP.x(c);else return a}};OB.J=function(a){var b=$APP.u(a),c=$APP.x(a);a=$APP.u(c);c=$APP.x(c);return this.C(b,a,c)};OB.K=2;
|
|
37
|
+
var zB=function zB(a){switch(arguments.length){case 1:return zB.i(arguments[0]);case 2:return zB.j(arguments[0],arguments[1]);default:for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return zB.C(arguments[0],arguments[1],2<c.length?new $APP.Wb(c.slice(2),0,null):null)}};zB.i=function(a){return a};zB.j=function(a,b){return $APP.z(a)<$APP.z(b)?$APP.va(function(c,d){return $APP.Vc(b,d)?$APP.Bi.j(c,d):c},a,a):$APP.va($APP.Bi,a,b)};
|
|
38
|
+
zB.C=function(a,b,c){return $APP.va(zB,a,$APP.pd.j(c,b))};zB.J=function(a){var b=$APP.u(a),c=$APP.x(a);a=$APP.u(c);c=$APP.x(c);return this.C(b,a,c)};zB.K=2;var AB=new $APP.F(null,"entering","entering",-413471949),yB=new $APP.F(null,"leaving","leaving",608616060),xB=new $APP.F(null,"matched","matched",-975207164),eB=new $APP.F(null,"active-state-raw","active-state-raw",-60607051),VA=new $APP.F(null,"active-state","active-state",-1185168001),bB=new $APP.F(null,"ghost-layer","ghost-layer",1707493707);var RB="active-state active-index stiffness damping mass variant duration disabled".split(" "),OA=$APP.cg(["liquid","clean","organic"]);$APP.Ud(["x-morph-stack-change",new $APP.P(null,2,[$APP.Z,new $APP.P(null,3,[$APP.mj,$APP.V,$APP.Ln,$APP.V,$APP.bk,$APP.V],null),$APP.Un,!0],null),"x-morph-stack-changed",new $APP.P(null,2,[$APP.Z,new $APP.P(null,2,[$APP.mj,$APP.V,$APP.Ln,$APP.V],null),$APP.Un,!1],null)]);var oB=[0],FB=function FB(a,b){var d=$APP.k(a,"__xMorphStackToken"),e=$APP.k(a,"__xMorphStackEntries"),f=$APP.k(a,"__xMorphStackLast"),h=function(){var D=$APP.k(a,"__xMorphStackModel");return $APP.n(D)?D:fB(a)}(),l=$APP.co.i(h),m=$APP.sn.i(h);h=$APP.gm.i(h);f=$APP.Ci.j(0,$APP.Di.j(1/30,function(){var D=$APP.k(a,"__xMorphStackTimeScale");return $APP.n(D)?D:1}()*($APP.n(f)?(b-f)/1E3:1/60)));a.__xMorphStackLast=b;if($APP.n($APP.n(e)?e.length:e)){b=[!0];for(var q=[1],r=e.length,v=0;;)if(v<r){var w=e[v],
|
|
39
|
+
y=UA(w.t,w.v,f,l,m,h),A=y[0];y=y[1];w.t=A;w.v=y;w=w.update;w.i?w.i(A):w.call(null,A);A<q[0]&&(q[0]=A);Math.abs(A-1)<.001&&Math.abs(y)<.01||(b[0]=!1);v+=1}else break;nB(a,q[0]);$APP.n(b[0])?DB.m?DB.m(a,d,!0):DB.call(null,a,d,!0):(e=window.requestAnimationFrame(function(D){return $APP.B.j(d,$APP.k(a,"__xMorphStackToken"))?FB.j?FB.j(a,D):FB.call(null,a,D):null}),a.__xMorphStackRaf=e)}return null};$APP.da("baredom.exports.x_morph_stack.init",SB);export const init=SB;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
// x-multi-combobox.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XMultiComboboxEventMap {
|
|
6
|
+
"x-multi-combobox-change-request": CustomEvent<{ value: any; action: string; item: string }>;
|
|
7
|
+
"x-multi-combobox-change": CustomEvent<{ value: any }>;
|
|
8
|
+
"x-multi-combobox-input": CustomEvent<{ query: string }>;
|
|
9
|
+
"x-multi-combobox-toggle": CustomEvent<{ open: boolean; source: string }>;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export interface XMultiCombobox extends HTMLElement {
|
|
13
|
+
value: string;
|
|
14
|
+
placeholder: string;
|
|
15
|
+
name: string;
|
|
16
|
+
disabled: boolean;
|
|
17
|
+
required: boolean;
|
|
18
|
+
open: boolean;
|
|
19
|
+
placement: string;
|
|
20
|
+
max: number;
|
|
21
|
+
show(): void;
|
|
22
|
+
hide(): void;
|
|
23
|
+
|
|
24
|
+
addEventListener<K extends keyof XMultiComboboxEventMap>(
|
|
25
|
+
type: K,
|
|
26
|
+
listener: (this: XMultiCombobox, ev: XMultiComboboxEventMap[K]) => any,
|
|
27
|
+
options?: boolean | AddEventListenerOptions
|
|
28
|
+
): void;
|
|
29
|
+
addEventListener(
|
|
30
|
+
type: string,
|
|
31
|
+
listener: EventListenerOrEventListenerObject,
|
|
32
|
+
options?: boolean | AddEventListenerOptions
|
|
33
|
+
): void;
|
|
34
|
+
removeEventListener<K extends keyof XMultiComboboxEventMap>(
|
|
35
|
+
type: K,
|
|
36
|
+
listener: (this: XMultiCombobox, ev: XMultiComboboxEventMap[K]) => any,
|
|
37
|
+
options?: boolean | EventListenerOptions
|
|
38
|
+
): void;
|
|
39
|
+
removeEventListener(
|
|
40
|
+
type: string,
|
|
41
|
+
listener: EventListenerOrEventListenerObject,
|
|
42
|
+
options?: boolean | EventListenerOptions
|
|
43
|
+
): void;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
declare global {
|
|
47
|
+
interface HTMLElementTagNameMap {
|
|
48
|
+
"x-multi-combobox": XMultiCombobox;
|
|
49
|
+
}
|
|
50
|
+
}
|