@vanelsas/baredom 2.4.1 → 2.6.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 +25 -0
- package/README.md +63 -270
- package/custom-elements.json +7373 -0
- package/dist/baredom.d.ts +97 -0
- package/dist/base.js +74 -74
- package/dist/integrity.json +93 -93
- package/dist/x-alert.d.ts +43 -0
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.d.ts +18 -0
- package/dist/x-avatar-group.js +10 -10
- package/dist/x-avatar.d.ts +21 -0
- package/dist/x-avatar.js +13 -13
- package/dist/x-badge.d.ts +19 -0
- package/dist/x-badge.js +11 -11
- package/dist/x-bento-grid.d.ts +12 -0
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.d.ts +12 -0
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.d.ts +20 -0
- package/dist/x-breadcrumbs.js +14 -14
- package/dist/x-button.d.ts +45 -0
- package/dist/x-button.js +15 -15
- package/dist/x-cancel-dialogue.d.ts +50 -0
- package/dist/x-cancel-dialogue.js +12 -12
- package/dist/x-card.d.ts +39 -0
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.d.ts +48 -0
- package/dist/x-carousel.js +28 -28
- package/dist/x-chart.d.ts +23 -0
- package/dist/x-chart.js +46 -46
- package/dist/x-checkbox.d.ts +45 -0
- package/dist/x-checkbox.js +11 -11
- package/dist/x-chip.d.ts +41 -0
- package/dist/x-chip.js +8 -8
- package/dist/x-collapse.d.ts +42 -0
- package/dist/x-collapse.js +10 -10
- package/dist/x-color-picker.d.ts +47 -0
- package/dist/x-color-picker.js +41 -41
- package/dist/x-combobox.d.ts +47 -0
- package/dist/x-combobox.js +25 -25
- package/dist/x-command-palette.d.ts +46 -0
- package/dist/x-command-palette.js +24 -24
- package/dist/x-container.d.ts +14 -0
- package/dist/x-container.js +6 -6
- package/dist/x-context-menu.d.ts +17 -0
- package/dist/x-context-menu.js +18 -18
- package/dist/x-copy.d.ts +51 -0
- package/dist/x-copy.js +20 -20
- package/dist/x-currency-field.d.ts +52 -0
- package/dist/x-currency-field.js +23 -21
- package/dist/x-date-picker.d.ts +20 -0
- package/dist/x-date-picker.js +37 -37
- package/dist/x-divider.d.ts +20 -0
- package/dist/x-divider.js +8 -8
- package/dist/x-drawer.d.ts +44 -0
- package/dist/x-drawer.js +11 -11
- package/dist/x-dropdown.d.ts +42 -0
- package/dist/x-dropdown.js +9 -9
- package/dist/x-fieldset.d.ts +14 -0
- package/dist/x-fieldset.js +5 -5
- package/dist/x-file-download.d.ts +40 -0
- package/dist/x-file-download.js +7 -7
- package/dist/x-file-upload.d.ts +46 -0
- package/dist/x-file-upload.js +22 -22
- package/dist/x-form-field.d.ts +47 -0
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.d.ts +41 -0
- package/dist/x-form.js +9 -9
- package/dist/x-gaussian-blur.d.ts +20 -0
- package/dist/x-gaussian-blur.js +16 -16
- package/dist/x-grid.d.ts +12 -0
- package/dist/x-grid.js +6 -6
- package/dist/x-icon.d.ts +15 -0
- package/dist/x-icon.js +7 -7
- package/dist/x-image.d.ts +48 -0
- package/dist/x-image.js +18 -18
- package/dist/x-kinetic-font.d.ts +48 -0
- package/dist/x-kinetic-font.js +28 -28
- package/dist/x-kinetic-typography.d.ts +27 -0
- package/dist/x-kinetic-typography.js +37 -37
- package/dist/x-liquid-dock.d.ts +47 -0
- package/dist/x-liquid-dock.js +35 -35
- package/dist/x-liquid-fill.d.ts +46 -0
- package/dist/x-liquid-fill.js +40 -40
- package/dist/x-liquid-glass.d.ts +25 -0
- package/dist/x-liquid-glass.js +35 -35
- package/dist/x-menu-item.d.ts +41 -0
- package/dist/x-menu-item.js +10 -10
- package/dist/x-menu.d.ts +42 -0
- package/dist/x-menu.js +10 -10
- package/dist/x-metaball-cursor.d.ts +21 -0
- package/dist/x-metaball-cursor.js +25 -25
- package/dist/x-modal.d.ts +44 -0
- package/dist/x-modal.js +11 -11
- package/dist/x-morph-stack.d.ts +46 -0
- package/dist/x-morph-stack.js +39 -39
- package/dist/x-navbar.d.ts +46 -0
- package/dist/x-navbar.js +12 -12
- package/dist/x-neural-glow.d.ts +22 -0
- package/dist/x-neural-glow.js +30 -30
- package/dist/x-notification-center.d.ts +42 -0
- package/dist/x-notification-center.js +10 -10
- package/dist/x-organic-divider.d.ts +19 -0
- package/dist/x-organic-divider.js +15 -15
- package/dist/x-organic-progress.d.ts +45 -0
- package/dist/x-organic-progress.js +35 -35
- package/dist/x-organic-shape.d.ts +18 -0
- package/dist/x-organic-shape.js +12 -12
- package/dist/x-pagination.d.ts +45 -0
- package/dist/x-pagination.js +17 -16
- package/dist/x-particle-button.d.ts +47 -0
- package/dist/x-particle-button.js +46 -46
- package/dist/x-popover.d.ts +45 -0
- package/dist/x-popover.js +23 -23
- package/dist/x-progress-circle.d.ts +41 -0
- package/dist/x-progress-circle.js +7 -7
- package/dist/x-progress.d.ts +44 -0
- package/dist/x-progress.js +7 -7
- package/dist/x-radio.d.ts +44 -0
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.d.ts +42 -0
- package/dist/x-ripple-effect.js +11 -11
- package/dist/x-scroll-parallax.d.ts +45 -0
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.d.ts +46 -0
- package/dist/x-scroll-stack.js +18 -18
- package/dist/x-scroll-story.d.ts +56 -0
- package/dist/x-scroll-story.js +33 -33
- package/dist/x-scroll-timeline.d.ts +58 -0
- package/dist/x-scroll-timeline.js +44 -44
- package/dist/x-scroll.d.ts +51 -0
- package/dist/x-scroll.js +39 -39
- package/dist/x-search-field.d.ts +47 -0
- package/dist/x-search-field.js +15 -14
- package/dist/x-select.d.ts +41 -0
- package/dist/x-select.js +10 -10
- package/dist/x-sidebar.d.ts +40 -0
- package/dist/x-sidebar.js +16 -16
- package/dist/x-skeleton-group.d.ts +15 -0
- package/dist/x-skeleton-group.js +13 -13
- package/dist/x-skeleton.d.ts +16 -0
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.d.ts +49 -0
- package/dist/x-slider.js +18 -16
- package/dist/x-soft-body.d.ts +44 -0
- package/dist/x-soft-body.js +20 -20
- package/dist/x-spacer.d.ts +15 -0
- package/dist/x-spacer.js +5 -5
- package/dist/x-spinner.d.ts +15 -0
- package/dist/x-spinner.js +5 -5
- package/dist/x-splash.d.ts +42 -0
- package/dist/x-splash.js +13 -13
- package/dist/x-stat.d.ts +21 -0
- package/dist/x-stat.js +9 -9
- package/dist/x-stepper.d.ts +42 -0
- package/dist/x-stepper.js +14 -14
- package/dist/x-switch.d.ts +44 -0
- package/dist/x-switch.js +10 -10
- package/dist/x-tab.d.ts +40 -0
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.d.ts +50 -0
- package/dist/x-table-cell.js +19 -19
- package/dist/x-table-row.d.ts +43 -0
- package/dist/x-table-row.js +10 -10
- package/dist/x-table.d.ts +124 -0
- package/dist/x-table.js +13 -13
- package/dist/x-tabs.d.ts +71 -0
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.d.ts +48 -0
- package/dist/x-text-area.js +20 -18
- package/dist/x-theme.d.ts +15 -0
- package/dist/x-theme.js +24 -24
- package/dist/x-timeline-item.d.ts +46 -0
- package/dist/x-timeline-item.js +19 -19
- package/dist/x-timeline.d.ts +78 -0
- package/dist/x-timeline.js +9 -9
- package/dist/x-toast.d.ts +45 -0
- package/dist/x-toast.js +21 -21
- package/dist/x-toaster.d.ts +41 -0
- package/dist/x-toaster.js +8 -8
- package/dist/x-tooltip.d.ts +43 -0
- package/dist/x-tooltip.js +12 -12
- package/dist/x-typography.d.ts +16 -0
- package/dist/x-typography.js +8 -8
- package/dist/x-welcome-tour.d.ts +92 -0
- package/dist/x-welcome-tour.js +58 -58
- package/package.json +506 -392
package/dist/x-liquid-dock.js
CHANGED
|
@@ -1,40 +1,40 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
a+b*b);e=Math.max(0,1-d/e);c=e*e;g=c*g*20;d=d>.001?1/d:0;return new $APP.
|
|
4
|
-
$APP.aj,c],null)}},
|
|
5
|
-
"svg"),m=document.createElement("div"),p=document.createElement("div"),q=document.createElement("slot");a.__xLiquidDockUid=c;g.textContent=
|
|
6
|
-
b=$APP.D(v,$APP.ki);c=$APP.D(v,$APP.
|
|
2
|
+
var eq=function(a){return typeof a==="string"?(a=a.trim().toLowerCase(),$APP.I(dq,a)?a:"bottom"):"bottom"},fq=function(a,b,c,d){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?b:Math.min(d,Math.max(c,a))):b},gq=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 18 -7"},hq=function(a){return typeof a==="string"&&a.trim().length>0?a.trim():null},iq=function(a,b){return a+(b-a)*.1},mq=function(a,b,c,d,e,g,h){a=c-a;b=d-b;d=Math.sqrt(a*
|
|
3
|
+
a+b*b);e=Math.max(0,1-d/e);c=e*e;g=c*g*20;d=d>.001?1/d:0;return new $APP.Q(null,4,[jq,e,$APP.aj,1+c*(h-1),kq,a*d*g*.3,lq,b*d*g*.3],null)},pq=function(a,b){var c=a*a;a=c*28;c=.6+c*.9;switch(b){case "bottom":return new $APP.Q(null,3,[nq,0,oq,-a,$APP.aj,c],null);case "top":return new $APP.Q(null,3,[nq,0,oq,a,$APP.aj,c],null);case "left":return new $APP.Q(null,3,[nq,a,oq,0,$APP.aj,c],null);case "right":return new $APP.Q(null,3,[nq,-a,oq,0,$APP.aj,c],null);default:return new $APP.Q(null,3,[nq,0,oq,-a,
|
|
4
|
+
$APP.aj,c],null)}},rq=function(a,b,c,d){a*=a;var e=12*d*a;return new $APP.Q(null,3,[qq,function(){switch(c){case "bottom":return-e;case "top":return e;case "left":return e;case "right":return-e;default:return-e}}(),$APP.bm,5*d*a*b,$APP.aj,1+.12*d*a],null)},xq=function(a){var b=$APP.k(a,"__xLiquidDockModel"),c=sq[0];sq[0]=c+1;var d="goo-"+$APP.T.g(c),e=a.attachShadow({mode:"open"}),g=document.createElement("style"),h=document.createElement("nav"),l=document.createElementNS("http://www.w3.org/2000/svg",
|
|
5
|
+
"svg"),m=document.createElement("div"),p=document.createElement("div"),q=document.createElement("slot");a.__xLiquidDockUid=c;g.textContent=tq;h.setAttribute("part","dock");h.setAttribute("role","navigation");h.setAttribute("aria-label","Navigation dock");l.setAttribute("part","filter-svg");l.setAttribute("aria-hidden","true");l.setAttribute("role","presentation");m.setAttribute("part","liquid-layer");m.style.filter="url(#"+$APP.T.g(d)+")";p.setAttribute("part","items");p.appendChild(q);var v=$APP.M(b);
|
|
6
|
+
b=$APP.D(v,$APP.ki);c=$APP.D(v,$APP.Ul);v=$APP.D(v,uq);var x=document.createElementNS("http://www.w3.org/2000/svg","defs"),y=document.createElementNS("http://www.w3.org/2000/svg","filter"),A=document.createElementNS("http://www.w3.org/2000/svg","feGaussianBlur"),C=document.createElementNS("http://www.w3.org/2000/svg","feColorMatrix"),E=document.createElementNS("http://www.w3.org/2000/svg","feTurbulence"),H=document.createElementNS("http://www.w3.org/2000/svg","feDisplacementMap");y.setAttribute("id",
|
|
7
7
|
d);y.setAttribute("x","-20%");y.setAttribute("y","-20%");y.setAttribute("width","140%");y.setAttribute("height","140%");A.setAttribute("in","SourceGraphic");A.setAttribute("stdDeviation",""+$APP.T.g(b));A.setAttribute("result","blur");C.setAttribute("in","blur");C.setAttribute("type","matrix");C.setAttribute("values",c);C.setAttribute("result","goo");E.setAttribute("type","fractalNoise");E.setAttribute("baseFrequency","0.015");E.setAttribute("numOctaves","2");E.setAttribute("seed","0");E.setAttribute("result",
|
|
8
|
-
"noise");H.setAttribute("in","goo");H.setAttribute("in2","noise");H.setAttribute("scale",""+$APP.T.g(v));H.setAttribute("xChannelSelector","R");H.setAttribute("yChannelSelector","G");y.appendChild(A);y.appendChild(C);y.appendChild(E);y.appendChild(H);x.appendChild(y);l.appendChild(x);d=new $APP.
|
|
9
|
-
h,$APP.mk,l,
|
|
10
|
-
var c=$APP.D(b,
|
|
11
|
-
a.assignedElements():null},
|
|
12
|
-
""+$APP.T.g(p)+"px";c.appendChild(l);d.push(l);e.push(m?{type:"rest"}:{type:"phantom",cpDx:0,cpDy:0,cpScale:.6,cLift:0,cRot:0,cScale:1});h+=1}else break;for(c=g;;)if(c>b)g=d.pop(),e.pop(),$APP.n(g.parentNode)&&g.parentNode.removeChild(g),--c;else break;a.__xLiquidDockBlobs=d;a.__xLiquidDockBlobSt=e},
|
|
13
|
-
b[g].getBoundingClientRect();e.push({cx:h.left+h.width/2-c.left,cy:h.top+h.height/2-c.top});g+=1}else break}a.__xLiquidDockItemsR=e;return null},
|
|
14
|
-
(a.__xLiquidDockSeed=0,$APP.ja(a,"__xLiquidDockRaf",requestAnimationFrame(function(){return
|
|
15
|
-
3,["index",b,"item",c,"source",d],null))});a.dispatchEvent(b)}
|
|
16
|
-
x=$APP.n(x)?"ArrowDown":"ArrowRight";var y=$APP.k(a,"__xLiquidDockFocus");y=$APP.n(y)?y:-1;$APP.n($APP.n(q)?q>0:q)&&($APP.B.i(v,m)?(l.preventDefault(),l=y<1?q-1:y-1,a.__xLiquidDockFocus=l,p[l].focus()):$APP.B.i(v,x)?(l.preventDefault(),l=y>=q-1?0:y+1,a.__xLiquidDockFocus=l,p[l].focus()):($APP.B.i(v,"Enter")||$APP.B.i(v," "))&&y>=0&&(l.preventDefault(),
|
|
17
|
-
m.length,q=0;;)if(q<p){if($APP.B.i(l,m[q])){l=q;break a}q+=1}else{l=null;break a}l=void 0}$APP.n(l)&&
|
|
18
|
-
g);a.addEventListener("pointerleave",e);a.addEventListener("click",d);a.addEventListener("keydown",c);$APP.n(h)&&h.addEventListener("slotchange",b);$APP.ja(a,"__xLiquidDockHdl",new $APP.
|
|
19
|
-
"__xLiquidDockRefs");$APP.n(c)&&(c=$APP.M(c),c=$APP.D(c,$APP.kj),$APP.n(c)&&c.removeEventListener("slotchange",$APP.kj.g(b)));a.__xLiquidDockHdl=null}},
|
|
20
|
-
null?this.removeAttribute("gap"):this.setAttribute("gap",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"blur",{get:function(){var b=this.getAttribute("blur");return
|
|
21
|
-
this.setAttribute("threshold",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"rippleScale",{get:function(){var b=this.getAttribute("ripple-scale");return
|
|
22
|
-
this.setAttribute("ripple-speed",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"color",{get:function(){return
|
|
23
|
-
""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"magnetStrength",{get:function(){var b=this.getAttribute("magnet-strength");return
|
|
24
|
-
this.setAttribute("bob-intensity",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0})},
|
|
25
|
-
$APP.ja(b,"__xLiquidDockBlobs",[]);$APP.ja(b,"__xLiquidDockBlobSt",[]);$APP.ja(b,"__xLiquidDockItemsR",[]);b.__xLiquidDockFocus=-1;b.__xLiquidDockBurst=0;$APP.n($APP.k(b,"__xLiquidDockRefs"))||
|
|
26
|
-
a.prototype.disconnectedCallback=function(){
|
|
27
|
-
e=$APP.
|
|
28
|
-
|
|
29
|
-
"influence",1453493017),
|
|
30
|
-
"ty","ty",158290825),
|
|
31
|
-
$APP.zf([
|
|
32
|
-
$APP.Y],null)]);var
|
|
8
|
+
"noise");H.setAttribute("in","goo");H.setAttribute("in2","noise");H.setAttribute("scale",""+$APP.T.g(v));H.setAttribute("xChannelSelector","R");H.setAttribute("yChannelSelector","G");y.appendChild(A);y.appendChild(C);y.appendChild(E);y.appendChild(H);x.appendChild(y);l.appendChild(x);d=new $APP.Q(null,5,[$APP.kl,y,$APP.nj,A,$APP.Vm,C,$APP.Pl,E,$APP.Mj,H],null);h.appendChild(l);h.appendChild(m);h.appendChild(p);e.appendChild(g);e.appendChild(h);e=$APP.Rf($APP.uc([d,new $APP.Q(null,6,[$APP.Hi,e,$APP.Bi,
|
|
9
|
+
h,$APP.mk,l,vq,m,wq,p,$APP.kj,q],null)]));a.__xLiquidDockRefs=e},Qq=function(a){a=$APP.zf([$APP.Xj,$APP.qm,yq,zq,$APP.Wh,$APP.gn,Aq,$APP.Wi,Bq,$APP.ej,Cq],[a.getAttribute("position"),a.getAttribute("blur"),a.getAttribute("magnet-strength"),a.getAttribute("ripple-speed"),a.getAttribute("threshold"),a.getAttribute("color"),a.getAttribute("ripple-scale"),a.getAttribute("gap"),a.getAttribute("bob-intensity"),a.getAttribute("disabled"),a.getAttribute("magnet-radius")]);var b=$APP.M(a);a=$APP.D(b,$APP.ej);
|
|
10
|
+
var c=$APP.D(b,Cq),d=$APP.D(b,$APP.Xj),e=$APP.D(b,$APP.qm),g=$APP.D(b,yq),h=$APP.D(b,zq),l=$APP.D(b,$APP.Wh),m=$APP.D(b,$APP.gn),p=$APP.D(b,Aq),q=$APP.D(b,$APP.Wi);b=$APP.D(b,Bq);d=eq(d);return $APP.zf([$APP.Oj,Dq,Eq,$APP.Ul,uq,$APP.ki,Nq,$APP.Yj,Oq,$APP.cn,Pq,$APP.X],[hq(m),fq(h,.03,.005,.15),fq(b,1,0,2),gq(l),fq(p,8,0,40),fq(e,10,2,30),$APP.B.i(d,"left")||$APP.B.i(d,"right"),fq(q,8,0,40),fq(c,150,40,400),d,fq(g,.6,0,2),a!=null])},Rq=function(a){a=$APP.kj.g($APP.k(a,"__xLiquidDockRefs"));return $APP.n(a)?
|
|
11
|
+
a.assignedElements():null},Sq=function(a){var b=$APP.M($APP.k(a,"__xLiquidDockRefs")),c=$APP.D(b,vq);b=function(){var q=Rq(a);return $APP.n(q)?q:[]}().length*2;for(var d=function(){var q=$APP.k(a,"__xLiquidDockBlobs");return $APP.n(q)?q:[]}(),e=function(){var q=$APP.k(a,"__xLiquidDockBlobSt");return $APP.n(q)?q:[]}(),g=d.length,h=g;;)if(h<b){var l=document.createElement("div"),m=$APP.Ud(h);l.className=m?"blob blob-rest":"blob blob-phantom";var p=m?52:44;l.style.width=""+$APP.T.g(p)+"px";l.style.height=
|
|
12
|
+
""+$APP.T.g(p)+"px";c.appendChild(l);d.push(l);e.push(m?{type:"rest"}:{type:"phantom",cpDx:0,cpDy:0,cpScale:.6,cLift:0,cRot:0,cScale:1});h+=1}else break;for(c=g;;)if(c>b)g=d.pop(),e.pop(),$APP.n(g.parentNode)&&g.parentNode.removeChild(g),--c;else break;a.__xLiquidDockBlobs=d;a.__xLiquidDockBlobSt=e},Tq=function(a){var b=$APP.M($APP.k(a,"__xLiquidDockRefs")),c=$APP.D(b,$APP.Bi);b=Rq(a);b=$APP.n(b)?b:[];var d=b.length,e=[];if($APP.n($APP.n(c)?d>0:c)){c=c.getBoundingClientRect();for(var g=0;;)if(g<d){var h=
|
|
13
|
+
b[g].getBoundingClientRect();e.push({cx:h.left+h.width/2-c.left,cy:h.top+h.height/2-c.top});g+=1}else break}a.__xLiquidDockItemsR=e;return null},Uq=function(a,b){var c=$APP.M(b);b=$APP.D(c,$APP.Oj);c=$APP.D(c,$APP.Yj);$APP.n(b)?a.style.setProperty("--x-liquid-dock-color",b):a.style.removeProperty("--x-liquid-dock-color");a.style.setProperty("--x-liquid-dock-gap",""+$APP.T.g(c)+"px")},Wq=function(a){$APP.F(window.matchMedia("(prefers-reduced-motion:reduce)").matches)||$APP.n($APP.X.g($APP.k(a,"__xLiquidDockModel")))||
|
|
14
|
+
(a.__xLiquidDockSeed=0,$APP.ja(a,"__xLiquidDockRaf",requestAnimationFrame(function(){return Vq(a)})));return null},Xq=function(a){var b=$APP.k(a,"__xLiquidDockRaf");$APP.n(b)&&(cancelAnimationFrame(b),a.__xLiquidDockRaf=null)},Yq=function(a){a=Rq(a);if($APP.n(a))for(var b=a.length,c=0;;)if(c<b)a[c].style.transform="",c+=1;else break},Zq=function(a,b,c,d){var e=Date.now();a.__xLiquidDockBurst=e;b=new CustomEvent("x-liquid-dock-select",{bubbles:!0,composed:!0,cancelable:!0,detail:$APP.Hh(new $APP.Q(null,
|
|
15
|
+
3,["index",b,"item",c,"source",d],null))});a.dispatchEvent(b)},$q=function(a){Sq(a);var b=Rq(a);if($APP.n(b))for(var c=b.length,d=0;;)if(d<c){var e=b[d];e.getAttribute("tabindex")==null&&e.setAttribute("tabindex","0");d+=1}else break;requestAnimationFrame(function(){return Tq(a)});return null},cr=function(a){function b(){return $q(a)}function c(l){var m=$APP.k(a,"__xLiquidDockModel");if(!$APP.n($APP.X.g(m))){var p=Rq(a),q=$APP.n(p)?p.length:null,v=l.key,x=Nq.g(m);m=$APP.n(x)?"ArrowUp":"ArrowLeft";
|
|
16
|
+
x=$APP.n(x)?"ArrowDown":"ArrowRight";var y=$APP.k(a,"__xLiquidDockFocus");y=$APP.n(y)?y:-1;$APP.n($APP.n(q)?q>0:q)&&($APP.B.i(v,m)?(l.preventDefault(),l=y<1?q-1:y-1,a.__xLiquidDockFocus=l,p[l].focus()):$APP.B.i(v,x)?(l.preventDefault(),l=y>=q-1?0:y+1,a.__xLiquidDockFocus=l,p[l].focus()):($APP.B.i(v,"Enter")||$APP.B.i(v," "))&&y>=0&&(l.preventDefault(),Zq(a,y,p[y],"keyboard")))}return null}function d(l){if(!$APP.n($APP.X.g($APP.k(a,"__xLiquidDockModel")))){var m=Rq(a);if($APP.n(m)){a:{l=l.target;for(var p=
|
|
17
|
+
m.length,q=0;;)if(q<p){if($APP.B.i(l,m[q])){l=q;break a}q+=1}else{l=null;break a}l=void 0}$APP.n(l)&&Zq(a,l,m[l],"pointer")}}return null}function e(){$APP.k(a,"__xLiquidDockMouse").active=!1;return null}function g(l){var m=$APP.M($APP.k(a,"__xLiquidDockRefs"));m=$APP.D(m,$APP.Bi);if($APP.n(m)){m=m.getBoundingClientRect();var p=$APP.k(a,"__xLiquidDockMouse");p.x=l.clientX-m.left;p.y=l.clientY-m.top;p.active=!0}return null}var h=$APP.M($APP.k(a,"__xLiquidDockRefs"));h=$APP.D(h,$APP.kj);a.addEventListener("pointermove",
|
|
18
|
+
g);a.addEventListener("pointerleave",e);a.addEventListener("click",d);a.addEventListener("keydown",c);$APP.n(h)&&h.addEventListener("slotchange",b);$APP.ja(a,"__xLiquidDockHdl",new $APP.Q(null,5,[ar,g,br,e,$APP.Jk,d,$APP.lk,c,$APP.kj,b],null))},dr=function(a){var b=$APP.k(a,"__xLiquidDockHdl");if($APP.n(b)){a.removeEventListener("pointermove",ar.g(b));a.removeEventListener("pointerleave",br.g(b));a.removeEventListener("click",$APP.Jk.g(b));a.removeEventListener("keydown",$APP.lk.g(b));var c=$APP.k(a,
|
|
19
|
+
"__xLiquidDockRefs");$APP.n(c)&&(c=$APP.M(c),c=$APP.D(c,$APP.kj),$APP.n(c)&&c.removeEventListener("slotchange",$APP.kj.g(b)));a.__xLiquidDockHdl=null}},er=function(a){Object.defineProperty(a,"position",{get:function(){return eq(this.getAttribute("position"))},set:function(b){return b==null?this.removeAttribute("position"):this.setAttribute("position",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"gap",{get:function(){var b=this.getAttribute("gap");return fq(b,8,0,40)},set:function(b){return b==
|
|
20
|
+
null?this.removeAttribute("gap"):this.setAttribute("gap",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"blur",{get:function(){var b=this.getAttribute("blur");return fq(b,10,2,30)},set:function(b){return b==null?this.removeAttribute("blur"):this.setAttribute("blur",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"threshold",{get:function(){return gq(this.getAttribute("threshold"))},set:function(b){return b==null?this.removeAttribute("threshold"):
|
|
21
|
+
this.setAttribute("threshold",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"rippleScale",{get:function(){var b=this.getAttribute("ripple-scale");return fq(b,8,0,40)},set:function(b){return b==null?this.removeAttribute("ripple-scale"):this.setAttribute("ripple-scale",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"rippleSpeed",{get:function(){var b=this.getAttribute("ripple-speed");return fq(b,.03,.005,.15)},set:function(b){return b==null?this.removeAttribute("ripple-speed"):
|
|
22
|
+
this.setAttribute("ripple-speed",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"color",{get:function(){return hq(this.getAttribute("color"))},set:function(b){return b==null?this.removeAttribute("color"):this.setAttribute("color",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"magnetRadius",{get:function(){var b=this.getAttribute("magnet-radius");return fq(b,150,40,400)},set:function(b){return b==null?this.removeAttribute("magnet-radius"):this.setAttribute("magnet-radius",
|
|
23
|
+
""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"magnetStrength",{get:function(){var b=this.getAttribute("magnet-strength");return fq(b,.6,0,2)},set:function(b){return b==null?this.removeAttribute("magnet-strength"):this.setAttribute("magnet-strength",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"bobIntensity",{get:function(){var b=this.getAttribute("bob-intensity");return fq(b,1,0,2)},set:function(b){return b==null?this.removeAttribute("bob-intensity"):
|
|
24
|
+
this.setAttribute("bob-intensity",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0})},gr=function(){var a=class extends HTMLElement{};a.observedAttributes=fr;a.prototype.connectedCallback=function(){var b=this,c=Qq(b);b.__xLiquidDockModel=c;$APP.ja(b,"__xLiquidDockMouse",{x:0,y:0,active:!1});
|
|
25
|
+
$APP.ja(b,"__xLiquidDockBlobs",[]);$APP.ja(b,"__xLiquidDockBlobSt",[]);$APP.ja(b,"__xLiquidDockItemsR",[]);b.__xLiquidDockFocus=-1;b.__xLiquidDockBurst=0;$APP.n($APP.k(b,"__xLiquidDockRefs"))||xq(b);Uq(b,c);$APP.n(b.hasAttribute("role"))||b.setAttribute("role","navigation");dr(b);cr(b);c=$APP.k(b,"__xLiquidDockRO");$APP.n(c)&&c.disconnect();c=new ResizeObserver(function(){Tq(b);return null});b.__xLiquidDockRO=c;c.observe(b);requestAnimationFrame(function(){Sq(b);Tq(b);return Wq(b)});return null};
|
|
26
|
+
a.prototype.disconnectedCallback=function(){Xq(this);dr(this);Yq(this);var b=$APP.k(this,"__xLiquidDockRO");$APP.n(b)&&(b.disconnect(),this.__xLiquidDockRO=null);return null};a.prototype.attributeChangedCallback=function(b,c,d){if($APP.N(c,d)&&(this.__xLiquidDockModel=b=Qq(this),$APP.n($APP.k(this,"__xLiquidDockRefs")))){d=$APP.M(b);var e=$APP.D(d,$APP.ki);c=$APP.D(d,$APP.Ul);d=$APP.D(d,uq);var g=$APP.k(this,"__xLiquidDockRefs"),h=$APP.nj.g(g);$APP.n(h)&&h.setAttribute("stdDeviation",""+$APP.T.g(e));
|
|
27
|
+
e=$APP.Vm.g(g);$APP.n(e)&&e.setAttribute("values",c);c=$APP.Mj.g(g);$APP.n(c)&&c.setAttribute("scale",""+$APP.T.g(d));Uq(this,b);Tq(this);$APP.n($APP.X.g(b))?(Xq(this),Yq(this)):$APP.n($APP.k(this,"__xLiquidDockRaf"))||Wq(this)}return null};er(a.prototype);return a},hr=function(){$APP.n(customElements.get("x-liquid-dock"))||customElements.define("x-liquid-dock",gr());return null},Dq=new $APP.K(null,"ripple-speed","ripple-speed",229709223),uq=new $APP.K(null,"ripple-scale","ripple-scale",-1874116111),
|
|
28
|
+
Cq=new $APP.K(null,"magnet-radius-raw","magnet-radius-raw",1386161852),ir=new $APP.K(null,"bobIntensity","bobIntensity",-531647277),wq=new $APP.K(null,"items-div","items-div",-555506089),jr=new $APP.K(null,"magnetStrength","magnetStrength",331224709),kr=new $APP.K(null,"rippleScale","rippleScale",-1633180735),Oq=new $APP.K(null,"magnet-radius","magnet-radius",1447549494),vq=new $APP.K(null,"liquid","liquid",1322031275),br=new $APP.K(null,"leave","leave",1022579443),jq=new $APP.K(null,"influence",
|
|
29
|
+
"influence",1453493017),Nq=new $APP.K(null,"vertical?","vertical?",-1522630444),Bq=new $APP.K(null,"bob-intensity-raw","bob-intensity-raw",-669810474),ar=new $APP.K(null,"move","move",-2110884309),oq=new $APP.K(null,"dy","dy",1719547243),nq=new $APP.K(null,"dx","dx",-381796732),yq=new $APP.K(null,"magnet-strength-raw","magnet-strength-raw",535053898),zq=new $APP.K(null,"ripple-speed-raw","ripple-speed-raw",-1426902422),lr=new $APP.K(null,"rippleSpeed","rippleSpeed",-1816718091),lq=new $APP.K(null,
|
|
30
|
+
"ty","ty",158290825),kq=new $APP.K(null,"tx","tx",466630418),Eq=new $APP.K(null,"bob-intensity","bob-intensity",-981181657),qq=new $APP.K(null,"lift","lift",903632035),mr=new $APP.K(null,"magnetRadius","magnetRadius",1616130031),Pq=new $APP.K(null,"magnet-strength","magnet-strength",-1089389895),Aq=new $APP.K(null,"ripple-scale-raw","ripple-scale-raw",1254964336);var fr="position gap blur threshold ripple-scale ripple-speed color magnet-radius magnet-strength disabled bob-intensity".split(" ");$APP.Pd(["x-liquid-dock-select",new $APP.Q(null,4,[$APP.V,new $APP.Q(null,3,[$APP.ai,$APP.W,$APP.tk,new $APP.Sb(null,"Element","Element",1498489072,null),$APP.sl,$APP.Y],null),$APP.Gm,!0,$APP.Um,!0,$APP.lm,!0],null)]);
|
|
31
|
+
$APP.zf([kr,$APP.Oj,jr,$APP.Pj,$APP.Ul,mr,ir,$APP.ki,lr,$APP.Yj,$APP.cn],[new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.Zj],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,
|
|
32
|
+
$APP.Y],null)]);var dq=new $APP.S(null,new $APP.Q(null,4,["right",null,"top",null,"bottom",null,"left",null],null),null);var sq=[0],tq=":host{display:block;position:fixed;z-index:var("+$APP.T.g("--x-liquid-dock-z-index")+",50);pointer-events:auto;"+$APP.T.g("--x-liquid-dock-color")+':var(--x-color-primary,#6366f1);}:host(:not([position])),:host([position\x3d"bottom"]){bottom:12px;left:50%;transform:translateX(-50%);}:host([position\x3d"top"]){top:12px;left:50%;transform:translateX(-50%);}:host([position\x3d"left"]){left:12px;top:50%;transform:translateY(-50%);}:host([position\x3d"right"]){right:12px;top:50%;transform:translateY(-50%);}[part\x3ddock]{display:flex;align-items:center;gap:var('+
|
|
33
33
|
$APP.T.g("--x-liquid-dock-gap")+",8px);padding:var("+$APP.T.g("--x-liquid-dock-padding")+",8px);border-radius:var("+$APP.T.g("--x-liquid-dock-radius")+",20px);background:var("+$APP.T.g("--x-liquid-dock-bg")+",rgba(255,255,255,0.88));border:1px solid var("+$APP.T.g("--x-liquid-dock-border")+",rgba(148,163,184,0.22));box-shadow:var("+$APP.T.g("--x-liquid-dock-shadow")+',0 8px 24px rgba(15,23,42,0.12));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:relative;outline:none;}:host([position\x3d"left"]) [part\x3ddock],:host([position\x3d"right"]) [part\x3ddock]{flex-direction:column;}[part\x3dfilter-svg]{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none;}[part\x3dliquid-layer]{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;}.blob{position:absolute;border-radius:50%;will-change:transform;pointer-events:none;background:var('+
|
|
34
34
|
$APP.T.g("--x-liquid-dock-color")+',#6366f1);top:0;left:0;}.blob-rest{opacity:0.65;}.blob-phantom{opacity:0.5;}[part\x3ditems]{display:flex;align-items:center;gap:inherit;position:relative;z-index:1;}:host([position\x3d"left"]) [part\x3ditems],:host([position\x3d"right"]) [part\x3ditems]{flex-direction:column;}::slotted(*){width:var('+$APP.T.g("--x-liquid-dock-item-size")+",48px);height:var("+$APP.T.g("--x-liquid-dock-item-size")+",48px);display:flex;align-items:center;justify-content:center;cursor:pointer;will-change:transform;position:relative;z-index:1;border:none;background:transparent;color:inherit;font-size:1.4em;transition:none;border-radius:50%;}::slotted(:hover){background:color-mix(in srgb,var("+
|
|
35
35
|
$APP.T.g("--x-liquid-dock-color")+",#6366f1) 12%,transparent);}::slotted(:focus-visible){outline:2px solid var("+$APP.T.g("--x-liquid-dock-color")+",#6366f1);outline-offset:2px;}@media(prefers-color-scheme:dark){:host{--x-liquid-dock-bg:rgba(15,23,42,0.84);--x-liquid-dock-border:rgba(51,65,85,0.9);--x-liquid-dock-shadow:var(--x-shadow-lg,0 14px 36px rgba(0,0,0,0.35));--x-liquid-dock-color:var(--x-color-primary,#818cf8);}}@media(prefers-reduced-motion:reduce){.blob{transition:none!important;}::slotted(*){transition:none!important;}}",
|
|
36
|
-
|
|
37
|
-
$APP.k(a,"__xLiquidDockBurst");return $APP.n(
|
|
38
|
-
C);aa=g[Pa];
|
|
39
|
-
|
|
40
|
-
e=.012+.006*Math.sin(g);a.__xLiquidDockSeed=g;g=$APP.
|
|
36
|
+
Vq=function Vq(a){if($APP.n(a.isConnected)){var c=$APP.k(a,"__xLiquidDockModel"),d=$APP.k(a,"__xLiquidDockMouse"),e=$APP.k(a,"__xLiquidDockBlobs"),g=$APP.k(a,"__xLiquidDockBlobSt"),h=$APP.k(a,"__xLiquidDockItemsR"),l=function(){var gb=Rq(a);return $APP.n(gb)?gb:[]}(),m=$APP.ph.i(h.length,l.length),p=$APP.k(d,"x"),q=$APP.k(d,"y"),v=$APP.k(d,"active"),x=Oq.g(c),y=Pq.g(c),A=Eq.g(c),C=$APP.cn.g(c),E=1+y*.8,H=function(){var gb=$APP.k(a,"__xLiquidDockSeed");return $APP.n(gb)?gb:0}(),G=Date.now();d=function(){var gb=
|
|
37
|
+
$APP.k(a,"__xLiquidDockBurst");return $APP.n(gb)?gb:0}();var J=G-d<300;if(J){G=(1-(G-d)/300)*20;var R=uq.g(c),aa=$APP.Mj.g($APP.k(a,"__xLiquidDockRefs"));$APP.n(aa)&&aa.setAttribute("scale",""+$APP.T.g(R+G))}for(G=0;;)if(G<m){R=h[G];var la=$APP.k(R,"cx"),Ca=$APP.k(R,"cy");aa=G*2;var Pa=aa+1;if(Pa<e.length){R=jq.g($APP.n(v)?mq(la,Ca,p,q,x,y,E):new $APP.Q(null,4,[jq,0,$APP.aj,1,kq,0,lq,0],null));aa=e[aa];var db="translate("+$APP.T.g(la-26)+"px,"+$APP.T.g(Ca-26)+"px)";aa.style.transform=db;var eb=pq(R,
|
|
38
|
+
C);aa=g[Pa];db=nq.g(eb);var pb=oq.g(eb);eb=$APP.aj.g(eb);db=iq($APP.k(aa,"cpDx"),db);pb=iq($APP.k(aa,"cpDy"),pb);eb=iq($APP.k(aa,"cpScale"),eb);aa.cpDx=db;aa.cpDy=pb;aa.cpScale=eb;Pa=e[Pa];Ca="translate("+$APP.T.g(la-22+db)+"px,"+$APP.T.g(Ca-22+pb)+"px) scale("+$APP.T.g(eb)+")";Pa.style.transform=Ca;Pa=rq(R,$APP.n(v)?function(){var gb=p-la;return gb>1?1:gb<-1?-1:0}():0,C,A);db=iq($APP.k(aa,"cLift"),qq.g(Pa));Ca=iq($APP.k(aa,"cRot"),$APP.bm.g(Pa));Pa=iq($APP.k(aa,"cScale"),$APP.aj.g(Pa));aa.cLift=
|
|
39
|
+
db;aa.cRot=Ca;aa.cScale=Pa;pb=H+G*2.39996;eb=1-R*.7;R=Math.sin(pb)*1.8*eb*A;aa=Math.cos(pb*.7)*.8*eb*A;var Nb=Math.sin(pb*1.3)*1.2*eb*A;pb=l[G];eb=Nq.g(c);db+=$APP.n(eb)?aa:R;Ca+=Nb;R=$APP.n(eb)?"translate("+$APP.T.g(db)+"px,"+$APP.T.g(R)+"px) rotate("+$APP.T.g(Ca)+"deg) scale("+$APP.T.g(Pa)+")":"translate("+$APP.T.g(aa)+"px,"+$APP.T.g(db)+"px) rotate("+$APP.T.g(Ca)+"deg) scale("+$APP.T.g(Pa)+")";pb.style.transform=R}G+=1}else break;g=$APP.k(a,"__xLiquidDockSeed")+Dq.g(c);h=$APP.k(a,"__xLiquidDockRefs");
|
|
40
|
+
e=.012+.006*Math.sin(g);a.__xLiquidDockSeed=g;g=$APP.Pl.g(h);$APP.n(g)&&g.setAttribute("baseFrequency",""+$APP.T.g(e));!J&&d>0&&(d=$APP.Mj.g($APP.k(a,"__xLiquidDockRefs")),$APP.n(d)&&d.setAttribute("scale",""+$APP.T.g(uq.g(c))),a.__xLiquidDockBurst=0);$APP.ja(a,"__xLiquidDockRaf",requestAnimationFrame(function(){return Vq.g?Vq.g(a):Vq.call(null,a)}))}return null};$APP.ha("baredom.exports.x_liquid_dock.init",hr);export const init=hr;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
// x-liquid-fill.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XLiquidFillEventMap {
|
|
6
|
+
"x-liquid-fill-progress": CustomEvent<{ progress: number; velocity: number }>;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export interface XLiquidFill extends HTMLElement {
|
|
10
|
+
waveIntensity: number;
|
|
11
|
+
disabled: boolean;
|
|
12
|
+
splashIntensity: number;
|
|
13
|
+
mode: string;
|
|
14
|
+
orientation: string;
|
|
15
|
+
theme: string;
|
|
16
|
+
layers: number;
|
|
17
|
+
target: string;
|
|
18
|
+
readonly progress: number;
|
|
19
|
+
|
|
20
|
+
addEventListener<K extends keyof XLiquidFillEventMap>(
|
|
21
|
+
type: K,
|
|
22
|
+
listener: (this: XLiquidFill, ev: XLiquidFillEventMap[K]) => any,
|
|
23
|
+
options?: boolean | AddEventListenerOptions
|
|
24
|
+
): void;
|
|
25
|
+
addEventListener(
|
|
26
|
+
type: string,
|
|
27
|
+
listener: EventListenerOrEventListenerObject,
|
|
28
|
+
options?: boolean | AddEventListenerOptions
|
|
29
|
+
): void;
|
|
30
|
+
removeEventListener<K extends keyof XLiquidFillEventMap>(
|
|
31
|
+
type: K,
|
|
32
|
+
listener: (this: XLiquidFill, ev: XLiquidFillEventMap[K]) => any,
|
|
33
|
+
options?: boolean | EventListenerOptions
|
|
34
|
+
): void;
|
|
35
|
+
removeEventListener(
|
|
36
|
+
type: string,
|
|
37
|
+
listener: EventListenerOrEventListenerObject,
|
|
38
|
+
options?: boolean | EventListenerOptions
|
|
39
|
+
): void;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
declare global {
|
|
43
|
+
interface HTMLElementTagNameMap {
|
|
44
|
+
"x-liquid-fill": XLiquidFill;
|
|
45
|
+
}
|
|
46
|
+
}
|
package/dist/x-liquid-fill.js
CHANGED
|
@@ -1,46 +1,46 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
return $APP.n(isNaN(a))?b:Math.min(1,Math.max(0,a))}return b},
|
|
4
|
-
function(a,b,c,d){return c*(.5*Math.sin(a*6.283185307179586*3+b+d)+.3*Math.sin(a*6.283185307179586*5+b*1.3+d*1.7)+.2*Math.sin(a*6.283185307179586*7+b*.7+d*2.3))},
|
|
5
|
-
window.getComputedStyle(a);b=c.getPropertyValue("overflow-y");c=c.getPropertyValue("overflow-x");if($APP.B.i(b,"auto")||$APP.B.i(b,"scroll")||$APP.B.i(c,"auto")||$APP.B.i(c,"scroll"))break a;a=a.parentElement}else{a=null;break a}a=void 0}return a},
|
|
6
|
-
a.clientWidth]:[a.scrollTop,a.scrollHeight,a.clientHeight]},
|
|
2
|
+
var k8=function(a){function b(d,e){d.push(e);return d}var c=[];return $APP.Xc?$APP.Xc(b,c,a):$APP.Yc.call(null,b,c,a)},m8=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.I(l8,a)?a:"vertical"},o8=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.I(n8,a)?a:"fill"},q8=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.I(p8,a)?a:"gold"},r8=function(a,b){if(typeof a==="string"){a=a.trim();if($APP.B.i(a,""))return b;a=parseFloat(a);
|
|
3
|
+
return $APP.n(isNaN(a))?b:Math.min(1,Math.max(0,a))}return b},s8=function(a){if(typeof a==="string"){a=a.trim();if($APP.B.i(a,""))return 3;a=parseInt(a,10);return $APP.n(isNaN(a))?3:Math.min(5,Math.max(2,a))}return 3},w8=function(a,b){b=b>1?a/(b-1):1;return new $APP.Q(null,6,[t8,a*2.39996,u8,.7+.6*b,v8,.6+.8*b,$APP.Tl,200-a*30,$APP.Pk,10+a*3,$APP.qi,1],null)},x8=function(a,b,c){b-=c;return b<=0?0:Math.min(1,Math.max(0,a/b))},y8=function(a,b,c){return c<=.001?0:Math.min(1,Math.abs(a-b)/c/2E3)},z8=
|
|
4
|
+
function(a,b,c,d){return c*(.5*Math.sin(a*6.283185307179586*3+b+d)+.3*Math.sin(a*6.283185307179586*5+b*1.3+d*1.7)+.2*Math.sin(a*6.283185307179586*7+b*.7+d*2.3))},A8=function(a,b,c,d,e,g){b=c+(e*(b-a)-g*c)*d;return[a+b*d,b]},B8=function(a,b,c){return a+(b-a)*c},D8=function(){var a=C8+1;return C8=a},E8=function(){return $APP.F(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},F8=function(a,b){if(typeof b==="string"&&$APP.N(b.trim(),""))a=document.querySelector(b);else a:{for(a=a.parentElement;;)if($APP.n(a)){var c=
|
|
5
|
+
window.getComputedStyle(a);b=c.getPropertyValue("overflow-y");c=c.getPropertyValue("overflow-x");if($APP.B.i(b,"auto")||$APP.B.i(b,"scroll")||$APP.B.i(c,"auto")||$APP.B.i(c,"scroll"))break a;a=a.parentElement}else{a=null;break a}a=void 0}return a},G8=function(a,b){return a==null?$APP.B.i(b,"horizontal")?[window.scrollX,document.documentElement.scrollWidth,window.innerWidth]:[window.scrollY,document.documentElement.scrollHeight,window.innerHeight]:$APP.B.i(b,"horizontal")?[a.scrollLeft,a.scrollWidth,
|
|
6
|
+
a.clientWidth]:[a.scrollTop,a.scrollHeight,a.clientHeight]},N8=function(a){var b=D8(),c=a.attachShadow({mode:"open"}),d=document.createElement("style"),e=document.createElement("div"),g=document.createElementNS("http://www.w3.org/2000/svg","svg"),h=document.createElementNS("http://www.w3.org/2000/svg","defs"),l=document.createElementNS("http://www.w3.org/2000/svg","radialGradient"),m=document.createElementNS("http://www.w3.org/2000/svg","stop"),p=document.createElementNS("http://www.w3.org/2000/svg",
|
|
7
7
|
"stop"),q=document.createElementNS("http://www.w3.org/2000/svg","stop"),v=document.createElementNS("http://www.w3.org/2000/svg","filter"),x=document.createElementNS("http://www.w3.org/2000/svg","feGaussianBlur"),y=document.createElementNS("http://www.w3.org/2000/svg","feSpecularLighting"),A=document.createElementNS("http://www.w3.org/2000/svg","fePointLight"),C=document.createElementNS("http://www.w3.org/2000/svg","feComposite"),E=document.createElementNS("http://www.w3.org/2000/svg","feComposite"),
|
|
8
|
-
H=
|
|
9
|
-
null)}($APP.dg(0,5))}()),G=document.createElement("div"),J=document.createElement("slot"),
|
|
8
|
+
H=k8(function(){return function Pa(Ca){return new $APP.rd(null,function(){for(;;){var db=$APP.t(Ca);if(db){if($APP.Nc(db)){var eb=$APP.yb(db),pb=$APP.z(eb),Nb=$APP.ud(pb);a:{for(var gb=0;;)if(gb<pb){$APP.yc(eb,gb);var ea=Nb,ta=document.createElementNS("http://www.w3.org/2000/svg","path");ea.add(ta);gb+=1}else{eb=!0;break a}eb=void 0}return eb?$APP.xd(Nb.aa(),Pa($APP.zb(db))):$APP.xd(Nb.aa(),null)}$APP.u(db);return $APP.od(document.createElementNS("http://www.w3.org/2000/svg","path"),Pa($APP.Yb(db)))}return null}},
|
|
9
|
+
null)}($APP.dg(0,5))}()),G=document.createElement("div"),J=document.createElement("slot"),R=""+$APP.T.g("xlf-grad-")+$APP.T.g(b),aa=""+$APP.T.g("xlf-spec-")+$APP.T.g(b);d.textContent=H8;e.setAttribute("part","container");g.setAttribute("part","svg");g.setAttribute("viewBox","0 0 300 200");g.setAttribute("preserveAspectRatio","none");g.setAttribute("aria-hidden","true");l.setAttribute("id",R);l.setAttribute("gradientUnits","userSpaceOnUse");l.setAttribute("cx","150");l.setAttribute("cy","200");l.setAttribute("r",
|
|
10
10
|
"200");l.setAttribute("fx","150");l.setAttribute("fy","200");m.setAttribute("offset","0%");m.setAttribute("stop-color","var("+$APP.T.g("--x-liquid-fill-color-1")+",#B8860B)");p.setAttribute("offset","50%");p.setAttribute("stop-color","var("+$APP.T.g("--x-liquid-fill-color-2")+",#D4AF37)");q.setAttribute("offset","100%");q.setAttribute("stop-color","var("+$APP.T.g("--x-liquid-fill-color-3")+",#F9F295)");l.appendChild(m);l.appendChild(p);l.appendChild(q);v.setAttribute("id",aa);v.setAttribute("x","-10%");
|
|
11
11
|
v.setAttribute("y","-10%");v.setAttribute("width","120%");v.setAttribute("height","120%");x.setAttribute("in","SourceAlpha");x.setAttribute("stdDeviation","3");x.setAttribute("result","blur");y.setAttribute("in","blur");y.setAttribute("surfaceScale","5");y.setAttribute("specularConstant","0.75");y.setAttribute("specularExponent","20");y.setAttribute("lighting-color","var("+$APP.T.g("--x-liquid-fill-specular-color")+",rgba(255,255,240,0.6))");y.setAttribute("result","specular");y.appendChild(A);A.setAttribute("x",
|
|
12
12
|
"90");A.setAttribute("y","-50");A.setAttribute("z","200");C.setAttribute("in","specular");C.setAttribute("in2","SourceAlpha");C.setAttribute("operator","in");C.setAttribute("result","specClip");E.setAttribute("in","SourceGraphic");E.setAttribute("in2","specClip");E.setAttribute("operator","arithmetic");E.setAttribute("k1","0");E.setAttribute("k2","1");E.setAttribute("k3","1");E.setAttribute("k4","0");v.appendChild(x);v.appendChild(y);v.appendChild(C);v.appendChild(E);h.appendChild(l);h.appendChild(v);
|
|
13
|
-
g.appendChild(h);for(h=0;;)if(h<5)m=H[h],m.setAttribute("class","wave-layer"),m.setAttribute("data-layer",""+$APP.T.g(h)),m.setAttribute("fill","url(#"+$APP.T.g(
|
|
14
|
-
8,[$APP.
|
|
15
|
-
"")?a.trim():null,$APP.
|
|
16
|
-
e.setAttribute("filter","url(#"+$APP.T.g(c)+")"):e.removeAttribute("filter")}else e.style.display="none";d+=1}else break},
|
|
17
|
-
a=$APP.D(a,
|
|
18
|
-
H.push("Z");q.setAttribute("d",H.join(""))}else{y=c*g;A=d;C=e;E=v;v=x;x=[];x.push("M"+$APP.T.g((y+
|
|
19
|
-
c=$APP.k(a,"__xLiquidFillW"),d=$APP.k(a,"__xLiquidFillH");var e=$APP.k(a,"__xLiquidFillProg");e=$APP.n(e)?e:0;var g=$APP.fj.g(b);b=
|
|
20
|
-
"M"+$APP.T.g(m.toFixed(2))+",0L"+$APP.T.g(m.toFixed(2))+","+$APP.T.g(d.toFixed(2))+"L0,"+$APP.T.g(d.toFixed(2))+"L0,0Z");h+=1}else break},
|
|
21
|
-
function(a){var b=$APP.k(a,"__xLiquidFillRaf");$APP.n(b)&&(cancelAnimationFrame(b),a.__xLiquidFillRaf=null)},
|
|
22
|
-
"__xLiquidFillModel");b=$APP.k(a,"__xLiquidFillST");var d=$APP.
|
|
23
|
-
return $APP.n(h)?h:
|
|
24
|
-
if($APP.n($APP.n(b)?$APP.k(b,"scrollAttached"):b)){var c=$APP.k(b,"scroll");a=$APP.k(a,"__xLiquidFillST");$APP.n(a)?a.removeEventListener("scroll",c):window.removeEventListener("scroll",c);b.scrollAttached=!1}else return null},
|
|
25
|
-
(d=
|
|
26
|
-
0){var d=c[0].contentRect;c=d.width;d=d.height;if(c>0&&d>0){a.__xLiquidFillW=c;a.__xLiquidFillH=d;var e=$APP.M($APP.k(a,"__xLiquidFillRefs")),g=$APP.D(e,$APP.mk),h=$APP.D(e,
|
|
27
|
-
"__xLiquidFillModel"));c=$APP.n(c)?c:
|
|
28
|
-
a.removeProperty("--x-liquid-fill-specular-color"))},
|
|
29
|
-
enumerable:!0,configurable:!0});Object.defineProperty(a,"mode",{get:function(){return
|
|
30
|
-
"waveIntensity",{get:function(){var b=this.getAttribute("wave-intensity");return
|
|
31
|
-
configurable:!0});Object.defineProperty(a,"layers",{get:function(){return
|
|
32
|
-
{get:function(){var b=$APP.k(this,"__xLiquidFillProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0})},
|
|
33
|
-
$APP.fj.g(b));
|
|
34
|
-
b;if(c==null||$APP.N($APP.fj.g(b),$APP.fj.g(c)))
|
|
35
|
-
|
|
36
|
-
-915557489),
|
|
37
|
-
$APP.zf([new $APP.K(null,"waveIntensity","waveIntensity",695633410),$APP.Pj,new $APP.K(null,"splashIntensity","splashIntensity",1275664841),$APP.wj,$APP.
|
|
38
|
-
new $APP.
|
|
39
|
-
var
|
|
40
|
-
null),"lava",new $APP.
|
|
13
|
+
g.appendChild(h);for(h=0;;)if(h<5)m=H[h],m.setAttribute("class","wave-layer"),m.setAttribute("data-layer",""+$APP.T.g(h)),m.setAttribute("fill","url(#"+$APP.T.g(R)+")"),m.style.display="none",g.appendChild(m),h+=1;else break;G.setAttribute("part","content");G.appendChild(J);e.appendChild(g);e.appendChild(G);c.appendChild(d);c.appendChild(e);a.__xLiquidFillUid=b;$APP.ja(a,"__xLiquidFillRefs",new $APP.Q(null,8,[$APP.Hi,c,$APP.mk,g,I8,H,$APP.zi,G,J8,A,K8,l,L8,aa,M8,R],null))},V8=function(a){a=new $APP.Q(null,
|
|
14
|
+
8,[$APP.vl,a.getAttribute("target"),$APP.Yl,a.getAttribute("orientation"),$APP.xl,a.getAttribute("mode"),O8,a.getAttribute("theme"),P8,a.getAttribute("wave-intensity"),Q8,a.getAttribute("splash-intensity"),R8,a.getAttribute("layers"),$APP.ej,a.getAttribute("disabled")],null);var b=$APP.M(a);a=$APP.D(b,$APP.vl);var c=$APP.D(b,$APP.Yl),d=$APP.D(b,$APP.xl),e=$APP.D(b,O8),g=$APP.D(b,P8),h=$APP.D(b,Q8),l=$APP.D(b,R8);b=$APP.D(b,$APP.ej);return new $APP.Q(null,8,[$APP.hn,typeof a==="string"&&$APP.N(a.trim(),
|
|
15
|
+
"")?a.trim():null,$APP.rl,m8(c),$APP.wj,o8(d),S8,q8(e),T8,r8(g,.5),U8,r8(h,.7),$APP.fj,s8(l),$APP.X,b!=null],null)},W8=function(a,b){var c=new Float64Array(b);a.__xLiquidFillWA=c;c=new Float64Array(b);a.__xLiquidFillWV=c;b=new Float64Array(b);a.__xLiquidFillWP=b},X8=function(a,b){var c=$APP.M($APP.k(a,"__xLiquidFillRefs"));a=$APP.D(c,I8);c=$APP.D(c,L8);for(var d=0;;)if(d<5){var e=a[d];if(d<b){var g=w8(d,b),h=$APP.B.i(d,b-1);e.style.display="";e.setAttribute("opacity",""+$APP.T.g($APP.qi.g(g)));h?
|
|
16
|
+
e.setAttribute("filter","url(#"+$APP.T.g(c)+")"):e.removeAttribute("filter")}else e.style.display="none";d+=1}else break},Y8=function(a){return $APP.B.i("vertical",$APP.rl.g(a))&&$APP.N("bar",$APP.wj.g(a))},Z8=function(a){var b=$APP.k(a,"__xLiquidFillModel"),c=$APP.k(a,"__xLiquidFillW"),d=$APP.k(a,"__xLiquidFillH"),e=$APP.k(a,"__xLiquidFillTime"),g=$APP.k(a,"__xLiquidFillProg"),h=$APP.fj.g(b);b=Y8(b);var l=$APP.k(a,"__xLiquidFillWA"),m=$APP.k(a,"__xLiquidFillWP");a=$APP.M($APP.k(a,"__xLiquidFillRefs"));
|
|
17
|
+
a=$APP.D(a,I8);if($APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c))for(var p=0;;)if(p<h){var q=a[p],v=l[p],x=m[p];if(b){var y=d*(1-g),A=c,C=d,E=e,H=[];H.push("M0,"+$APP.T.g((y+z8(0,E,v,x)).toFixed(2)));for(var G=0;;)if(G<10){var J=(G+.5)/10,R=(G+1)/10,aa=y+z8(J,E,v,x),la=R*A;R=y+z8(R,E,v,x);H.push("Q"+$APP.T.g((J*A).toFixed(2))+","+$APP.T.g(aa.toFixed(2))+" "+$APP.T.g(la.toFixed(2))+","+$APP.T.g(R.toFixed(2)));G+=1}else break;H.push("L"+$APP.T.g(A.toFixed(2))+","+$APP.T.g(C.toFixed(2)));H.push("L0,"+$APP.T.g(C.toFixed(2)));
|
|
18
|
+
H.push("Z");q.setAttribute("d",H.join(""))}else{y=c*g;A=d;C=e;E=v;v=x;x=[];x.push("M"+$APP.T.g((y+z8(0,C,E,v)).toFixed(2))+",0");for(H=0;;)if(H<10)G=(H+.5)/10,la=(H+1)/10,J=G*A,aa=la*A,la=y+z8(la,C,E,v),x.push("Q"+$APP.T.g((y+z8(G,C,E,v)).toFixed(2))+","+$APP.T.g(J.toFixed(2))+" "+$APP.T.g(la.toFixed(2))+","+$APP.T.g(aa.toFixed(2))),H+=1;else break;x.push("L0,"+$APP.T.g(A.toFixed(2)));x.push("L0,0");x.push("Z");q.setAttribute("d",x.join(""))}p+=1}else break},$8=function(a){var b=$APP.k(a,"__xLiquidFillModel"),
|
|
19
|
+
c=$APP.k(a,"__xLiquidFillW"),d=$APP.k(a,"__xLiquidFillH");var e=$APP.k(a,"__xLiquidFillProg");e=$APP.n(e)?e:0;var g=$APP.fj.g(b);b=Y8(b);a=$APP.M($APP.k(a,"__xLiquidFillRefs"));a=$APP.D(a,I8);if($APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c))for(var h=0;;)if(h<g){var l=a[h];if(b){var m=d*(1-e);l.setAttribute("d","M0,"+$APP.T.g(m.toFixed(2))+"L"+$APP.T.g(c.toFixed(2))+","+$APP.T.g(m.toFixed(2))+"L"+$APP.T.g(c.toFixed(2))+","+$APP.T.g(d.toFixed(2))+"L0,"+$APP.T.g(d.toFixed(2))+"Z")}else m=c*e,l.setAttribute("d",
|
|
20
|
+
"M"+$APP.T.g(m.toFixed(2))+",0L"+$APP.T.g(m.toFixed(2))+","+$APP.T.g(d.toFixed(2))+"L0,"+$APP.T.g(d.toFixed(2))+"L0,0Z");h+=1}else break},b9=function(a,b,c){b=new CustomEvent("x-liquid-fill-progress",{detail:$APP.Hh(new $APP.Q(null,2,[$APP.cm,b,a9,c],null)),bubbles:!0,composed:!0,cancelable:!1});a.dispatchEvent(b)},d9=function(a){$APP.n($APP.k(a,"__xLiquidFillRaf"))||($APP.ja(a,"__xLiquidFillLF",performance.now()),$APP.ja(a,"__xLiquidFillRaf",requestAnimationFrame(function(){return c9(a)})))},e9=
|
|
21
|
+
function(a){var b=$APP.k(a,"__xLiquidFillRaf");$APP.n(b)&&(cancelAnimationFrame(b),a.__xLiquidFillRaf=null)},h9=function(a){if($APP.n(function(){var h=a.isConnected;return $APP.n(h)?(h=$APP.k(a,"__xLiquidFillVis"),$APP.n(h)?$APP.r($APP.X.g($APP.k(a,"__xLiquidFillModel"))):h):h}())){var b=$APP.k(a,"__xLiquidFillModel");$APP.k(a,"__xLiquidFillST")==null&&$APP.hn.g(b)!=null&&(b=F8(a,$APP.hn.g(b)),$APP.n(b)&&(f9.g?f9.g(a):f9.call(null,a),a.__xLiquidFillST=b,g9.g?g9.g(a):g9.call(null,a)));var c=$APP.k(a,
|
|
22
|
+
"__xLiquidFillModel");b=$APP.k(a,"__xLiquidFillST");var d=$APP.rl.g(c);d=G8(b,d);var e=d[0];b=d[1];d=d[2];var g=performance.now();b=x8(e,b,d);d=y8(e,function(){var h=$APP.k(a,"__xLiquidFillLS");return $APP.n(h)?h:e}(),(g-function(){var h=$APP.k(a,"__xLiquidFillLST");return $APP.n(h)?h:g}())/1E3);a.__xLiquidFillTP=b;$APP.ja(a,"__xLiquidFillSV",Math.max(function(){var h=$APP.k(a,"__xLiquidFillSV");return $APP.n(h)?h:0}(),d));a.__xLiquidFillLS=e;a.__xLiquidFillLST=g;$APP.n(function(){var h=$APP.X.g(c);
|
|
23
|
+
return $APP.n(h)?h:E8()}())||d9(a);$APP.n(function(){var h=$APP.X.g(c);return $APP.n(h)?h:E8()}())&&(a.__xLiquidFillProg=b,$8(a),b9(a,b,d))}return null},g9=function(a){var b=$APP.k(a,"__xLiquidFillHdl");if($APP.n($APP.n(b)?$APP.r($APP.k(b,"scrollAttached")):b)){var c=$APP.k(b,"scroll");a=$APP.k(a,"__xLiquidFillST");$APP.n(a)?a.addEventListener("scroll",c,{passive:!0}):window.addEventListener("scroll",c,{passive:!0});b.scrollAttached=!0}else return null},f9=function(a){var b=$APP.k(a,"__xLiquidFillHdl");
|
|
24
|
+
if($APP.n($APP.n(b)?$APP.k(b,"scrollAttached"):b)){var c=$APP.k(b,"scroll");a=$APP.k(a,"__xLiquidFillST");$APP.n(a)?a.removeEventListener("scroll",c):window.removeEventListener("scroll",c);b.scrollAttached=!1}else return null},i9=function(a){var b=$APP.hn.g($APP.k(a,"__xLiquidFillModel")),c=F8(a,b);a.__xLiquidFillST=c;g9(a);h9(a);b!=null&&c==null&&requestAnimationFrame(function(){if($APP.n(a.isConnected)){var d=$APP.hn.g($APP.k(a,"__xLiquidFillModel"));d!=null&&$APP.k(a,"__xLiquidFillST")==null&&
|
|
25
|
+
(d=F8(a,d),$APP.n(d)&&(f9(a),a.__xLiquidFillST=d,g9(a),h9(a)))}return null})},j9=function(a){$APP.ja(a,"__xLiquidFillHdl",{scroll:function(){return h9(a)},scrollAttached:!1})},k9=function(a){f9(a);a.__xLiquidFillHdl=null},l9=function(a){var b=new IntersectionObserver(function(c){c=c[0].isIntersecting;a.__xLiquidFillVis=c;$APP.n(c)?(c=$APP.X.g($APP.k(a,"__xLiquidFillModel")),c=$APP.n(c)?c:E8(),$APP.n(c)||d9(a)):e9(a);return null},{threshold:[0]});b.observe(a);a.__xLiquidFillIO=b;b=new ResizeObserver(function(c){if(c.length>
|
|
26
|
+
0){var d=c[0].contentRect;c=d.width;d=d.height;if(c>0&&d>0){a.__xLiquidFillW=c;a.__xLiquidFillH=d;var e=$APP.M($APP.k(a,"__xLiquidFillRefs")),g=$APP.D(e,$APP.mk),h=$APP.D(e,J8);e=$APP.D(e,K8);var l=Math.max(c,d);g.setAttribute("viewBox","0 0 "+$APP.T.g(c)+" "+$APP.T.g(d));h.setAttribute("x",""+$APP.T.g(c*.3));e.setAttribute("cx",""+$APP.T.g(c*.5));e.setAttribute("cy",""+$APP.T.g(d));e.setAttribute("r",""+$APP.T.g(l));e.setAttribute("fx",""+$APP.T.g(c*.5));e.setAttribute("fy",""+$APP.T.g(d));c=$APP.X.g($APP.k(a,
|
|
27
|
+
"__xLiquidFillModel"));c=$APP.n(c)?c:E8();$APP.n(c)?$8(a):(Z8(a),d9(a))}}return null});b.observe(a);a.__xLiquidFillRO=b},o9=function(a,b){b=$APP.D(m9,b);$APP.n(b)?(a=a.style,a.setProperty("--x-liquid-fill-color-1",$APP.gl.g(b)),a.setProperty("--x-liquid-fill-color-2",$APP.hl.g(b)),a.setProperty("--x-liquid-fill-color-3",n9.g(b)),a.setProperty("--x-liquid-fill-specular-color",$APP.ql.g(b))):(a=a.style,a.removeProperty("--x-liquid-fill-color-1"),a.removeProperty("--x-liquid-fill-color-2"),a.removeProperty("--x-liquid-fill-color-3"),
|
|
28
|
+
a.removeProperty("--x-liquid-fill-specular-color"))},p9=function(a){Object.defineProperty(a,"target",{get:function(){return this.getAttribute("target")},set:function(b){return $APP.n(b)?this.setAttribute("target",""+$APP.T.g(b)):this.removeAttribute("target")},enumerable:!0,configurable:!0});Object.defineProperty(a,"orientation",{get:function(){return m8(this.getAttribute("orientation"))},set:function(b){return $APP.n(b)?this.setAttribute("orientation",""+$APP.T.g(b)):this.removeAttribute("orientation")},
|
|
29
|
+
enumerable:!0,configurable:!0});Object.defineProperty(a,"mode",{get:function(){return o8(this.getAttribute("mode"))},set:function(b){return $APP.n(b)?this.setAttribute("mode",""+$APP.T.g(b)):this.removeAttribute("mode")},enumerable:!0,configurable:!0});Object.defineProperty(a,"theme",{get:function(){return q8(this.getAttribute("theme"))},set:function(b){return $APP.n(b)?this.setAttribute("theme",""+$APP.T.g(b)):this.removeAttribute("theme")},enumerable:!0,configurable:!0});Object.defineProperty(a,
|
|
30
|
+
"waveIntensity",{get:function(){var b=this.getAttribute("wave-intensity");return r8(b,.5)},set:function(b){return b==null?this.removeAttribute("wave-intensity"):this.setAttribute("wave-intensity",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"splashIntensity",{get:function(){var b=this.getAttribute("splash-intensity");return r8(b,.7)},set:function(b){return b==null?this.removeAttribute("splash-intensity"):this.setAttribute("splash-intensity",""+$APP.T.g(b))},enumerable:!0,
|
|
31
|
+
configurable:!0});Object.defineProperty(a,"layers",{get:function(){return s8(this.getAttribute("layers"))},set:function(b){return b==null?this.removeAttribute("layers"):this.setAttribute("layers",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0});Object.defineProperty(a,"progress",
|
|
32
|
+
{get:function(){var b=$APP.k(this,"__xLiquidFillProg");return $APP.n(b)?b:0},enumerable:!0,configurable:!0})},r9=function(){var a=class extends HTMLElement{};a.observedAttributes=q9;a.prototype.connectedCallback=function(){var b=V8(this);this.__xLiquidFillModel=b;this.__xLiquidFillTime=this.__xLiquidFillSV=this.__xLiquidFillTP=this.__xLiquidFillProg=0;this.__xLiquidFillLD=-1;this.__xLiquidFillVis=!0;$APP.n($APP.k(this,"__xLiquidFillRefs"))||N8(this);o9(this,S8.g(b));W8(this,$APP.fj.g(b));X8(this,
|
|
33
|
+
$APP.fj.g(b));k9(this);j9(this);l9(this);i9(this);return null};a.prototype.disconnectedCallback=function(){e9(this);k9(this);var b=$APP.k(this,"__xLiquidFillIO");$APP.n(b)&&(b.disconnect(),this.__xLiquidFillIO=null);b=$APP.k(this,"__xLiquidFillRO");$APP.n(b)&&(b.disconnect(),this.__xLiquidFillRO=null);this.__xLiquidFillVis=!1;return null};a.prototype.attributeChangedCallback=function(b,c,d){if($APP.N(c,d)&&$APP.n($APP.k(this,"__xLiquidFillRefs"))){b=V8(this);c=$APP.k(this,"__xLiquidFillModel");this.__xLiquidFillModel=
|
|
34
|
+
b;if(c==null||$APP.N($APP.fj.g(b),$APP.fj.g(c)))W8(this,$APP.fj.g(b)),X8(this,$APP.fj.g(b));(c==null||$APP.N(S8.g(b),S8.g(c)))&&o9(this,S8.g(b));if(c==null||$APP.N($APP.hn.g(b),$APP.hn.g(c)))f9(this),i9(this);c=$APP.k(this,"__xLiquidFillW");d=$APP.k(this,"__xLiquidFillH");$APP.n($APP.n(c)?$APP.n(d)?c>0&&d>0:d:c)&&(b=$APP.X.g(b),b=$APP.n(b)?b:E8(),$APP.n(b)?(e9(this),$8(this)):(Z8(this),d9(this)))}return null};p9(a.prototype);return a},s9=function(){$APP.n(customElements.get("x-liquid-fill"))||customElements.define("x-liquid-fill",
|
|
35
|
+
r9());return null},v8=new $APP.K(null,"amp-mult","amp-mult",698045242),J8=new $APP.K(null,"feLight","feLight",-1941454484),u8=new $APP.K(null,"speed-mult","speed-mult",-353631814),R8=new $APP.K(null,"layers-raw","layers-raw",-233899391),t8=new $APP.K(null,"phase-offset","phase-offset",-1013192067),I8=new $APP.K(null,"paths","paths",-1807389588),O8=new $APP.K(null,"theme-raw","theme-raw",1068228849),L8=new $APP.K(null,"filt-id","filt-id",-672558408),T8=new $APP.K(null,"wave-intensity","wave-intensity",
|
|
36
|
+
-915557489),K8=new $APP.K(null,"grad","grad",1125187229),S8=new $APP.K(null,"theme","theme",-1247880880),n9=new $APP.K(null,"color-3","color-3",265727868),P8=new $APP.K(null,"wave-intensity-raw","wave-intensity-raw",1563162777),M8=new $APP.K(null,"grad-id","grad-id",1430109665),U8=new $APP.K(null,"splash-intensity","splash-intensity",-619909243),a9=new $APP.K(null,"velocity","velocity",-581524355),Q8=new $APP.K(null,"splash-intensity-raw","splash-intensity-raw",1573376927);var q9="target orientation mode theme wave-intensity splash-intensity layers disabled".split(" ");
|
|
37
|
+
$APP.zf([new $APP.K(null,"waveIntensity","waveIntensity",695633410),$APP.Pj,new $APP.K(null,"splashIntensity","splashIntensity",1275664841),$APP.wj,$APP.rl,S8,$APP.fj,$APP.hn,$APP.cm],[new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.Zj],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),new $APP.Q(null,1,[$APP.Z,$APP.W],null),new $APP.Q(null,1,[$APP.Z,$APP.Y],null),
|
|
38
|
+
new $APP.Q(null,2,[$APP.Z,$APP.W,$APP.wk,!0],null)]);$APP.Pd(["x-liquid-fill-progress",new $APP.Q(null,2,[$APP.V,new $APP.Q(null,2,[$APP.cm,$APP.W,a9,$APP.W],null),$APP.lm,!1],null)]);
|
|
39
|
+
var l8=new $APP.S(null,new $APP.Q(null,2,["vertical",null,"horizontal",null],null),null),n8=new $APP.S(null,new $APP.Q(null,2,["bar",null,"fill",null],null),null),p8=new $APP.S(null,new $APP.Q(null,4,["custom",null,"gold",null,"lava",null,"water",null],null),null),m9=new $APP.Q(null,3,["gold",new $APP.Q(null,4,[$APP.gl,"#B8860B",$APP.hl,"#D4AF37",n9,"#F9F295",$APP.ql,"rgba(255,255,240,0.6)"],null),"water",new $APP.Q(null,4,[$APP.gl,"#0077B6",$APP.hl,"#00B4D8",n9,"#90E0EF",$APP.ql,"rgba(255,255,255,0.5)"],
|
|
40
|
+
null),"lava",new $APP.Q(null,4,[$APP.gl,"#8B0000",$APP.hl,"#FF4500",n9,"#FF8C00",$APP.ql,"rgba(255,255,200,0.7)"],null)],null);var C8=0,H8=":host{display:block;position:relative;overflow:hidden;"+$APP.T.g("--x-liquid-fill-bg")+":transparent;"+$APP.T.g("--x-liquid-fill-border")+":none;"+$APP.T.g("--x-liquid-fill-radius")+":0;"+$APP.T.g("--x-liquid-fill-opacity")+":1;"+$APP.T.g("--x-liquid-fill-wave-speed")+":1;"+$APP.T.g("--x-liquid-fill-color-1")+":#B8860B;"+$APP.T.g("--x-liquid-fill-color-2")+":#D4AF37;"+$APP.T.g("--x-liquid-fill-color-3")+":#F9F295;"+$APP.T.g("--x-liquid-fill-specular-color")+":rgba(255,255,240,0.6);}:host{background:var("+
|
|
41
41
|
$APP.T.g("--x-liquid-fill-bg")+",transparent);border:var("+$APP.T.g("--x-liquid-fill-border")+",none);border-radius:var("+$APP.T.g("--x-liquid-fill-radius")+",0);}:host([mode\x3dbar]){"+$APP.T.g("--x-liquid-fill-bar-height")+":14px;height:var("+$APP.T.g("--x-liquid-fill-bar-height")+",14px);}[part\x3dcontainer]{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit;}[part\x3dsvg]{display:block;width:100%;height:100%;position:absolute;inset:0;pointer-events:none;opacity:var("+
|
|
42
|
-
$APP.T.g("--x-liquid-fill-opacity")+",1);}[part\x3dcontent]{position:relative;z-index:1;}."+$APP.T.g("wave-layer")+"{transition:none;}@media(prefers-color-scheme:dark){:host{"+$APP.T.g("--x-liquid-fill-bg")+":transparent;"+$APP.T.g("--x-liquid-fill-specular-color")+":rgba(255,255,200,0.4);}}@media(prefers-reduced-motion:reduce){."+$APP.T.g("wave-layer")+"{transition:none!important;}}",
|
|
43
|
-
E:
|
|
44
|
-
q=$APP.k(a,"__xLiquidFillWV"),v=$APP.k(a,"__xLiquidFillWP");a.__xLiquidFillLF=d;$APP.ja(a,"__xLiquidFillTime",function(){var E=$APP.k(a,"__xLiquidFillTime");return $APP.n(E)?E:0}()+e*g);$APP.ja(a,"__xLiquidFillProg",
|
|
45
|
-
v[d]+=e*g*
|
|
46
|
-
requestAnimationFrame(function(){return
|
|
42
|
+
$APP.T.g("--x-liquid-fill-opacity")+",1);}[part\x3dcontent]{position:relative;z-index:1;}."+$APP.T.g("wave-layer")+"{transition:none;}@media(prefers-color-scheme:dark){:host{"+$APP.T.g("--x-liquid-fill-bg")+":transparent;"+$APP.T.g("--x-liquid-fill-specular-color")+":rgba(255,255,200,0.4);}}@media(prefers-reduced-motion:reduce){."+$APP.T.g("wave-layer")+"{transition:none!important;}}",c9=function c9(a){if(!$APP.r(a.isConnected))if($APP.n(function(){var E=$APP.X.g($APP.k(a,"__xLiquidFillModel"));return $APP.n(E)?
|
|
43
|
+
E:E8()}()))a.__xLiquidFillRaf=null;else{var c=$APP.k(a,"__xLiquidFillModel"),d=performance.now(),e=Math.min(d-$APP.k(a,"__xLiquidFillLF"),100)/1E3,g=function(){var E=window.getComputedStyle(a).getPropertyValue("--x-liquid-fill-wave-speed");E=typeof E==="string"?parseFloat(E.trim()):null;var H=E==null;H||(H=isNaN(E),H=$APP.n(H)?H:E<=0);return $APP.n(H)?1:E}(),h=$APP.fj.g(c),l=T8.g(c);c=U8.g(c);var m=function(){var E=$APP.k(a,"__xLiquidFillSV");return $APP.n(E)?E:0}(),p=$APP.k(a,"__xLiquidFillWA"),
|
|
44
|
+
q=$APP.k(a,"__xLiquidFillWV"),v=$APP.k(a,"__xLiquidFillWP");a.__xLiquidFillLF=d;$APP.ja(a,"__xLiquidFillTime",function(){var E=$APP.k(a,"__xLiquidFillTime");return $APP.n(E)?E:0}()+e*g);$APP.ja(a,"__xLiquidFillProg",B8(function(){var E=$APP.k(a,"__xLiquidFillProg");return $APP.n(E)?E:0}(),function(){var E=$APP.k(a,"__xLiquidFillTP");return $APP.n(E)?E:0}(),5*e));var x=[!1];for(d=0;;)if(d<h){var y=w8(d,h),A=m*l*c*v8.g(y)*30+2*l*v8.g(y);A=A8(p[d],A,q[d],e,$APP.Tl.g(y),$APP.Pk.g(y));p[d]=A[0];q[d]=A[1];
|
|
45
|
+
v[d]+=e*g*u8.g(y);Math.abs(q[d])>.05&&(x[0]=!0);d+=1}else break;a.__xLiquidFillSV=m*Math.max(0,1-3*e);Z8(a);e=$APP.k(a,"__xLiquidFillProg");Math.abs(e-function(){var E=$APP.k(a,"__xLiquidFillLD");return $APP.n(E)?E:-1}())>.005&&(a.__xLiquidFillLD=e,b9(a,e,m));var C=Math.abs(function(){var E=$APP.k(a,"__xLiquidFillProg");return $APP.n(E)?E:0}()-function(){var E=$APP.k(a,"__xLiquidFillTP");return $APP.n(E)?E:0}());$APP.n(function(){var E=x[0];return $APP.n(E)?E:m>.01||C>.001}())?$APP.ja(a,"__xLiquidFillRaf",
|
|
46
|
+
requestAnimationFrame(function(){return c9.g?c9.g(a):c9.call(null,a)})):a.__xLiquidFillRaf=null}return null};$APP.ha("baredom.exports.x_liquid_fill.init",s9);export const init=s9;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
// x-liquid-glass.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XLiquidGlass extends HTMLElement {
|
|
6
|
+
frost: number;
|
|
7
|
+
goo: number;
|
|
8
|
+
amplitude: number;
|
|
9
|
+
specularSize: number;
|
|
10
|
+
disabled: boolean;
|
|
11
|
+
speed: number;
|
|
12
|
+
mode: string;
|
|
13
|
+
specular: boolean;
|
|
14
|
+
tint: string;
|
|
15
|
+
color2: string;
|
|
16
|
+
blobs: number;
|
|
17
|
+
color1: string;
|
|
18
|
+
specularIntensity: number;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
declare global {
|
|
22
|
+
interface HTMLElementTagNameMap {
|
|
23
|
+
"x-liquid-glass": XLiquidGlass;
|
|
24
|
+
}
|
|
25
|
+
}
|