@vanelsas/baredom 3.5.0 → 3.7.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 +43 -0
- package/README.md +3 -3
- package/custom-elements.json +316 -0
- package/dist/baredom.d.ts +3 -0
- package/dist/base.js +606 -587
- package/dist/integrity.json +111 -108
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +14 -14
- package/dist/x-badge.js +8 -8
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +13 -13
- package/dist/x-button.js +1 -1
- package/dist/x-calendar.js +39 -39
- package/dist/x-cancel-dialogue.js +13 -13
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +34 -34
- package/dist/x-chart.js +45 -45
- package/dist/x-checkbox.js +1 -1
- package/dist/x-chip.js +1 -1
- package/dist/x-code.js +27 -27
- package/dist/x-collapse.js +9 -9
- package/dist/x-color-picker.js +44 -44
- package/dist/x-combobox.js +33 -33
- package/dist/x-command-palette.js +28 -28
- package/dist/x-confetti.js +23 -23
- package/dist/x-container.js +5 -5
- package/dist/x-context-menu.js +20 -20
- package/dist/x-copy.js +1 -1
- package/dist/x-currency-field.js +23 -23
- package/dist/x-date-picker.js +43 -43
- package/dist/x-divider.js +9 -10
- package/dist/x-drag-panel.d.ts +45 -0
- package/dist/x-drag-panel.js +36 -0
- package/dist/x-drawer.js +11 -11
- package/dist/x-drop-zone.d.ts +49 -0
- package/dist/x-drop-zone.js +11 -0
- package/dist/x-dropdown.js +12 -12
- package/dist/x-fieldset.js +5 -5
- package/dist/x-file-download.js +6 -6
- package/dist/x-file-upload.js +25 -25
- package/dist/x-floating-panel.d.ts +50 -0
- package/dist/x-floating-panel.js +24 -0
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.js +10 -10
- package/dist/x-gaussian-blur.js +13 -13
- package/dist/x-grid.js +6 -6
- package/dist/x-i18n-provider.js +7 -7
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +7 -7
- package/dist/x-image.js +17 -17
- package/dist/x-kbd.js +11 -11
- package/dist/x-kinetic-canvas.js +24 -24
- package/dist/x-kinetic-font.js +25 -25
- package/dist/x-kinetic-typography.js +34 -34
- package/dist/x-liquid-dock.js +31 -31
- package/dist/x-liquid-fill.js +41 -41
- package/dist/x-liquid-glass.js +35 -35
- package/dist/x-menu-item.js +8 -8
- package/dist/x-menu.js +9 -9
- package/dist/x-metaball-cursor.js +23 -23
- package/dist/x-modal.js +12 -12
- package/dist/x-morph-stack.js +37 -37
- package/dist/x-multi-combobox.js +39 -39
- package/dist/x-navbar.js +14 -14
- package/dist/x-neural-glow.js +29 -29
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +17 -17
- package/dist/x-organic-progress.js +34 -34
- package/dist/x-organic-shape.js +14 -14
- package/dist/x-otp-input.js +21 -21
- package/dist/x-pagination.js +14 -14
- package/dist/x-particle-button.js +45 -45
- package/dist/x-popover.js +27 -27
- package/dist/x-progress-circle.js +8 -8
- package/dist/x-progress.js +7 -7
- package/dist/x-proximity-list.js +20 -20
- package/dist/x-radio.js +12 -12
- package/dist/x-range-slider.js +28 -28
- package/dist/x-rating.js +24 -24
- package/dist/x-ripple-effect.js +9 -9
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +16 -16
- package/dist/x-scroll-story.js +31 -31
- package/dist/x-scroll-timeline.js +46 -46
- package/dist/x-scroll.js +36 -36
- package/dist/x-search-field.js +1 -1
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.js +15 -15
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +16 -16
- package/dist/x-soft-body.js +17 -17
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +12 -12
- package/dist/x-split-pane.js +14 -14
- package/dist/x-spotlight-card.js +11 -11
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +13 -13
- package/dist/x-switch.js +11 -11
- package/dist/x-tab.js +6 -6
- package/dist/x-table-cell.js +19 -19
- package/dist/x-table-row.js +8 -8
- package/dist/x-table.js +13 -13
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +19 -19
- package/dist/x-theme.js +25 -25
- package/dist/x-timeline-item.js +20 -20
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.js +22 -22
- package/dist/x-toaster.js +7 -7
- package/dist/x-tooltip.js +12 -12
- package/dist/x-trace-history.js +125 -124
- package/dist/x-typography.js +6 -6
- package/dist/x-welcome-tour.js +63 -63
- package/package.json +16 -1
package/dist/x-menu-item.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var J1=function(a){a=new $APP.M(null,4,[$APP.
|
|
3
|
-
return $APP.
|
|
4
|
-
$APP.
|
|
5
|
-
h=K1(a)):h=null;return h}function d(h){var k=J1(a);var m=$APP.
|
|
6
|
-
L1(a);if(!$APP.
|
|
7
|
-
$APP.
|
|
8
|
-
$APP.l(b,"keydown"),e=$APP.l(b,"icon-slotchange");c=$APP.n(c)?$APP.l(c,"icon-slot"):null;a.removeEventListener("click",$APP.l(b,"click"));a.removeEventListener("keydown",d);a=$APP.n(c)?c.removeEventListener("slotchange",e):null}else a=null;return a},
|
|
9
|
-
$APP.
|
|
2
|
+
var J1=function(a){a=new $APP.M(null,4,[$APP.Ti,a.getAttribute("value"),$APP.tn,a.hasAttribute("disabled"),$APP.zn,a.getAttribute("variant"),$APP.N,a.getAttribute("type")],null);var b=$APP.G(a);a=$APP.C(b,$APP.Ti);var c=$APP.C(b,$APP.tn),d=$APP.C(b,$APP.zn);b=$APP.C(b,$APP.N);a=$APP.n(a)?a:"";c=$APP.D(c);d=$APP.n(d)?d:"";d=$APP.cd(Xqa,d)?d:"";b=$APP.n(b)?b:"";b=$APP.cd(Yqa,b)?b:"";return new $APP.M(null,4,[$APP.Ti,a,$APP.tn,c,$APP.zn,d,$APP.N,b],null)},K1=function(a){var b=a.getAttribute("value");
|
|
3
|
+
return $APP.ej(a,"x-menu-item-select",{value:$APP.n(b)?b:""})},L1=function(a){var b=J1(a);if($APP.I(b,$APP.l(a,"__xMenuItemModel"))){var c=$APP.l(a,"__xMenuItemRefs");c=$APP.n(c)?$APP.l(c,"base"):null;if($APP.n(c))if($APP.z.j($APP.N.i(b),"divider"))$APP.S(a,"role","separator"),$APP.U(a,"tabindex"),$APP.U(a,"aria-disabled"),$APP.S(c,"data-type","divider"),$APP.S(c,"data-variant",""),$APP.S(c,"data-disabled","false");else{var d=$APP.G(b),e=$APP.C(d,$APP.zn);d=$APP.C(d,$APP.tn);$APP.S(a,"role","menuitem");
|
|
4
|
+
$APP.S(a,"tabindex","-1");$APP.S(c,"data-type","");$APP.S(c,"data-variant",e);$APP.S(c,"data-disabled",$APP.n(d)?"true":"false");$APP.n(d)?$APP.S(a,"aria-disabled","true"):$APP.U(a,"aria-disabled")}a=$APP.Q(a,"__xMenuItemModel",b)}else a=null;return a},M1=function(a){function b(){return e.assignedNodes().length>0?$APP.S(a,"has-icon",""):$APP.U(a,"has-icon")}function c(h){var k=h.key,m=J1(a);($APP.z.j(k,"Enter")||$APP.z.j(k," "))&&$APP.p($APP.tn.i(m))&&$APP.I($APP.N.i(m),"divider")?(h.preventDefault(),
|
|
5
|
+
h=K1(a)):h=null;return h}function d(h){var k=J1(a);var m=$APP.tn.i(k);m=$APP.n(m)?m:$APP.z.j($APP.N.i(k),"divider");$APP.n(m)&&h.preventDefault();return $APP.p($APP.tn.i(k))&&$APP.I($APP.N.i(k),"divider")?K1(a):null}var e=$APP.l($APP.l(a,"__xMenuItemRefs"),"icon-slot"),f={};a.addEventListener("click",d);a.addEventListener("keydown",c);e.addEventListener("slotchange",b);f.click=d;f.keydown=c;f["icon-slotchange"]=b;$APP.Q(a,"__xMenuItemHandlers",f)},Zqa=function(a){if($APP.Ui(a,"__xMenuItemInit"))return M1(a),
|
|
6
|
+
L1(a);if(!$APP.Ui(a,"__xMenuItemInit")){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("span"),f=document.createElement("slot"),h=document.createElement("span"),k=document.createElement("slot"),m=document.createElement("hr"),r={};c.textContent=":host{display:block;outline:none;color-scheme:light dark;--x-menu-item-color:var(--x-color-text,#111827);--x-menu-item-hover-bg:var(--x-color-surface-hover,#f3f4f6);--x-menu-item-focus-bg:var(--x-color-surface-hover,#eff6ff);--x-menu-item-focus-color:var(--x-color-primary-hover,#1d4ed8);--x-menu-item-disabled-opacity:0.45;--x-menu-item-danger-color:var(--x-color-danger,#dc2626);--x-menu-item-danger-hover-bg:#fef2f2;--x-menu-item-padding:8px 12px;--x-menu-item-border-radius:var(--x-radius-sm,4px);--x-menu-item-font-size:0.9375rem;--x-menu-item-icon-gap:8px;--x-menu-item-divider-color:var(--x-color-border,#e5e7eb);}:host([disabled]){pointer-events:none;}@media (prefers-color-scheme:dark){:host{--x-menu-item-color:var(--x-color-text,#f9fafb);--x-menu-item-hover-bg:var(--x-color-surface-hover,#1f2937);--x-menu-item-focus-bg:var(--x-color-surface-hover,#1e3a5f);--x-menu-item-focus-color:var(--x-color-focus-ring,#60a5fa);--x-menu-item-danger-color:var(--x-color-danger,#f87171);--x-menu-item-danger-hover-bg:#2d1515;--x-menu-item-divider-color:var(--x-color-border,#374151);}}.base{display:flex;align-items:center;gap:var(--x-menu-item-icon-gap);padding:var(--x-menu-item-padding);border-radius:var(--x-menu-item-border-radius);font-size:var(--x-menu-item-font-size);color:var(--x-menu-item-color);cursor:pointer;user-select:none;transition:background 100ms ease,color 100ms ease;}.base:hover{background:var(--x-menu-item-hover-bg);}:host(:focus) .base{background:var(--x-menu-item-focus-bg);color:var(--x-menu-item-focus-color);}.base[data-variant\x3d'danger']{color:var(--x-menu-item-danger-color);}.base[data-variant\x3d'danger']:hover{background:var(--x-menu-item-danger-hover-bg);}:host(:focus) .base[data-variant\x3d'danger']{background:var(--x-menu-item-danger-hover-bg);}.base[data-disabled\x3d'true']{opacity:var(--x-menu-item-disabled-opacity);cursor:default;pointer-events:none;}.base[data-type\x3d'divider']{padding:0;cursor:default;pointer-events:none;}.icon-span{display:none;flex-shrink:0;align-items:center;}:host([has-icon]) .icon-span{display:flex;}.divider-hr{display:none;}.base[data-type\x3d'divider'] .icon-span,.base[data-type\x3d'divider'] .label-span{display:none;}.base[data-type\x3d'divider'] .divider-hr{display:block;width:100%;border:none;border-top:1px solid var(--x-menu-item-divider-color);margin:4px 0;}@media (prefers-reduced-motion:reduce){.base{transition:none;}}";
|
|
7
|
+
$APP.S(d,"part","base");d.className="base";$APP.S(e,"part","icon");e.className="icon-span";$APP.S(f,"name","icon");e.appendChild(f);h.className="label-span";h.appendChild(k);m.className="divider-hr";d.appendChild(e);d.appendChild(h);d.appendChild(m);b.appendChild(c);b.appendChild(d);r.base=d;r["icon-span"]=e;r["icon-slot"]=f;$APP.Q(a,"__xMenuItemRefs",r);M1(a);$APP.Vi(a,"__xMenuItemInit")}L1(a);return a},$qa=function(a){var b=$APP.l(a,"__xMenuItemHandlers"),c=$APP.l(a,"__xMenuItemRefs");if($APP.n(b)){var d=
|
|
8
|
+
$APP.l(b,"keydown"),e=$APP.l(b,"icon-slotchange");c=$APP.n(c)?$APP.l(c,"icon-slot"):null;a.removeEventListener("click",$APP.l(b,"click"));a.removeEventListener("keydown",d);a=$APP.n(c)?c.removeEventListener("slotchange",e):null}else a=null;return a},ara=function(a,b,c,d){return $APP.I(c,d)&&$APP.Ui(a,"__xMenuItemInit")?L1(a):null},cra=function(a){return $APP.tj(a,bra)},N1=function(){return $APP.ri("x-menu-item",new $APP.M(null,5,[$APP.ii,dra,$APP.gi,Zqa,$APP.di,$qa,$APP.ci,ara,$APP.hi,cra],null))};var dra=["value","disabled","variant","type"],Xqa=new $APP.bh(null,new $APP.M(null,2,["",null,"danger",null],null),null),Yqa=new $APP.bh(null,new $APP.M(null,2,["",null,"divider",null],null),null),bra=new $APP.M(null,4,[$APP.Ti,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"value"],null),$APP.tn,new $APP.M(null,2,[$APP.N,$APP.rj,$APP.W,"disabled"],null),$APP.zn,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"variant"],null),$APP.N,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"type"],null)],null);
|
|
9
|
+
$APP.ie(["x-menu-item-select",new $APP.M(null,1,[$APP.V,new $APP.M(null,1,[$APP.Ti,$APP.X],null)],null)]);$APP.ha("baredom.exports.x_menu_item.init",N1);export const init=N1;
|
package/dist/x-menu.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
($APP.U(a,"open"),$APP.
|
|
4
|
-
!0)):null;if($APP.z.j(c,"Tab"))return $APP.n(d)?
|
|
5
|
-
0))return b.preventDefault(),e[e.length-1].focus();return null},
|
|
6
|
-
|
|
7
|
-
$APP.l(a,"__xMenuRefs");k=$APP.n(k)?$APP.l(k,"trigger-slot"):null;return $APP.n($APP.n(k)?
|
|
2
|
+
var AX=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.I(e.getAttribute("type"),"divider")&&b.push(e);d+=1}else break;return b},BX=function(a){$APP.n(a.hasAttribute("open"))||($APP.S(a,"open",""),$APP.ej(a,"x-menu-open",{}));if($APP.n(null)){a=AX(a);var b=a.length;return b>0?$APP.z.j(null,fna)?a[0].focus():$APP.z.j(null,gna)?a[b-1].focus():null:null}return null},CX=function(a,b){$APP.n(a.hasAttribute("open"))&&
|
|
3
|
+
($APP.U(a,"open"),$APP.ej(a,"x-menu-close",{}));return $APP.n(b)?(a=$APP.l(a,"__xMenuRefs"),a=$APP.n(a)?$APP.l(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},hna=function(a,b){var c=b.composedPath();a=$APP.Ec(a.assignedElements());return $APP.D($APP.oe(function(d){return c.indexOf(d)>-1},a))},ina=function(a,b){var c=b.key,d=a.hasAttribute("open");if($APP.z.j(c,"Escape"))return $APP.n(d)?(b.preventDefault(),CX(a,
|
|
4
|
+
!0)):null;if($APP.z.j(c,"Tab"))return $APP.n(d)?CX(a,!1):null;if($APP.z.j(c,"ArrowDown")||$APP.z.j(c,"ArrowUp")){var e=AX(a),f=e.length;if(f>0){b.preventDefault();if($APP.n(d))return a=e.indexOf(document.activeElement),c=$APP.z.j(c,"ArrowDown")?a>=f-1?0:a<0?0:a+1:a<=0?f-1:a-1,e[c].focus();BX(a);return e[$APP.z.j(c,"ArrowDown")?0:f-1].focus()}}else if($APP.z.j(c,"Home")){if($APP.n(d)&&(e=AX(a),e.length>0))return b.preventDefault(),e[0].focus()}else if($APP.z.j(c,"End")&&$APP.n(d)&&(e=AX(a),e.length>
|
|
5
|
+
0))return b.preventDefault(),e[e.length-1].focus();return null},DX=function(a){var b=new $APP.M(null,3,[$APP.Tu,a.hasAttribute("open"),$APP.es,a.getAttribute("placement"),$APP.Z,a.getAttribute("label")],null);b=$APP.G(b);var c=$APP.C(b,$APP.Tu),d=$APP.C(b,$APP.es);b=$APP.C(b,$APP.Z);c=$APP.D(c);d=$APP.n(d)?d:"";d=$APP.cd(jna,d)?d:"bottom-start";b=new $APP.M(null,3,[$APP.Tu,c,$APP.es,d,$APP.Z,$APP.n(b)?b:""],null);$APP.I(b,$APP.l(a,"__xMenuModel"))?(d=$APP.l(a,"__xMenuRefs"),d=$APP.n(d)?$APP.l(d,"popup"):
|
|
6
|
+
null,$APP.n(d)&&($APP.S(d,"data-placement",$APP.es.i(b)),c=$APP.Z.i(b),$APP.n($APP.n(c)?$APP.I(c,""):c)?$APP.S(d,"aria-label",c):$APP.U(d,"aria-label")),a=$APP.Q(a,"__xMenuModel",b)):a=null;return a},EX=function(a){function b(h){h.stopPropagation();h=h.detail.value;CX(a,!1);return $APP.ej(a,"x-menu-select",{value:$APP.n(h)?h:""})}function c(h){return ina(a,h)}function d(h){$APP.n(a.hasAttribute("open"))?(h=h.composedPath(),h=$APP.z.j(-1,h.indexOf(a))?CX(a,!1):null):h=null;return h}function e(h){var k=
|
|
7
|
+
$APP.l(a,"__xMenuRefs");k=$APP.n(k)?$APP.l(k,"trigger-slot"):null;return $APP.n($APP.n(k)?hna(k,h):k)?$APP.n(a.hasAttribute("open"))?CX(a,!0):BX(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;$APP.Q(a,"__xMenuHandlers",f)},kna=function(a){if($APP.Ui(a,"__xMenuInit"))return EX(a),DX(a);if(!$APP.Ui(a,"__xMenuInit")){var b=a.attachShadow({mode:"open"}),
|
|
8
8
|
c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot"),f=document.createElement("div"),h=document.createElement("slot"),k={};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
|
-
$APP.
|
|
10
|
-
$APP.l(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
|
-
$APP.
|
|
9
|
+
$APP.S(d,"part","base");d.className="base";$APP.S(e,"name","trigger");$APP.S(f,"part","popup");f.className="popup";$APP.S(f,"role","menu");f.appendChild(h);d.appendChild(e);d.appendChild(f);b.appendChild(c);b.appendChild(d);k.base=d;k.popup=f;k["trigger-slot"]=e;k["item-slot"]=h;$APP.Q(a,"__xMenuRefs",k);EX(a);$APP.Vi(a,"__xMenuInit")}DX(a);return a},lna=function(a){var b=$APP.l(a,"__xMenuHandlers");if($APP.n(b)){var c=$APP.l(b,"doc-click"),d=$APP.l(b,"keydown"),e=$APP.l(b,"item-select");a.removeEventListener("click",
|
|
10
|
+
$APP.l(b,"click"));document.removeEventListener("click",c,!0);a.removeEventListener("keydown",d);a=a.removeEventListener("x-menu-item-select",e)}else a=null;return a},mna=function(a,b,c,d){return $APP.I(c,d)&&$APP.Ui(a,"__xMenuInit")?DX(a):null},ona=function(a){return $APP.tj(a,nna)},FX=function(){return $APP.ri("x-menu",new $APP.M(null,5,[$APP.ii,pna,$APP.gi,kna,$APP.di,lna,$APP.ci,mna,$APP.hi,ona],null))},gna=new $APP.F(null,"last","last",1105735132),fna=new $APP.F(null,"first","first",-644103046);var pna=["open","placement","label"],jna=new $APP.bh(null,new $APP.M(null,4,["bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null],null),null),nna=new $APP.M(null,3,[$APP.Tu,new $APP.M(null,2,[$APP.N,$APP.rj,$APP.W,"open"],null),$APP.es,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"placement"],null),$APP.Z,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"label"],null)],null);
|
|
11
|
+
$APP.ie(["x-menu-open",new $APP.M(null,1,[$APP.V,$APP.je],null),"x-menu-close",new $APP.M(null,1,[$APP.V,$APP.je],null),"x-menu-select",new $APP.M(null,1,[$APP.V,new $APP.M(null,1,[$APP.Ti,$APP.X],null)],null)]);$APP.ha("baredom.exports.x_menu.init",FX);export const init=FX;
|
|
@@ -1,24 +1,24 @@
|
|
|
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.G(a),c=$APP.C(b,
|
|
7
|
-
|
|
8
|
-
c.clientY-d.top;c=void 0}else c=null;return c}window.addEventListener("pointermove",b);$APP.Q(a,"__xMetaballHandler",b)},
|
|
9
|
-
|
|
10
|
-
$APP.l(a,"__xMetaballModel"),d=
|
|
11
|
-
|
|
12
|
-
$APP.
|
|
13
|
-
$APP.P.i(r):"0");$APP.T
|
|
14
|
-
m.parentNode.removeChild(m),k+=1;else break;$APP.Q(a,"__xMetaballBlobs",[]);$APP.Q(a,"__xMetaballPos",[])}h=$APP.G(b);f=$APP.C(h,
|
|
15
|
-
e);$APP.Q(a,"__xMetaballPos",c);$APP.Q(a,"__xMetaballSpeeds",
|
|
16
|
-
"__xMetaballRefs")),h=$APP.C(f,$APP.
|
|
17
|
-
$APP.Q(a,"__xMetaballSpeeds",
|
|
18
|
-
new $APP.M(null,5,[$APP.
|
|
19
|
-
|
|
20
|
-
$APP.
|
|
21
|
-
null),new $APP.M(null,1,[$APP.
|
|
22
|
-
var
|
|
23
|
-
$APP.P.i("--x-metaball-cursor-color")+",#6366f1);}@media(prefers-reduced-motion:reduce){.blob{transition:none!important;}}",
|
|
24
|
-
$APP.P.i(y)+"px,"+$APP.P.i(x)+"px) translate(-50%,-50%)";r+=1}else break;$APP.n(
|
|
2
|
+
var TT=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},UT=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},VT=function(a){return typeof a==="string"&&a.trim().length>0?a.trim():"#6366f1"},WT=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},XT=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},YT=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},ZT=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},$T=
|
|
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"},aU=function(a){if(typeof a==="string"&&a.trim().length>0){var b=$APP.C(Fka,a.trim().toLowerCase());if($APP.n(b))return b;if(a.indexOf(",")>=0)return a=a.split(","),$APP.Ff.m($APP.Fe,$APP.yp.j($APP.xe.i(function(c){return c.trim()}),$APP.Ce(function(c){return c.length>0})),a)}return null},bU=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},cU=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},dU=function(a,b,c){return a+(b-a)*c},sU=function(a){a=$APP.vg([$APP.cv,eU,fU,gU,hU,iU,$APP.gq,$APP.$v,jU,kU],[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.G(a),c=$APP.C(b,kU);a=$APP.C(b,$APP.cv);var d=$APP.C(b,eU),e=$APP.C(b,fU),f=$APP.C(b,gU),h=$APP.C(b,hU),k=$APP.C(b,iU),m=$APP.C(b,$APP.gq),r=$APP.C(b,$APP.$v);b=$APP.C(b,jU);b=TT(b);r=VT(r);f=aU(f);c=XT(c);var u=[];if($APP.n($APP.n(f)?$APP.w(f)>0:f))for(var x=$APP.w(f),y=0;;)if(y<b)u.push($APP.xc(f,$APP.td(y,x))),y+=1;else break;else for(x=0;;)if(x<b)u.push(r),x+=1;else break;return $APP.vg([$APP.ds,lU,mU,$APP.ev,$APP.Cu,nU,oU,$APP.rq,pU,qU,rU],[r,f,c,u,$T(m),WT(h),b,ZT(a),UT(e),k!=null,
|
|
7
|
+
YT(d)])},tU=function(a,b){b=$APP.G(b);b=$APP.C(b,$APP.ds);a.style.setProperty("--x-metaball-cursor-color",b)},Gka=function(a){if($APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches))return null;$APP.Q(a,"__xMetaballSeed",0);return $APP.Zi(a,"__xMetaballRaf",requestAnimationFrame(function(){return uU(a)}))},Hka=function(a){function b(c){var d=$APP.Br.i($APP.l(a,"__xMetaballRefs"));if($APP.n(d)){d=d.getBoundingClientRect();var e=$APP.l(a,"__xMetaballMouse");e.x=c.clientX-d.left;e.y=
|
|
8
|
+
c.clientY-d.top;c=void 0}else c=null;return c}window.addEventListener("pointermove",b);$APP.Q(a,"__xMetaballHandler",b)},vU=function(a){var b=$APP.l(a,"__xMetaballHandler");return $APP.n(b)?(window.removeEventListener("pointermove",b),$APP.Q(a,"__xMetaballHandler",null)):null},Ika=function(a){$APP.pj(a,"blobCount","blob-count",TT);$APP.pj(a,"blobSize","blob-size",UT);$APP.pj(a,"color","color",VT);$APP.jj(a,"noise","noise");$APP.pj(a,"noiseScale","noise-scale",WT);$APP.pj(a,"noiseSpeed","noise-speed",
|
|
9
|
+
XT);$APP.pj(a,"noiseIntensity","noise-intensity",YT);$APP.pj(a,"blur","blur",ZT);$APP.pj(a,"threshold","threshold",$T);return Object.defineProperty(a,"palette",{get:function(){return aU(this.getAttribute("palette"))},set:function(b){return b==null||$APP.z.j("",b)?$APP.U(this,"palette"):$APP.S(this,"palette",""+$APP.P.i(b))},enumerable:!0,configurable:!0})},Kka=function(a){var b=sU(a);$APP.Q(a,"__xMetaballModel",b);$APP.Q(a,"__xMetaballMouse",{x:0,y:0});if(!$APP.n($APP.l(a,"__xMetaballRefs"))){var c=
|
|
10
|
+
$APP.l(a,"__xMetaballModel"),d=wU[0];wU[0]=d+1;var e="mb-"+$APP.P.i(d),f=a.attachShadow({mode:"open"}),h=document.createElement("style"),k=document.createElement("div"),m=document.createElementNS("http://www.w3.org/2000/svg","svg");$APP.Q(a,"__xMetaballUid",d);h.textContent=Jka;$APP.S(k,"part","viewport");k.style.filter="url(#"+$APP.P.i(e)+")";m.style.position="absolute";m.style.width="0";m.style.height="0";m.style.overflow="hidden";var r=$APP.G(c);c=$APP.C(r,$APP.rq);d=$APP.C(r,$APP.Cu);var u=$APP.C(r,
|
|
11
|
+
qU),x=$APP.C(r,nU);r=$APP.C(r,rU);var y=document.createElementNS("http://www.w3.org/2000/svg","defs"),A=document.createElementNS("http://www.w3.org/2000/svg","filter"),E=document.createElementNS("http://www.w3.org/2000/svg","feGaussianBlur"),H=document.createElementNS("http://www.w3.org/2000/svg","feColorMatrix"),O=document.createElementNS("http://www.w3.org/2000/svg","feTurbulence"),T=document.createElementNS("http://www.w3.org/2000/svg","feDisplacementMap");$APP.S(A,"id",e);$APP.S(A,"x","-20%");
|
|
12
|
+
$APP.S(A,"y","-20%");$APP.S(A,"width","140%");$APP.S(A,"height","140%");$APP.S(E,"in","SourceGraphic");$APP.S(E,"stdDeviation",""+$APP.P.i(c));$APP.S(E,"result","blur");$APP.S(H,"in","blur");$APP.S(H,"type","matrix");$APP.S(H,"values",d);$APP.S(H,"result","threshold");$APP.S(O,"type","fractalNoise");$APP.S(O,"baseFrequency",""+$APP.P.i(.01*x));$APP.S(O,"numOctaves","3");$APP.S(O,"seed","0");$APP.S(O,"result","noise");$APP.S(T,"in","threshold");$APP.S(T,"in2","noise");$APP.S(T,"scale",$APP.n(u)?""+
|
|
13
|
+
$APP.P.i(r):"0");$APP.S(T,"xChannelSelector","R");$APP.S(T,"yChannelSelector","G");A.appendChild(E);A.appendChild(H);A.appendChild(O);A.appendChild(T);y.appendChild(A);m.appendChild(y);e=new $APP.M(null,5,[$APP.Rt,A,$APP.Cr,E,$APP.Kv,H,$APP.wu,O,$APP.$r,T],null);k.appendChild(m);f.appendChild(h);f.appendChild(k);$APP.Q(a,"__xMetaballRefs",$APP.Xg($APP.Dc([e,new $APP.M(null,3,[$APP.Sk,f,$APP.Br,k,$APP.Bs,m],null)])))}f=$APP.l(a,"__xMetaballBlobs");if($APP.n(f)){h=f.length;for(k=0;;)if(k<h)m=f[k],$APP.n(m.parentNode)&&
|
|
14
|
+
m.parentNode.removeChild(m),k+=1;else break;$APP.Q(a,"__xMetaballBlobs",[]);$APP.Q(a,"__xMetaballPos",[])}h=$APP.G(b);f=$APP.C(h,oU);m=$APP.C(h,pU);h=$APP.C(h,$APP.ev);k=$APP.G($APP.l(a,"__xMetaballRefs"));k=$APP.C(k,$APP.Br);m=cU(m,f);e=[];c=[];for(d=0;;)if(d<f)u=document.createElement("div"),x=m[d],u.className="blob",u.style.width=""+$APP.P.i(x)+"px",u.style.height=""+$APP.P.i(x)+"px",u.style.background=h[d],k.appendChild(u),e.push(u),c.push({x:0,y:0}),d+=1;else break;$APP.Q(a,"__xMetaballBlobs",
|
|
15
|
+
e);$APP.Q(a,"__xMetaballPos",c);$APP.Q(a,"__xMetaballSpeeds",bU(f));tU(a,b);$APP.S(a,"aria-hidden","true");$APP.S(a,"role","presentation");vU(a);Hka(a);return Gka(a)},Lka=function(a){var b=$APP.l(a,"__xMetaballRaf");$APP.n(b)&&(cancelAnimationFrame(b),$APP.Zi(a,"__xMetaballRaf",null));return vU(a)},Mka=function(a,b,c,d){if($APP.I(c,d))if(b=sU(a),$APP.I(b,$APP.l(a,"__xMetaballModel"))){if($APP.n($APP.l(a,"__xMetaballRefs"))){d=$APP.G(b);c=$APP.C(d,oU);var e=$APP.C(d,pU);d=$APP.C(d,$APP.ev);var f=$APP.G($APP.l(a,
|
|
16
|
+
"__xMetaballRefs")),h=$APP.C(f,$APP.Br);f=$APP.l(a,"__xMetaballBlobs");var k=$APP.l(a,"__xMetaballPos"),m=f.length;e=cU(e,c);for(var r=m;;)if(r<c){var u=document.createElement("div");u.className="blob";h.appendChild(u);f.push(u);k.push({x:0,y:0});r+=1}else break;for(h=m;;)if(h>c)m=f.pop(),k.pop(),$APP.n(m.parentNode)&&m.parentNode.removeChild(m),--h;else break;for(k=0;;)if(k<c)h=f[k],m=e[k],h.style.width=""+$APP.P.i(m)+"px",h.style.height=""+$APP.P.i(m)+"px",h.style.background=d[k],k+=1;else break;
|
|
17
|
+
$APP.Q(a,"__xMetaballSpeeds",bU(c));f=$APP.G(b);h=$APP.C(f,$APP.rq);e=$APP.C(f,$APP.Cu);c=$APP.C(f,qU);d=$APP.C(f,nU);f=$APP.C(f,rU);k=$APP.l(a,"__xMetaballRefs");m=$APP.Cr.i(k);$APP.n(m)&&$APP.S(m,"stdDeviation",""+$APP.P.i(h));h=$APP.Kv.i(k);$APP.n(h)&&$APP.S(h,"values",e);e=$APP.wu.i(k);$APP.n(e)&&$APP.S(e,"baseFrequency",""+$APP.P.i(.01*d));d=$APP.$r.i(k);$APP.n(d)&&$APP.S(d,"scale",$APP.n(c)?""+$APP.P.i(f):"0");tU(a,b)}a=$APP.Q(a,"__xMetaballModel",b)}else a=null;else a=null;return a},xU=function(){return $APP.ri("x-metaball-cursor",
|
|
18
|
+
new $APP.M(null,5,[$APP.ii,Nka,$APP.gi,Kka,$APP.di,Lka,$APP.ci,Mka,$APP.hi,Ika],null))},hU=new $APP.F(null,"noise-scale-raw","noise-scale-raw",123215597),eU=new $APP.F(null,"noise-intensity-raw","noise-intensity-raw",-116633534),qU=new $APP.F(null,"noise?","noise?",-38350370),pU=new $APP.F(null,"blob-size","blob-size",-1862159046),nU=new $APP.F(null,"noise-scale","noise-scale",-2033475279),iU=new $APP.F(null,"noise-attr","noise-attr",-1534959409),gU=new $APP.F(null,"palette-raw","palette-raw",-1398782582),
|
|
19
|
+
lU=new $APP.F(null,"palette","palette",-456203511),jU=new $APP.F(null,"blob-count-raw","blob-count-raw",-1850938603),kU=new $APP.F(null,"noise-speed-raw","noise-speed-raw",1761342974),mU=new $APP.F(null,"noise-speed","noise-speed",866692139),oU=new $APP.F(null,"blob-count","blob-count",-248711053),rU=new $APP.F(null,"noise-intensity","noise-intensity",747731519),fU=new $APP.F(null,"blob-size-raw","blob-size-raw",530207878);var Nka="blob-count blob-size color noise noise-scale noise-speed noise-intensity blur threshold palette".split(" ");
|
|
20
|
+
$APP.vg([$APP.ds,new $APP.F(null,"blobSize","blobSize",-64083896),new $APP.F(null,"noiseIntensity","noiseIntensity",-792053623),lU,new $APP.F(null,"noiseScale","noiseScale",2003002730),new $APP.F(null,"noise","noise",-994696820),$APP.Cu,$APP.rq,new $APP.F(null,"noiseSpeed","noiseSpeed",-959403627),new $APP.F(null,"blobCount","blobCount",-1279691625)],[new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.X],
|
|
21
|
+
null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.rj],null),new $APP.M(null,1,[$APP.N,$APP.X],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.Y],null),new $APP.M(null,1,[$APP.N,$APP.Y],null)]);
|
|
22
|
+
var Fka=new $APP.M(null,5,["rainbow",new $APP.J(null,5,5,$APP.K,["#ef4444","#f59e0b","#22c55e","#3b82f6","#a855f7"],null),"ocean",new $APP.J(null,5,5,$APP.K,["#06b6d4","#0ea5e9","#6366f1","#8b5cf6","#0d9488"],null),"sunset",new $APP.J(null,5,5,$APP.K,["#ef4444","#f97316","#eab308","#ec4899","#f43f5e"],null),"neon",new $APP.J(null,5,5,$APP.K,["#22d3ee","#a78bfa","#f472b6","#34d399","#facc15"],null),"ember",new $APP.J(null,5,5,$APP.K,["#dc2626","#ea580c","#d97706","#b91c1c","#f59e0b"],null)],null);var wU=[0],Jka=":host{display:block;position:relative;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:var("+$APP.P.i("--x-metaball-cursor-z-index")+",9999);}[part\x3dviewport]{position:absolute;inset:var("+$APP.P.i("--x-metaball-cursor-inset")+",0);pointer-events:none;opacity:var("+$APP.P.i("--x-metaball-cursor-opacity")+",1);mix-blend-mode:var("+$APP.P.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("+
|
|
23
|
+
$APP.P.i("--x-metaball-cursor-color")+",#6366f1);}@media(prefers-reduced-motion:reduce){.blob{transition:none!important;}}",uU=function uU(a){if($APP.n(a.isConnected)){var c=$APP.l(a,"__xMetaballMouse"),d=$APP.l(a,"__xMetaballBlobs"),e=$APP.l(a,"__xMetaballPos"),f=$APP.l(a,"__xMetaballSpeeds"),h=$APP.l(c,"x");c=$APP.l(c,"y");for(var k=$APP.l(a,"__xMetaballModel"),m=d.length,r=0;;)if(r<m){var u=e[r],x=f[r],y=dU($APP.l(u,"x"),h,x);x=dU($APP.l(u,"y"),c,x);var A=d[r];u.x=y;u.y=x;A.style.transform="translate("+
|
|
24
|
+
$APP.P.i(y)+"px,"+$APP.P.i(x)+"px) translate(-50%,-50%)";r+=1}else break;$APP.n(qU.i(k))&&(d=$APP.l(a,"__xMetaballSeed")+mU.i(k),e=$APP.l(a,"__xMetaballRefs"),$APP.Q(a,"__xMetaballSeed",d),e=$APP.wu.i(e),$APP.n(e)&&$APP.Yi(e,"seed",""+$APP.P.i(Math.floor(d))));return $APP.Zi(a,"__xMetaballRaf",requestAnimationFrame(function(){return uU.i?uU.i(a):uU.call(null,a)}))}return null};$APP.ha("baredom.exports.x_metaball_cursor.init",xU);export const init=xU;
|
package/dist/x-modal.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var c4=function(a,b){var c=document.createElement("div"),d=document.createElement("slot");$APP.
|
|
3
|
-
var d=document.createElement("div");$APP.
|
|
4
|
-
f;m.footer=h;$APP.Q(a,"__xModalRefs",m);return $APP.l(a,"__xModalRefs")},
|
|
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);$APP.Q(a,"__xModalRestore",null);$APP.n($APP.n(b)?d:b)&&($APP.U(b,"tabindex"),$APP.Q(a,"__xModalDialogTab",!1));return $APP.n($APP.n(c)?c.isConnected:c)?c.focus():null},
|
|
7
|
-
d):e)?(b.preventDefault(),c.focus()):$APP.p(e)&&$APP.z.j(a,c)?(b.preventDefault(),d.focus()):null},f4=function(a,b){$APP.
|
|
8
|
-
$APP.n(e)?$APP
|
|
9
|
-
$APP.I(c,"")?c:"Modal";b=new $APP.M(null,3,[$APP.
|
|
10
|
-
|
|
11
|
-
c.removeEventListener("keydown",b)}$APP.Q(a,"__xModalHandlers",null)},
|
|
12
|
-
"toggle",function(){return $APP.n(this.hasAttribute("open"))?$APP.U(this,"open"):$APP.n(this.hasAttribute("open"))?null:$APP.
|
|
13
|
-
$APP.
|
|
2
|
+
var c4=function(a,b){var c=document.createElement("div"),d=document.createElement("slot");$APP.S(c,"part",a);$APP.S(d,"name",b);c.appendChild(d);return c},d4=function(a){var b=$APP.l(a,"__xModalRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style");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
|
+
var d=document.createElement("div");$APP.S(d,"part","backdrop");var e=c4("header","header"),f=document.createElement("div"),h=document.createElement("slot");$APP.S(f,"part","body");f.appendChild(h);h=c4("footer","footer");var k=document.createElement("div");$APP.S(k,"part","dialog");$APP.S(k,"role","dialog");$APP.S(k,"aria-modal","true");k.appendChild(e);k.appendChild(f);k.appendChild(h);var m={};b.appendChild(c);b.appendChild(d);b.appendChild(k);m.root=b;m.backdrop=d;m.dialog=k;m.header=e;m.body=
|
|
4
|
+
f;m.footer=h;$APP.Q(a,"__xModalRefs",m);return $APP.l(a,"__xModalRefs")},Ksa=function(a){function b(d){var e=window.getComputedStyle(d);return $APP.I("none",e.display)&&$APP.I("hidden",e.visibility)&&d.offsetWidth>0&&d.offsetHeight>0}var c=$APP.De(b,$APP.Dc($APP.l(a,"dialog").querySelectorAll("a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex\x3d'-1'])")));a=$APP.Be(function(d){return $APP.De(b,$APP.Be(function(e){var f=$APP.Dc(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.Ed(e,f):f},$APP.Dc([$APP.Ec(d.assignedElements({flatten:!0}))])))},$APP.Dc([$APP.Dc($APP.l(a,"root").querySelectorAll("slot"))]));return $APP.Ze($APP.Ae.j(c,a))},e4=function(a){var b=$APP.l(a,"__xModalRefs");b=$APP.n(b)?$APP.l(b,"dialog"):null;var c=$APP.l(a,"__xModalRestore"),d=$APP.l(a,"__xModalDialogTab")===!0;$APP.Q(a,"__xModalTabbables",
|
|
6
|
+
null);$APP.Q(a,"__xModalRestore",null);$APP.n($APP.n(b)?d:b)&&($APP.U(b,"tabindex"),$APP.Q(a,"__xModalDialogTab",!1));return $APP.n($APP.n(c)?c.isConnected:c)?c.focus():null},Lsa=function(a,b){var c=$APP.l(a,"__xModalTabbables");c=$APP.n(c)?$APP.Ze($APP.Dc(c)):$APP.Fe;a=$APP.l(a,"__xModalRefs");a=$APP.n(a)?$APP.l(a,"dialog"):null;if($APP.Sc(c))return b.preventDefault(),$APP.n(a)?a.focus():null;a=document.activeElement;var d=$APP.t(c);c=$APP.Hc(c);var e=b.shiftKey;return $APP.n($APP.n(e)?$APP.z.j(a,
|
|
7
|
+
d):e)?(b.preventDefault(),c.focus()):$APP.p(e)&&$APP.z.j(a,c)?(b.preventDefault(),d.focus()):null},f4=function(a,b){$APP.ej(a,"x-modal-dismiss",{reason:b});return $APP.U(a,"open")},Msa=function(a,b,c){c=$APP.yv.i(c);var d=b==null?null:$APP.yv.i(b);$APP.I(d,c)&&(b!=null&&$APP.ej(a,"x-modal-toggle",{open:c}),$APP.n(c)?setTimeout(function(){var e=$APP.l(a,"__xModalRefs");var f=$APP.n(e)?$APP.l(e,"dialog"):null;e=$APP.n(e)?Ksa(e):null;$APP.Q(a,"__xModalRestore",document.activeElement);$APP.Q(a,"__xModalTabbables",
|
|
8
|
+
$APP.n(e)?$APP.$m(e):null);$APP.q(e)?f=$APP.t(e).focus():$APP.n(f)?($APP.n(f.hasAttribute("tabindex"))||($APP.S(f,"tabindex","-1"),$APP.Q(a,"__xModalDialogTab",!0)),f=f.focus()):f=null;return f},0):e4(a))},g4=function(a){var b=new $APP.M(null,3,[$APP.Nq,a.hasAttribute("open"),$APP.ro,a.getAttribute("size"),$APP.Oj,a.getAttribute("label")],null);var c=$APP.G(b),d=$APP.C(c,$APP.Nq);b=$APP.C(c,$APP.ro);c=$APP.C(c,$APP.Oj);d=$APP.D(d);b=typeof b==="string"&&$APP.cd(Nsa,b)?b:"md";c=typeof c==="string"&&
|
|
9
|
+
$APP.I(c,"")?c:"Modal";b=new $APP.M(null,3,[$APP.yv,d,$APP.An,b,$APP.Z,c],null);c=$APP.l(a,"__xModalModel");if($APP.I(b,c)){d=d4(a);d=$APP.l(d,"dialog");var e=$APP.G(b),f=$APP.C(e,$APP.yv);e=$APP.C(e,$APP.An);$APP.S(a,"data-open",$APP.n(f)?"true":"false");$APP.S(a,"data-size",e);f=$APP.G(b);f=$APP.C(f,$APP.Z);$APP.S(d,"aria-label",f);Msa(a,c,b);a=$APP.Q(a,"__xModalModel",b)}else a=null;return a},Osa=function(a){function b(h){var k=h.key;$APP.z.j(k,"Escape")?(h.preventDefault(),h=f4(a,"escape")):h=
|
|
10
|
+
$APP.z.j(k,"Tab")?Lsa(a,h):null;return h}function c(){return f4(a,"backdrop")}var d=d4(a),e=$APP.l(d,"dialog"),f={};$APP.l(d,"backdrop").addEventListener("click",c);e.addEventListener("keydown",b);f.backdrop=c;f.keydown=b;$APP.Q(a,"__xModalHandlers",f)},h4=function(a){var b=$APP.l(a,"__xModalHandlers"),c=$APP.l(a,"__xModalRefs");if($APP.n($APP.n(b)?c:b)){var d=$APP.l(c,"backdrop");c=$APP.l(c,"dialog");var e=$APP.l(b,"backdrop");b=$APP.l(b,"keydown");$APP.n(e)&&d.removeEventListener("click",e);$APP.n(b)&&
|
|
11
|
+
c.removeEventListener("keydown",b)}$APP.Q(a,"__xModalHandlers",null)},Psa=function(a){d4(a);h4(a);Osa(a);return g4(a)},Qsa=function(a){h4(a);return e4(a)},Rsa=function(a,b,c,d){return $APP.I(c,d)?g4(a):null},i4=function(a,b,c){return Object.defineProperty(a,b,{value:c,enumerable:!0,configurable:!0,writable:!0})},Tsa=function(a){$APP.tj(a,Ssa);i4(a,"show",function(){return $APP.n(this.hasAttribute("open"))?null:$APP.S(this,"open","")});i4(a,"hide",function(){return $APP.U(this,"open")});return i4(a,
|
|
12
|
+
"toggle",function(){return $APP.n(this.hasAttribute("open"))?$APP.U(this,"open"):$APP.n(this.hasAttribute("open"))?null:$APP.S(this,"open","")})},j4=function(){return $APP.ri("x-modal",new $APP.M(null,5,[$APP.ii,Usa,$APP.gi,Psa,$APP.di,Qsa,$APP.ci,Rsa,$APP.hi,Tsa],null))};var Nsa=new $APP.bh(null,new $APP.M(null,5,["md",null,"lg",null,"full",null,"xl",null,"sm",null],null),null),Usa=["open","size","label"],Ssa=new $APP.M(null,3,[$APP.Tu,new $APP.M(null,2,[$APP.N,$APP.rj,$APP.W,"open"],null),$APP.An,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"size",$APP.sj,"md"],null),$APP.Z,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"label",$APP.sj,"Modal"],null)],null);
|
|
13
|
+
$APP.ie(["x-modal-toggle",new $APP.M(null,2,[$APP.Xu,!1,$APP.V,new $APP.M(null,1,[$APP.Tu,$APP.rj],null)],null),"x-modal-dismiss",new $APP.M(null,2,[$APP.Xu,!1,$APP.V,new $APP.M(null,1,[$APP.Yq,$APP.X],null)],null)]);$APP.ha("baredom.exports.x_modal.init",j4);export const init=j4;
|
package/dist/x-morph-stack.js
CHANGED
|
@@ -1,38 +1,38 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.n(d)?d:0);var e=Math.sqrt(b/d);a=1E3*(4/($APP.
|
|
4
|
-
b,c){return a+(b-a)*c},
|
|
5
|
-
e[1],c)))+","+$APP.P.i(Math.round(
|
|
6
|
-
b:""],null)},
|
|
7
|
-
"absolute";d.style.width="0";d.style.height="0";d.style.overflow="hidden";$APP.
|
|
8
|
-
$APP.
|
|
9
|
-
$APP.
|
|
10
|
-
$APP.I(k,""))){k=parseFloat(k);k=typeof k==="number"&&$APP.p(isNaN(k))&&k>0?k:null;break a}k=null}return new $APP.M(null,8,[
|
|
11
|
-
f=$APP.z.j(1,e.nodeType);$APP.n(f?e.hasAttribute("data-state"):f)&&b.push(e);d+=1}else break;return b},
|
|
12
|
-
"":f.style.display="none";e+=1}else break;$APP.n(b)?$APP.
|
|
13
|
-
text:e.textContent,node:e};d+=1}else break}return b},
|
|
14
|
-
null;$APP.n(a)&&(a.style.filter="",a.style.webkitFilter="")},
|
|
15
|
-
|
|
16
|
-
return E?H.style.opacity=""+$APP.P.i($APP.
|
|
17
|
-
"";return $APP.n(H.parentNode)?H.parentNode.removeChild(H):null}}},
|
|
18
|
-
a.appendChild(E);e(0);return{t:0,v:0,update:e,finalize:function(){return $APP.n(E.parentNode)?E.parentNode.removeChild(E):null}}},
|
|
19
|
-
""+$APP.P.i($APP.
|
|
20
|
-
null);
|
|
21
|
-
0;return c?(c=b!=null)?$APP.
|
|
22
|
-
f=
|
|
23
|
-
r),a.push(
|
|
24
|
-
"liquid")){b=
|
|
25
|
-
$APP.
|
|
26
|
-
18);$APP.Q(a,"__xMorphStackGooBaseBlur",d);$APP.Q(a,"__xMorphStackGooBaseThreshold",e);
|
|
27
|
-
|
|
28
|
-
3,[$APP.
|
|
29
|
-
c,"attribute");c=c==null;return $APP.n(c?b:c)?(
|
|
30
|
-
|
|
31
|
-
null?$APP.U(this,c):$APP.
|
|
32
|
-
Object.defineProperty(a,"variant",{get:function(){return
|
|
33
|
-
if(c>0){b:{for(var e=0;;){if(e>=c){d=-1;break b}if($APP.z.j(b[e],d)){d=e;break b}e+=1}d=void 0}b=
|
|
34
|
-
"states",{value:function(){return
|
|
35
|
-
null);$APP.Q(a,"__xMorphStackGooBaseBlur",null);$APP.Q(a,"__xMorphStackGooBaseThreshold",null);return
|
|
36
|
-
return
|
|
37
|
-
var
|
|
38
|
-
e[x],A=
|
|
2
|
+
var NF=function(a){return typeof a==="string"?(a=a.trim().toLowerCase(),$APP.cd(hda,a)?a:"clean"):"clean"},OF=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.P.i(a)+" "+$APP.P.i(b)},PF=function(a,b,c,d){if(typeof a==="string"){a=a.trim();if($APP.z.j(a,""))return b;a=parseFloat(a);return $APP.n(isNaN(a))?b:Math.min(d,Math.max(c,a))}return b},ida=function(a,b,c,d){if($APP.n($APP.n(a)?a>0:a)){b=$APP.Ql.j(1E-4,$APP.n(b)?b:0);c=$APP.Ql.j(1E-4,$APP.n(c)?c:0);d=$APP.Ql.j(1E-4,
|
|
3
|
+
$APP.n(d)?d:0);var e=Math.sqrt(b/d);a=1E3*(4/($APP.Ql.j(.2,$APP.Rl.j(5,c/(2*Math.sqrt(b*d))))*e)+Math.PI/e)/a}else a=1;return a},jda=function(a,b,c,d,e,f){b+=(e*(1-a)-f*b)/d*c;return[a+b*c,b]},RF=function(a,b){b=$APP.G(b);var c=$APP.C(b,QF);b=$APP.C(b,$APP.rs);var d=$APP.Ze(a);a=$APP.w(d);if(a>0){var e=$APP.n(function(){return $APP.n(c)?$APP.oe(function(f){return $APP.z.j(f,c)},d):c}())?c:null;if($APP.n(e))return e;a=$APP.Ql.j(0,$APP.Rl.j(a-1,$APP.n(b)?b:0));return $APP.xc(d,a)}return null},SF=function(a,
|
|
4
|
+
b,c){return a+(b-a)*c},TF=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.I("",a[4]):e;a=[b,c,d,$APP.n(e)?parseFloat(a[4]):1]}else a=null;return a}return null},UF=function(a,b,c){var d=TF(a),e=TF(b);return $APP.n($APP.n(d)?e:d)?"rgba("+$APP.P.i(Math.round(SF(d[0],e[0],c)))+","+$APP.P.i(Math.round(SF(d[1],
|
|
5
|
+
e[1],c)))+","+$APP.P.i(Math.round(SF(d[2],e[2],c)))+","+$APP.P.i(SF(d[3],e[3],c))+")":c<.5?a:b},VF=function(a){if(typeof a==="string")if(a=a.trim(),$APP.I(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},WF=function(a,b){return new $APP.M(null,2,[$APP.Pm,$APP.n(a)?a:"",$APP.Ou,$APP.n(b)?
|
|
6
|
+
b:""],null)},YF=function(a){var b=$APP.l(a,"__xMorphStackRefs"),c=$APP.n(b)?XF.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";$APP.S(c,"aria-hidden","true");$APP.S(c,"data-x-morph-stack-ghost-layer","");d.style.position=
|
|
7
|
+
"absolute";d.style.width="0";d.style.height="0";d.style.overflow="hidden";$APP.S(d,"aria-hidden","true");c.appendChild(d);document.body.appendChild(c);b=$APP.Zg.B(b,XF,c,$APP.Dc([$APP.Bs,d]));$APP.Q(a,"__xMorphStackRefs",b);return b},ZF=function(a){var b=$APP.l(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");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;}";
|
|
8
|
+
$APP.S(d,"part","viewport");$APP.S(e,"name","state");d.appendChild(e);b.appendChild(c);b.appendChild(d);$APP.Q(a,"__xMorphStackRefs",new $APP.M(null,3,[$APP.Sk,b,$APP.Br,d,$APP.eo,e],null));return $APP.l(a,"__xMorphStackRefs")},aG=function(a){a=new $APP.M(null,8,[$F,a.getAttribute("active-state"),$APP.Vt,a.getAttribute("active-index"),$APP.Wu,a.getAttribute("stiffness"),$APP.Pv,a.getAttribute("damping"),$APP.Tr,a.getAttribute("mass"),$APP.cu,a.getAttribute("variant"),$APP.fr,a.getAttribute("duration"),
|
|
9
|
+
$APP.Pj,a.hasAttribute("disabled")],null);a=$APP.G(a);var b=$APP.C(a,$F),c=$APP.C(a,$APP.Vt),d=$APP.C(a,$APP.Wu),e=$APP.C(a,$APP.Pv),f=$APP.C(a,$APP.Tr),h=$APP.C(a,$APP.cu),k=$APP.C(a,$APP.fr);a=$APP.C(a,$APP.Pj);b=typeof b==="string"&&$APP.I("",b.trim())?b.trim():null;a:{if(typeof c==="string"&&(c=c.trim(),$APP.I(c,""))){c=parseInt(c,10);c=typeof c==="number"&&$APP.p(isNaN(c))&&c>=0?c:null;break a}c=null}d=PF(d,170,10,500);e=PF(e,26,1,100);f=PF(f,1,.1,10);h=NF(h);a:{if(typeof k==="string"&&(k=k.trim(),
|
|
10
|
+
$APP.I(k,""))){k=parseFloat(k);k=typeof k==="number"&&$APP.p(isNaN(k))&&k>0?k:null;break a}k=null}return new $APP.M(null,8,[QF,b,$APP.rs,c,$APP.Au,d,$APP.lt,e,$APP.fv,f,$APP.zn,h,$APP.Mt,k,$APP.Wj,$APP.D(a)],null)},bG=function(a,b,c){a=window.getComputedStyle(a).getPropertyValue(b);return typeof a==="string"&&$APP.I("",a.trim())?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?c:a):c},cG=function(a){a=ZF(a);a=$APP.G(a);a=$APP.C(a,$APP.eo).assignedElements();for(var b=[],c=a.length,d=0;;)if(d<c){var e=a[d],
|
|
11
|
+
f=$APP.z.j(1,e.nodeType);$APP.n(f?e.hasAttribute("data-state"):f)&&b.push(e);d+=1}else break;return b},dG=function(a){a=cG(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},eG=function(a,b){a=cG(a);for(var c=a.length,d=0;;)if(d<c){var e=a[d];if($APP.z.j(b,e.getAttribute("data-state")))return e;d+=1}else return null},fG=function(a,b){for(var c=cG(a),d=c.length,e=0;;)if(e<d){var f=c[e],h=f.getAttribute("data-state");$APP.z.j(h,b)?f.style.display=
|
|
12
|
+
"":f.style.display="none";e+=1}else break;$APP.n(b)?$APP.S(a,"data-active-state",b):$APP.U(a,"data-active-state");return $APP.Q(a,"__xMorphStackCurrent",b)},gG=function(a){var b={};if($APP.n(a)){a=a.querySelectorAll("["+$APP.P.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(),k=window.getComputedStyle(e);b[f]={rect:{x:h.left,y:h.top,w:h.width,h:h.height},br:k.borderRadius,bg:k.backgroundColor,color:k.color,clip:k.clipPath,
|
|
13
|
+
text:e.textContent,node:e};d+=1}else break}return b},hG=function(a,b,c){var d=$APP.l(a,"__xMorphStackFilterBlur");a=$APP.l(a,"__xMorphStackFilterMatrix");$APP.n(d)&&$APP.S(d,"stdDeviation",""+$APP.P.i(b));$APP.n(a)&&$APP.S(a,"values",OF(c))},iG=function(a,b){var c=$APP.l(a,"__xMorphStackGooBaseBlur"),d=$APP.l(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,hG(a,c*(1-b),SF(d,1,b)))},jG=function(a){a=$APP.l(a,"__xMorphStackRefs");a=$APP.n(a)?XF.i(a):
|
|
14
|
+
null;$APP.n(a)&&(a.style.filter="",a.style.webkitFilter="")},kG=function(a){a.style.position="absolute";a.style.margin="0";a.style.boxSizing="border-box";a.style.transformOrigin="top left";a.style.pointerEvents="none"},lG=function(a,b,c){var d=b.y-c.top;a.style.left=""+$APP.P.i(b.x-c.left)+"px";a.style.top=""+$APP.P.i(d)+"px";a.style.width=""+$APP.P.i(b.w)+"px";a.style.height=""+$APP.P.i(b.h)+"px"},mG=function(a,b,c,d){function e(na){na=$APP.Ql.j(0,$APP.Rl.j(1,na));var Na=SF(ia,0,na),Oa=SF(R,1,na),
|
|
15
|
+
eb=SF(aa,1,na);H.style.transform="translate("+$APP.P.i(SF(ma,0,na))+"px,"+$APP.P.i(Na)+"px) scale("+$APP.P.i(Oa)+","+$APP.P.i(eb)+")";Na=H.style;Oa=VF(m);eb=VF(r);if($APP.n($APP.n(Oa)?$APP.n(eb)?$APP.z.j(Oa.length,eb.length):eb:Oa)){for(var qb=[],Kb=Oa.length,Vb=0;;)if(Vb<Kb)qb.push(""+$APP.P.i(SF(Oa[Vb],eb[Vb],na))+"px"),Vb+=1;else break;Oa=qb.join(" ")}else Oa=na<.5?m:r;Na.borderRadius=Oa;$APP.n($APP.n(u)?x:u)&&(H.style.backgroundColor=UF(u,x,na));$APP.n($APP.n(y)?A:y)&&(H.style.color=UF(y,A,na));
|
|
16
|
+
return E?H.style.opacity=""+$APP.P.i($APP.Ql.j(0,$APP.Rl.j(1,na))):null}var f=$APP.l(d,"node"),h=$APP.l(d,"rect"),k=$APP.l(c,"rect"),m=$APP.l(c,"br"),r=$APP.l(d,"br"),u=$APP.l(c,"bg"),x=$APP.l(d,"bg"),y=$APP.l(c,"color"),A=$APP.l(d,"color"),E=$APP.I($APP.l(c,"text"),$APP.l(d,"text")),H=f.cloneNode(!0);c=h.w;d=h.h;var O=k.w,T=k.h,R=c>0?O/c:1,aa=d>0?T/d:1,ma=k.x-h.x,ia=k.y-h.y;kG(H);lG(H,h,b);a.appendChild(H);f.style.visibility="hidden";e(0);return{t:0,v:0,update:e,finalize:function(){f.style.visibility=
|
|
17
|
+
"";return $APP.n(H.parentNode)?H.parentNode.removeChild(H):null}}},nG=function(a,b,c,d){function e(H){H=$APP.Ql.j(0,$APP.Rl.j(1,H));var O=SF(0,x,H),T=SF(1,y,H),R=SF(1,A,H);E.style.transform="translate("+$APP.P.i(SF(0,u,H))+"px,"+$APP.P.i(O)+"px) scale("+$APP.P.i(T)+","+$APP.P.i(R)+")";return E.style.opacity=""+$APP.P.i($APP.Ql.j(0,1-H))}var f=$APP.l(c,"rect");d=$APP.l(d,"rect");var h=f.w,k=f.h,m=d.w,r=d.h,u=d.x-f.x,x=d.y-f.y,y=h>0?m/h:1,A=k>0?r/k:1,E=$APP.l(c,"node").cloneNode(!0);kG(E);lG(E,f,b);
|
|
18
|
+
a.appendChild(E);e(0);return{t:0,v:0,update:e,finalize:function(){return $APP.n(E.parentNode)?E.parentNode.removeChild(E):null}}},oG=function(a,b,c){var d=$APP.l(c,"rect"),e=$APP.l(c,"node").cloneNode(!0);kG(e);lG(e,d,b);a.appendChild(e);return{t:0,v:0,update:function(f){return e.style.opacity=""+$APP.P.i($APP.Ql.j(0,1-f))},finalize:function(){return $APP.n(e.parentNode)?e.parentNode.removeChild(e):null}}},pG=function(a){var b=$APP.l(a,"node");b.style.opacity="0";return{t:0,v:0,update:function(c){return b.style.opacity=
|
|
19
|
+
""+$APP.P.i($APP.Ql.j(0,$APP.Rl.j(1,c)))},finalize:function(){return b.style.opacity=""}}},qG=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.H?d.H():d.call(null));c+=1}else break},rG=function(a,b,c){if($APP.z.j(b,$APP.l(a,"__xMorphStackToken"))){b=$APP.l(a,"__xMorphStackEntries");var d=$APP.l(a,"__xMorphStackRaf");$APP.n(d)&&(window.cancelAnimationFrame(d),$APP.Zi(a,"__xMorphStackRaf",null));qG(b);$APP.Q(a,"__xMorphStackEntries",null);$APP.Q(a,"__xMorphStackLast",
|
|
20
|
+
null);jG(a);if($APP.n(c))return c=$APP.$m(WF($APP.l(a,"__xMorphStackFrom"),$APP.l(a,"__xMorphStackTo"))),$APP.ej(a,"x-morph-stack-changed",c),$APP.Q(a,"__xMorphStackFrom",null),$APP.Q(a,"__xMorphStackTo",null)}return null},sG=function(a){var b=$APP.l(a,"__xMorphStackRaf");$APP.n(b)&&(window.cancelAnimationFrame(b),$APP.Zi(a,"__xMorphStackRaf",null));qG($APP.l(a,"__xMorphStackEntries"));$APP.Q(a,"__xMorphStackEntries",null);$APP.Q(a,"__xMorphStackLast",null);jG(a)},kda=function(a,b){var c=a.length>
|
|
21
|
+
0;return c?(c=b!=null)?$APP.oe(function(d){return $APP.z.j(d,b)},a):c:c},lda=function(a,b,c){fG(a,c);queueMicrotask(function(){return $APP.ej(a,"x-morph-stack-changed",$APP.$m(WF(b,c)))})},mda=function(a,b,c,d){b=gG(b);fG(a,d);$APP.Br.i(ZF(a));c=gG(c);a=YF(a);a=$APP.G(a);d=$APP.C(a,XF);var e=d.getBoundingClientRect(),f=Object.keys(b);a=Object.keys(c);f=$APP.Ze(f);a=$APP.Ze(a);f=$APP.gh(f);a=$APP.gh(a);a=new $APP.M(null,3,[tG,$APP.fw.j(f,a),uG,vG.j(f,a),wG,vG.j(a,f)],null);var h=tG.i(a),k=uG.i(a);
|
|
22
|
+
f=wG.i(a);a=[];h=$APP.q(h);for(var m=null,r=0,u=0;;)if(u<r){var x=m.C(null,u),y=$APP.l(b,x);x=$APP.l(c,x);var A=$APP.l(y,"text"),E=$APP.l(x,"text");a.push(mG(d,e,y,x));$APP.I(A,E)&&a.push(nG(d,e,y,x));u+=1}else if(h=$APP.q(h))$APP.Zc(h)?(r=$APP.Eb(h),h=$APP.Fb(h),m=r,r=$APP.w(r)):(r=$APP.t(h),m=$APP.l(b,r),r=$APP.l(c,r),u=$APP.l(m,"text"),y=$APP.l(r,"text"),a.push(mG(d,e,m,r)),$APP.I(u,y)&&a.push(nG(d,e,m,r)),h=$APP.v(h),m=null,r=0),u=0;else break;k=$APP.q(k);h=null;for(r=m=0;;)if(r<m)u=h.C(null,
|
|
23
|
+
r),a.push(oG(d,e,$APP.l(b,u))),r+=1;else if(k=$APP.q(k))h=k,$APP.Zc(h)?(k=$APP.Eb(h),r=$APP.Fb(h),h=k,m=$APP.w(k),k=r):(k=$APP.t(h),a.push(oG(d,e,$APP.l(b,k))),k=$APP.v(h),h=null,m=0),r=0;else break;b=$APP.q(f);d=null;for(f=e=0;;)if(f<e)k=d.C(null,f),a.push(pG($APP.l(c,k))),f+=1;else if(b=$APP.q(b))d=b,$APP.Zc(d)?(b=$APP.Eb(d),f=$APP.Fb(d),d=b,e=$APP.w(b),b=f):(b=$APP.t(d),a.push(pG($APP.l(c,b))),b=$APP.v(d),d=null,e=0),f=0;else break;return a},nda=function(a,b){if($APP.z.j(b,"organic")||$APP.z.j(b,
|
|
24
|
+
"liquid")){b=YF(a);b=$APP.G(b);b=$APP.C(b,$APP.Bs);var c=$APP.l(a,"__xMorphStackFilterId");if($APP.n(c))b=c;else{c=xG[0];xG[0]=c+1;c="x-morph-stack-goo-"+$APP.P.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");$APP.S(e,"id",c);$APP.S(e,"x","-20%");$APP.S(e,"y","-20%");
|
|
25
|
+
$APP.S(e,"width","140%");$APP.S(e,"height","140%");$APP.S(f,"in","SourceGraphic");$APP.S(f,"stdDeviation",""+$APP.P.i(10));$APP.S(f,"result","blur");$APP.S(h,"in","blur");$APP.S(h,"type","matrix");$APP.S(h,"values",OF(18));e.appendChild(f);e.appendChild(h);d.appendChild(e);b.appendChild(d);$APP.Q(a,"__xMorphStackFilterId",c);$APP.Q(a,"__xMorphStackFilterBlur",f);$APP.Q(a,"__xMorphStackFilterMatrix",h);b=c}c=YF(a);c=$APP.G(c);c=$APP.C(c,XF);d=bG(a,"--x-morph-stack-goo-blur",10);e=bG(a,"--x-morph-stack-goo-threshold",
|
|
26
|
+
18);$APP.Q(a,"__xMorphStackGooBaseBlur",d);$APP.Q(a,"__xMorphStackGooBaseThreshold",e);hG(a,d,e);c.style.filter="url(#"+$APP.P.i(b)+")";c.style.webkitFilter="url(#"+$APP.P.i(b)+")";iG(a,0)}},oda=function(a,b,c,d,e,f){e=mda(a,e,f,d);var h=function(){var k=$APP.l(a,"__xMorphStackToken");return $APP.n(k)?k:0}()+1;$APP.Q(a,"__xMorphStackToken",h);$APP.Q(a,"__xMorphStackEntries",e);$APP.Q(a,"__xMorphStackLast",null);$APP.Q(a,"__xMorphStackFrom",c);$APP.Q(a,"__xMorphStackTo",d);$APP.Q(a,"__xMorphStackTimeScale",
|
|
27
|
+
ida($APP.Mt.i(b),$APP.Au.i(b),$APP.lt.i(b),$APP.fv.i(b)));nda(a,$APP.zn.i(b));e.length===0?rG(a,h,!0):(b=window.requestAnimationFrame(function(k){return $APP.z.j(h,$APP.l(a,"__xMorphStackToken"))?yG(a,k):null}),$APP.Zi(a,"__xMorphStackRaf",b))},zG=function(a,b,c){var d=$APP.l(a,"__xMorphStackCurrent"),e=function(){var k=$APP.l(a,"__xMorphStackModel");return $APP.n(k)?k:aG(a)}(),f=dG(a);if($APP.p(kda(f,b)))return!1;if($APP.z.j(d,b))return!0;f=$APP.n(d)?eG(a,d):null;var h=eG(a,b);c=$APP.$m(new $APP.M(null,
|
|
28
|
+
3,[$APP.Pm,$APP.n(d)?d:"",$APP.Ou,$APP.n(b)?b:"",$APP.Yq,$APP.n(c)?c:"method"],null));return $APP.gj(a,"x-morph-stack-change",c)?(sG(a),$APP.n(function(){var k=$APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches);return k?k:$APP.Wj.i(e)}())?lda(a,d,b):oda(a,e,d,b,f,h),!0):!1},pda=function(a,b){$APP.S(a,"data-variant",$APP.zn.i(b));var c=dG(a);c=RF($APP.Ze($APP.Dc(c)),b);b=$APP.l(a,"__xMorphStackCurrent");if(b==null)return $APP.n(c)?fG(a,c):null;if($APP.n($APP.n(c)?$APP.I(c,b):c))return zG(a,
|
|
29
|
+
c,"attribute");c=c==null;return $APP.n(c?b:c)?(sG(a),fG(a,null)):null},AG=function(a){ZF(a);var b=aG(a);return $APP.I(b,$APP.l(a,"__xMorphStackModel"))?($APP.Q(a,"__xMorphStackModel",b),pda(a,b)):null},BG=function(a){var b=dG(a);var c=$APP.l(a,"__xMorphStackModel");c=$APP.n(c)?c:aG(a);b=RF($APP.Ze($APP.Dc(b)),c);c=$APP.l(a,"__xMorphStackCurrent");return b==null?(sG(a),fG(a,null)):$APP.n($APP.n(c)?eG(a,c)==null:c)?(sG(a),fG(a,b)):c==null?fG(a,b):fG(a,c)},qda=function(a){function b(){return BG(a)}var c=
|
|
30
|
+
ZF(a);c=$APP.G(c);$APP.C(c,$APP.eo).addEventListener("slotchange",b);$APP.Q(a,"__xMorphStackHandlers",{slot:b})},CG=function(a){var b=$APP.l(a,"__xMorphStackHandlers"),c=$APP.l(a,"__xMorphStackRefs");$APP.n($APP.n(b)?c:b)&&(c=$APP.eo.i(c),b=$APP.l(b,"slot"),$APP.n(b)&&c.removeEventListener("slotchange",b));return $APP.Q(a,"__xMorphStackHandlers",null)},DG=function(a,b,c){Object.defineProperty(a,b,{get:function(){var d=this.getAttribute(c);return d==null?null:parseFloat(d)},set:function(d){return d==
|
|
31
|
+
null?$APP.U(this,c):$APP.S(this,c,""+$APP.P.i(d))},enumerable:!0,configurable:!0})},rda=function(a){$APP.nj(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?$APP.U(this,"active-index"):$APP.S(this,"active-index",""+$APP.P.i(b|0))},enumerable:!0,configurable:!0});DG(a,"stiffness","stiffness");DG(a,"damping","damping");DG(a,"mass","mass");DG(a,"duration","duration");
|
|
32
|
+
Object.defineProperty(a,"variant",{get:function(){return NF(this.getAttribute("variant"))},set:function(b){return b==null?$APP.U(this,"variant"):$APP.S(this,"variant",""+$APP.P.i(b))},enumerable:!0,configurable:!0});$APP.jj(a,"disabled","disabled");Object.defineProperty(a,"goTo",{value:function(b){b=b!=null?""+$APP.P.i(b):null;return zG(this,b,"method")},writable:!0,configurable:!0});Object.defineProperty(a,"next",{value:function(){var b=dG(this);var c=b.length,d=$APP.l(this,"__xMorphStackCurrent");
|
|
33
|
+
if(c>0){b:{for(var e=0;;){if(e>=c){d=-1;break b}if($APP.z.j(b[e],d)){d=e;break b}e+=1}d=void 0}b=zG(this,b[$APP.td(d+1,c)],"method")}else b=null;return b},writable:!0,configurable:!0});Object.defineProperty(a,"prev",{value:function(){var b=dG(this);var c=b.length,d=$APP.l(this,"__xMorphStackCurrent");if(c>0){b:{for(var e=0;;){if(e>=c){d=0;break b}if($APP.z.j(b[e],d)){d=e;break b}e+=1}d=void 0}b=zG(this,b[$APP.td(d-1+c,c)],"method")}else b=null;return b},writable:!0,configurable:!0});return Object.defineProperty(a,
|
|
34
|
+
"states",{value:function(){return dG(this)},writable:!0,configurable:!0})},sda=function(a){ZF(a);CG(a);qda(a);AG(a);return $APP.l(a,"__xMorphStackCurrent")==null?BG(a):null},tda=function(a){sG(a);var b=$APP.l(a,"__xMorphStackRefs"),c=$APP.n(b)?XF.i(b):null;$APP.n($APP.n(c)?c.parentNode:c)&&c.parentNode.removeChild(c);$APP.n(b)&&$APP.Q(a,"__xMorphStackRefs",$APP.vp.j($APP.vp.j(b,XF),$APP.Bs));$APP.Q(a,"__xMorphStackFilterId",null);$APP.Q(a,"__xMorphStackFilterBlur",null);$APP.Q(a,"__xMorphStackFilterMatrix",
|
|
35
|
+
null);$APP.Q(a,"__xMorphStackGooBaseBlur",null);$APP.Q(a,"__xMorphStackGooBaseThreshold",null);return CG(a)},uda=function(a,b,c,d){return $APP.I(c,d)?AG(a):null},EG=function(){return $APP.ri("x-morph-stack",new $APP.M(null,5,[$APP.ii,vda,$APP.gi,sda,$APP.di,tda,$APP.ci,uda,$APP.hi,rda],null))},vG=function vG(a){switch(arguments.length){case 1:return vG.i(arguments[0]);case 2:return vG.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;
|
|
36
|
+
return vG.B(arguments[0],arguments[1],2<c.length?new $APP.bc(c.slice(2),0,null):null)}};vG.i=function(a){return a};vG.j=function(a,b){return $APP.w(a)<$APP.w(b)?$APP.za(function(c,d){return $APP.cd(b,d)?$APP.wp.j(c,d):c},a,a):$APP.za($APP.wp,a,b)};vG.B=function(a,b,c){return $APP.za(vG,a,$APP.Ad.j(c,b))};vG.K=function(a){var b=$APP.t(a),c=$APP.v(a);a=$APP.t(c);c=$APP.v(c);return this.B(b,a,c)};vG.M=2;
|
|
37
|
+
var wG=new $APP.F(null,"entering","entering",-413471949),uG=new $APP.F(null,"leaving","leaving",608616060),tG=new $APP.F(null,"matched","matched",-975207164),$F=new $APP.F(null,"active-state-raw","active-state-raw",-60607051),QF=new $APP.F(null,"active-state","active-state",-1185168001),XF=new $APP.F(null,"ghost-layer","ghost-layer",1707493707);var vda="active-state active-index stiffness damping mass variant duration disabled".split(" "),hda=$APP.dh(["liquid","clean","organic"]);$APP.ie(["x-morph-stack-change",new $APP.M(null,2,[$APP.V,new $APP.M(null,3,[$APP.Pm,$APP.X,$APP.Ou,$APP.X,$APP.Yq,$APP.X],null),$APP.Xu,!0],null),"x-morph-stack-changed",new $APP.M(null,2,[$APP.V,new $APP.M(null,2,[$APP.Pm,$APP.X,$APP.Ou,$APP.X],null),$APP.Xu,!1],null)]);var xG=[0],yG=function yG(a,b){var d=$APP.l(a,"__xMorphStackToken"),e=$APP.l(a,"__xMorphStackEntries"),f=$APP.l(a,"__xMorphStackLast"),h=function(){var H=$APP.l(a,"__xMorphStackModel");return $APP.n(H)?H:aG(a)}(),k=$APP.fv.i(h),m=$APP.Au.i(h);h=$APP.lt.i(h);f=$APP.Ql.j(0,$APP.Rl.j(1/30,function(){var H=$APP.l(a,"__xMorphStackTimeScale");return $APP.n(H)?H:1}()*($APP.n(f)?(b-f)/1E3:1/60)));$APP.Q(a,"__xMorphStackLast",b);if($APP.n($APP.n(e)?e.length:e)){b=[!0];for(var r=[1],u=e.length,x=0;;)if(x<u){var y=
|
|
38
|
+
e[x],A=jda(y.t,y.v,f,k,m,h),E=A[0];A=A[1];y.t=E;y.v=A;y=y.update;y.i?y.i(E):y.call(null,E);E<r[0]&&(r[0]=E);Math.abs(E-1)<.001&&Math.abs(A)<.01||(b[0]=!1);x+=1}else break;iG(a,r[0]);if($APP.n(b[0]))return rG.m?rG.m(a,d,!0):rG.call(null,a,d,!0);e=window.requestAnimationFrame(function(H){return $APP.z.j(d,$APP.l(a,"__xMorphStackToken"))?yG.j?yG.j(a,H):yG.call(null,a,H):null});return $APP.Zi(a,"__xMorphStackRaf",e)}return null};$APP.ha("baredom.exports.x_morph_stack.init",EG);export const init=EG;
|