@vanelsas/baredom 1.0.0 → 1.2.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 +23 -0
- package/README.md +14 -4
- package/dist/base.js +368 -349
- package/dist/x-alert.js +19 -19
- package/dist/x-avatar-group.js +11 -11
- package/dist/x-avatar.js +16 -17
- package/dist/x-badge.js +11 -11
- package/dist/x-breadcrumbs.js +14 -14
- package/dist/x-button.js +16 -16
- package/dist/x-cancel-dialogue.js +17 -17
- package/dist/x-card.js +7 -7
- package/dist/x-chart.js +46 -46
- package/dist/x-checkbox.js +11 -11
- package/dist/x-chip.js +8 -8
- package/dist/x-collapse.js +11 -11
- package/dist/x-command-palette.js +31 -31
- package/dist/x-container.js +6 -6
- package/dist/x-context-menu.js +19 -20
- package/dist/x-copy.js +23 -23
- package/dist/x-currency-field.js +23 -23
- package/dist/x-date-picker.js +39 -39
- package/dist/x-divider.js +12 -12
- package/dist/x-drawer.js +12 -12
- package/dist/x-dropdown.js +10 -10
- package/dist/x-fieldset.js +6 -6
- package/dist/x-file-download.js +7 -7
- package/dist/x-form-field.js +17 -17
- package/dist/x-form.js +10 -10
- package/dist/x-gaussian-blur.js +33 -0
- package/dist/x-grid.js +7 -7
- package/dist/x-kinetic-typography.js +62 -0
- package/dist/x-menu-item.js +10 -10
- package/dist/x-menu.js +10 -10
- package/dist/x-modal.js +13 -13
- package/dist/x-navbar.js +13 -13
- package/dist/x-notification-center.js +10 -10
- package/dist/x-organic-divider.js +20 -0
- package/dist/x-organic-shape.js +15 -0
- package/dist/x-pagination.js +16 -16
- package/dist/x-popover.js +15 -15
- package/dist/x-progress-circle.js +10 -10
- package/dist/x-progress.js +11 -11
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.js +14 -0
- package/dist/x-scroll-parallax.js +20 -0
- package/dist/x-scroll-stack.js +20 -0
- package/dist/x-scroll-story.js +38 -0
- package/dist/x-scroll-timeline.js +51 -0
- package/dist/x-scroll.js +43 -0
- package/dist/x-search-field.js +14 -14
- package/dist/x-select.js +9 -9
- package/dist/x-sidebar.js +16 -16
- package/dist/x-skeleton.js +6 -7
- package/dist/x-slider.js +16 -16
- package/dist/x-spacer.js +5 -5
- package/dist/x-spinner.js +5 -5
- package/dist/x-stat.js +11 -11
- package/dist/x-stepper.js +16 -16
- package/dist/x-switch.js +10 -10
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.js +23 -23
- package/dist/x-table-row.js +10 -10
- package/dist/x-table.js +15 -15
- package/dist/x-tabs.js +11 -12
- package/dist/x-text-area.js +19 -19
- package/dist/x-timeline-item.js +24 -24
- package/dist/x-timeline.js +9 -9
- package/dist/x-toast.js +24 -24
- package/dist/x-toaster.js +8 -8
- package/dist/x-typography.js +11 -0
- package/package.json +47 -2
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
+
var pz=function(a){if(a!=null&&a.F!=null)a=a.F(a);else{var b=pz[$APP.da(a==null?null:a)];if(b!=null)a=b.g?b.g(a):b.call(null,a);else if(b=pz._,b!=null)a=b.g?b.g(a):b.call(null,a);else throw $APP.ra("IEmptyableCollection.-empty",a);}return a},qz=function(a,b){if(a!=null&&a.ib!=null)a=a.ib(a,b);else{var c=qz[$APP.da(a==null?null:a)];if(c!=null)a=c.h?c.h(a,b):c.call(null,a,b);else if(c=qz._,c!=null)a=c.h?c.h(a,b):c.call(null,a,b);else throw $APP.ra("IMap.-dissoc",a);}return a},Lz=function(a,b){if(a!=
|
|
3
|
+
null&&a.pa!=null)a=a.pa(a,b);else{var c=Lz[$APP.da(a==null?null:a)];if(c!=null)a=c.h?c.h(a,b):c.call(null,a,b);else if(c=Lz._,c!=null)a=c.h?c.h(a,b):c.call(null,a,b);else throw $APP.ra("IDrop.-drop",a);}return a},Mz=function(a,b){var c=Array(a.length-2);$APP.Bc(a,0,c,0,2*b);$APP.Bc(a,2*(b+1),c,2*b,c.length-2*b);return c},Nz=function(a,b,c,d){return d instanceof $APP.wf?d.right instanceof $APP.wf?new $APP.wf(d.key,d.l,new $APP.vf(a,b,c,d.left),d.right.Ga()):d.left instanceof $APP.wf?new $APP.wf(d.left.key,
|
|
4
|
+
d.left.l,new $APP.vf(a,b,c,d.left.left),new $APP.vf(d.key,d.l,d.left.right,d.right)):new $APP.vf(a,b,c,d):new $APP.vf(a,b,c,d)},Oz=function(a,b,c,d){if(c instanceof $APP.wf)return new $APP.wf(a,b,c.Ga(),d);if(d instanceof $APP.vf)return Nz(a,b,c,d.ob());if(d instanceof $APP.wf&&d.left instanceof $APP.vf)return new $APP.wf(d.left.key,d.left.l,new $APP.vf(a,b,c,d.left.left),Nz(d.key,d.l,d.left.right,d.right.ob()));throw Error("red-black tree invariant violation");},Pz=function(a,b,c,d){return c instanceof
|
|
5
|
+
$APP.wf?c.left instanceof $APP.wf?new $APP.wf(c.key,c.l,c.left.Ga(),new $APP.vf(a,b,c.right,d)):c.right instanceof $APP.wf?new $APP.wf(c.right.key,c.right.l,new $APP.vf(c.key,c.l,c.left,c.right.left),new $APP.vf(a,b,c.right.right,d)):new $APP.vf(a,b,c,d):new $APP.vf(a,b,c,d)},Qz=function(a,b,c,d){if(d instanceof $APP.wf)return new $APP.wf(a,b,c,d.Ga());if(c instanceof $APP.vf)return Pz(a,b,c.ob(),d);if(c instanceof $APP.wf&&c.right instanceof $APP.vf)return new $APP.wf(c.right.key,c.right.l,Pz(c.key,
|
|
6
|
+
c.l,c.left.ob(),c.right.left),new $APP.vf(a,b,c.right.right,d));throw Error("red-black tree invariant violation");},Rz=function(a,b){a.sort(b||$APP.na)},Tz=function(a){var b=Sz();const c=Array(a.length);for(let e=0;e<a.length;e++)c[e]={index:e,value:a[e]};const d=b||$APP.na;Rz(c,function(e,g){return d(e.value,g.value)||e.index-g.index});for(b=0;b<a.length;b++)a[b]=c[b].value},Uz=function(a,b){if(a!=null&&a.Bb!=null)a=a.Bb(a,b);else{var c=Uz[$APP.da(a==null?null:a)];if(c!=null)a=c.h?c.h(a,b):c.call(null,
|
|
7
|
+
a,b);else if(c=Uz._,c!=null)a=c.h?c.h(a,b):c.call(null,a,b);else throw $APP.ra("ISet.-disjoin",a);}return a},Sz=function(){return $APP.C.h($APP.Ec,$APP.Ec)?$APP.Ec:function(a,b){var c=$APP.Ec.h?$APP.Ec.h(a,b):$APP.Ec.call(null,a,b);return typeof c==="number"?c:$APP.n(c)?-1:$APP.n($APP.Ec.h?$APP.Ec.h(b,a):$APP.Ec.call(null,b,a))?1:0}},Vz=function(a){if(a!=null&&(a.D&262144||$APP.t===a.yc)){var b=a.pa(null,1);return $APP.n(b)?b:$APP.Kb}return new $APP.bd(null,function(){a:{var c=1;for(var d=a;;)if(d=
|
|
8
|
+
$APP.u(d),c>0&&d)--c,d=$APP.Lb(d);else{c=d;break a}c=void 0}return c},null)},Wz=function(a){this.qb=a;this.A=null;this.o=2153775104;this.D=2048},Xz=function(a){return new Wz(a.toLowerCase())},Yz=function(){function a(){var d=Math.floor(Math.random()*65536).toString(16);switch(d.length){case 1:return["000",d].join("");case 2:return["00",d].join("");case 3:return["0",d].join("");default:return d}}var b=(16384|4095&Math.floor(Math.random()*65536)).toString(16),c=(32768|16383&Math.floor(Math.random()*
|
|
9
|
+
65536)).toString(16);return Xz([a(),a(),"-",a(),"-",b,"-",c,"-",a(),a(),a()].join(""))},$z=function(a,b){var c=$APP.ud(Zz,a,b);return $APP.Zc(c,$APP.Md(function(d){return c===d},b))},aA=function(a){return typeof a==="string"&&$APP.O("",a.trim())?a.trim():null},bA=function(a){return document.createElementNS("http://www.w3.org/2000/svg",a)},cA=function(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches},dA=function(a){var b=$APP.l(a,"__xKineticTypographyAnimate");$APP.n(b)&&(b.remove(),
|
|
10
|
+
a.__xKineticTypographyAnimate=null)},eA=function(a,b,c,d){var e=bA("animate");c=""+$APP.S.g(c)+"s";b=$APP.C.h(b,"reverse")?"reverse":"normal";e.setAttribute("attributeName","startOffset");e.setAttribute("repeatCount","indefinite");e.setAttribute("dur",c);d>0&&e.setAttribute("begin",""+$APP.S.g(d)+"s");switch(a){case "scroll":e.setAttribute("from",$APP.C.h(b,"reverse")?"100%":"0%");e.setAttribute("to",$APP.C.h(b,"reverse")?"0%":"100%");break;case "bounce":e.setAttribute("values",$APP.C.h(b,"reverse")?
|
|
11
|
+
"100%;0%;100%":"0%;100%;0%");e.setAttribute("calcMode","spline");e.setAttribute("keySplines","0.42 0 0.58 1;0.42 0 0.58 1");break;case "oscillate":e.setAttribute("values",$APP.C.h(b,"reverse")?"120%;-20%;120%":"-20%;120%;-20%"),e.setAttribute("calcMode","spline"),e.setAttribute("keySplines","0.42 0 0.58 1;0.42 0 0.58 1")}return e},fA=function(a){var b=$APP.l(a,"__xKineticTypographyEchoEls");if($APP.n(b)){for(var c=b.length,d=0;;)if(d<c)b[d].textEl.remove(),d+=1;else break;a.__xKineticTypographyEchoEls=
|
|
12
|
+
[]}},DA=function(a){var b=$APP.gf([$APP.Lh,gA,$APP.ej,hA,$APP.uj,iA,jA,kA,lA,mA,nA,oA,$APP.dj,pA,$APP.Di],[a.getAttribute("path"),a.getAttribute("echo-scale"),a.getAttribute("animation"),a.getAttribute("font-size"),a.getAttribute("speed"),a.getAttribute("preset"),a.getAttribute("start-size"),a.getAttribute("repeat"),a.getAttribute("effect"),a.getAttribute("echo-delay"),a.getAttribute("echo-count"),a.getAttribute("end-size"),a.getAttribute("direction"),a.getAttribute("echo-opacity"),a.getAttribute("text")]);
|
|
13
|
+
var c=$APP.N(b),d=$APP.H(c,lA),e=$APP.H(c,mA),g=$APP.H(c,nA),h=$APP.H(c,oA),k=$APP.H(c,$APP.dj),m=$APP.H(c,pA),p=$APP.H(c,$APP.Di),r=$APP.H(c,$APP.Lh),v=$APP.H(c,gA),x=$APP.H(c,$APP.ej),y=$APP.H(c,hA),A=$APP.H(c,$APP.uj),D=$APP.H(c,iA),G=$APP.H(c,jA),I=$APP.H(c,kA),F=typeof p==="string"?p:"",P=aA(r),la=typeof D==="string"?D.trim().toLowerCase():null;var Ca=$APP.K(qA,la)?la:"wave";var Wa=$APP.C.h(Ca,"crawl"),Wb=typeof x==="string"?x.trim().toLowerCase():null;var nh=$APP.K(rA,Wb)?Wb:"scroll";var zl=
|
|
14
|
+
typeof k==="string"?k.trim().toLowerCase():null;var Al=$APP.K(sA,zl)?zl:"normal";if(typeof A==="string"){var Vf=parseFloat(A.trim());var lf=typeof Vf==="number"&&$APP.q(isNaN(Vf))&&Vf>0?Vf:1}else lf=1;if(typeof I==="string"){var Qc=parseInt(I.trim(),10);var Ie=typeof Qc==="number"&&$APP.q(isNaN(Qc))&&Qc>0?Qc:1}else Ie=1;if(typeof d==="string"){var mf=$APP.If(d.toLowerCase().trim().split(/\s+/));var nf=tA.h(mf,uA)}else nf=$APP.Ef;var of=aA(G),lp=aA(h);var kz=$APP.C.h(Ca,"crawl")?null:P!=null?new $APP.Q(null,
|
|
15
|
+
2,[$APP.fj,P,vA,"0 0 800 200"],null):$APP.H(wA,Ca);var mp=$APP.n($APP.n(of)?$APP.n(lp)?!Wa:lp:of)?$APP.kf.h(nf,"size-gradient"):nf,np=$APP.K(mp,"size-gradient")?xA.h(mp,"size-pulse"):mp,jL=$APP.K(np,"color-wave")?xA.h(np,"color-shift"):np;if(typeof v==="string"){var Gi=parseFloat(v.trim());var lz=typeof Gi==="number"&&$APP.q(isNaN(Gi))&&Gi>0&&Gi<=1?Gi:.85}else lz=.85;var kL=$APP.fj.g(kz),lL=aA(y),mL=vA.g(kz),nL=10/$APP.Ag.h(lf,.01);if(Wa)var op=0;else if(typeof g==="string"){var Hi=parseInt(g.trim(),
|
|
16
|
+
10);op=typeof Hi==="number"&&$APP.q(isNaN(Hi))&&Hi>=0&&Hi<=5?Hi:0}else op=0;if(typeof e==="string"){var Bl=parseFloat(e.trim());var mz=typeof Bl==="number"&&$APP.q(isNaN(Bl))&&Bl>0?Bl:.3}else mz=.3;if(typeof m==="string"){var Ii=parseFloat(m.trim());var nz=typeof Ii==="number"&&$APP.q(isNaN(Ii))&&Ii>0&&Ii<=1?Ii:.5}else nz=.5;var pL=$APP.gf([gA,$APP.Lj,$APP.ej,hA,$APP.uj,vA,iA,yA,jA,zA,AA,kA,BA,mA,nA,oA,$APP.dj,pA,$APP.Di],[lz,kL,nh,lL,lf,mL,Ca,Wa,of,jL,nL,Ie,P!=null,mz,op,lp,Al,nz,F]);var Mb=$APP.N(pL),
|
|
17
|
+
rz=$APP.H(Mb,mA),sz=$APP.H(Mb,nA),pp=$APP.H(Mb,oA),qp=$APP.H(Mb,$APP.dj),qL=$APP.H(Mb,pA),pf=$APP.H(Mb,$APP.Di),rL=$APP.H(Mb,gA),Cl=$APP.H(Mb,$APP.Lj),qf=$APP.H(Mb,$APP.ej),tz=$APP.H(Mb,hA);$APP.H(Mb,$APP.uj);var uz=$APP.H(Mb,vA);$APP.H(Mb,iA);var sL=$APP.H(Mb,yA),Ji=$APP.H(Mb,jA),oh=$APP.H(Mb,zA),Wf=$APP.H(Mb,AA),rp=$APP.H(Mb,kA),vz=$APP.l(a,"__xKineticTypographySvg"),tL=$APP.l(a,"__xKineticTypographyPath"),wz=$APP.l(a,"__xKineticTypographyText"),Ki=$APP.l(a,"__xKineticTypographyTextPath"),uL=$APP.l(a,
|
|
18
|
+
"__xKineticTypographySrOnly"),vL=$APP.l(a,"__xKineticTypographyCrawlText"),sp=a.shadowRoot.querySelector("[part\x3dpath-line]");if($APP.n(sL))a.setAttribute("data-preset","crawl"),vL.textContent=pf,dA(a),fA(a),$APP.O(qf,"none")?a.setAttribute("data-animation",qf):a.removeAttribute("data-animation"),$APP.C.h(qp,"reverse")?a.setAttribute("data-direction","reverse"):a.removeAttribute("data-direction"),$APP.K(oh,"color-shift")?a.setAttribute("data-effect","color-shift"):a.removeAttribute("data-effect");
|
|
19
|
+
else{a.removeAttribute("data-preset");a.removeAttribute("data-direction");$APP.n(uz)&&vz.setAttribute("viewBox",uz);$APP.n(Cl)&&tL.setAttribute("d",Cl);$APP.n($APP.n(sp)?Cl:sp)&&sp.setAttribute("d",Cl);var tp=rp<=1?pf:$APP.td($APP.S,Vz(CA.h(new $APP.Hd(null,-1," · ",null),rp>0?new $APP.Hd(null,rp,pf,null):$APP.Kb))),xz=$APP.K(oh,"size-gradient"),wL=$APP.K(oh,"color-wave"),yz=xz?$APP.n(Ji)?$APP.n(pp)?$APP.O(pf,""):pp:Ji:xz;var xL=$APP.n(yz)?yz:wL&&$APP.O(pf,"");if($APP.n(xL)){Ki.textContent="";var up=
|
|
20
|
+
$APP.fe(tp),Xf=$APP.B(up),Yf=$APP.K(oh,"size-gradient"),vp=$APP.K(oh,"color-wave"),rf=Yf?parseFloat(Ji):null,Dl=Yf?parseFloat(pp):null;if(Yf){var zz=$APP.n(Ji)?Ji:"px",yL=/[a-z%]+/;if(typeof zz==="string"){var El=yL.exec(zz);var Az=El==null?null:El.length===1?El[0]:$APP.fe(El)}else throw new TypeError("re-find must match against a string.");var Bz=$APP.n(Az)?Az:"px"}else Bz=null;for(var Cz=Bz,Dz=vp?Xf>0?Wf/Xf:0:null,wp=$APP.u($APP.Pf(0,Xf)),xp=null,yp=0,Fl=0;;)if(Fl<yp){var Zf=xp.H(null,Fl),Gl=bA("tspan");
|
|
21
|
+
$APP.n(Yf?$APP.n(rf)?Dl:rf:Yf)&&Gl.setAttribute("font-size",""+$APP.S.g(rf+(Xf>1?Zf/(Xf-1):0)*(Dl-rf))+$APP.S.g(Cz));vp&&(Gl.style.cssText="animation:xkt-color-wave "+$APP.S.g(Wf)+"s ease-in-out infinite;animation-delay:"+$APP.S.g(Zf*Dz)+"s;");Gl.textContent=$APP.dc(up,Zf);Ki.appendChild(Gl);Fl+=1}else{var Ez=$APP.u(wp);if(Ez){var Li=Ez;if($APP.Ac(Li)){var Fz=$APP.ob(Li),zL=$APP.pb(Li),AL=Fz,BL=$APP.B(Fz);wp=zL;xp=AL;yp=BL}else{Zf=$APP.w(Li);var Hl=bA("tspan");$APP.n(Yf?$APP.n(rf)?Dl:rf:Yf)&&Hl.setAttribute("font-size",
|
|
22
|
+
""+$APP.S.g(rf+(Xf>1?Zf/(Xf-1):0)*(Dl-rf))+$APP.S.g(Cz));vp&&(Hl.style.cssText="animation:xkt-color-wave "+$APP.S.g(Wf)+"s ease-in-out infinite;animation-delay:"+$APP.S.g(Zf*Dz)+"s;");Hl.textContent=$APP.dc(up,Zf);Ki.appendChild(Hl);wp=$APP.z(Li);xp=null;yp=0}Fl=0}else break}}else Ki.textContent=tp;fA(a);if(sz>0){for(var Gz=$APP.l(a,"__xKineticTypographyPathId"),Hz=[],CL=$APP.O(qf,"none")&&$APP.q(cA()),DL=Wf>0?rz/Wf*100:5,zp=0;;)if(zp<sz){var Il=zp+1,ph=document.createElementNS("http://www.w3.org/2000/svg",
|
|
23
|
+
"text"),qh=document.createElementNS("http://www.w3.org/2000/svg","textPath"),EL=Math.pow(qL,Il),FL=Math.pow(rL,Il),GL="-"+$APP.S.g(DL*Il)+"%";ph.setAttribute("part","text-echo");ph.setAttribute("opacity",""+$APP.S.g(EL));ph.setAttribute("font-size","calc(var(--x-kinetic-typography-font-size) * "+$APP.S.g(FL)+")");qh.setAttributeNS("http://www.w3.org/1999/xlink","href","#"+$APP.S.g(Gz));qh.setAttribute("href","#"+$APP.S.g(Gz));qh.setAttribute("startOffset",GL);qh.textContent=tp;if(CL){var HL=eA(qf,
|
|
24
|
+
qp,Wf,rz*Il);qh.appendChild(HL)}ph.appendChild(qh);vz.appendChild(ph);Hz.push({textEl:ph});zp+=1}else break;a.__xKineticTypographyEchoEls=Hz}$APP.n(tz)?wz.style.setProperty("font-size",tz):wz.style.removeProperty("font-size");dA(a);if($APP.O(qf,"none")&&$APP.q(cA())){var Iz=eA(qf,qp,Wf,0);Ki.appendChild(Iz);a.__xKineticTypographyAnimate=Iz}var Mi=xA.B(oh,"size-gradient",$APP.ic(["color-wave"]));if($APP.u(Mi)){var IL=a.setAttribute;if($APP.u(Mi)){var Jz=$APP.jd.g?$APP.jd.g(Mi):$APP.jd.call(null,Mi);
|
|
25
|
+
Tz(Jz);var Kz=$APP.sc($APP.u(Jz),$APP.tc(Mi))}else Kz=$APP.Kb;IL.call(a,"data-effect",$APP.sg(Kz))}else a.removeAttribute("data-effect");$APP.O(qf,"none")?a.setAttribute("data-animation",qf):a.removeAttribute("data-animation")}uL.textContent=pf;$APP.C.h(pf,"")?(a.setAttribute("role","presentation"),a.setAttribute("aria-hidden","true")):(a.setAttribute("role","img"),a.setAttribute("aria-label",pf))},EA=function(a,b,c,d){Object.defineProperty(a,c,{get:function(){var e=this.getAttribute(b);return $APP.n(e)?
|
|
26
|
+
e:d},set:function(e){return typeof e==="string"&&$APP.O("",e)?this.setAttribute(b,e):this.removeAttribute(b)},enumerable:!0,configurable:!0})},FA=function(a){EA(a,"text","text","");EA(a,"path","path",null);EA(a,"preset","preset","wave");EA(a,"animation","animation","scroll");EA(a,"speed","speed",""+$APP.S.g(1));EA(a,"direction","direction","normal");EA(a,"effect","effect","none");EA(a,"font-size","fontSize",null);EA(a,"start-size","startSize",null);EA(a,"end-size","endSize",null);EA(a,"repeat","repeat",
|
|
27
|
+
""+$APP.S.g(1));EA(a,"echo-count","echoCount",""+$APP.S.g(0));EA(a,"echo-delay","echoDelay",""+$APP.S.g(.3));EA(a,"echo-opacity","echoOpacity",""+$APP.S.g(.5));EA(a,"echo-scale","echoScale",""+$APP.S.g(.85))},HA=function(){var a=class extends HTMLElement{};a.observedAttributes=GA;a.prototype.connectedCallback=function(){if(!$APP.n($APP.l(this,"__xKineticTypographyInit"))){var b=this.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=bA("svg"),g=bA("defs"),
|
|
28
|
+
h=bA("path"),k=bA("path"),m=bA("text"),p=bA("textPath"),r=document.createElement("span"),v=document.createElement("div"),x=document.createElement("div"),y="xkt-"+$APP.S.g(Yz());c.textContent=":host{display:block;box-sizing:border-box;color-scheme:light dark;--x-kinetic-typography-color:currentColor;--x-kinetic-typography-font-family:system-ui,sans-serif;--x-kinetic-typography-font-size:24px;--x-kinetic-typography-font-weight:400;--x-kinetic-typography-letter-spacing:0;--x-kinetic-typography-opacity:1;--x-kinetic-typography-stroke:none;--x-kinetic-typography-stroke-width:0;--x-kinetic-typography-duration:10s;--x-kinetic-typography-timing:linear;--x-kinetic-typography-color-shift-from:currentColor;--x-kinetic-typography-color-shift-to:#3b82f6;--x-kinetic-typography-path-stroke:none;--x-kinetic-typography-path-stroke-width:0;--x-kinetic-typography-crawl-perspective:400px;}@media (prefers-color-scheme:dark){:host{--x-kinetic-typography-color:rgba(255,255,255,0.87);}}[part\x3dcontainer]{width:100%;height:100%;position:relative;}[part\x3dsvg]{width:100%;height:100%;overflow:visible;}[part\x3dtext]{fill:var(--x-kinetic-typography-color);font-family:var(--x-kinetic-typography-font-family);font-size:var(--x-kinetic-typography-font-size);font-weight:var(--x-kinetic-typography-font-weight);letter-spacing:var(--x-kinetic-typography-letter-spacing);opacity:var(--x-kinetic-typography-opacity);stroke:var(--x-kinetic-typography-stroke);stroke-width:var(--x-kinetic-typography-stroke-width);}[part\x3dtext-echo]{fill:var(--x-kinetic-typography-color);font-family:var(--x-kinetic-typography-font-family);font-weight:var(--x-kinetic-typography-font-weight);letter-spacing:var(--x-kinetic-typography-letter-spacing);stroke:var(--x-kinetic-typography-stroke);stroke-width:var(--x-kinetic-typography-stroke-width);}@keyframes xkt-opacity-wave{0%,100%{opacity:var(--x-kinetic-typography-opacity);}50%{opacity:0.3;}}@keyframes xkt-size-pulse{0%,100%{font-size:var(--x-kinetic-typography-font-size);}50%{font-size:calc(var(--x-kinetic-typography-font-size) * 1.15);}}@keyframes xkt-spacing-breathe{0%,100%{letter-spacing:var(--x-kinetic-typography-letter-spacing);}50%{letter-spacing:0.15em;}}@keyframes xkt-color-shift{0%,100%{fill:var(--x-kinetic-typography-color-shift-from);}50%{fill:var(--x-kinetic-typography-color-shift-to);}}@keyframes xkt-color-wave{0%,100%{fill:var(--x-kinetic-typography-color-shift-from);}50%{fill:var(--x-kinetic-typography-color-shift-to);}}:host([data-effect~\x3dopacity-wave]) [part\x3dtext]{animation:xkt-opacity-wave var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dsize-pulse]) [part\x3dtext]{animation:xkt-size-pulse var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dspacing-breathe]) [part\x3dtext]{animation:xkt-spacing-breathe var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dcolor-shift]) [part\x3dtext]{animation:xkt-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dopacity-wave][data-effect~\x3dcolor-shift]) [part\x3dtext]{animation:xkt-opacity-wave var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dopacity-wave][data-effect~\x3dspacing-breathe]) [part\x3dtext]{animation:xkt-opacity-wave var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-spacing-breathe var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dcolor-shift][data-effect~\x3dspacing-breathe]) [part\x3dtext]{animation:xkt-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-spacing-breathe var(--x-kinetic-typography-duration) ease-in-out infinite;}:host([data-effect~\x3dopacity-wave][data-effect~\x3dcolor-shift][data-effect~\x3dspacing-breathe]) [part\x3dtext]{animation:xkt-opacity-wave var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite,xkt-spacing-breathe var(--x-kinetic-typography-duration) ease-in-out infinite;}[part\x3dpath-line]{fill:none;stroke:var(--x-kinetic-typography-path-stroke);stroke-width:var(--x-kinetic-typography-path-stroke-width);}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}[part\x3dcrawl-viewport]{display:none;}:host([data-preset\x3dcrawl]) [part\x3dsvg]{display:none;}:host([data-preset\x3dcrawl]) [part\x3dcrawl-viewport]{display:block;perspective:var(--x-kinetic-typography-crawl-perspective);height:100%;overflow:hidden;position:relative;}:host([data-preset\x3dcrawl]) [part\x3dcrawl-text]{position:absolute;bottom:0;left:50%;transform:translateX(-50%) rotateX(25deg);transform-origin:50% 100%;text-align:center;font-family:var(--x-kinetic-typography-font-family);font-size:var(--x-kinetic-typography-font-size);font-weight:var(--x-kinetic-typography-font-weight);color:var(--x-kinetic-typography-color);letter-spacing:var(--x-kinetic-typography-letter-spacing);white-space:pre-line;line-height:1.6;width:80%;}@keyframes xkt-crawl{0%{bottom:-100%;opacity:1;}90%{opacity:1;}100%{bottom:200%;opacity:0;}}:host([data-preset\x3dcrawl][data-animation\x3dscroll]) [part\x3dcrawl-text]{animation:xkt-crawl var(--x-kinetic-typography-duration) linear infinite;}:host([data-preset\x3dcrawl][data-animation\x3dscroll][data-direction\x3dreverse]) [part\x3dcrawl-text]{animation-direction:reverse;}:host([data-preset\x3dcrawl][data-effect~\x3dcolor-shift]) [part\x3dcrawl-text]{animation:xkt-crawl var(--x-kinetic-typography-duration) linear infinite,xkt-crawl-color-shift var(--x-kinetic-typography-duration) ease-in-out infinite;}@keyframes xkt-crawl-color-shift{0%,100%{color:var(--x-kinetic-typography-color-shift-from);}50%{color:var(--x-kinetic-typography-color-shift-to);}}@media (prefers-reduced-motion:reduce){:host([data-effect]) [part\x3dtext]{animation:none;}:host([data-preset\x3dcrawl]) [part\x3dcrawl-text]{animation:none;}}";
|
|
29
|
+
d.setAttribute("part","container");e.setAttribute("part","svg");e.setAttribute("aria-hidden","true");e.setAttribute("focusable","false");h.setAttribute("id",y);g.appendChild(h);k.setAttribute("part","path-line");e.appendChild(k);m.setAttribute("part","text");p.setAttribute("href","#"+$APP.S.g(y));m.appendChild(p);e.appendChild(g);e.appendChild(m);v.setAttribute("part","crawl-viewport");x.setAttribute("part","crawl-text");v.appendChild(x);r.classList.add("sr-only");r.setAttribute("part","sr-only");
|
|
30
|
+
d.appendChild(e);d.appendChild(v);d.appendChild(r);b.appendChild(c);b.appendChild(d);this.__xKineticTypographyContainer=d;this.__xKineticTypographySvg=e;this.__xKineticTypographyPath=h;this.__xKineticTypographyText=m;this.__xKineticTypographyTextPath=p;this.__xKineticTypographySrOnly=r;this.__xKineticTypographyPathId=y;this.__xKineticTypographyCrawlViewport=v;this.__xKineticTypographyCrawlText=x;this.__xKineticTypographyEchoEls=[];this.__xKineticTypographyInit=!0}DA(this);return null};a.prototype.disconnectedCallback=
|
|
31
|
+
function(){dA(this);$APP.n($APP.l(this,"__xKineticTypographySvg"))&&fA(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&$APP.n($APP.l(this,"__xKineticTypographyInit"))&&DA(this);return null};FA(a.prototype);return a},IA=function(){$APP.n(customElements.get("x-kinetic-typography"))||customElements.define("x-kinetic-typography",HA());return null},JA=function JA(a,b){if(a==null)return b;if(b==null)return a;if(a instanceof $APP.wf){if(b instanceof $APP.wf){var d=function(){var e=
|
|
32
|
+
a.right,g=b.left;return JA.h?JA.h(e,g):JA.call(null,e,g)}();return d instanceof $APP.wf?new $APP.wf(d.key,d.l,new $APP.wf(a.key,a.l,a.left,d.left),new $APP.wf(b.key,b.l,d.right,b.right)):new $APP.wf(a.key,a.l,a.left,new $APP.wf(b.key,b.l,d,b.right))}return new $APP.wf(a.key,a.l,a.left,function(){var e=a.right;return JA.h?JA.h(e,b):JA.call(null,e,b)}())}if(b instanceof $APP.wf)return new $APP.wf(b.key,b.l,function(){var e=b.left;return JA.h?JA.h(a,e):JA.call(null,a,e)}(),b.right);d=function(){var e=
|
|
33
|
+
a.right,g=b.left;return JA.h?JA.h(e,g):JA.call(null,e,g)}();return d instanceof $APP.wf?new $APP.wf(d.key,d.l,new $APP.vf(a.key,a.l,a.left,d.left),new $APP.vf(b.key,b.l,d.right,b.right)):Oz(a.key,a.l,a.left,new $APP.vf(b.key,b.l,d,b.right))},KA=function KA(a,b,c,d){if(b!=null){var g=function(){var h=b.key;return a.h?a.h(c,h):a.call(null,c,h)}();if(g===0)return d[0]=b,JA(b.left,b.right);if(g<0)return g=function(){var h=b.left;return KA.Z?KA.Z(a,h,c,d):KA.call(null,a,h,c,d)}(),g!=null||d[0]!=null?b.left instanceof
|
|
34
|
+
$APP.vf?Oz(b.key,b.l,g,b.right):new $APP.wf(b.key,b.l,g,b.right):null;g=function(){var h=b.right;return KA.Z?KA.Z(a,h,c,d):KA.call(null,a,h,c,d)}();return g!=null||d[0]!=null?b.right instanceof $APP.vf?Qz(b.key,b.l,b.left,g):new $APP.wf(b.key,b.l,b.left,g):null}return null};$APP.R.prototype.Bb=$APP.ca(55,function(a,b){a=qz(this.ya,b);return a===this.ya?this:new $APP.R(this.s,a,null)});$APP.Hf.prototype.Bb=$APP.ca(54,function(a,b){a=qz(this.xa,b);return a===this.xa?this:new $APP.Hf(this.s,a,null)});
|
|
35
|
+
$APP.vf.prototype.ob=$APP.ca(53,function(){return new $APP.wf(this.key,this.l,this.left,this.right)});$APP.wf.prototype.ob=$APP.ca(52,function(){throw Error("red-black tree invariant violation");});
|
|
36
|
+
$APP.Oe.prototype.Pa=$APP.ca(51,function(a,b,c){var d=1<<(b>>>a&31);if((this.X&d)===0)return this;var e=$APP.Uc(this.X&d-1),g=this.i[2*e],h=this.i[2*e+1];return g==null?(a=h.Pa(a+5,b,c),a===h?this:a!=null?new $APP.Oe(null,this.X,$APP.Ke(this.i,2*e+1,a)):this.X===d?null:new $APP.Oe(null,this.X^d,Mz(this.i,e))):$APP.Ae(c,g)?this.X===d?null:new $APP.Oe(null,this.X^d,Mz(this.i,e)):this});
|
|
37
|
+
$APP.Qe.prototype.Pa=$APP.ca(50,function(a,b,c){var d=b>>>a&31,e=this.i[d];if(e!=null){a=e.Pa(a+5,b,c);if(a===e)d=this;else if(a==null)if(this.j<=8)a:{e=this.i;a=e.length;b=Array(2*(this.j-1));c=0;for(var g=1,h=0;;)if(c<a)c!==d&&e[c]!=null?(b[g]=e[c],g+=2,h|=1<<c,c+=1):c+=1;else{d=new $APP.Oe(null,h,b);break a}d=void 0}else d=new $APP.Qe(null,this.j-1,$APP.Ke(this.i,d,a));else d=new $APP.Qe(null,this.j,$APP.Ke(this.i,d,a));return d}return this});
|
|
38
|
+
$APP.Se.prototype.Pa=$APP.ca(49,function(a,b,c){a=$APP.Re(this.i,this.j,c);return a===-1?this:this.j===1?null:new $APP.Se(null,this.Ja,this.j-1,Mz(this.i,$APP.Tc(a)))});$APP.Hb.prototype.pa=$APP.ca(42,function(a,b){return b>0?this.u+b<this.i.length?new $APP.Hb(this.i,this.u+b,null):null:this});$APP.Hd.prototype.pa=$APP.ca(41,function(a,b){if(this.count===-1)return this;a=this.count-b;return a>0?new $APP.Hd(null,a,this.l,null):null});
|
|
39
|
+
$APP.$d.prototype.pa=$APP.ca(40,function(a,b){if(b<this.j){a=b%32;var c=$APP.Vd(this,b);b-=a;return $APP.he?$APP.he(this,c,b,a):$APP.je.call(null,this,c,b,a)}return null});$APP.ge.prototype.pa=$APP.ca(39,function(a,b){a=this.ha+b;if(a<this.node.length)return $APP.he?$APP.he(this.ja,this.node,this.u,a):$APP.je.call(null,this.ja,this.node,this.u,a);var c=this.u+a;if(c<$APP.xa(this.ja)){a=c%32;b=this.ja;var d=$APP.Vd(this.ja,c);c-=a;return $APP.he?$APP.he(b,d,c,a):$APP.je.call(null,b,d,c,a)}return null});
|
|
40
|
+
$APP.ye.prototype.pa=$APP.ca(38,function(a,b){return b<this.N(null)?new $APP.ye(this.i,this.u+2*b,null):null});$APP.Q.prototype.pa=$APP.ca(37,function(a,b){a=this.O(null);return a==null?null:Lz(a,b)});$APP.Mf.prototype.pa=$APP.ca(36,function(a,b){return b>0?b<this.j?new $APP.Mf(null,this.start+this.step*b,this.end,this.step,this.j-b,null):null:this});
|
|
41
|
+
$APP.Q.prototype.ib=$APP.ca(28,function(a,b){if($APP.we(this.i,b)>=0){a=this.i.length;var c=a-2;if(c===0)return this.F(null);c=Array(c);for(var d=0,e=0;;){if(d>=a)return new $APP.Q(this.s,this.j-1,c,null);$APP.C.h(b,this.i[d])?d+=2:(c[e]=this.i[d],c[e+1]=this.i[d+1],e+=2,d+=2)}}else return this});
|
|
42
|
+
$APP.ff.prototype.ib=$APP.ca(27,function(a,b){if(b==null)return this.la?new $APP.ff(this.s,this.j-1,this.root,!1,null,null):this;if(this.root==null)return this;a=this.root.Pa(0,$APP.Cb(b),b);return a===this.root?this:new $APP.ff(this.s,this.j-1,a,this.la,this.ma,null)});$APP.xf.prototype.ib=$APP.ca(26,function(a,b){a=[null];b=KA(this.wa,this.La,b,a);return b==null?$APP.dc(a,0)==null?this:new $APP.xf(this.wa,null,0,this.s,null):new $APP.xf(this.wa,b.Ga(),this.j-1,this.s,null)});
|
|
43
|
+
$APP.Hb.prototype.F=$APP.ca(25,function(){return $APP.Kb});$APP.kc.prototype.F=$APP.ca(24,function(){return $APP.Kb});$APP.Wc.prototype.F=$APP.ca(23,function(){return $APP.Ta($APP.Kb,this.s)});$APP.Xc.prototype.F=$APP.ca(22,function(){return this});$APP.Yc.prototype.F=$APP.ca(21,function(){return $APP.Kb});$APP.bd.prototype.F=$APP.ca(20,function(){return $APP.Ta($APP.Kb,this.s)});$APP.gd.prototype.F=$APP.ca(19,function(){return $APP.Kb});$APP.Hd.prototype.F=$APP.ca(18,function(){return $APP.Kb});
|
|
44
|
+
$APP.$d.prototype.F=$APP.ca(17,function(){return $APP.Ta($APP.Nd,this.s)});$APP.ge.prototype.F=$APP.ca(16,function(){return $APP.Kb});$APP.xe.prototype.F=$APP.ca(15,function(){return null});$APP.ye.prototype.F=$APP.ca(14,function(){return $APP.Kb});$APP.Q.prototype.F=$APP.ca(13,function(){return $APP.Ta($APP.Ad,this.s)});$APP.Xe.prototype.F=$APP.ca(12,function(){return $APP.Kb});$APP.af.prototype.F=$APP.ca(11,function(){return $APP.Kb});
|
|
45
|
+
$APP.ff.prototype.F=$APP.ca(10,function(){return $APP.Ta($APP.Ge,this.s)});$APP.tf.prototype.F=$APP.ca(9,function(){return $APP.Kb});$APP.vf.prototype.F=$APP.ca(8,function(){return null});$APP.wf.prototype.F=$APP.ca(7,function(){return null});$APP.xf.prototype.F=$APP.ca(6,function(){return new $APP.xf(this.wa,null,0,this.s,0)});$APP.zf.prototype.F=$APP.ca(5,function(){return $APP.Kb});$APP.Bf.prototype.F=$APP.ca(4,function(){return $APP.Kb});
|
|
46
|
+
$APP.R.prototype.F=$APP.ca(3,function(){return $APP.Ta($APP.Ef,this.s)});$APP.Hf.prototype.F=$APP.ca(2,function(){return new $APP.Hf(this.s,pz(this.xa),0)});$APP.Mf.prototype.F=$APP.ca(1,function(){return $APP.Kb});$APP.Nf.prototype.F=$APP.ca(0,function(){return $APP.Kb});
|
|
47
|
+
var Zz=function Zz(a){switch(arguments.length){case 2:return Zz.h(arguments[0],arguments[1]);case 3:return Zz.m(arguments[0],arguments[1],arguments[2]);default:for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return Zz.B(arguments[0],arguments[1],arguments[2],3<c.length?new $APP.Hb(c.slice(3),0,null):null)}};Zz.h=function(a,b){return b};Zz.m=function(a,b,c){return(a.g?a.g(b):a.call(null,b))>(a.g?a.g(c):a.call(null,c))?b:c};
|
|
48
|
+
Zz.B=function(a,b,c,d){return $APP.Jc(function(e,g){return Zz.m(a,e,g)},Zz.m(a,b,c),d)};Zz.K=function(a){var b=$APP.w(a),c=$APP.z(a);a=$APP.w(c);var d=$APP.z(c);c=$APP.w(d);d=$APP.z(d);return this.B(b,a,c,d)};Zz.P=3;
|
|
49
|
+
var xA=function xA(a){switch(arguments.length){case 1:return xA.g(arguments[0]);case 2:return xA.h(arguments[0],arguments[1]);default:for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return xA.B(arguments[0],arguments[1],2<c.length?new $APP.Hb(c.slice(2),0,null):null)}};xA.g=function(a){return a};xA.h=function(a,b){return a==null?null:Uz(a,b)};xA.B=function(a,b,c){for(;;){if(a==null)return null;a=xA.h(a,b);if($APP.n(c))b=$APP.w(c),c=$APP.z(c);else return a}};
|
|
50
|
+
xA.K=function(a){var b=$APP.w(a),c=$APP.z(a);a=$APP.w(c);c=$APP.z(c);return this.B(b,a,c)};xA.P=2;var CA=function CA(a){switch(arguments.length){case 0:return CA.G();case 1:return CA.g(arguments[0]);case 2:return CA.h(arguments[0],arguments[1]);default:for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return CA.B(arguments[0],arguments[1],2<c.length?new $APP.Hb(c.slice(2),0,null):null)}};CA.G=function(){return $APP.Kb};
|
|
51
|
+
CA.g=function(a){return new $APP.bd(null,function(){return a},null)};CA.h=function(a,b){return new $APP.bd(null,function(){var c=$APP.u(a),d=$APP.u(b);return c&&d?$APP.Zc($APP.w(c),$APP.Zc($APP.w(d),CA.h($APP.Lb(c),$APP.Lb(d)))):null},null)};CA.B=function(a,b,c){return new $APP.bd(null,function(){var d=$APP.Jd.h($APP.u,$APP.kf.B(c,b,$APP.ic([a])));return $APP.Cd($APP.Pc,d)?$APP.Id.h($APP.Jd.h($APP.w,d),$APP.td(CA,$APP.Jd.h($APP.Lb,d))):null},null)};
|
|
52
|
+
CA.K=function(a){var b=$APP.w(a),c=$APP.z(a);a=$APP.w(c);c=$APP.z(c);return this.B(b,a,c)};CA.P=2;$APP.f=Wz.prototype;$APP.f.pc=$APP.t;$APP.f.toString=function(){return this.qb};$APP.f.R=function(a,b){return(a=b!=null?$APP.t===b.pc?!0:!1:!1)?this.qb===b.qb:a};$APP.f.S=function(a,b){return $APP.eb(b,['#uuid "',$APP.sa(this.qb),'"'].join(""))};$APP.f.T=function(){this.A==null&&(this.A=$APP.Cb(this.qb));return this.A};
|
|
53
|
+
$APP.f.Ia=function(a,b){if(b instanceof Wz)return $APP.na(this.qb,b.qb);throw Error(["Cannot compare ",$APP.sa(this)," to ",$APP.sa(b)].join(""));};
|
|
54
|
+
var vA=new $APP.M(null,"view-box","view-box",-1792199155),pA=new $APP.M(null,"echo-opacity","echo-opacity",-1476699970),LA=new $APP.M(null,"startSize","startSize",-1750632892),iA=new $APP.M(null,"preset","preset",777387345),jA=new $APP.M(null,"start-size","start-size",-1818812493),yA=new $APP.M(null,"crawl?","crawl?",829918610),kA=new $APP.M(null,"repeat","repeat",832692087),MA=new $APP.M(null,"fontSize","fontSize",919623033),BA=new $APP.M(null,"custom-path?","custom-path?",-1532616839),gA=new $APP.M(null,
|
|
55
|
+
"echo-scale","echo-scale",1307207648),lA=new $APP.M(null,"effect","effect",347343289),NA=new $APP.M(null,"echoDelay","echoDelay",-1807132900),AA=new $APP.M(null,"duration-s","duration-s",-1976899627),OA=new $APP.M(null,"echoOpacity","echoOpacity",-1325258611),PA=new $APP.M(null,"echoCount","echoCount",-1194377974),hA=new $APP.M(null,"font-size","font-size",-1847940346),mA=new $APP.M(null,"echo-delay","echo-delay",845689658),zA=new $APP.M(null,"effects","effects",-282369292),QA=new $APP.M(null,"endSize",
|
|
56
|
+
"endSize",674490141),oA=new $APP.M(null,"end-size","end-size",761612093),RA=new $APP.M(null,"echoScale","echoScale",1536204716),nA=new $APP.M(null,"echo-count","echo-count",1053271067);var tA=function tA(a){switch(arguments.length){case 1:return tA.g(arguments[0]);case 2:return tA.h(arguments[0],arguments[1]);default:for(var c=[],d=arguments.length,e=0;;)if(e<d)c.push(arguments[e]),e+=1;else break;return tA.B(arguments[0],arguments[1],2<c.length?new $APP.Hb(c.slice(2),0,null):null)}};tA.g=function(a){return a};tA.h=function(a,b){for(;;)if($APP.B(b)<$APP.B(a)){var c=a;a=b;b=c}else return $APP.Jc(function(d,e){return function(g,h){return $APP.K(e,h)?g:xA.h(g,h)}}(a,b),a,a)};
|
|
57
|
+
tA.B=function(a,b,c){a=$z(function(d){return-$APP.B(d)},$APP.kf.B(c,b,$APP.ic([a])));return $APP.Jc(tA,$APP.w(a),$APP.Lb(a))};tA.K=function(a){var b=$APP.w(a),c=$APP.z(a);a=$APP.w(c);c=$APP.z(c);return this.B(b,a,c)};tA.P=2;var GA="text path preset animation speed direction effect font-size start-size end-size repeat echo-count echo-delay echo-opacity echo-scale".split(" ");
|
|
58
|
+
$APP.gf([$APP.Lh,LA,$APP.ej,$APP.uj,PA,RA,OA,iA,kA,MA,lA,NA,QA,$APP.dj,$APP.Di],[new $APP.Q(null,2,[$APP.Z,$APP.X,$APP.T,"path"],null),new $APP.Q(null,2,[$APP.Z,$APP.X,$APP.T,"start-size"],null),new $APP.Q(null,2,[$APP.Z,$APP.X,$APP.T,"animation"],null),new $APP.Q(null,2,[$APP.Z,$APP.X,$APP.T,"speed"],null),new $APP.Q(null,2,[$APP.Z,$APP.X,$APP.T,"echo-count"],null),new $APP.Q(null,2,[$APP.Z,$APP.X,$APP.T,"echo-scale"],null),new $APP.Q(null,2,[$APP.Z,$APP.X,$APP.T,"echo-opacity"],null),new $APP.Q(null,
|
|
59
|
+
2,[$APP.Z,$APP.X,$APP.T,"preset"],null),new $APP.Q(null,2,[$APP.Z,$APP.X,$APP.T,"repeat"],null),new $APP.Q(null,2,[$APP.Z,$APP.X,$APP.T,"font-size"],null),new $APP.Q(null,2,[$APP.Z,$APP.X,$APP.T,"effect"],null),new $APP.Q(null,2,[$APP.Z,$APP.X,$APP.T,"echo-delay"],null),new $APP.Q(null,2,[$APP.Z,$APP.X,$APP.T,"end-size"],null),new $APP.Q(null,2,[$APP.Z,$APP.X,$APP.T,"direction"],null),new $APP.Q(null,2,[$APP.Z,$APP.X,$APP.T,"text"],null)]);
|
|
60
|
+
var qA=new $APP.R(null,new $APP.Q(null,8,["spiral",null,"infinity",null,"arc",null,"line",null,"crawl",null,"wave",null,"circle",null,"sine",null],null),null),rA=new $APP.R(null,new $APP.Q(null,4,["none",null,"scroll",null,"bounce",null,"oscillate",null],null),null),sA=new $APP.R(null,new $APP.Q(null,2,["reverse",null,"normal",null],null),null),uA=new $APP.R(null,new $APP.Q(null,6,["spacing-breathe",null,"color-shift",null,"opacity-wave",null,"color-wave",null,"size-gradient",null,"size-pulse",null],
|
|
61
|
+
null),null),wA=new $APP.Q(null,7,["wave",new $APP.Q(null,2,[$APP.fj,"M0,100 C100,20 200,180 300,100 C400,20 500,180 600,100 C700,20 800,180 800,100",vA,"0 0 800 200"],null),"circle",new $APP.Q(null,2,[$APP.fj,"M125,10 A115,115 0 1,1 124.99,10",vA,"0 0 250 250"],null),"arc",new $APP.Q(null,2,[$APP.fj,"M50,350 Q400,10 750,350",vA,"0 0 800 400"],null),"infinity",new $APP.Q(null,2,[$APP.fj,"M200,200 C200,80 0,80 0,200 C0,320 200,320 200,200 C200,80 400,80 400,200 C400,320 200,320 200,200",vA,"0 0 400 400"],
|
|
62
|
+
null),"spiral",new $APP.Q(null,2,[$APP.fj,"M250,250 C250,150 350,150 350,250 C350,370 130,370 130,250 C130,110 390,110 390,250 C390,410 90,410 90,250",vA,"0 0 500 500"],null),"sine",new $APP.Q(null,2,[$APP.fj,"M0,100 C50,0 100,0 150,100 C200,200 250,200 300,100 C350,0 400,0 450,100 C500,200 550,200 600,100 C650,0 700,0 750,100 C800,200 800,150 800,100",vA,"0 0 800 200"],null),"line",new $APP.Q(null,2,[$APP.fj,"M0,50 L800,50",vA,"0 0 800 100"],null)],null);$APP.ja("baredom.exports.x_kinetic_typography.init",IA);export const init=IA;
|
package/dist/x-menu-item.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
null)},
|
|
4
|
-
"false");a.setAttribute("role","menuitem");a.setAttribute("tabindex","-1");b.setAttribute("data-type","");b.setAttribute("data-variant",$APP.
|
|
5
|
-
"Enter")||$APP.C.h(k," "))&&$APP.
|
|
6
|
-
b;a.__xMenuItemHandlers=g},
|
|
7
|
-
"variant",{get:function(){return this.getAttribute("variant")},set:function(b){return $APP.n(b)?this.setAttribute("variant",b):this.removeAttribute("variant")},configurable:!0,enumerable:!0});Object.defineProperty(a.prototype,"type",{get:function(){return this.getAttribute("type")},set:function(b){return $APP.n(b)?this.setAttribute("type",b):this.removeAttribute("type")},configurable:!0,enumerable:!0})},
|
|
8
|
-
function(){if(
|
|
9
|
-
b.setAttribute("part","base");b.className="base";e.setAttribute("part","icon");e.className="icon-span";g.setAttribute("name","icon");e.appendChild(g);h.className="label-span";h.appendChild(k);m.className="divider-hr";b.appendChild(e);b.appendChild(h);b.appendChild(m);c.appendChild(d);c.appendChild(b);c={};c.base=b;c["icon-span"]=e;c["icon-slot"]=g;this.__xMenuItemRefs=c;
|
|
10
|
-
var c=$APP.l(this,"__xMenuItemRefs");if($APP.n(b)){var d=$APP.l(b,"keydown"),e=$APP.l(b,"icon-slotchange");c=$APP.n(c)?$APP.l(c,"icon-slot"):null;this.removeEventListener("click",$APP.l(b,"click"));this.removeEventListener("keydown",d);b=$APP.n(c)?c.removeEventListener("slotchange",e):null}else b=null;return b};a.prototype.attributeChangedCallback=function(){return
|
|
11
|
-
|
|
2
|
+
var AJ=function(a){var b=$APP.N(a);a=$APP.H(b,$APP.si);var c=$APP.H(b,$APP.Fj),d=$APP.H(b,$APP.th);b=$APP.H(b,$APP.Z);a=$APP.n(a)?a:"";c=$APP.J(c);d=$APP.n(d)?d:"";d=$APP.K(yJ,d)?d:"";b=$APP.n(b)?b:"";b=$APP.K(zJ,b)?b:"";return new $APP.Q(null,4,[$APP.si,a,$APP.Fj,c,$APP.th,d,$APP.Z,b],null)},BJ=function(a){return $APP.l(a,"__xMenuItemInit")===!0},CJ=function(a){return new $APP.Q(null,4,[$APP.si,a.getAttribute("value"),$APP.Fj,a.hasAttribute("disabled"),$APP.th,a.getAttribute("variant"),$APP.Z,a.getAttribute("type")],
|
|
3
|
+
null)},DJ=function(a){var b=a.getAttribute("value");return a.dispatchEvent(new CustomEvent("x-menu-item-select",{detail:{value:$APP.n(b)?b:""},bubbles:!0,composed:!0}))},EJ=function(a){var b=$APP.l(a,"__xMenuItemRefs");b=$APP.n(b)?$APP.l(b,"base"):null;var c=AJ(CJ(a));if($APP.n(b)){if($APP.C.h($APP.Z.g(c),"divider"))return a.setAttribute("role","separator"),a.removeAttribute("tabindex"),a.removeAttribute("aria-disabled"),b.setAttribute("data-type","divider"),b.setAttribute("data-variant",""),b.setAttribute("data-disabled",
|
|
4
|
+
"false");a.setAttribute("role","menuitem");a.setAttribute("tabindex","-1");b.setAttribute("data-type","");b.setAttribute("data-variant",$APP.th.g(c));b.setAttribute("data-disabled",$APP.n($APP.Fj.g(c))?"true":"false");return $APP.n($APP.Fj.g(c))?a.setAttribute("aria-disabled","true"):a.removeAttribute("aria-disabled")}return null},FJ=function(a){function b(){return e.assignedNodes().length>0?a.setAttribute("has-icon",""):a.removeAttribute("has-icon")}function c(h){var k=h.key,m=AJ(CJ(a));($APP.C.h(k,
|
|
5
|
+
"Enter")||$APP.C.h(k," "))&&$APP.q($APP.Fj.g(m))&&$APP.O($APP.Z.g(m),"divider")?(h.preventDefault(),h=DJ(a)):h=null;return h}function d(h){var k=AJ(CJ(a));var m=$APP.Fj.g(k);m=$APP.n(m)?m:$APP.C.h($APP.Z.g(k),"divider");$APP.n(m)&&h.preventDefault();return $APP.q($APP.Fj.g(k))&&$APP.O($APP.Z.g(k),"divider")?DJ(a):null}var e=$APP.l($APP.l(a,"__xMenuItemRefs"),"icon-slot"),g={};a.addEventListener("click",d);a.addEventListener("keydown",c);e.addEventListener("slotchange",b);g.click=d;g.keydown=c;g["icon-slotchange"]=
|
|
6
|
+
b;a.__xMenuItemHandlers=g},GJ=function(a){Object.defineProperty(a.prototype,"value",{get:function(){return this.getAttribute("value")},set:function(b){return $APP.n(b)?this.setAttribute("value",b):this.removeAttribute("value")},configurable:!0,enumerable:!0});Object.defineProperty(a.prototype,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.n(b)?this.setAttribute("disabled",""):this.removeAttribute("disabled")},configurable:!0,enumerable:!0});Object.defineProperty(a.prototype,
|
|
7
|
+
"variant",{get:function(){return this.getAttribute("variant")},set:function(b){return $APP.n(b)?this.setAttribute("variant",b):this.removeAttribute("variant")},configurable:!0,enumerable:!0});Object.defineProperty(a.prototype,"type",{get:function(){return this.getAttribute("type")},set:function(b){return $APP.n(b)?this.setAttribute("type",b):this.removeAttribute("type")},configurable:!0,enumerable:!0})},IJ=function(){var a=class extends HTMLElement{};a.observedAttributes=HJ;a.prototype.connectedCallback=
|
|
8
|
+
function(){if(BJ(this)){FJ(this);var b=EJ(this)}else{if(!BJ(this)){var c=this.attachShadow({mode:"open"}),d=document.createElement("style");b=document.createElement("div");var e=document.createElement("span"),g=document.createElement("slot"),h=document.createElement("span"),k=document.createElement("slot"),m=document.createElement("hr");d.textContent=":host{display:block;outline:none;color-scheme:light dark;--x-menu-item-color:#111827;--x-menu-item-hover-bg:#f3f4f6;--x-menu-item-focus-bg:#eff6ff;--x-menu-item-focus-color:#1d4ed8;--x-menu-item-disabled-opacity:0.45;--x-menu-item-danger-color:#dc2626;--x-menu-item-danger-hover-bg:#fef2f2;--x-menu-item-padding:8px 12px;--x-menu-item-border-radius:4px;--x-menu-item-font-size:0.9375rem;--x-menu-item-icon-gap:8px;--x-menu-item-divider-color:#e5e7eb;}:host([disabled]){pointer-events:none;}@media (prefers-color-scheme:dark){:host{--x-menu-item-color:#f9fafb;--x-menu-item-hover-bg:#1f2937;--x-menu-item-focus-bg:#1e3a5f;--x-menu-item-focus-color:#60a5fa;--x-menu-item-danger-color:#f87171;--x-menu-item-danger-hover-bg:#2d1515;--x-menu-item-divider-color:#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;}}";
|
|
9
|
+
b.setAttribute("part","base");b.className="base";e.setAttribute("part","icon");e.className="icon-span";g.setAttribute("name","icon");e.appendChild(g);h.className="label-span";h.appendChild(k);m.className="divider-hr";b.appendChild(e);b.appendChild(h);b.appendChild(m);c.appendChild(d);c.appendChild(b);c={};c.base=b;c["icon-span"]=e;c["icon-slot"]=g;this.__xMenuItemRefs=c;FJ(this);this.__xMenuItemInit=!0}EJ(this);b=this}return b};a.prototype.disconnectedCallback=function(){var b=$APP.l(this,"__xMenuItemHandlers");
|
|
10
|
+
var c=$APP.l(this,"__xMenuItemRefs");if($APP.n(b)){var d=$APP.l(b,"keydown"),e=$APP.l(b,"icon-slotchange");c=$APP.n(c)?$APP.l(c,"icon-slot"):null;this.removeEventListener("click",$APP.l(b,"click"));this.removeEventListener("keydown",d);b=$APP.n(c)?c.removeEventListener("slotchange",e):null}else b=null;return b};a.prototype.attributeChangedCallback=function(){return BJ(this)?EJ(this):null};GJ(a);return a},JJ=function(){return $APP.n(customElements.get("x-menu-item"))?null:customElements.define("x-menu-item",
|
|
11
|
+
IJ())};var HJ=["value","disabled","variant","type"],yJ=new $APP.R(null,new $APP.Q(null,2,["",null,"danger",null],null),null),zJ=new $APP.R(null,new $APP.Q(null,2,["",null,"divider",null],null),null);$APP.zd(["x-menu-item-select",new $APP.Q(null,1,[$APP.Y,new $APP.Q(null,1,[$APP.si,$APP.X],null)],null)]);$APP.ja("baredom.exports.x_menu_item.init",JJ);export const init=JJ;
|
package/dist/x-menu.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
return b>0?$APP.C.h(null,
|
|
4
|
-
-1},a))}
|
|
5
|
-
(e=
|
|
6
|
-
d)?d:"bottom-start";a=new $APP.Q(null,3,[$APP.
|
|
7
|
-
h.indexOf(a))?
|
|
2
|
+
var SA=function(a){return $APP.l(a,"__xMenuInit")===!0},TA=function(a){a=a.querySelectorAll("x-menu-item");for(var b=[],c=a.length,d=0;;)if(d<c){var e=a[d];$APP.q(e.hasAttribute("disabled"))&&$APP.O(e.getAttribute("type"),"divider")&&b.push(e);d+=1}else break;return b},UA=function(a,b,c){return a.dispatchEvent(new CustomEvent(b,{detail:c,bubbles:!0,composed:!0}))},XA=function(a){$APP.n(a.hasAttribute("open"))||(a.setAttribute("open",""),UA(a,"x-menu-open",{}));if($APP.n(null)){a=TA(a);var b=a.length;
|
|
3
|
+
return b>0?$APP.C.h(null,VA)?a[0].focus():$APP.C.h(null,WA)?a[b-1].focus():null:null}return null},YA=function(a,b){$APP.n(a.hasAttribute("open"))&&(a.removeAttribute("open"),UA(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},ZA=function(a,b){var c=b.composedPath();a=$APP.jc(a.assignedElements());return $APP.J($APP.Dd(function(d){return c.indexOf(d)>
|
|
4
|
+
-1},a))},$A=function(a,b){var c=b.key,d=a.hasAttribute("open");if($APP.C.h(c,"Escape"))return $APP.n(d)?(b.preventDefault(),YA(a,!0)):null;if($APP.C.h(c,"Tab"))return $APP.n(d)?YA(a,!1):null;if($APP.C.h(c,"ArrowDown")||$APP.C.h(c,"ArrowUp")){var e=TA(a),g=e.length;if(g>0){b.preventDefault();if($APP.n(d))return a=e.indexOf(document.activeElement),c=$APP.C.h(c,"ArrowDown")?a>=g-1?0:a<0?0:a+1:a<=0?g-1:a-1,e[c].focus();XA(a);return e[$APP.C.h(c,"ArrowDown")?0:g-1].focus()}}else if($APP.C.h(c,"Home")){if($APP.n(d)&&
|
|
5
|
+
(e=TA(a),e.length>0))return b.preventDefault(),e[0].focus()}else if($APP.C.h(c,"End")&&$APP.n(d)&&(e=TA(a),e.length>0))return b.preventDefault(),e[e.length-1].focus();return null},bB=function(a){var b=$APP.l(a,"__xMenuRefs");b=$APP.n(b)?$APP.l(b,"popup"):null;a=new $APP.Q(null,3,[$APP.zj,a.hasAttribute("open"),$APP.Hj,a.getAttribute("placement"),$APP.W,a.getAttribute("label")],null);a=$APP.N(a);var c=$APP.H(a,$APP.zj),d=$APP.H(a,$APP.Hj);a=$APP.H(a,$APP.W);c=$APP.J(c);d=$APP.n(d)?d:"";d=$APP.K(aB,
|
|
6
|
+
d)?d:"bottom-start";a=new $APP.Q(null,3,[$APP.zj,c,$APP.Hj,d,$APP.W,$APP.n(a)?a:""],null);return $APP.n(b)?(b.setAttribute("data-placement",$APP.Hj.g(a)),a=$APP.W.g(a),$APP.n($APP.n(a)?$APP.O(a,""):a)?b.setAttribute("aria-label",a):b.removeAttribute("aria-label")):null},cB=function(a){function b(h){h.stopPropagation();h=h.detail.value;YA(a,!1);return UA(a,"x-menu-select",{value:$APP.n(h)?h:""})}function c(h){return $A(a,h)}function d(h){$APP.n(a.hasAttribute("open"))?(h=h.composedPath(),h=$APP.C.h(-1,
|
|
7
|
+
h.indexOf(a))?YA(a,!1):null):h=null;return h}function e(h){var k=$APP.l(a,"__xMenuRefs");k=$APP.n(k)?$APP.l(k,"trigger-slot"):null;return $APP.n($APP.n(k)?ZA(k,h):k)?$APP.n(a.hasAttribute("open"))?YA(a,!0):XA(a):null}var g={};a.addEventListener("click",e);document.addEventListener("click",d,!0);a.addEventListener("keydown",c);a.addEventListener("x-menu-item-select",b);g.click=e;g["doc-click"]=d;g.keydown=c;g["item-select"]=b;a.__xMenuHandlers=g},dB=function(a){Object.defineProperty(a.prototype,"open",
|
|
8
8
|
{get:function(){return this.hasAttribute("open")},set:function(b){return $APP.n(b)?this.setAttribute("open",""):this.removeAttribute("open")},configurable:!0,enumerable:!0});Object.defineProperty(a.prototype,"placement",{get:function(){return this.getAttribute("placement")},set:function(b){return $APP.n(b)?this.setAttribute("placement",b):this.removeAttribute("placement")},configurable:!0,enumerable:!0});Object.defineProperty(a.prototype,"label",{get:function(){return this.getAttribute("label")},
|
|
9
|
-
set:function(b){return $APP.n(b)?this.setAttribute("label",b):this.removeAttribute("label")},configurable:!0,enumerable:!0})},
|
|
9
|
+
set:function(b){return $APP.n(b)?this.setAttribute("label",b):this.removeAttribute("label")},configurable:!0,enumerable:!0})},fB=function(){var a=class extends HTMLElement{};a.observedAttributes=eB;a.prototype.connectedCallback=function(){if(SA(this)){cB(this);var b=bB(this)}else{if(!SA(this)){var c=this.attachShadow({mode:"open"}),d=document.createElement("style");b=document.createElement("div");var e=document.createElement("slot"),g=document.createElement("div"),h=document.createElement("slot");
|
|
10
10
|
d.textContent=":host{display:inline-block;position:relative;color-scheme:light dark;--x-menu-bg:#ffffff;--x-menu-border:1px solid #e5e7eb;--x-menu-border-radius:8px;--x-menu-shadow: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:#1f2937;--x-menu-border:1px solid #374151;--x-menu-shadow: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);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;}";
|
|
11
|
-
b.setAttribute("part","base");b.className="base";e.setAttribute("name","trigger");g.setAttribute("part","popup");g.className="popup";g.setAttribute("role","menu");g.appendChild(h);b.appendChild(e);b.appendChild(g);c.appendChild(d);c.appendChild(b);c={};c.base=b;c.popup=g;c["trigger-slot"]=e;c["item-slot"]=h;this.__xMenuRefs=c;
|
|
12
|
-
d=$APP.l(b,"keydown"),e=$APP.l(b,"item-select");this.removeEventListener("click",$APP.l(b,"click"));document.removeEventListener("click",c,!0);this.removeEventListener("keydown",d);b=this.removeEventListener("x-menu-item-select",e)}else b=null;return b};a.prototype.attributeChangedCallback=function(){return
|
|
13
|
-
"last","last",1105735132);var
|
|
11
|
+
b.setAttribute("part","base");b.className="base";e.setAttribute("name","trigger");g.setAttribute("part","popup");g.className="popup";g.setAttribute("role","menu");g.appendChild(h);b.appendChild(e);b.appendChild(g);c.appendChild(d);c.appendChild(b);c={};c.base=b;c.popup=g;c["trigger-slot"]=e;c["item-slot"]=h;this.__xMenuRefs=c;cB(this);this.__xMenuInit=!0}bB(this);b=this}return b};a.prototype.disconnectedCallback=function(){var b=$APP.l(this,"__xMenuHandlers");if($APP.n(b)){var c=$APP.l(b,"doc-click"),
|
|
12
|
+
d=$APP.l(b,"keydown"),e=$APP.l(b,"item-select");this.removeEventListener("click",$APP.l(b,"click"));document.removeEventListener("click",c,!0);this.removeEventListener("keydown",d);b=this.removeEventListener("x-menu-item-select",e)}else b=null;return b};a.prototype.attributeChangedCallback=function(){return SA(this)?bB(this):null};dB(a);return a},gB=function(){return $APP.n(customElements.get("x-menu"))?null:customElements.define("x-menu",fB())},VA=new $APP.M(null,"first","first",-644103046),WA=new $APP.M(null,
|
|
13
|
+
"last","last",1105735132);var eB=["open","placement","label"],aB=new $APP.R(null,new $APP.Q(null,4,["bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null],null),null);$APP.zd(["x-menu-open",new $APP.Q(null,1,[$APP.Y,$APP.Ad],null),"x-menu-close",new $APP.Q(null,1,[$APP.Y,$APP.Ad],null),"x-menu-select",new $APP.Q(null,1,[$APP.Y,new $APP.Q(null,1,[$APP.si,$APP.X],null)],null)]);$APP.ja("baredom.exports.x_menu.init",gB);export const init=gB;
|
package/dist/x-modal.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
d.setAttribute("part","backdrop");e.setAttribute("part","dialog");e.setAttribute("role","dialog");e.setAttribute("aria-modal","true");g.setAttribute("part","header");h.setAttribute("name","header");k.setAttribute("part","body");
|
|
4
|
-
footer:
|
|
5
|
-
a=$APP.
|
|
6
|
-
return $APP.
|
|
7
|
-
"");return null},
|
|
8
|
-
"-1"),a.__xModalDialogTab=!0),d.focus());return null},0):
|
|
9
|
-
$APP.n(d)?"true":"false");a.setAttribute("data-size",$APP.
|
|
10
|
-
g.shiftKey;$APP.n($APP.n(
|
|
11
|
-
var e=$APP.l(b,"backdrop");b=$APP.l(b,"keydown");$APP.n(e)&&d.removeEventListener("click",e);$APP.n(b)&&c.removeEventListener("keydown",b)}a.__xModalHandlers=null},
|
|
12
|
-
this.setAttribute("size",""+$APP.
|
|
13
|
-
configurable:!0,writable:!0});Object.defineProperty(a,"toggle",{value:function(){$APP.n(this.hasAttribute("open"))?
|
|
14
|
-
function(b,c,d){$APP.O(c,d)&&
|
|
2
|
+
var NK=function(a){var b=$APP.l(a,"__xModalRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),g=document.createElement("div"),h=document.createElement("slot"),k=document.createElement("div"),m=document.createElement("slot"),p=document.createElement("div"),r=document.createElement("slot");c.textContent=":host{display:contents;color-scheme:light dark;--x-modal-bg:Canvas;--x-modal-fg:CanvasText;--x-modal-backdrop:rgb(0 0 0/0.45);--x-modal-shadow:0 20px 60px rgb(0 0 0/0.25);--x-modal-radius: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:90vh;--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:color-mix(in srgb,currentColor 12%,transparent);--x-modal-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:100vw;height:100dvh;border-radius:0;max-width:100vw;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;}@media (prefers-reduced-motion:reduce){[part\x3ddialog],[part\x3dbackdrop]{transition:none;}}";
|
|
3
|
+
d.setAttribute("part","backdrop");e.setAttribute("part","dialog");e.setAttribute("role","dialog");e.setAttribute("aria-modal","true");g.setAttribute("part","header");h.setAttribute("name","header");k.setAttribute("part","body");p.setAttribute("part","footer");r.setAttribute("name","footer");g.appendChild(h);k.appendChild(m);p.appendChild(r);e.appendChild(g);e.appendChild(k);e.appendChild(p);b.appendChild(c);b.appendChild(d);b.appendChild(e);a.__xModalRefs={root:b,backdrop:d,dialog:e,header:g,body:k,
|
|
4
|
+
footer:p};return $APP.l(a,"__xModalRefs")},OK=function(a,b,c){a.dispatchEvent(new CustomEvent(b,{detail:c,bubbles:!0,composed:!0,cancelable:!1}))},PK=function(a){function b(d){var e=window.getComputedStyle(d);return $APP.O("none",e.display)&&$APP.O("hidden",e.visibility)&&d.offsetWidth>0&&d.offsetHeight>0}var c=$APP.Ld(b,$APP.ic($APP.l(a,"dialog").querySelectorAll("a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex\x3d'-1'])")));
|
|
5
|
+
a=$APP.Kd(function(d){return $APP.Ld(b,$APP.Kd(function(e){var g=$APP.ic(e.querySelectorAll("a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex\x3d'-1'])"));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.Zc(e,g):g},$APP.ic([$APP.jc(d.assignedElements({flatten:!0}))])))},$APP.ic([$APP.ic($APP.l(a,"root").querySelectorAll("slot"))]));
|
|
6
|
+
return $APP.fe($APP.Id.h(c,a))},QK=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;a.__xModalTabbables=null;a.__xModalRestore=null;$APP.n($APP.n(b)?d:b)&&(b.removeAttribute("tabindex"),a.__xModalDialogTab=!1);$APP.n($APP.n(c)?c.isConnected:c)&&c.focus()},RK=function(a,b){OK(a,"x-modal-dismiss",{reason:b});a.removeAttribute("open");return null},SK=function(a){$APP.n(a.hasAttribute("open"))||a.setAttribute("open",
|
|
7
|
+
"");return null},TK=function(a){a.removeAttribute("open");return null},UK=function(a,b){$APP.O($APP.l(a,"__xModalPrevOpen"),b)&&(a.__xModalPrevOpen=b,OK(a,"x-modal-toggle",{open:b}),$APP.n(b)?setTimeout(function(){var c=$APP.l(a,"__xModalRefs"),d=$APP.n(c)?$APP.l(c,"dialog"):null;c=$APP.n(c)?PK(c):null;a.__xModalRestore=document.activeElement;var e=$APP.n(c)?$APP.Mg(c):null;a.__xModalTabbables=e;$APP.u(c)?$APP.w(c).focus():$APP.n(d)&&($APP.n(d.hasAttribute("tabindex"))||(d.setAttribute("tabindex",
|
|
8
|
+
"-1"),a.__xModalDialogTab=!0),d.focus());return null},0):QK(a))},WK=function(a){var b=NK(a);b=$APP.l(b,"dialog");var c=new $APP.Q(null,3,[$APP.Xh,a.hasAttribute("open"),$APP.lj,a.getAttribute("size"),$APP.Dh,a.getAttribute("label")],null);var d=$APP.N(c),e=$APP.H(d,$APP.Xh);c=$APP.H(d,$APP.lj);d=$APP.H(d,$APP.Dh);e=$APP.J(e);c=typeof c==="string"&&$APP.K(VK,c)?c:"md";d=typeof d==="string"&&$APP.O(d,"")?d:"Modal";c=new $APP.Q(null,3,[$APP.fk,e,$APP.Qg,c,$APP.W,d],null);d=$APP.fk.g(c);a.setAttribute("data-open",
|
|
9
|
+
$APP.n(d)?"true":"false");a.setAttribute("data-size",$APP.Qg.g(c));b.setAttribute("aria-label",$APP.W.g(c));UK(a,d)},XK=function(a){function b(g){var h=g.key;if($APP.C.h(h,"Escape"))g.preventDefault(),RK(a,"escape");else if($APP.C.h(h,"Tab")){h=$APP.l(a,"__xModalTabbables");h=$APP.n(h)?$APP.fe($APP.ic(h)):$APP.Nd;var k=$APP.l(a,"__xModalRefs");k=$APP.n(k)?$APP.l(k,"dialog"):null;if($APP.uc(h))g.preventDefault(),$APP.n(k)&&k.focus();else{k=document.activeElement;var m=$APP.w(h);h=$APP.lc(h);var p=
|
|
10
|
+
g.shiftKey;$APP.n($APP.n(p)?$APP.C.h(k,m):p)?(g.preventDefault(),h.focus()):$APP.q(p)&&$APP.C.h(k,h)&&(g.preventDefault(),m.focus())}}return null}function c(){return RK(a,"backdrop")}var d=NK(a),e=$APP.l(d,"dialog");$APP.l(d,"backdrop").addEventListener("click",c);e.addEventListener("keydown",b);$APP.ma(a,"__xModalHandlers",{backdrop:c,keydown:b})},YK=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");
|
|
11
|
+
var e=$APP.l(b,"backdrop");b=$APP.l(b,"keydown");$APP.n(e)&&d.removeEventListener("click",e);$APP.n(b)&&c.removeEventListener("keydown",b)}a.__xModalHandlers=null},ZK=function(a){Object.defineProperty(a,"open",{get:function(){return this.hasAttribute("open")},set:function(b){return $APP.n(b)?SK(this):TK(this)},enumerable:!0,configurable:!0});Object.defineProperty(a,"size",{get:function(){var b=this.getAttribute("size");return $APP.n(b)?b:"md"},set:function(b){return b==null?this.removeAttribute("size"):
|
|
12
|
+
this.setAttribute("size",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"label",{get:function(){var b=this.getAttribute("label");return $APP.n(b)?b:"Modal"},set:function(b){return b==null?this.removeAttribute("label"):this.setAttribute("label",""+$APP.S.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"show",{value:function(){return SK(this)},enumerable:!0,configurable:!0,writable:!0});Object.defineProperty(a,"hide",{value:function(){return TK(this)},enumerable:!0,
|
|
13
|
+
configurable:!0,writable:!0});Object.defineProperty(a,"toggle",{value:function(){$APP.n(this.hasAttribute("open"))?TK(this):SK(this);return null},enumerable:!0,configurable:!0,writable:!0})},aL=function(){if(!$APP.n(customElements.get("x-modal"))){var a=class extends HTMLElement{};a.observedAttributes=$K;a.prototype.connectedCallback=function(){NK(this);YK(this);XK(this);WK(this);return null};a.prototype.disconnectedCallback=function(){YK(this);QK(this);return null};a.prototype.attributeChangedCallback=
|
|
14
|
+
function(b,c,d){$APP.O(c,d)&&WK(this);return null};ZK(a.prototype);customElements.define("x-modal",a)}return null},bL=function(){return aL()};var VK=new $APP.R(null,new $APP.Q(null,5,["md",null,"lg",null,"full",null,"xl",null,"sm",null],null),null),$K=["open","size","label"];$APP.zd(["x-modal-toggle",new $APP.Q(null,2,[$APP.Dj,!1,$APP.Y,new $APP.Q(null,1,[$APP.zj,$APP.Yj],null)],null),"x-modal-dismiss",new $APP.Q(null,2,[$APP.Dj,!1,$APP.Y,new $APP.Q(null,1,[$APP.hi,$APP.X],null)],null)]);$APP.ja("baredom.exports.x_modal.init",bL);export const init=bL;
|
package/dist/x-navbar.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
"actions-slot"),
|
|
4
|
-
typeof a==="string"?a:null,$APP.
|
|
5
|
-
$APP.
|
|
6
|
-
"pointer":c instanceof KeyboardEvent?"keyboard":"programmatic";$APP.n(g)&&(g=g.getAttribute("href"),
|
|
7
|
-
c)){if($APP.n($APP.l(a,"__xNavbarFocusVisible")))return null;a.__xNavbarFocusVisible=!0;a.setAttribute("data-focus-visible-within","true");return
|
|
8
|
-
c);$APP.l(b,"default-slot").addEventListener("slotchange",c);$APP.l(b,"actions-slot").addEventListener("slotchange",c);$APP.l(b,"toggle-slot").addEventListener("slotchange",c);$APP.l(b,"end-slot").addEventListener("slotchange",c)},
|
|
9
|
-
enumerable:!0,get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:""},set:function(d){return $APP.n(d)?this.setAttribute(c,""+$APP.
|
|
10
|
-
$APP.l(this,"__xNavbarRefs")==null;var c=$APP.l(this,"__xNavbarRefs");if(!$APP.n(c)){c=this.attachShadow({mode:"open"});var d=
|
|
11
|
-
e.setAttribute("part","base");g.setAttribute("part","bar");h.setAttribute("part","brand");k.setAttribute("part","start");m.setAttribute("part","nav");
|
|
12
|
-
g.appendChild(h);g.appendChild(k);g.appendChild(m);g.appendChild(
|
|
13
|
-
a.prototype.attributeChangedCallback=function(){var b=$APP.l(this,"__xNavbarRefs");return $APP.n(b)?
|
|
14
|
-
$APP.
|
|
2
|
+
var uK=function(a,b,c){return typeof a==="string"&&$APP.K(b,a)?a:c},vK=function(a,b,c){return a.dispatchEvent(new CustomEvent(b,{detail:c,bubbles:!0,composed:!0,cancelable:!1}))},wK=function(a){return a.assignedNodes({flatten:!0})},xK=function(a){return document.createElement(a)},EK=function(a,b){var c=$APP.l(b,"base"),d=$APP.l(b,"bar"),e=$APP.l(b,"brand"),g=$APP.l(b,"start"),h=$APP.l(b,"actions"),k=$APP.l(b,"toggle"),m=$APP.l(b,"end"),p=$APP.l(b,"brand-slot"),r=$APP.l(b,"start-slot"),v=$APP.l(b,
|
|
3
|
+
"actions-slot"),x=$APP.l(b,"toggle-slot");b=$APP.l(b,"end-slot");a=new $APP.Q(null,7,[$APP.W,a.getAttribute("label"),$APP.li,a.getAttribute("orientation"),$APP.th,a.getAttribute("variant"),$APP.Ri,a.hasAttribute("sticky"),yK,a.hasAttribute("elevated"),$APP.Oi,a.getAttribute("breakpoint"),zK,a.getAttribute("alignment")],null);var y=$APP.N(a);a=$APP.H(y,$APP.W);var A=$APP.H(y,$APP.li),D=$APP.H(y,$APP.th),G=$APP.H(y,$APP.Ri),I=$APP.H(y,yK),F=$APP.H(y,$APP.Oi);y=$APP.H(y,zK);a=new $APP.Q(null,7,[$APP.W,
|
|
4
|
+
typeof a==="string"?a:null,$APP.li,uK(A,AK,"horizontal"),$APP.th,uK(D,BK,"default"),$APP.Ri,$APP.J(G),yK,$APP.J(I),$APP.Oi,uK(F,CK,"md"),zK,uK(y,DK,"space-between")],null);p=wK(p).length>0;r=wK(r).length>0;v=wK(v).length>0;x=wK(x).length>0;b=wK(b).length>0;A=$APP.N(a);A=$APP.H(A,$APP.W);A=typeof A==="string"&&$APP.O("",A)?A:null;$APP.n(A)?c.setAttribute("aria-label",A):c.removeAttribute("aria-label");c.setAttribute("data-variant",$APP.th.g(a));c.setAttribute("data-orientation",$APP.li.g(a));c.setAttribute("data-breakpoint",
|
|
5
|
+
$APP.Oi.g(a));d.setAttribute("data-alignment",zK.g(a));e.setAttribute("data-has-brand",p?"true":"false");g.setAttribute("data-has-start",r?"true":"false");h.setAttribute("data-has-actions",v?"true":"false");k.setAttribute("data-has-toggle",x?"true":"false");return m.setAttribute("data-has-end",b?"true":"false")},FK=function(a,b){b.addEventListener("click",function(c){var d=$APP.l(a,"__xNavbarRefs"),e=c.target,g=$APP.n(e)?e.closest("a"):null;c=c instanceof PointerEvent?"pointer":c instanceof MouseEvent?
|
|
6
|
+
"pointer":c instanceof KeyboardEvent?"keyboard":"programmatic";$APP.n(g)&&(g=g.getAttribute("href"),vK(a,"navigate",{href:$APP.n(g)?g:"",source:c}));a:{d=wK($APP.l(d,"brand-slot"));for(g=0;;)if(g<d.length){var h=d[g];var k=$APP.C.h(h,e);h=k?k:(k=$APP.C.h(h.nodeType,Node.ELEMENT_NODE))?h.contains(e):k;if($APP.n(h)){e=!0;break a}g+=1}else{e=!1;break a}e=void 0}return e?vK(a,"brand-activate",{source:c}):null});b.addEventListener("focusin",function(c){c=c.target;if($APP.n($APP.n(c)?c.matches(":focus-visible"):
|
|
7
|
+
c)){if($APP.n($APP.l(a,"__xNavbarFocusVisible")))return null;a.__xNavbarFocusVisible=!0;a.setAttribute("data-focus-visible-within","true");return vK(a,"focus-visible",{})}return null});b.addEventListener("focusout",function(c){c=c.relatedTarget;if($APP.n($APP.n(c)?a.contains(c):c))return null;a.__xNavbarFocusVisible=!1;return a.removeAttribute("data-focus-visible-within")})},GK=function(a,b){function c(){return EK(a,b)}$APP.l(b,"brand-slot").addEventListener("slotchange",c);$APP.l(b,"start-slot").addEventListener("slotchange",
|
|
8
|
+
c);$APP.l(b,"default-slot").addEventListener("slotchange",c);$APP.l(b,"actions-slot").addEventListener("slotchange",c);$APP.l(b,"toggle-slot").addEventListener("slotchange",c);$APP.l(b,"end-slot").addEventListener("slotchange",c)},HK=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,enumerable:!0,get:function(){return this.hasAttribute(c)},set:function(d){return $APP.n($APP.J(d))?this.setAttribute(c,""):this.removeAttribute(c)}})},IK=function(a,b,c){Object.defineProperty(a,b,{configurable:!0,
|
|
9
|
+
enumerable:!0,get:function(){var d=this.getAttribute(c);return $APP.n(d)?d:""},set:function(d){return $APP.n(d)?this.setAttribute(c,""+$APP.S.g(d)):this.removeAttribute(c)}})},JK=function(a){HK(a,"sticky","sticky");HK(a,"elevated","elevated");IK(a,"label","label");IK(a,"variant","variant");IK(a,"orientation","orientation");IK(a,"alignment","alignment");IK(a,"breakpoint","breakpoint")},LK=function(){var a=class extends HTMLElement{};a.observedAttributes=KK;a.prototype.connectedCallback=function(){var b=
|
|
10
|
+
$APP.l(this,"__xNavbarRefs")==null;var c=$APP.l(this,"__xNavbarRefs");if(!$APP.n(c)){c=this.attachShadow({mode:"open"});var d=xK("style"),e=xK("nav"),g=xK("div"),h=xK("div"),k=xK("div"),m=xK("div"),p=xK("div"),r=xK("div"),v=xK("div"),x=xK("slot"),y=xK("slot"),A=xK("slot"),D=xK("slot"),G=xK("slot"),I=xK("slot");d.textContent=":host{display:block;color-scheme:light dark;--x-navbar-height:4rem;--x-navbar-padding-inline:1rem;--x-navbar-gap:0.75rem;--x-navbar-bg:rgba(255,255,255,0.88);--x-navbar-color:#0f172a;--x-navbar-border:rgba(148,163,184,0.22);--x-navbar-shadow:0 8px 24px rgba(15,23,42,0.08);--x-navbar-focus-ring:#60a5fa;--x-navbar-z-index:40;--x-navbar-radius:1rem;--x-navbar-transition-duration:180ms;--x-navbar-transition-easing:cubic-bezier(0.2,0,0,1);--x-navbar-align-items:center;}@media (prefers-color-scheme: dark){:host{--x-navbar-bg:rgba(15,23,42,0.84);--x-navbar-color:#e5e7eb;--x-navbar-border:rgba(51,65,85,0.9);--x-navbar-shadow:0 14px 36px rgba(0,0,0,0.35);--x-navbar-focus-ring:#93c5fd;}}:host([hidden]){display:none;}[part\x3d'base']{display:block;color:var(--x-navbar-color);background:var(--x-navbar-bg);border:1px solid var(--x-navbar-border);border-radius:var(--x-navbar-radius);box-shadow:none;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background var(--x-navbar-transition-duration) var(--x-navbar-transition-easing),border-color var(--x-navbar-transition-duration) var(--x-navbar-transition-easing),box-shadow var(--x-navbar-transition-duration) var(--x-navbar-transition-easing);}:host([sticky]) [part\x3d'base']{position:sticky;top:0;z-index:var(--x-navbar-z-index);}:host([elevated]) [part\x3d'base']{box-shadow:var(--x-navbar-shadow);}[part\x3d'base'][data-variant\x3d'subtle']{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;}[part\x3d'base'][data-variant\x3d'inverted']{background:#0f172a;color:#f8fafc;border-color:#1e293b;}@media (prefers-color-scheme: dark){[part\x3d'base'][data-variant\x3d'inverted']{background:#020617;color:#f8fafc;border-color:#172033;}}[part\x3d'base'][data-variant\x3d'transparent']{background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;}[part\x3d'bar']{display:grid;grid-template-columns:auto auto 1fr auto auto auto;align-items:var(--x-navbar-align-items, center);gap:var(--x-navbar-gap);min-block-size:var(--x-navbar-height);padding-inline:var(--x-navbar-padding-inline);}[part\x3d'bar'][data-alignment\x3d'start']{justify-items:start;}[part\x3d'bar'][data-alignment\x3d'center']{justify-items:center;}[part\x3d'bar'][data-alignment\x3d'space-between']{justify-items:stretch;}[part\x3d'base'][data-orientation\x3d'vertical'] [part\x3d'bar']{grid-template-columns:1fr;grid-auto-rows:auto;align-items:var(--x-navbar-align-items, center);padding-block:0.75rem;}[part\x3d'brand'],[part\x3d'start'],[part\x3d'nav'],[part\x3d'actions'],[part\x3d'toggle'],[part\x3d'end']{display:flex;align-items:inherit;min-inline-size:0;}[part\x3d'nav']{gap:var(--x-navbar-gap);}[part\x3d'actions'],[part\x3d'end'],[part\x3d'toggle']{justify-self:end;}[part\x3d'base'][data-orientation\x3d'vertical'] [part\x3d'actions'],[part\x3d'base'][data-orientation\x3d'vertical'] [part\x3d'end'],[part\x3d'base'][data-orientation\x3d'vertical'] [part\x3d'toggle']{justify-self:start;}[part\x3d'brand'][data-has-brand\x3d'false'],[part\x3d'start'][data-has-start\x3d'false'],[part\x3d'actions'][data-has-actions\x3d'false'],[part\x3d'toggle'][data-has-toggle\x3d'false'],[part\x3d'end'][data-has-end\x3d'false']{display:none;}slot[name\x3d'brand'],slot[name\x3d'start'],slot[name\x3d'actions'],slot[name\x3d'toggle'],slot[name\x3d'end']{display:contents;}slot{display:contents;}:host(:focus-within) [part\x3d'base']{box-shadow:var(--x-navbar-shadow);}:host([data-focus-visible-within\x3d'true']) [part\x3d'base']{box-shadow:0 0 0 2px var(--x-navbar-focus-ring), var(--x-navbar-shadow);}@media (prefers-reduced-motion: reduce){[part\x3d'base']{transition:none;}}";
|
|
11
|
+
e.setAttribute("part","base");g.setAttribute("part","bar");h.setAttribute("part","brand");k.setAttribute("part","start");m.setAttribute("part","nav");p.setAttribute("part","actions");r.setAttribute("part","toggle");v.setAttribute("part","end");x.setAttribute("name","brand");y.setAttribute("name","start");D.setAttribute("name","actions");G.setAttribute("name","toggle");I.setAttribute("name","end");h.appendChild(x);k.appendChild(y);m.appendChild(A);p.appendChild(D);r.appendChild(G);v.appendChild(I);
|
|
12
|
+
g.appendChild(h);g.appendChild(k);g.appendChild(m);g.appendChild(p);g.appendChild(r);g.appendChild(v);e.appendChild(g);c.appendChild(d);c.appendChild(e);this.__xNavbarRefs=c={"end-slot":I,bar:g,start:k,toggle:r,actions:p,brand:h,"default-slot":A,root:c,"brand-slot":x,"start-slot":y,"actions-slot":D,"toggle-slot":G,end:v,base:e,nav:m}}b&&(this.__xNavbarFocusVisible=!1,FK(this,$APP.l(c,"base")),GK(this,c));return EK(this,c)};a.prototype.disconnectedCallback=function(){this.__xNavbarFocusVisible=!1};
|
|
13
|
+
a.prototype.attributeChangedCallback=function(){var b=$APP.l(this,"__xNavbarRefs");return $APP.n(b)?EK(this,b):null};JK(a.prototype);return a},MK=function(){$APP.n(customElements.get("x-navbar"))||customElements.define("x-navbar",LK());return null},yK=new $APP.M(null,"elevated","elevated",-7323953),zK=new $APP.M(null,"alignment","alignment",1040093386);var AK=new $APP.R(null,new $APP.Q(null,2,["vertical",null,"horizontal",null],null),null),BK=new $APP.R(null,new $APP.Q(null,4,["transparent",null,"inverted",null,"subtle",null,"default",null],null),null),CK=new $APP.R(null,new $APP.Q(null,4,["md",null,"lg",null,"xl",null,"sm",null],null),null),DK=new $APP.R(null,new $APP.Q(null,3,["center",null,"start",null,"space-between",null],null),null),KK="label orientation variant sticky elevated breakpoint alignment".split(" ");
|
|
14
|
+
$APP.zd(["focus-visible",new $APP.Q(null,1,[$APP.Y,$APP.Ad],null),"navigate",new $APP.Q(null,1,[$APP.Y,new $APP.Q(null,2,[$APP.pk,$APP.X,$APP.oi,$APP.X],null)],null),"brand-activate",new $APP.Q(null,1,[$APP.Y,new $APP.Q(null,1,[$APP.oi,$APP.X],null)],null)]);$APP.ja("baredom.exports.x_navbar.init",MK);export const init=MK;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
d.setAttribute("part","container");d.setAttribute("role","log");d.setAttribute("aria-live","polite");b.appendChild(c);b.appendChild(d);a.__xNcRefs={root:b,container:d};return $APP.l(a,"__xNcRefs")},
|
|
4
|
-
g=g.querySelectorAll("x-alert").length-1;h=h.getAttribute("type");var k=d.detail.reason;d=d.detail.text;
|
|
5
|
-
"__xNcRefs");$APP.n($APP.n(b)?c:b)&&(c=$APP.l(c,"root"),b=$APP.l(b,"dismiss"),$APP.n(b)&&c.removeEventListener("x-alert-dismiss",b,{capture:!1}));a.__xNcHandlers=null},
|
|
6
|
-
"icon"),m=$APP.l(b,"timeoutMs"),
|
|
7
|
-
"position",{get:function(){return
|
|
8
|
-
return $APP.n(b)?$APP.l(b,"container").querySelectorAll("x-alert").length:0},enumerable:!0,configurable:!0})},
|
|
9
|
-
a.prototype.push=function(b){return
|
|
10
|
-
return null};var
|
|
11
|
-
$APP.
|
|
2
|
+
var bm=function(a){return typeof a==="string"&&$APP.K(am,a.toLowerCase())?a.toLowerCase():"top-right"},cm=function(a){if(a==null)return 5;a=parseInt(""+$APP.S.g(a),10);return typeof a==="number"&&$APP.q(isNaN(a))&&a>0?a:5},dm=function(a){var b=$APP.l(a,"__xNcRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div");c.textContent=":host{display:block;position:fixed;z-index:var(--x-notification-center-z-index,9999);--x-notification-center-width:360px;--x-notification-center-gap:8px;--x-notification-center-offset-x:16px;--x-notification-center-offset-y:16px;--x-notification-center-z-index:9999;pointer-events:none;}:host([data-position\x3d'top-right']){top:var(--x-notification-center-offset-y);right:var(--x-notification-center-offset-x);}:host([data-position\x3d'top-left']){top:var(--x-notification-center-offset-y);left:var(--x-notification-center-offset-x);}:host([data-position\x3d'bottom-right']){bottom:var(--x-notification-center-offset-y);right:var(--x-notification-center-offset-x);}:host([data-position\x3d'bottom-left']){bottom:var(--x-notification-center-offset-y);left:var(--x-notification-center-offset-x);}:host([data-position\x3d'top-center']){top:var(--x-notification-center-offset-y);left:50%;transform:translateX(-50%);}:host([data-position\x3d'bottom-center']){bottom:var(--x-notification-center-offset-y);left:50%;transform:translateX(-50%);}[part\x3dcontainer]{display:flex;flex-direction:column;gap:var(--x-notification-center-gap);width:var(--x-notification-center-width);pointer-events:auto;}:host([data-position\x3d'bottom-right']) [part\x3dcontainer],:host([data-position\x3d'bottom-left']) [part\x3dcontainer],:host([data-position\x3d'bottom-center']) [part\x3dcontainer]{flex-direction:column-reverse;}";
|
|
3
|
+
d.setAttribute("part","container");d.setAttribute("role","log");d.setAttribute("aria-live","polite");b.appendChild(c);b.appendChild(d);a.__xNcRefs={root:b,container:d};return $APP.l(a,"__xNcRefs")},em=function(a){var b=a.getAttribute("position");b=bm(b);a.setAttribute("data-position",b)},fm=function(a,b,c){a.dispatchEvent(new CustomEvent(b,{detail:$APP.Mg(c),bubbles:!0,composed:!0,cancelable:!1}))},gm=function(a){function b(d){var e=dm(a),g=$APP.l(e,"container"),h=d.target;e=h.getAttribute("data-notification-id");
|
|
4
|
+
g=g.querySelectorAll("x-alert").length-1;h=h.getAttribute("type");var k=d.detail.reason;d=d.detail.text;fm(a,"x-notification-center-dismiss",new $APP.Q(null,5,[$APP.xi,e,$APP.Z,$APP.n(h)?h:"info",$APP.hi,$APP.n(k)?k:"",$APP.Di,$APP.n(d)?d:"",$APP.Yg,g],null));g===0&&fm(a,"x-notification-center-empty",$APP.Ad);return null}var c=dm(a);$APP.l(c,"root").addEventListener("x-alert-dismiss",b,{capture:!1});$APP.ma(a,"__xNcHandlers",{dismiss:b})},hm=function(a){var b=$APP.l(a,"__xNcHandlers"),c=$APP.l(a,
|
|
5
|
+
"__xNcRefs");$APP.n($APP.n(b)?c:b)&&(c=$APP.l(c,"root"),b=$APP.l(b,"dismiss"),$APP.n(b)&&c.removeEventListener("x-alert-dismiss",b,{capture:!1}));a.__xNcHandlers=null},jm=function(a,b){var c=dm(a);c=$APP.l(c,"container");if(c.querySelectorAll("x-alert").length<function(){var r=$APP.l(a,"__xNcMax");return $APP.n(r)?r:5}()){var d=document.createElement("x-alert"),e=function(){var r=$APP.l(b,"id");$APP.n(r)||(r=im.v,im.v=r+1,r="xnc-"+$APP.S.g(r));return r}(),g=$APP.l(b,"type"),h=$APP.l(b,"text"),k=$APP.l(b,
|
|
6
|
+
"icon"),m=$APP.l(b,"timeoutMs"),p=$APP.l(b,"dismissible");d.setAttribute("data-notification-id",e);$APP.n(g)&&d.setAttribute("type",g);$APP.n(h)&&d.setAttribute("text",h);$APP.n(k)&&d.setAttribute("icon",k);$APP.n(m)&&d.setAttribute("timeout-ms",""+$APP.S.g(m|0));p===!1&&d.setAttribute("dismissible","false");c.appendChild(d);fm(a,"x-notification-center-push",new $APP.Q(null,2,[$APP.xi,e,$APP.Yg,c.querySelectorAll("x-alert").length],null));return e}return null},km=function(a){Object.defineProperty(a,
|
|
7
|
+
"position",{get:function(){return bm(this.getAttribute("position"))},set:function(b){return $APP.n(b)?this.setAttribute("position",""+$APP.S.g(b)):this.removeAttribute("position")},enumerable:!0,configurable:!0});Object.defineProperty(a,"max",{get:function(){return cm(this.getAttribute("max"))},set:function(b){return $APP.n(b)?this.setAttribute("max",""+$APP.S.g(b|0)):this.removeAttribute("max")},enumerable:!0,configurable:!0});Object.defineProperty(a,"count",{get:function(){var b=$APP.l(this,"__xNcRefs");
|
|
8
|
+
return $APP.n(b)?$APP.l(b,"container").querySelectorAll("x-alert").length:0},enumerable:!0,configurable:!0})},mm=function(){var a=class extends HTMLElement{};a.observedAttributes=lm;a.prototype.connectedCallback=function(){dm(this);hm(this);gm(this);em(this);return null};a.prototype.disconnectedCallback=function(){hm(this);return null};a.prototype.attributeChangedCallback=function(b){$APP.C.h(b,"position")?em(this):$APP.C.h(b,"max")&&(this.__xNcMax=cm(this.getAttribute("max")));return null};km(a.prototype);
|
|
9
|
+
a.prototype.push=function(b){return jm(this,b)};a.prototype.clear=function(){var b=dm(this);b=$APP.u($APP.ic($APP.l(b,"container").querySelectorAll("x-alert")));for(var c=null,d=0,e=0;;)if(e<d)c.H(null,e).remove(),e+=1;else if(b=$APP.u(b))c=b,$APP.Ac(c)?(b=$APP.ob(c),e=$APP.pb(c),c=b,d=$APP.B(b),b=e):($APP.w(c).remove(),b=$APP.z(c),c=null,d=0),e=0;else break;return null};return a},nm=function(){$APP.n(customElements.get("x-notification-center"))||customElements.define("x-notification-center",mm());
|
|
10
|
+
return null};var lm=["position","max"],am=new $APP.R(null,new $APP.Q(null,6,["top-center",null,"bottom-center",null,"top-right",null,"bottom-right",null,"top-left",null,"bottom-left",null],null),null);
|
|
11
|
+
$APP.zd(["x-notification-center-push",new $APP.Q(null,2,[$APP.Y,new $APP.Q(null,2,[$APP.xi,$APP.X,$APP.Yg,$APP.U],null),$APP.Dj,!1],null),"x-notification-center-dismiss",new $APP.Q(null,2,[$APP.Y,new $APP.Q(null,5,[$APP.xi,$APP.X,$APP.Z,$APP.X,$APP.hi,$APP.X,$APP.Di,$APP.X,$APP.Yg,$APP.U],null),$APP.Dj,!1],null),"x-notification-center-empty",new $APP.Q(null,2,[$APP.Y,$APP.Ad,$APP.Dj,!1],null)]);var im={v:0};$APP.ja("baredom.exports.x_notification_center.init",nm);export const init=nm;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
+
var aF=function(a){return typeof a==="string"&&$APP.K($E,a)?a:"wave"},dF=function(a){return $APP.Od(function(b){return new $APP.Q(null,2,[bF,b*20,cF,b*8],null)},$APP.Pf(0,a))},nF=function(a){var b=new $APP.Q(null,7,[$APP.mk,a.getAttribute("shape"),eF,a.getAttribute("layers"),$APP.Xj,a.getAttribute("height"),fF,a.getAttribute("flip"),gF,a.getAttribute("mirror"),$APP.ej,a.getAttribute("animation"),$APP.Lh,a.getAttribute("path")],null);var c=$APP.N(b),d=$APP.H(c,$APP.mk),e=$APP.H(c,eF);b=$APP.H(c,$APP.Xj);
|
|
3
|
+
var g=$APP.H(c,fF),h=$APP.H(c,gF),k=$APP.H(c,$APP.ej);c=$APP.H(c,$APP.Lh);c=typeof c==="string"&&$APP.O("",c.trim())?c.trim():null;d=aF(d);e=typeof e==="string"?parseInt(e,10):null;var m=e==null;m||(m=isNaN(e),m=$APP.n(m)?m:e<1);e=$APP.n(m)?1:e>5?5:e;var p=typeof k==="string"&&$APP.K(hF,k)?k:"none";k=c!=null?c:$APP.Pd(iF,new $APP.$d(null,2,5,$APP.ae,[aF(d),$APP.Lh],null));m=c==null?$APP.Pd(iF,new $APP.$d(null,2,5,$APP.ae,[aF(d),jF],null)):null;var r=c!=null?c:$APP.H(kF,aF(d));p=$APP.C.h(p,"morph")&&
|
|
4
|
+
m==null?"none":p;g=g!=null;var v=dF(e);h=h!=null;b=typeof b==="string"&&$APP.O("",b.trim())?b.trim():"120px";b=$APP.gf([$APP.Lh,$APP.Lj,$APP.ej,fF,lF,jF,$APP.mk,eF,gF,$APP.Xj,mF],[c,k,p,g,v,m,d,e,h,b,r]);k=$APP.N(b);b=$APP.H(k,gF);h=$APP.H(k,$APP.Xj);v=$APP.H(k,mF);var x=$APP.H(k,$APP.Lj);c=$APP.H(k,$APP.ej);d=$APP.H(k,fF);g=$APP.H(k,lF);e=$APP.H(k,jF);k=$APP.H(k,eF);m=$APP.l(a,"__xOrganicDividerBase");var y=$APP.l(a,"__xOrganicDividerSvg");r=$APP.l(a,"__xOrganicDividerPaths");var A=$APP.C.h(c,"drift");
|
|
5
|
+
p=$APP.C.h(c,"morph");v=A?v:x;y.setAttribute("viewBox",A?"0 0 1800 120":"0 0 1200 120");a:if(x=r.length,x<k)for(x=k-x,A=0;;)if(A<x){var D=document.createElementNS("http://www.w3.org/2000/svg","path");y.appendChild(D);r.push(D);A+=1}else break a;else if(x>k)for(x-=k,A=0;;)if(A<x)D=r.pop(),y.removeChild(D),A+=1;else break a;for(y=0;;)if(y<k){x=r[y];A=$APP.dc(g,y);D=$APP.N(A);A=$APP.H(D,bF);D=$APP.H(D,cF);var G=y+1;x.setAttribute("d",v);x.setAttribute("fill","var(--x-organic-divider-color-"+$APP.S.g(G)+
|
|
6
|
+
")");x.setAttribute("opacity",""+$APP.S.g(k<=1?1:.3+y/(k-1)*.7));A>0||D>0?x.setAttribute("transform","translate("+$APP.S.g(A)+","+$APP.S.g(D)+")"):x.removeAttribute("transform");p&&(x.style.setProperty("--x-organic-divider-d",'path("'+$APP.S.g(v)+'")'),$APP.n(e)&&x.style.setProperty("--x-organic-divider-d-alt",'path("'+$APP.S.g(e)+'")'));p||(x.style.removeProperty("--x-organic-divider-d"),x.style.removeProperty("--x-organic-divider-d-alt"));y+=1}else break;m.style.setProperty("height",h);$APP.n(d)?
|
|
7
|
+
a.setAttribute("data-flip",""):a.removeAttribute("data-flip");$APP.n(b)?a.setAttribute("data-mirror",""):a.removeAttribute("data-mirror");$APP.O(c,"none")?a.setAttribute("data-animation",c):a.removeAttribute("data-animation")},oF=function(a){Object.defineProperty(a,"shape",{get:function(){var b=this.getAttribute("shape");return $APP.n(b)?b:"wave"},set:function(b){return typeof b==="string"&&$APP.O("",b)?this.setAttribute("shape",b):this.removeAttribute("shape")},enumerable:!0,configurable:!0});Object.defineProperty(a,
|
|
8
|
+
"layers",{get:function(){var b=this.getAttribute("layers");return $APP.n(b)?b:"1"},set:function(b){return typeof b==="string"&&$APP.O("",b)?this.setAttribute("layers",b):this.removeAttribute("layers")},enumerable:!0,configurable:!0});Object.defineProperty(a,"height",{get:function(){var b=this.getAttribute("height");return $APP.n(b)?b:"120px"},set:function(b){return typeof b==="string"&&$APP.O("",b)?this.setAttribute("height",b):this.removeAttribute("height")},enumerable:!0,configurable:!0});Object.defineProperty(a,
|
|
9
|
+
"flip",{get:function(){return this.hasAttribute("flip")},set:function(b){return $APP.n(b)?this.setAttribute("flip",""):this.removeAttribute("flip")},enumerable:!0,configurable:!0});Object.defineProperty(a,"mirror",{get:function(){return this.hasAttribute("mirror")},set:function(b){return $APP.n(b)?this.setAttribute("mirror",""):this.removeAttribute("mirror")},enumerable:!0,configurable:!0});Object.defineProperty(a,"animation",{get:function(){var b=this.getAttribute("animation");return $APP.n(b)?b:
|
|
10
|
+
"none"},set:function(b){return typeof b==="string"&&$APP.O("",b)?this.setAttribute("animation",b):this.removeAttribute("animation")},enumerable:!0,configurable:!0});Object.defineProperty(a,"path",{get:function(){return this.getAttribute("path")},set:function(b){return typeof b==="string"&&$APP.O("",b)?this.setAttribute("path",b):this.removeAttribute("path")},enumerable:!0,configurable:!0})},qF=function(){var a=class extends HTMLElement{};a.observedAttributes=pF;a.prototype.connectedCallback=function(){if(!$APP.n($APP.l(this,
|
|
11
|
+
"__xOrganicDividerInit"))){var b=this.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElementNS("http://www.w3.org/2000/svg","svg");c.textContent=":host{display:block;box-sizing:border-box;color-scheme:light dark;line-height:0;font-size:0;overflow:hidden;--x-organic-divider-color-1:rgba(99,102,241,0.15);--x-organic-divider-color-2:rgba(99,102,241,0.25);--x-organic-divider-color-3:rgba(99,102,241,0.40);--x-organic-divider-color-4:rgba(99,102,241,0.60);--x-organic-divider-color-5:rgba(99,102,241,0.85);--x-organic-divider-height:120px;--x-organic-divider-animate-duration:6s;--x-organic-divider-animate-timing:ease-in-out;}@media (prefers-color-scheme:dark){:host{--x-organic-divider-color-1:rgba(129,140,248,0.12);--x-organic-divider-color-2:rgba(129,140,248,0.22);--x-organic-divider-color-3:rgba(129,140,248,0.35);--x-organic-divider-color-4:rgba(129,140,248,0.50);--x-organic-divider-color-5:rgba(129,140,248,0.70);}}[part\x3dbase]{width:100%;position:relative;overflow:hidden;}[part\x3dbase] svg{display:block;width:100%;height:100%;}:host([data-flip]) [part\x3dbase]{transform:scaleY(-1);}:host([data-mirror]) [part\x3dbase]{transform:scaleX(-1);}:host([data-flip][data-mirror]) [part\x3dbase]{transform:scaleX(-1) scaleY(-1);}@keyframes x-organic-divider-drift{0%{transform:translateX(0);}100%{transform:translateX(-33.333%);}}:host([data-animation\x3ddrift]) [part\x3dbase] svg{width:150%;animation:x-organic-divider-drift var(--x-organic-divider-animate-duration) linear infinite;}@keyframes x-organic-divider-morph{0%,100%{d:var(--x-organic-divider-d);}50%{d:var(--x-organic-divider-d-alt);}}:host([data-animation\x3dmorph]) [part\x3dbase] path{animation:x-organic-divider-morph var(--x-organic-divider-animate-duration) var(--x-organic-divider-animate-timing) infinite;}@media (prefers-reduced-motion:reduce){:host([data-animation]) [part\x3dbase] svg,:host([data-animation]) [part\x3dbase] path{animation:none;}}";
|
|
12
|
+
d.setAttribute("part","base");e.setAttribute("xmlns","http://www.w3.org/2000/svg");e.setAttribute("preserveAspectRatio","none");e.setAttribute("aria-hidden","true");d.appendChild(e);b.appendChild(c);b.appendChild(d);this.setAttribute("role","presentation");this.setAttribute("aria-hidden","true");this.__xOrganicDividerBase=d;this.__xOrganicDividerSvg=e;this.__xOrganicDividerPaths=[];this.__xOrganicDividerInit=!0}nF(this);return null};a.prototype.disconnectedCallback=function(){return null};a.prototype.attributeChangedCallback=
|
|
13
|
+
function(b,c,d){$APP.O(c,d)&&$APP.n($APP.l(this,"__xOrganicDividerInit"))&&nF(this);return null};oF(a.prototype);return a},rF=function(){$APP.n(customElements.get("x-organic-divider"))||customElements.define("x-organic-divider",qF());return null},cF=new $APP.M(null,"y-offset","y-offset",-1716542),fF=new $APP.M(null,"flip","flip",2033871302),eF=new $APP.M(null,"layers","layers",1944875032),mF=new $APP.M(null,"drift-d","drift-d",-1241526977),gF=new $APP.M(null,"mirror","mirror",1914600218),lF=new $APP.M(null,
|
|
14
|
+
"transforms","transforms",793344554),bF=new $APP.M(null,"x-offset","x-offset",-1499732449),jF=new $APP.M(null,"path-alt","path-alt",1724994068);var pF="shape layers height flip mirror animation path".split(" "),hF=new $APP.R(null,new $APP.Q(null,3,["none",null,"drift",null,"morph",null],null),null),$E=new $APP.R(null,new $APP.Q(null,8,["drip",null,"cloud",null,"scallop",null,"waves",null,"mountain",null,"slant",null,"blob-edge",null,"wave",null],null),null),iF=new $APP.Q(null,8,["wave",new $APP.Q(null,2,[$APP.Lh,"M0,60 C200,20 400,100 600,60 C800,20 1000,100 1200,60 L1200,120 L0,120 Z",jF,"M0,45 C200,85 400,15 600,55 C800,90 1000,10 1200,50 L1200,120 L0,120 Z"],
|
|
15
|
+
null),"waves",new $APP.Q(null,2,[$APP.Lh,"M0,40 C150,80 300,0 450,40 C600,80 750,10 900,50 C1050,90 1150,30 1200,50 L1200,120 L0,120 Z",jF,"M0,55 C150,15 300,85 450,50 C600,10 750,80 900,35 C1050,5 1150,75 1200,40 L1200,120 L0,120 Z"],null),"blob-edge",new $APP.Q(null,2,[$APP.Lh,"M0,50 C80,30 160,70 240,45 C320,20 400,80 500,55 C600,30 680,75 780,40 C880,5 960,65 1060,50 C1120,40 1180,60 1200,45 L1200,120 L0,120 Z",jF,"M0,40 C80,65 160,25 240,60 C320,80 400,20 500,45 C600,70 680,15 780,55 C880,75 960,10 1060,35 C1120,55 1180,30 1200,55 L1200,120 L0,120 Z"],
|
|
16
|
+
null),"mountain",new $APP.Q(null,2,[$APP.Lh,"M0,90 C100,90 200,30 350,30 C500,30 450,85 600,85 C750,85 700,15 850,15 C1000,15 950,80 1100,80 C1150,80 1200,60 1200,60 L1200,120 L0,120 Z",jF,"M0,80 C100,80 200,45 350,45 C500,45 450,75 600,75 C750,75 700,30 850,30 C1000,30 950,70 1100,70 C1150,70 1200,50 1200,50 L1200,120 L0,120 Z"],null),"drip",new $APP.Q(null,2,[$APP.Lh,"M0,20 C50,20 100,20 150,20 C175,20 185,60 200,80 C215,100 225,100 240,80 C255,60 265,20 290,20 L450,20 C475,20 485,50 500,70 C515,90 525,90 540,70 C555,50 565,20 590,20 L800,20 C825,20 835,70 850,90 C865,110 875,110 890,90 C905,70 915,20 940,20 L1200,20 L1200,120 L0,120 Z",
|
|
17
|
+
jF,"M0,20 C50,20 100,20 170,20 C195,20 205,55 220,72 C235,90 245,90 260,72 C275,55 285,20 310,20 L470,20 C495,20 505,45 520,62 C535,80 545,80 560,62 C575,45 585,20 610,20 L820,20 C845,20 855,65 870,85 C885,105 895,105 910,85 C925,65 935,20 960,20 L1200,20 L1200,120 L0,120 Z"],null),"slant",new $APP.Q(null,2,[$APP.Lh,"M0,100 C300,90 600,30 900,10 C1000,5 1100,2 1200,0 L1200,120 L0,120 Z",jF,"M0,80 C300,70 600,50 900,30 C1000,20 1100,10 1200,20 L1200,120 L0,120 Z"],null),"scallop",new $APP.Q(null,2,
|
|
18
|
+
[$APP.Lh,"M0,60 Q75,0 150,60 Q225,120 300,60 Q375,0 450,60 Q525,120 600,60 Q675,0 750,60 Q825,120 900,60 Q975,0 1050,60 Q1125,120 1200,60 L1200,120 L0,120 Z",jF,"M0,50 Q75,110 150,50 Q225,-10 300,50 Q375,110 450,50 Q525,-10 600,50 Q675,110 750,50 Q825,-10 900,50 Q975,110 1050,50 Q1125,-10 1200,50 L1200,120 L0,120 Z"],null),"cloud",new $APP.Q(null,2,[$APP.Lh,"M0,80 C50,80 80,40 140,40 C180,40 200,60 220,60 C240,60 260,20 320,20 C380,20 400,50 440,50 C480,50 500,10 560,10 C620,10 640,40 700,40 C760,40 780,25 840,25 C900,25 920,55 960,55 C1000,55 1040,30 1100,30 C1140,30 1180,60 1200,60 L1200,120 L0,120 Z",
|
|
19
|
+
jF,"M0,70 C50,70 80,50 140,50 C180,50 200,70 220,70 C240,70 260,30 320,30 C380,30 400,60 440,60 C480,60 500,20 560,20 C620,20 640,50 700,50 C760,50 780,35 840,35 C900,35 920,65 960,65 C1000,65 1040,40 1100,40 C1140,40 1180,70 1200,70 L1200,120 L0,120 Z"],null)],null),kF=new $APP.Q(null,8,"wave;M0,60 C200,20 400,100 600,60 C800,20 1000,100 1200,60 C1400,20 1600,100 1800,60 L1800,120 L0,120 Z;waves;M0,40 C150,80 300,0 450,40 C600,80 750,10 900,50 C1050,90 1150,30 1200,50 C1350,80 1500,0 1650,40 C1800,80 1800,50 1800,50 L1800,120 L0,120 Z;blob-edge;M0,50 C80,30 160,70 240,45 C320,20 400,80 500,55 C600,30 680,75 780,40 C880,5 960,65 1060,50 C1120,40 1180,60 1200,45 C1280,30 1360,70 1440,45 C1520,20 1600,80 1700,55 C1800,30 1800,50 1800,50 L1800,120 L0,120 Z;mountain;M0,90 C100,90 200,30 350,30 C500,30 450,85 600,85 C750,85 700,15 850,15 C1000,15 950,80 1100,80 C1150,80 1200,60 1300,60 C1400,60 1400,30 1500,30 C1600,30 1550,80 1700,80 C1750,80 1800,60 1800,60 L1800,120 L0,120 Z;drip;M0,20 C50,20 100,20 150,20 C175,20 185,60 200,80 C215,100 225,100 240,80 C255,60 265,20 290,20 L450,20 C475,20 485,50 500,70 C515,90 525,90 540,70 C555,50 565,20 590,20 L800,20 C825,20 835,70 850,90 C865,110 875,110 890,90 C905,70 915,20 940,20 L1200,20 C1225,20 1235,60 1250,80 C1265,100 1275,100 1290,80 C1305,60 1315,20 1340,20 L1500,20 C1525,20 1535,50 1550,70 C1565,90 1575,90 1590,70 C1605,50 1615,20 1640,20 L1800,20 L1800,120 L0,120 Z;slant;M0,100 C300,90 600,30 900,10 C1000,5 1100,2 1200,0 C1300,2 1500,90 1800,100 L1800,120 L0,120 Z;scallop;M0,60 Q75,0 150,60 Q225,120 300,60 Q375,0 450,60 Q525,120 600,60 Q675,0 750,60 Q825,120 900,60 Q975,0 1050,60 Q1125,120 1200,60 Q1275,0 1350,60 Q1425,120 1500,60 Q1575,0 1650,60 Q1725,120 1800,60 L1800,120 L0,120 Z;cloud;M0,80 C50,80 80,40 140,40 C180,40 200,60 220,60 C240,60 260,20 320,20 C380,20 400,50 440,50 C480,50 500,10 560,10 C620,10 640,40 700,40 C760,40 780,25 840,25 C900,25 920,55 960,55 C1000,55 1040,30 1100,30 C1140,30 1180,60 1200,60 C1240,60 1260,20 1320,20 C1380,20 1400,50 1440,50 C1480,50 1500,10 1560,10 C1620,10 1640,40 1700,40 C1760,40 1780,60 1800,60 L1800,120 L0,120 Z".split(";"),
|
|
20
|
+
null);$APP.ja("baredom.exports.x_organic_divider.init",rF);export const init=rF;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
+
var uy=function(a){return typeof a==="string"&&$APP.K(ty,a)?a:"blob-1"},vy=function(a){return typeof a==="string"&&$APP.O("",a)?a:null},wy=function(a){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot");c.textContent=":host{display:block;box-sizing:border-box;color-scheme:light dark;--x-organic-shape-fill:rgba(99,102,241,0.12);--x-organic-shape-stroke:transparent;--x-organic-shape-stroke-width:0;--x-organic-shape-opacity:1;--x-organic-shape-shadow:none;--x-organic-shape-animate-duration:8s;--x-organic-shape-animate-timing:ease-in-out;--x-organic-shape-animate-direction:normal;--x-organic-shape-animate-delay:0s;}@media (prefers-color-scheme:dark){:host{--x-organic-shape-fill:rgba(129,140,248,0.18);}}[part\x3dshape]{width:100%;height:100%;position:relative;overflow:hidden;background:var(--x-organic-shape-fill);outline:var(--x-organic-shape-stroke-width) solid var(--x-organic-shape-stroke);outline-offset:calc(-1 * var(--x-organic-shape-stroke-width));opacity:var(--x-organic-shape-opacity);filter:var(--x-organic-shape-shadow);display:flex;align-items:center;justify-content:center;transition:clip-path 0.3s ease,opacity 0.3s ease;}@keyframes x-organic-shape-morph{0%,100%{clip-path:var(--x-organic-shape-clip);}50%{clip-path:var(--x-organic-shape-clip-alt);}}@keyframes x-organic-shape-pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.06);}}@keyframes x-organic-shape-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-6%);}}@keyframes x-organic-shape-spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}:host([data-animation\x3dmorph]) [part\x3dshape]{animation:x-organic-shape-morph var(--x-organic-shape-animate-duration) var(--x-organic-shape-animate-timing) var(--x-organic-shape-animate-delay) infinite var(--x-organic-shape-animate-direction);}:host([data-animation\x3dpulse]) [part\x3dshape]{animation:x-organic-shape-pulse var(--x-organic-shape-animate-duration) var(--x-organic-shape-animate-timing) var(--x-organic-shape-animate-delay) infinite var(--x-organic-shape-animate-direction);}:host([data-animation\x3dfloat]) [part\x3dshape]{animation:x-organic-shape-float var(--x-organic-shape-animate-duration) var(--x-organic-shape-animate-timing) var(--x-organic-shape-animate-delay) infinite var(--x-organic-shape-animate-direction);}:host([data-animation\x3dspin]) [part\x3dshape]{animation:x-organic-shape-spin var(--x-organic-shape-animate-duration) linear var(--x-organic-shape-animate-delay) infinite var(--x-organic-shape-animate-direction);}@media (prefers-reduced-motion:reduce){:host([data-animation]) [part\x3dshape]{animation:none;}}";
|
|
3
|
+
d.setAttribute("part","shape");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xOrganicShapeBase=d;a.__xOrganicShapeSlot=e;a.__xOrganicShapeInit=!0},xy=function(a,b){if($APP.n($APP.n(b)?b.assignedNodes().length>0:null))return a.removeAttribute("role"),a.removeAttribute("aria-hidden");a.setAttribute("role","presentation");return a.setAttribute("aria-hidden","true")},Dy=function(a){var b=new $APP.Q(null,6,[$APP.mk,a.getAttribute("shape"),$APP.Lh,a.getAttribute("path"),$APP.ej,a.getAttribute("animation"),
|
|
4
|
+
yy,a.getAttribute("ratio"),$APP.fh,a.getAttribute("width"),$APP.Xj,a.getAttribute("height")],null);var c=$APP.N(b),d=$APP.H(c,$APP.mk),e=$APP.H(c,$APP.Lh),g=$APP.H(c,$APP.ej),h=$APP.H(c,yy);b=$APP.H(c,$APP.fh);c=$APP.H(c,$APP.Xj);e=typeof e==="string"&&$APP.O("",e.trim())?e.trim():null;d=uy(d);var k=typeof g==="string"&&$APP.K(zy,g)?g:"none";g=e!=null?e:$APP.Pd(Ay,new $APP.$d(null,2,5,$APP.ae,[uy(d),By],null));var m=e==null?$APP.Pd(Ay,new $APP.$d(null,2,5,$APP.ae,[uy(d),Cy],null)):null;k=$APP.C.h(k,
|
|
5
|
+
"morph")&&m==null?"none":k;h=typeof h==="string"&&$APP.O("",h.trim())?h.trim():"1/1";b=new $APP.Q(null,8,[$APP.mk,d,$APP.Lh,e,By,g,Cy,m,$APP.ej,k,yy,h,$APP.fh,vy(b),$APP.Xj,vy(c)],null);g=$APP.N(b);b=$APP.H(g,By);h=$APP.H(g,Cy);c=$APP.H(g,$APP.ej);e=$APP.H(g,yy);d=$APP.H(g,$APP.fh);g=$APP.H(g,$APP.Xj);m=$APP.l(a,"__xOrganicShapeBase");k=$APP.l(a,"__xOrganicShapeSlot");m.style.setProperty("--x-organic-shape-clip",b);$APP.n(h)?m.style.setProperty("--x-organic-shape-clip-alt",h):m.style.removeProperty("--x-organic-shape-clip-alt");
|
|
6
|
+
m.style.setProperty("clip-path",b);m.style.setProperty("aspect-ratio",e);$APP.n(d)?m.style.setProperty("width",d):m.style.removeProperty("width");$APP.n(g)?m.style.setProperty("height",g):m.style.removeProperty("height");$APP.O(c,"none")?a.setAttribute("data-animation",c):a.removeAttribute("data-animation");xy(a,k)},Ey=function(a){function b(){return xy(a,c)}$APP.n($APP.l(a,"__xOrganicShapeInit"))||wy(a);var c=$APP.l(a,"__xOrganicShapeSlot");a.__xOrganicShapeSlotHandler=b;c.addEventListener("slotchange",
|
|
7
|
+
b);Dy(a)},Fy=function(a){Object.defineProperty(a,"shape",{get:function(){var b=this.getAttribute("shape");return $APP.n(b)?b:"blob-1"},set:function(b){return typeof b==="string"&&$APP.O("",b)?this.setAttribute("shape",b):this.removeAttribute("shape")},enumerable:!0,configurable:!0});Object.defineProperty(a,"path",{get:function(){return this.getAttribute("path")},set:function(b){return typeof b==="string"&&$APP.O("",b)?this.setAttribute("path",b):this.removeAttribute("path")},enumerable:!0,configurable:!0});
|
|
8
|
+
Object.defineProperty(a,"animation",{get:function(){var b=this.getAttribute("animation");return $APP.n(b)?b:"none"},set:function(b){return typeof b==="string"&&$APP.O("",b)?this.setAttribute("animation",b):this.removeAttribute("animation")},enumerable:!0,configurable:!0});Object.defineProperty(a,"ratio",{get:function(){var b=this.getAttribute("ratio");return $APP.n(b)?b:"1/1"},set:function(b){return typeof b==="string"&&$APP.O("",b)?this.setAttribute("ratio",b):this.removeAttribute("ratio")},enumerable:!0,
|
|
9
|
+
configurable:!0});Object.defineProperty(a,"width",{get:function(){var b=this.getAttribute("width");return $APP.n(b)?b:""},set:function(b){return typeof b==="string"&&$APP.O("",b)?this.setAttribute("width",b):this.removeAttribute("width")},enumerable:!0,configurable:!0});Object.defineProperty(a,"height",{get:function(){var b=this.getAttribute("height");return $APP.n(b)?b:""},set:function(b){return typeof b==="string"&&$APP.O("",b)?this.setAttribute("height",b):this.removeAttribute("height")},enumerable:!0,
|
|
10
|
+
configurable:!0})},Hy=function(){var a=class extends HTMLElement{};a.observedAttributes=Gy;a.prototype.connectedCallback=function(){Ey(this);return null};a.prototype.disconnectedCallback=function(){var b=$APP.l(this,"__xOrganicShapeSlot"),c=$APP.l(this,"__xOrganicShapeSlotHandler");return $APP.n($APP.n(b)?c:b)?b.removeEventListener("slotchange",c):null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&$APP.n($APP.l(this,"__xOrganicShapeInit"))&&Dy(this);return null};Fy(a.prototype);
|
|
11
|
+
return a},Iy=function(){$APP.n(customElements.get("x-organic-shape"))||customElements.define("x-organic-shape",Hy());return null},Cy=new $APP.M(null,"clip-alt","clip-alt",-684562835),yy=new $APP.M(null,"ratio","ratio",-926560044),By=new $APP.M(null,"clip","clip",830998499);var Gy="shape path animation ratio width height".split(" "),zy=new $APP.R(null,new $APP.Q(null,5,["float",null,"none",null,"pulse",null,"spin",null,"morph",null],null),null),ty=new $APP.R(null,new $APP.Q(null,8,["cloud",null,"blob-3",null,"leaf",null,"pebble",null,"blob-1",null,"blob-2",null,"wave",null,"droplet",null],null),null),Ay=new $APP.Q(null,8,["blob-1",new $APP.Q(null,2,[By,"polygon(30% 0%, 70% 0%, 100% 30%, 95% 70%, 70% 100%, 30% 95%, 0% 70%, 5% 30%)",Cy,"polygon(25% 5%, 75% 0%, 95% 25%, 100% 65%, 75% 95%, 25% 100%, 0% 65%, 5% 25%)"],
|
|
12
|
+
null),"blob-2",new $APP.Q(null,2,[By,"polygon(50% 0%, 80% 10%, 100% 40%, 95% 75%, 70% 100%, 30% 100%, 5% 75%, 0% 40%, 20% 10%)",Cy,"polygon(50% 5%, 85% 15%, 100% 45%, 90% 80%, 65% 95%, 35% 95%, 10% 80%, 0% 45%, 15% 15%)"],null),"blob-3",new $APP.Q(null,2,[By,"polygon(20% 0%, 80% 0%, 100% 20%, 100% 50%, 90% 80%, 70% 100%, 30% 100%, 10% 80%, 0% 50%, 0% 20%)",Cy,"polygon(25% 5%, 75% 5%, 95% 25%, 100% 55%, 85% 85%, 65% 95%, 35% 95%, 15% 85%, 0% 55%, 5% 25%)"],null),"pebble",new $APP.Q(null,2,[By,"polygon(50% 2%, 78% 8%, 96% 30%, 98% 60%, 85% 88%, 55% 98%, 25% 92%, 4% 65%, 2% 35%, 22% 8%)",
|
|
13
|
+
Cy,"polygon(50% 5%, 75% 12%, 93% 32%, 96% 58%, 82% 85%, 52% 96%, 28% 90%, 8% 62%, 5% 38%, 25% 12%)"],null),"leaf",new $APP.Q(null,2,[By,"polygon(50% 0%, 80% 15%, 98% 45%, 90% 75%, 65% 98%, 50% 100%, 35% 98%, 10% 75%, 2% 45%, 20% 15%)",Cy,"polygon(50% 3%, 78% 18%, 95% 42%, 88% 72%, 62% 95%, 50% 97%, 38% 95%, 12% 72%, 5% 42%, 22% 18%)"],null),"droplet",new $APP.Q(null,2,[By,"polygon(50% 0%, 72% 20%, 90% 50%, 95% 72%, 80% 92%, 50% 100%, 20% 92%, 5% 72%, 10% 50%, 28% 20%)",Cy,"polygon(50% 5%, 70% 22%, 88% 48%, 92% 70%, 78% 90%, 50% 97%, 22% 90%, 8% 70%, 12% 48%, 30% 22%)"],
|
|
14
|
+
null),"cloud",new $APP.Q(null,2,[By,"polygon(10% 60%, 0% 45%, 5% 30%, 18% 20%, 32% 15%, 45% 8%, 58% 12%, 72% 8%, 85% 18%, 95% 32%, 100% 50%, 95% 65%, 80% 75%, 55% 80%, 30% 78%, 15% 72%)",Cy,"polygon(12% 58%, 2% 43%, 8% 28%, 20% 18%, 35% 12%, 48% 10%, 60% 14%, 75% 10%, 88% 20%, 97% 35%, 98% 52%, 92% 68%, 78% 78%, 52% 82%, 28% 80%, 13% 70%)"],null),"wave",new $APP.Q(null,2,[By,"polygon(0% 35%, 15% 20%, 30% 30%, 50% 15%, 70% 28%, 85% 18%, 100% 30%, 100% 75%, 85% 85%, 70% 72%, 50% 85%, 30% 75%, 15% 82%, 0% 70%)",
|
|
15
|
+
Cy,"polygon(0% 30%, 15% 25%, 30% 35%, 50% 20%, 70% 32%, 85% 22%, 100% 35%, 100% 70%, 85% 80%, 70% 68%, 50% 80%, 30% 70%, 15% 78%, 0% 65%)"],null)],null);$APP.ja("baredom.exports.x_organic_shape.init",Iy);export const init=Iy;
|