@vanelsas/baredom 1.2.0 → 1.3.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 +13 -0
- package/README.md +2 -2
- package/dist/base.js +364 -353
- package/dist/x-alert.js +19 -19
- package/dist/x-avatar-group.js +11 -11
- package/dist/x-avatar.js +15 -15
- package/dist/x-badge.js +11 -11
- package/dist/x-bento-grid.js +6 -0
- package/dist/x-bento-item.js +5 -0
- 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 +47 -47
- package/dist/x-checkbox.js +11 -11
- package/dist/x-chip.js +8 -8
- package/dist/x-collapse.js +12 -12
- package/dist/x-command-palette.js +31 -31
- package/dist/x-container.js +6 -6
- package/dist/x-context-menu.js +19 -19
- package/dist/x-copy.js +23 -23
- package/dist/x-currency-field.js +22 -22
- package/dist/x-date-picker.js +40 -40
- package/dist/x-divider.js +12 -12
- package/dist/x-drawer.js +12 -12
- package/dist/x-dropdown.js +9 -9
- package/dist/x-fieldset.js +6 -6
- package/dist/x-file-download.js +7 -7
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.js +10 -10
- package/dist/x-gaussian-blur.js +19 -32
- package/dist/x-grid.js +6 -7
- package/dist/x-kinetic-typography.js +61 -61
- package/dist/x-menu-item.js +10 -10
- package/dist/x-menu.js +10 -10
- package/dist/x-metaball-cursor.js +28 -0
- package/dist/x-modal.js +13 -13
- package/dist/x-navbar.js +13 -13
- package/dist/x-neural-glow.js +35 -0
- package/dist/x-notification-center.js +10 -10
- package/dist/x-organic-divider.js +16 -16
- package/dist/x-organic-progress.js +40 -0
- package/dist/x-organic-shape.js +12 -12
- package/dist/x-pagination.js +16 -16
- package/dist/x-popover.js +15 -15
- package/dist/x-progress-circle.js +9 -9
- package/dist/x-progress.js +10 -10
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.js +12 -12
- package/dist/x-scroll-parallax.js +19 -19
- package/dist/x-scroll-stack.js +18 -18
- package/dist/x-scroll-story.js +35 -35
- package/dist/x-scroll-timeline.js +47 -47
- package/dist/x-scroll.js +40 -40
- 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 +4 -4
- package/dist/x-slider.js +16 -16
- package/dist/x-spacer.js +5 -5
- package/dist/x-spinner.js +5 -5
- package/dist/x-splash.js +15 -0
- 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 +22 -23
- package/dist/x-table-row.js +10 -10
- package/dist/x-table.js +15 -15
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +17 -17
- 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 +10 -10
- package/package.json +26 -2
package/dist/x-navbar.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
"actions-slot"),x=$APP.l(b,"toggle-slot");b=$APP.l(b,"end-slot");a=new $APP.
|
|
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");p.setAttribute("part","actions");
|
|
12
|
-
g.appendChild(h);g.appendChild(k);g.appendChild(m);g.appendChild(p);g.appendChild(
|
|
13
|
-
a.prototype.attributeChangedCallback=function(){var b=$APP.l(this,"__xNavbarRefs");return $APP.n(b)?
|
|
14
|
-
$APP.
|
|
2
|
+
var cN=function(a,b,c){return typeof a==="string"&&$APP.K(b,a)?a:c},dN=function(a,b,c){return a.dispatchEvent(new CustomEvent(b,{detail:c,bubbles:!0,composed:!0,cancelable:!1}))},eN=function(a){return a.assignedNodes({flatten:!0})},fN=function(a){return document.createElement(a)},mN=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"),q=$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.R(null,7,[$APP.U,a.getAttribute("label"),$APP.Ij,a.getAttribute("orientation"),$APP.jh,a.getAttribute("variant"),$APP.Wj,a.hasAttribute("sticky"),gN,a.hasAttribute("elevated"),$APP.di,a.getAttribute("breakpoint"),hN,a.getAttribute("alignment")],null);var y=$APP.N(a);a=$APP.I(y,$APP.U);var A=$APP.I(y,$APP.Ij),D=$APP.I(y,$APP.jh),G=$APP.I(y,$APP.Wj),H=$APP.I(y,gN),F=$APP.I(y,$APP.di);y=$APP.I(y,hN);a=new $APP.R(null,7,[$APP.U,
|
|
4
|
+
typeof a==="string"?a:null,$APP.Ij,cN(A,iN,"horizontal"),$APP.jh,cN(D,jN,"default"),$APP.Wj,$APP.J(G),gN,$APP.J(H),$APP.di,cN(F,kN,"md"),hN,cN(y,lN,"space-between")],null);p=eN(p).length>0;q=eN(q).length>0;v=eN(v).length>0;x=eN(x).length>0;b=eN(b).length>0;A=$APP.N(a);A=$APP.I(A,$APP.U);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.jh.g(a));c.setAttribute("data-orientation",$APP.Ij.g(a));c.setAttribute("data-breakpoint",
|
|
5
|
+
$APP.di.g(a));d.setAttribute("data-alignment",hN.g(a));e.setAttribute("data-has-brand",p?"true":"false");g.setAttribute("data-has-start",q?"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")},nN=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"),dN(a,"navigate",{href:$APP.n(g)?g:"",source:c}));a:{d=eN($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?dN(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 dN(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")})},oN=function(a,b){function c(){return mN(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)},pN=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)}})},qN=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.T.g(d)):this.removeAttribute(c)}})},rN=function(a){pN(a,"sticky","sticky");pN(a,"elevated","elevated");qN(a,"label","label");qN(a,"variant","variant");qN(a,"orientation","orientation");qN(a,"alignment","alignment");qN(a,"breakpoint","breakpoint")},tN=function(){var a=class extends HTMLElement{};a.observedAttributes=sN;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=fN("style"),e=fN("nav"),g=fN("div"),h=fN("div"),k=fN("div"),m=fN("div"),p=fN("div"),q=fN("div"),v=fN("div"),x=fN("slot"),y=fN("slot"),A=fN("slot"),D=fN("slot"),G=fN("slot"),H=fN("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");q.setAttribute("part","toggle");v.setAttribute("part","end");x.setAttribute("name","brand");y.setAttribute("name","start");D.setAttribute("name","actions");G.setAttribute("name","toggle");H.setAttribute("name","end");h.appendChild(x);k.appendChild(y);m.appendChild(A);p.appendChild(D);q.appendChild(G);v.appendChild(H);
|
|
12
|
+
g.appendChild(h);g.appendChild(k);g.appendChild(m);g.appendChild(p);g.appendChild(q);g.appendChild(v);e.appendChild(g);c.appendChild(d);c.appendChild(e);this.__xNavbarRefs=c={"end-slot":H,bar:g,start:k,toggle:q,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,nN(this,$APP.l(c,"base")),oN(this,c));return mN(this,c)};a.prototype.disconnectedCallback=function(){this.__xNavbarFocusVisible=!1};
|
|
13
|
+
a.prototype.attributeChangedCallback=function(){var b=$APP.l(this,"__xNavbarRefs");return $APP.n(b)?mN(this,b):null};rN(a.prototype);return a},uN=function(){$APP.n(customElements.get("x-navbar"))||customElements.define("x-navbar",tN());return null},gN=new $APP.M(null,"elevated","elevated",-7323953),hN=new $APP.M(null,"alignment","alignment",1040093386);var iN=new $APP.S(null,new $APP.R(null,2,["vertical",null,"horizontal",null],null),null),jN=new $APP.S(null,new $APP.R(null,4,["transparent",null,"inverted",null,"subtle",null,"default",null],null),null),kN=new $APP.S(null,new $APP.R(null,4,["md",null,"lg",null,"xl",null,"sm",null],null),null),lN=new $APP.S(null,new $APP.R(null,3,["center",null,"start",null,"space-between",null],null),null),sN="label orientation variant sticky elevated breakpoint alignment".split(" ");
|
|
14
|
+
$APP.Ed(["focus-visible",new $APP.R(null,1,[$APP.V,$APP.Fd],null),"navigate",new $APP.R(null,1,[$APP.V,new $APP.R(null,2,[$APP.Rk,$APP.Y,$APP.Jj,$APP.Y],null)],null),"brand-activate",new $APP.R(null,1,[$APP.V,new $APP.R(null,1,[$APP.Jj,$APP.Y],null)],null)]);$APP.ja("baredom.exports.x_navbar.init",uN);export const init=uN;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
+
var Px=function(a){if(typeof a==="string"){a=parseInt(a.trim(),10);var b=isNaN(a);return $APP.n($APP.n(b)?b:!(a>0))?15:Math.min(50,Math.max(3,a))}return 15},Qx=function(a,b){return typeof a==="string"&&a.trim().length>0?a.trim():b},Rx=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.n($APP.n(b)?b:!(a>0))?1:Math.min(5,Math.max(.1,a))}return 1},Sx=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.n($APP.n(b)?b:!(a>0))?4:Math.min(10,
|
|
3
|
+
Math.max(1,a))}return 4},Tx=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.n($APP.n(b)?b:!(a>0))?.15:Math.min(.5,Math.max(.05,a))}return.15},Ux=function(a){if(typeof a==="string"){a=parseFloat(a.trim());var b=isNaN(a);return $APP.n($APP.n(b)?b:!(a>0))?40:Math.min(200,Math.max(10,a))}return 40},Vx=function(a){return typeof a==="string"?(a=parseFloat(a.trim()),$APP.n(isNaN(a))?.8:Math.min(1,Math.max(0,a))):.8},Wx=function(a){return a==null?!0:$APP.O("false",a.trim().toLowerCase())},
|
|
4
|
+
Xx=function(a,b,c){return a+(b-a)*c},Yx=function(){return $APP.J(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},$x=function(a,b){a=$APP.l(a,"__xNeuralColorCache");var c=$APP.l(a,b);if($APP.n(c))return c;Zx.fillStyle="#000000";Zx.fillStyle=b;c=Zx.fillStyle;if(typeof c==="string"&&$APP.C.h(c[0],"#")){var d=c.substring(1);c=parseInt(d.substring(0,2),16);var e=parseInt(d.substring(2,4),16);d=parseInt(d.substring(4,6),16);c=[c/255,e/255,d/255]}else d=c.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/),
|
|
5
|
+
$APP.n(d)?(c=parseInt(d[1],10),e=parseInt(d[2],10),d=parseInt(d[3],10),c=[c/255,e/255,d/255]):c=[0,0,0];return a[b]=c},ay=function(a,b,c){b=a.createShader(b);a.shaderSource(b,c);a.compileShader(b);if($APP.n(a.getShaderParameter(b,a.COMPILE_STATUS)))return b;console.warn("x-neural-glow shader error:",a.getShaderInfoLog(b));a.deleteShader(b);return null},ty=function(a){a=$APP.mf([by,cy,dy,ey,fy,gy,hy,iy,jy,ky],[a.getAttribute("rest-rate"),a.getAttribute("pulse-speed"),a.getAttribute("color-secondary"),
|
|
6
|
+
a.getAttribute("opacity"),a.getAttribute("orb-count"),a.getAttribute("orb-size"),a.getAttribute("color-background"),a.getAttribute("interactive"),a.getAttribute("color-primary"),a.getAttribute("connection-distance")]);var b=$APP.N(a);a=$APP.I(b,jy);var c=$APP.I(b,ky),d=$APP.I(b,by),e=$APP.I(b,cy),g=$APP.I(b,ey),h=$APP.I(b,dy),k=$APP.I(b,fy),m=$APP.I(b,gy),p=$APP.I(b,hy);b=$APP.I(b,iy);return $APP.mf([ly,my,ny,oy,$APP.Xj,py,$APP.th,qy,ry,sy],[Ux(m),Px(k),Qx(a,"#4f8bff"),Qx(h,"#00e5cc"),Wx(b),Tx(c),
|
|
7
|
+
Vx(g),Rx(e),Qx(p,"#050a18"),Sx(d)])},uy=function(a,b,c){return Math.sin(a*1.7+c*.3)*Math.cos(b*2.3+c*.5)*.5+Math.sin(a*3.1-c*.7)*Math.cos(b*1.3+c*.2)*.25+Math.sin(a*5.3+c*.4)*Math.cos(b*4.7-c*.6)*.125},wy=function(a,b,c){var d=$APP.l(a,"__xNeuralUniforms"),e=vy.g($APP.l(a,"__xNeuralRefs")),g=e.width,h=e.height,k=$APP.l(a,"__xNeuralTime"),m=$APP.l(a,"__xNeuralActivity");e=$APP.l(a,"__xNeuralOrbPos");var p=$APP.l(a,"__xNeuralOrbPhases"),q=my.g(c),v=$x(a,ny.g(c)),x=$x(a,oy.g(c));a=$x(a,ry.g(c));b.uniform2f($APP.l(d,
|
|
8
|
+
"u_resolution"),g,h);b.uniform1f($APP.l(d,"u_time"),k);b.uniform1f($APP.l(d,"u_activity"),m);b.uniform1f($APP.l(d,"u_pulse_speed"),qy.g(c));b.uniform1f($APP.l(d,"u_rest_rate"),sy.g(c));b.uniform1i($APP.l(d,"u_orb_count"),q);b.uniform1f($APP.l(d,"u_orb_size"),ly.g(c));b.uniform1f($APP.l(d,"u_connection_dist"),py.g(c));b.uniform3f($APP.l(d,"u_color_primary"),v[0],v[1],v[2]);b.uniform3f($APP.l(d,"u_color_secondary"),x[0],x[1],x[2]);b.uniform3f($APP.l(d,"u_color_background"),a[0],a[1],a[2]);b.uniform1f($APP.l(d,
|
|
9
|
+
"u_opacity"),$APP.th.g(c));for(c=0;;)if(c<q)g=e[c],b.uniform2f($APP.l(d,"u_orb_positions["+$APP.T.g(c)+"]"),g[0],g[1]),b.uniform1f($APP.l(d,"u_orb_phases["+$APP.T.g(c)+"]"),p[c]),c+=1;else break},yy=function(a){a.__xNeuralTime=0;$APP.ma(a,"__xNeuralLastFrame",performance.now());a.__xNeuralActivity=0;a.__xNeuralImpulse=0;$APP.ma(a,"__xNeuralRaf",requestAnimationFrame(function(){return xy(a)}))},zy=function(a){if($APP.n($APP.Xj.g($APP.l(a,"__xNeuralModel")))){var b=function(){var g=window.scrollY,h=
|
|
10
|
+
$APP.l(a,"__xNeuralLastScroll");a.__xNeuralLastScroll=g;h!=null&&(a.__xNeuralImpulse=Math.min(1,$APP.l(a,"__xNeuralImpulse")+Math.min(1,Math.abs(g-h)/100)));return null},c=function(g){var h=$APP.l(a,"__xNeuralLastPtr"),k=g.clientX;g=g.clientY;if($APP.n(h)){var m=k-$APP.l(h,"x"),p=g-$APP.l(h,"y");a.__xNeuralImpulse=Math.min(1,$APP.l(a,"__xNeuralImpulse")+Math.min(1,Math.sqrt(m*m+p*p)/50));h.x=k;h.y=g}else a.__xNeuralLastPtr={x:k,y:g};return null},d=function(){a.__xNeuralImpulse=Math.min(1,$APP.l(a,
|
|
11
|
+
"__xNeuralImpulse")+.3);return null},e={scroll:b,pointer:c,key:d};window.addEventListener("scroll",b,{passive:!0});window.addEventListener("pointermove",c,{passive:!0});window.addEventListener("keydown",d,{passive:!0});a.__xNeuralHandlers=e}return null},Ay=function(a){var b=$APP.l(a,"__xNeuralHandlers");if($APP.n(b)){var c=$APP.l(b,"scroll");$APP.n(c)&&window.removeEventListener("scroll",c);c=$APP.l(b,"pointer");$APP.n(c)&&window.removeEventListener("pointermove",c);b=$APP.l(b,"key");$APP.n(b)&&window.removeEventListener("keydown",
|
|
12
|
+
b);a.__xNeuralHandlers=null}},By=function(a){Object.defineProperty(a,"orbCount",{get:function(){return Px(this.getAttribute("orb-count"))},set:function(b){return b==null?this.removeAttribute("orb-count"):this.setAttribute("orb-count",""+$APP.T.g(b|0))},enumerable:!0,configurable:!0});Object.defineProperty(a,"colorPrimary",{get:function(){var b=this.getAttribute("color-primary");return Qx(b,"#4f8bff")},set:function(b){return b==null?this.removeAttribute("color-primary"):this.setAttribute("color-primary",
|
|
13
|
+
""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"colorSecondary",{get:function(){var b=this.getAttribute("color-secondary");return Qx(b,"#00e5cc")},set:function(b){return b==null?this.removeAttribute("color-secondary"):this.setAttribute("color-secondary",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"colorBackground",{get:function(){var b=this.getAttribute("color-background");return Qx(b,"#050a18")},set:function(b){return b==null?this.removeAttribute("color-background"):
|
|
14
|
+
this.setAttribute("color-background",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"pulseSpeed",{get:function(){return Rx(this.getAttribute("pulse-speed"))},set:function(b){return b==null?this.removeAttribute("pulse-speed"):this.setAttribute("pulse-speed",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"restRate",{get:function(){return Sx(this.getAttribute("rest-rate"))},set:function(b){return b==null?this.removeAttribute("rest-rate"):this.setAttribute("rest-rate",
|
|
15
|
+
""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"connectionDistance",{get:function(){return Tx(this.getAttribute("connection-distance"))},set:function(b){return b==null?this.removeAttribute("connection-distance"):this.setAttribute("connection-distance",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"orbSize",{get:function(){return Ux(this.getAttribute("orb-size"))},set:function(b){return b==null?this.removeAttribute("orb-size"):this.setAttribute("orb-size",
|
|
16
|
+
""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"opacity",{get:function(){return Vx(this.getAttribute("opacity"))},set:function(b){return b==null?this.removeAttribute("opacity"):this.setAttribute("opacity",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"interactive",{get:function(){return Wx(this.getAttribute("interactive"))},set:function(b){return $APP.n(b)?this.removeAttribute("interactive"):this.setAttribute("interactive","false")},enumerable:!0,
|
|
17
|
+
configurable:!0})},Gy=function(){var a=class extends HTMLElement{};a.observedAttributes=Cy;a.prototype.connectedCallback=function(){var b=ty(this);this.__xNeuralModel=b;this.__xNeuralColorCache={};this.__xNeuralDriftTime=0;this.__xNeuralLastScroll=this.__xNeuralLastPtr=null;if(!$APP.n($APP.l(this,"__xNeuralRefs"))){var c=this.attachShadow({mode:"open"}),d=document.createElement("style"),e=document.createElement("canvas");d.textContent=Dy;e.setAttribute("part","canvas");c.appendChild(d);c.appendChild(e);
|
|
18
|
+
b:{d=e.getContext("webgl",{alpha:!0,premultipliedAlpha:!1});d=$APP.n(d)?d:e.getContext("experimental-webgl",{alpha:!0,premultipliedAlpha:!1});if($APP.n(d)){var g=ay(d,d.VERTEX_SHADER,"attribute vec2 a_position;\nvoid main() {\n gl_Position \x3d vec4(a_position, 0.0, 1.0);\n}"),h=ay(d,d.FRAGMENT_SHADER,Ey);if($APP.n($APP.n(g)?h:g)){var k=d.createProgram();d.attachShader(k,g);d.attachShader(k,h);d.linkProgram(k);$APP.n(d.getProgramParameter(k,d.LINK_STATUS))?g=k:(console.warn("x-neural-glow link error:",
|
|
19
|
+
d.getProgramInfoLog(k)),d.deleteProgram(k),g=null);if($APP.n(g)){d.useProgram(g);h=d.createBuffer();d.bindBuffer(d.ARRAY_BUFFER,h);d.bufferData(d.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,1,1]),d.STATIC_DRAW);h=d.getAttribLocation(g,"a_position");d.enableVertexAttribArray(h);d.vertexAttribPointer(h,2,d.FLOAT,!1,0,0);h={};k=$APP.u(new $APP.Q(null,12,5,$APP.fe,"u_resolution u_time u_activity u_pulse_speed u_rest_rate u_orb_count u_orb_size u_connection_dist u_color_primary u_color_secondary u_color_background u_opacity".split(" "),
|
|
20
|
+
null));for(var m=null,p=0,q=0;;)if(q<p){var v=m.G(null,q);h[v]=d.getUniformLocation(g,v);q+=1}else if(k=$APP.u(k))m=k,$APP.Cc(m)?(k=$APP.qb(m),q=$APP.rb(m),m=k,p=$APP.B(k),k=q):(k=$APP.w(m),h[k]=d.getUniformLocation(g,k),k=$APP.z(m),m=null,p=0),q=0;else break;for(k=0;;)if(k<50)m="u_orb_positions["+$APP.T.g(k)+"]",p="u_orb_phases["+$APP.T.g(k)+"]",h[m]=d.getUniformLocation(g,m),h[p]=d.getUniformLocation(g,p),k+=1;else break;this.__xNeuralUniforms=h;this.__xNeuralProgram=g;d.enable(d.BLEND);d.blendFunc(d.SRC_ALPHA,
|
|
21
|
+
d.ONE_MINUS_SRC_ALPHA);break b}}}d=null}this.__xNeuralRefs=new $APP.R(null,3,[$APP.Jh,c,vy,e,Fy,d],null)}b=my.g(b);c=[];for(e=0;;)if(e<b)c.push([Math.random(),Math.random()]),e+=1;else break;e=[];d=2*Math.PI;for(g=0;;)if(g<b)e.push(Math.random()*d),g+=1;else break;d=[];for(g=0;;)if(g<b)h=c[g],d.push([h[0],h[1]]),g+=1;else break;this.__xNeuralOrbBase=c;this.__xNeuralOrbPhases=e;this.__xNeuralOrbPos=d;this.setAttribute("aria-hidden","true");this.setAttribute("role","presentation");Ay(this);zy(this);
|
|
22
|
+
yy(this);return null};a.prototype.disconnectedCallback=function(){var b=$APP.l(this,"__xNeuralRaf");$APP.n(b)&&(cancelAnimationFrame(b),this.__xNeuralRaf=null);Ay(this);return null};a.prototype.attributeChangedCallback=function(b,c,d){if($APP.O(c,d)&&(this.__xNeuralModel=b=ty(this),this.__xNeuralColorCache={},$APP.n($APP.l(this,"__xNeuralRefs")))){var e=my.g(b);b=$APP.l(this,"__xNeuralOrbBase");c=$APP.l(this,"__xNeuralOrbPhases");d=$APP.l(this,"__xNeuralOrbPos");var g=b.length,h=2*Math.PI;if($APP.O(g,
|
|
23
|
+
e))if(e>g)for(e-=g,g=0;;)if(g<e){var k=Math.random(),m=Math.random();b.push([k,m]);d.push([k,m]);c.push(Math.random()*h);g+=1}else break;else b.length=e,d.length=e,c.length=e;Ay(this);return $APP.n(this.isConnected)?zy(this):null}return null};By(a.prototype);return a},Hy=function(){$APP.n(customElements.get("x-neural-glow"))||customElements.define("x-neural-glow",Gy());return null},ey=new $APP.M(null,"opacity-raw","opacity-raw",-1373906448),py=new $APP.M(null,"connection-distance","connection-distance",
|
|
24
|
+
-2128794414),cy=new $APP.M(null,"pulse-speed-raw","pulse-speed-raw",-665433726),jy=new $APP.M(null,"color-primary-raw","color-primary-raw",392476156),ry=new $APP.M(null,"color-background","color-background",1347240536),qy=new $APP.M(null,"pulse-speed","pulse-speed",828613109),dy=new $APP.M(null,"color-secondary-raw","color-secondary-raw",1212293328),fy=new $APP.M(null,"orb-count-raw","orb-count-raw",-930142286),ky=new $APP.M(null,"connection-distance-raw","connection-distance-raw",1368898143),iy=
|
|
25
|
+
new $APP.M(null,"interactive-raw","interactive-raw",1874525367),sy=new $APP.M(null,"rest-rate","rest-rate",1350607737),oy=new $APP.M(null,"color-secondary","color-secondary",-556141879),Fy=new $APP.M(null,"gl","gl",-246422634),ly=new $APP.M(null,"orb-size","orb-size",83267072),gy=new $APP.M(null,"orb-size-raw","orb-size-raw",925656307),my=new $APP.M(null,"orb-count","orb-count",1055126048),hy=new $APP.M(null,"color-background-raw","color-background-raw",2063778805),ny=new $APP.M(null,"color-primary",
|
|
26
|
+
"color-primary",1415907910),vy=new $APP.M(null,"canvas","canvas",-1798817489),by=new $APP.M(null,"rest-rate-raw","rest-rate-raw",-206808800);var Cy="orb-count color-primary color-secondary color-background pulse-speed rest-rate connection-distance orb-size opacity interactive".split(" ");
|
|
27
|
+
$APP.mf([new $APP.M(null,"colorBackground","colorBackground",-167638842),$APP.gi,new $APP.M(null,"orbCount","orbCount",-2006864213),new $APP.M(null,"restRate","restRate",-272422548),new $APP.M(null,"colorPrimary","colorPrimary",-611817233),new $APP.M(null,"orbSize","orbSize",1744279571),$APP.th,new $APP.M(null,"colorSecondary","colorSecondary",1906906102),new $APP.M(null,"pulseSpeed","pulseSpeed",1297932542),new $APP.M(null,"connectionDistance","connectionDistance",1241773439)],[new $APP.R(null,1,
|
|
28
|
+
[$APP.Z,$APP.Y],null),new $APP.R(null,1,[$APP.Z,$APP.Ni],null),new $APP.R(null,1,[$APP.Z,$APP.W],null),new $APP.R(null,1,[$APP.Z,$APP.W],null),new $APP.R(null,1,[$APP.Z,$APP.Y],null),new $APP.R(null,1,[$APP.Z,$APP.W],null),new $APP.R(null,1,[$APP.Z,$APP.W],null),new $APP.R(null,1,[$APP.Z,$APP.Y],null),new $APP.R(null,1,[$APP.Z,$APP.W],null),new $APP.R(null,1,[$APP.Z,$APP.W],null)]);
|
|
29
|
+
var Ey="precision mediump float;\nuniform vec2 u_resolution;\nuniform float u_time;\nuniform float u_activity;\nuniform float u_pulse_speed;\nuniform float u_rest_rate;\nuniform int u_orb_count;\nuniform vec2 u_orb_positions["+$APP.T.g(50)+"];\nuniform float u_orb_phases["+$APP.T.g(50)+"];\nuniform float u_orb_size;\nuniform float u_connection_dist;\nuniform vec3 u_color_primary;\nuniform vec3 u_color_secondary;\nuniform vec3 u_color_background;\nuniform float u_opacity;\n\nfloat distToSegment(vec2 p, vec2 a, vec2 b) {\n vec2 pa \x3d p - a;\n vec2 ba \x3d b - a;\n float t \x3d clamp(dot(pa, ba) / dot(ba, ba), 0.0, 1.0);\n return length(pa - ba * t);\n}\n\nvoid main() {\n vec2 uv \x3d gl_FragCoord.xy / u_resolution;\n float aspect \x3d u_resolution.x / u_resolution.y;\n\n // Auto-detect light vs dark background\n float bg_lum \x3d dot(u_color_background, vec3(0.2126, 0.7152, 0.0722));\n float is_light \x3d smoothstep(0.3, 0.6, bg_lum);\n\n // Pulse speed interpolates between rest and active rate\n float active_speed \x3d u_pulse_speed * 3.0;\n float speed \x3d mix(6.2831853 / u_rest_rate, active_speed, u_activity);\n\n // Start with background\n vec3 color \x3d u_color_background;\n\n // Orb glow layer\n float radius \x3d u_orb_size / min(u_resolution.x, u_resolution.y);\n float softness \x3d 2.5;\n\n for (int i \x3d 0; i \x3c "+
|
|
30
|
+
$APP.T.g(50)+"; i++) {\n if (i \x3e\x3d u_orb_count) break;\n\n vec2 orbPos \x3d u_orb_positions[i];\n vec2 diff \x3d uv - orbPos;\n diff.x *\x3d aspect;\n\n float dist \x3d length(diff);\n float pulse \x3d 0.5 + 0.5 * sin(u_time * speed + u_orb_phases[i]);\n float glow_strength \x3d (0.4 + 0.6 * pulse) * (0.5 + 0.5 * u_activity + 0.5);\n float glow \x3d exp(-dist * dist / (radius * radius * softness)) * glow_strength;\n\n // Alternate primary/secondary by index\n vec3 orb_color \x3d mix(u_color_primary, u_color_secondary, step(1.0, mod(float(i), 2.0)));\n vec3 additive \x3d color + orb_color * glow;\n vec3 multiply \x3d color * mix(vec3(1.0), orb_color, glow);\n color \x3d mix(additive, multiply, is_light);\n }\n\n // Connection line layer\n float line_width \x3d 0.003;\n for (int i \x3d 0; i \x3c "+
|
|
31
|
+
$APP.T.g(50)+"; i++) {\n if (i \x3e\x3d u_orb_count) break;\n for (int j \x3d 0; j \x3c "+$APP.T.g(50)+"; j++) {\n if (j \x3e\x3d u_orb_count) break;\n if (j \x3c\x3d i) continue;\n\n vec2 pi_pos \x3d u_orb_positions[i];\n vec2 pj_pos \x3d u_orb_positions[j];\n\n vec2 diff_ij \x3d pi_pos - pj_pos;\n diff_ij.x *\x3d aspect;\n float orb_dist \x3d length(diff_ij);\n\n if (orb_dist \x3c u_connection_dist) {\n vec2 uv_a \x3d vec2(uv.x * aspect, uv.y);\n vec2 pa \x3d vec2(pi_pos.x * aspect, pi_pos.y);\n vec2 pb \x3d vec2(pj_pos.x * aspect, pj_pos.y);\n\n float d \x3d distToSegment(uv_a, pa, pb);\n float fade \x3d 1.0 - (orb_dist / u_connection_dist);\n float avg_phase \x3d (u_orb_phases[i] + u_orb_phases[j]) * 0.5;\n float line_pulse \x3d 0.3 + 0.7 * sin(u_time * speed + avg_phase);\n float line_glow \x3d exp(-d * d / (line_width * line_width)) * fade * line_pulse;\n line_glow *\x3d (0.3 + 0.7 * u_activity + 0.3);\n\n vec3 line_color \x3d mix(u_color_primary, u_color_secondary, 0.5);\n float line_str \x3d line_glow * 0.4;\n vec3 line_add \x3d color + line_color * line_str;\n vec3 line_mul \x3d color * mix(vec3(1.0), line_color, line_str);\n color \x3d mix(line_add, line_mul, is_light);\n }\n }\n }\n\n gl_FragColor \x3d vec4(color, u_opacity);\n}";var Dy=":host{display:block;position:relative;width:100%;height:100%;min-height:200px;overflow:hidden;z-index:var("+$APP.T.g("--x-neural-glow-z-index")+",0);inset:var("+$APP.T.g("--x-neural-glow-inset")+",auto);}canvas{display:block;width:100%;height:100%;opacity:var("+$APP.T.g("--x-neural-glow-opacity")+",0.8);mix-blend-mode:var("+$APP.T.g("--x-neural-glow-blend-mode")+",normal);}@media(prefers-reduced-motion:reduce){canvas{opacity:var("+$APP.T.g("--x-neural-glow-opacity")+",0.6);}}",Zx,Iy=document.createElement("canvas");
|
|
32
|
+
Iy.width=1;Iy.height=1;Zx=Iy.getContext("2d");
|
|
33
|
+
var xy=function xy(a){if($APP.n(a.isConnected)){var c=$APP.l(a,"__xNeuralRefs"),d=Fy.g(c);if($APP.n(d)){c=vy.g(c);var e=$APP.l(a,"__xNeuralModel"),g=performance.now(),h=Math.min((g-$APP.l(a,"__xNeuralLastFrame"))/1E3,.1);a.__xNeuralLastFrame=g;Yx()||(a.__xNeuralTime=$APP.l(a,"__xNeuralTime")+h);g=$APP.l(a,"__xNeuralImpulse");a.__xNeuralActivity=Xx($APP.l(a,"__xNeuralActivity"),g>.01?1:0,Math.min(1,(g>.01?8:2)*h));a.__xNeuralImpulse=g*Math.max(0,1-5*h);if(!Yx()){g=$APP.l(a,"__xNeuralOrbBase");var k=
|
|
34
|
+
$APP.l(a,"__xNeuralOrbPos"),m=my.g(e);h=$APP.l(a,"__xNeuralDriftTime")+h*(.3+.7*$APP.l(a,"__xNeuralActivity"));a.__xNeuralDriftTime=h;for(var p=0;;)if(p<m){var q=g[p],v=q[0],x=q[1];q=v*3+p*1.37;var y=x*3+p*2.41;x=Math.min(1,Math.max(0,x+uy(y+100,q,h)*.08));var A=k[p];A[0]=Math.min(1,Math.max(0,v+uy(q,y,h)*.08));A[1]=x;p+=1}else break}h=Math.min(2,devicePixelRatio);g=a.clientWidth;k=a.clientHeight;m=Math.max(1,Math.floor(g*h));h=Math.max(1,Math.floor(k*h));if($APP.O(c.width,m)||$APP.O(c.height,h))c.width=
|
|
35
|
+
m,c.height=h,d.viewport(0,0,m,h);g>0&&k>0&&(wy(a,d,e),d.drawArrays(d.TRIANGLE_STRIP,0,4))}$APP.ma(a,"__xNeuralRaf",requestAnimationFrame(function(){return xy.g?xy.g(a):xy.call(null,a)}))}return null};$APP.ja("baredom.exports.x_neural_glow.init",Hy);export const init=Hy;
|
|
@@ -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"),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.
|
|
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 ym=function(a){return typeof a==="string"&&$APP.K(xm,a.toLowerCase())?a.toLowerCase():"top-right"},zm=function(a){if(a==null)return 5;a=parseInt(""+$APP.T.g(a),10);return typeof a==="number"&&$APP.r(isNaN(a))&&a>0?a:5},Am=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")},Bm=function(a){var b=a.getAttribute("position");b=ym(b);a.setAttribute("data-position",b)},Cm=function(a,b,c){a.dispatchEvent(new CustomEvent(b,{detail:$APP.Sg(c),bubbles:!0,composed:!0,cancelable:!1}))},Dm=function(a){function b(d){var e=Am(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;Cm(a,"x-notification-center-dismiss",new $APP.R(null,5,[$APP.Oj,e,$APP.Z,$APP.n(h)?h:"info",$APP.Rh,$APP.n(k)?k:"",$APP.Rj,$APP.n(d)?d:"",$APP.$g,g],null));g===0&&Cm(a,"x-notification-center-empty",$APP.Fd);return null}var c=Am(a);$APP.l(c,"root").addEventListener("x-alert-dismiss",b,{capture:!1});$APP.ma(a,"__xNcHandlers",{dismiss:b})},Em=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},Gm=function(a,b){var c=Am(a);c=$APP.l(c,"container");if(c.querySelectorAll("x-alert").length<function(){var q=$APP.l(a,"__xNcMax");return $APP.n(q)?q:5}()){var d=document.createElement("x-alert"),e=function(){var q=$APP.l(b,"id");$APP.n(q)||(q=Fm.v,Fm.v=q+1,q="xnc-"+$APP.T.g(q));return q}(),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.T.g(m|0));p===!1&&d.setAttribute("dismissible","false");c.appendChild(d);Cm(a,"x-notification-center-push",new $APP.R(null,2,[$APP.Oj,e,$APP.$g,c.querySelectorAll("x-alert").length],null));return e}return null},Hm=function(a){Object.defineProperty(a,
|
|
7
|
+
"position",{get:function(){return ym(this.getAttribute("position"))},set:function(b){return $APP.n(b)?this.setAttribute("position",""+$APP.T.g(b)):this.removeAttribute("position")},enumerable:!0,configurable:!0});Object.defineProperty(a,"max",{get:function(){return zm(this.getAttribute("max"))},set:function(b){return $APP.n(b)?this.setAttribute("max",""+$APP.T.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})},Jm=function(){var a=class extends HTMLElement{};a.observedAttributes=Im;a.prototype.connectedCallback=function(){Am(this);Em(this);Dm(this);Bm(this);return null};a.prototype.disconnectedCallback=function(){Em(this);return null};a.prototype.attributeChangedCallback=function(b){$APP.C.h(b,"position")?Bm(this):$APP.C.h(b,"max")&&(this.__xNcMax=zm(this.getAttribute("max")));return null};Hm(a.prototype);
|
|
9
|
+
a.prototype.push=function(b){return Gm(this,b)};a.prototype.clear=function(){var b=Am(this);b=$APP.u($APP.kc($APP.l(b,"container").querySelectorAll("x-alert")));for(var c=null,d=0,e=0;;)if(e<d)c.G(null,e).remove(),e+=1;else if(b=$APP.u(b))c=b,$APP.Cc(c)?(b=$APP.qb(c),e=$APP.rb(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},Km=function(){$APP.n(customElements.get("x-notification-center"))||customElements.define("x-notification-center",Jm());
|
|
10
|
+
return null};var Im=["position","max"],xm=new $APP.S(null,new $APP.R(null,6,["top-center",null,"bottom-center",null,"top-right",null,"bottom-right",null,"top-left",null,"bottom-left",null],null),null);
|
|
11
|
+
$APP.Ed(["x-notification-center-push",new $APP.R(null,2,[$APP.V,new $APP.R(null,2,[$APP.Oj,$APP.Y,$APP.$g,$APP.W],null),$APP.rk,!1],null),"x-notification-center-dismiss",new $APP.R(null,2,[$APP.V,new $APP.R(null,5,[$APP.Oj,$APP.Y,$APP.Z,$APP.Y,$APP.Rh,$APP.Y,$APP.Rj,$APP.Y,$APP.$g,$APP.W],null),$APP.rk,!1],null),"x-notification-center-empty",new $APP.R(null,2,[$APP.V,$APP.Fd,$APP.rk,!1],null)]);var Fm={v:0};$APP.ja("baredom.exports.x_notification_center.init",Km);export const init=Km;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
var g=$APP.
|
|
4
|
-
m==null?"none":p;g=g!=null;var v=
|
|
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=
|
|
6
|
-
")");x.setAttribute("opacity",""+$APP.
|
|
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")},
|
|
2
|
+
var UH=function(a){return typeof a==="string"&&$APP.K(TH,a)?a:"wave"},XH=function(a){return $APP.Ud(function(b){return new $APP.R(null,2,[VH,b*20,WH,b*8],null)},$APP.Uf(0,a))},gI=function(a){var b=new $APP.R(null,7,[$APP.Si,a.getAttribute("shape"),YH,a.getAttribute("layers"),$APP.Mi,a.getAttribute("height"),ZH,a.getAttribute("flip"),$H,a.getAttribute("mirror"),$APP.oi,a.getAttribute("animation"),$APP.xj,a.getAttribute("path")],null);var c=$APP.N(b),d=$APP.I(c,$APP.Si),e=$APP.I(c,YH);b=$APP.I(c,$APP.Mi);
|
|
3
|
+
var g=$APP.I(c,ZH),h=$APP.I(c,$H),k=$APP.I(c,$APP.oi);c=$APP.I(c,$APP.xj);c=typeof c==="string"&&$APP.O("",c.trim())?c.trim():null;d=UH(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(aI,k)?k:"none";k=c!=null?c:$APP.Vd(bI,new $APP.Q(null,2,5,$APP.fe,[UH(d),$APP.xj],null));m=c==null?$APP.Vd(bI,new $APP.Q(null,2,5,$APP.fe,[UH(d),cI],null)):null;var q=c!=null?c:$APP.I(dI,UH(d));p=$APP.C.h(p,"morph")&&
|
|
4
|
+
m==null?"none":p;g=g!=null;var v=XH(e);h=h!=null;b=typeof b==="string"&&$APP.O("",b.trim())?b.trim():"120px";b=$APP.mf([$APP.xj,$APP.Gi,$APP.oi,ZH,eI,cI,$APP.Si,YH,$H,$APP.Mi,fI],[c,k,p,g,v,m,d,e,h,b,q]);k=$APP.N(b);b=$APP.I(k,$H);h=$APP.I(k,$APP.Mi);v=$APP.I(k,fI);var x=$APP.I(k,$APP.Gi);c=$APP.I(k,$APP.oi);d=$APP.I(k,ZH);g=$APP.I(k,eI);e=$APP.I(k,cI);k=$APP.I(k,YH);m=$APP.l(a,"__xOrganicDividerBase");var y=$APP.l(a,"__xOrganicDividerSvg");q=$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=q.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);q.push(D);A+=1}else break a;else if(x>k)for(x-=k,A=0;;)if(A<x)D=q.pop(),y.removeChild(D),A+=1;else break a;for(y=0;;)if(y<k){x=q[y];A=$APP.fc(g,y);D=$APP.N(A);A=$APP.I(D,VH);D=$APP.I(D,WH);var G=y+1;x.setAttribute("d",v);x.setAttribute("fill","var(--x-organic-divider-color-"+$APP.T.g(G)+
|
|
6
|
+
")");x.setAttribute("opacity",""+$APP.T.g(k<=1?1:.3+y/(k-1)*.7));A>0||D>0?x.setAttribute("transform","translate("+$APP.T.g(A)+","+$APP.T.g(D)+")"):x.removeAttribute("transform");p&&(x.style.setProperty("--x-organic-divider-d",'path("'+$APP.T.g(v)+'")'),$APP.n(e)&&x.style.setProperty("--x-organic-divider-d-alt",'path("'+$APP.T.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")},hI=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
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
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})},
|
|
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})},jI=function(){var a=class extends HTMLElement{};a.observedAttributes=iI;a.prototype.connectedCallback=function(){if(!$APP.n($APP.l(this,
|
|
11
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}
|
|
13
|
-
function(b,c,d){$APP.O(c,d)&&$APP.n($APP.l(this,"__xOrganicDividerInit"))&&
|
|
14
|
-
"
|
|
15
|
-
null),"waves",new $APP.
|
|
16
|
-
null),"mountain",new $APP.
|
|
17
|
-
|
|
18
|
-
[$APP.
|
|
19
|
-
|
|
20
|
-
null);$APP.ja("baredom.exports.x_organic_divider.init",
|
|
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}gI(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"))&&gI(this);return null};hI(a.prototype);return a},kI=function(){$APP.n(customElements.get("x-organic-divider"))||customElements.define("x-organic-divider",jI());return null},ZH=new $APP.M(null,"flip","flip",2033871302),YH=new $APP.M(null,"layers","layers",1944875032),eI=new $APP.M(null,"transforms","transforms",793344554),VH=new $APP.M(null,"x-offset","x-offset",-1499732449),cI=new $APP.M(null,"path-alt","path-alt",1724994068),
|
|
14
|
+
WH=new $APP.M(null,"y-offset","y-offset",-1716542),fI=new $APP.M(null,"drift-d","drift-d",-1241526977),$H=new $APP.M(null,"mirror","mirror",1914600218);var iI="shape layers height flip mirror animation path".split(" "),aI=new $APP.S(null,new $APP.R(null,3,["none",null,"drift",null,"morph",null],null),null),TH=new $APP.S(null,new $APP.R(null,8,["drip",null,"cloud",null,"scallop",null,"waves",null,"mountain",null,"slant",null,"blob-edge",null,"wave",null],null),null),bI=new $APP.R(null,8,["wave",new $APP.R(null,2,[$APP.xj,"M0,60 C200,20 400,100 600,60 C800,20 1000,100 1200,60 L1200,120 L0,120 Z",cI,"M0,45 C200,85 400,15 600,55 C800,90 1000,10 1200,50 L1200,120 L0,120 Z"],
|
|
15
|
+
null),"waves",new $APP.R(null,2,[$APP.xj,"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",cI,"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.R(null,2,[$APP.xj,"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",cI,"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.R(null,2,[$APP.xj,"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",cI,"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.R(null,2,[$APP.xj,"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
|
+
cI,"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.R(null,2,[$APP.xj,"M0,100 C300,90 600,30 900,10 C1000,5 1100,2 1200,0 L1200,120 L0,120 Z",cI,"M0,80 C300,70 600,50 900,30 C1000,20 1100,10 1200,20 L1200,120 L0,120 Z"],null),"scallop",new $APP.R(null,2,
|
|
18
|
+
[$APP.xj,"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",cI,"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.R(null,2,[$APP.xj,"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
|
+
cI,"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),dI=new $APP.R(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",kI);export const init=kI;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
+
var BR=function(a){return typeof a==="string"&&(a=a.trim(),$APP.O(a,""))?(a=parseFloat(a),$APP.n(isNaN(a))?null:Math.min(100,Math.max(0,a))):null},DR=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.K(CR,a)?a:"vine"},ER=function(a){return a==null?!0:$APP.O((""+$APP.T.g(a)).trim().toLowerCase(),"false")},GR=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.K(FR,a)?a:"normal"},HR=function(a){return typeof a==="string"?(a=parseInt(a.trim(),10),typeof a===
|
|
3
|
+
"number"&&$APP.r(isNaN(a))&&a>0?a:42):42},IR=function(a){return typeof a==="string"?(a=a.trim(),$APP.O(a,"")?a:null):null},JR=function(a){return typeof a==="string"?(a=a.trim(),$APP.O(a,"")?a:null):null},KR=function(a){a=(typeof a==="number"&&$APP.r(isNaN(a))&&a>0?Math.floor(a):42)|0;return[a===0?1:a]},LR=function(a){var b=a[0];b^=b<<13;b^=b>>>17;b=b^b<<5|0;a[0]=b;return Math.abs(b)/2147483647},QR=function(a,b){var c=(a+b)*MR,d=Math.floor(a+c);c=Math.floor(b+c);var e=(d+c)*NR,g=a-(d-e),h=b-(c-e),
|
|
4
|
+
k=g>h?1:0,m=g>h?0:1,p=g+-k-NR,q=h+-m-NR,v=g+-1-2*NR,x=h+-1-2*NR,y=d&255,A=c&255,D=.5-g*g-h*h,G=.5-p*p-q*q,H=.5-v*v-x*x;return 70*((D<0?0:function(){var F=D*D,P=OR[PR[y+PR[A&255]&255]&11];return F*F*(P[0]*g+P[1]*h)}())+(G<0?0:function(){var F=G*G,P=OR[PR[y+k+PR[A+m&255]&255]&11];return F*F*(P[0]*p+P[1]*q)}())+(H<0?0:function(){var F=H*H,P=OR[PR[y+1+PR[A+1&255]&255]&11];return F*F*(P[0]*v+P[1]*x)}()))},RR=function(a){var b=a*17.31,c=a*31.17;return function(d,e){return QR(d+b,e+c)}},SR=function(a,b,
|
|
5
|
+
c){var d=[],e=[];c=KR(c);for(var g=[0],h=[20,100,0,0],k=a.length,m=0;;)if(m<k){switch(a.charAt(m)){case "F":var p=h[0],q=h[1],v=h[2],x=h[3],y=g[0],A=38*Math.pow(.7,x)*(.8+.4*LR(c)),D=function(){var H=y*.3;var F=x*.5;H=b.h?b.h(H,F):b.call(null,H,F);return v+.15*H}(),G=p+A*Math.cos(D);A=q+A*Math.sin(D);d.push({x1:p,y1:q,x2:G,y2:A,depth:x,index:y});h[0]=G;h[1]=A;g[0]=y+1;break;case "+":p=function(){var H=g[0]*.2;return b.h?b.h(H,100):b.call(null,H,100)}();h[2]-=.436+.1*p;break;case "-":p=function(){var H=
|
|
6
|
+
g[0]*.2;return b.h?b.h(H,200):b.call(null,H,200)}();h[2]+=.436+.1*p;break;case "[":e.push([h[0],h[1],h[2],h[3]]);h[3]+=1;break;case "]":e.length>0&&(p=e.pop(),h[0]=p[0],h[1]=p[1],h[2]=p[2],h[3]=p[3])}m+=1}else break;d.sort(function(H,F){var P=$APP.l(H,"x2")-20;H=$APP.l(H,"y2")-100;var la=$APP.l(F,"x2")-20;F=$APP.l(F,"y2")-100;return P*P+H*H-(la*la+F*F)});return[d,d.length]},TR=function(a,b,c,d){a=""+$APP.T.g(a.toFixed(1))+","+$APP.T.g(b.toFixed(1));c=""+$APP.T.g(c.toFixed(1))+","+$APP.T.g(d.toFixed(1));
|
|
7
|
+
return $APP.Gc(a,c)<0?""+$APP.T.g(a)+"-"+$APP.T.g(c):""+$APP.T.g(c)+"-"+$APP.T.g(a)},VR=function(a,b){b=$APP.qc(UR,b,25);var c=KR(a),d=1.5*b,e=Math.sqrt(3)*b,g=Math.ceil(800/d)+4,h=Math.ceil(200/e)+4;a=[];for(var k=Math.sqrt(17E4),m=-2;;)if(m<g){var p=m*d;if($APP.Ec(m))var q=(m&1)===0;else throw Error(["Argument must be an integer: ",$APP.sa(m)].join(""));q=q?0:e/2;for(var v=-2;;)if(v<h){var x=v*e+q;if(p>0-b&&p<800+b&&x>0-b&&x<200+b){var y=p-400,A=x-100;y=Math.sqrt(y*y+A*A);A=y*.7+LR(c)*.3*k;a.push({cx:p,
|
|
8
|
+
cy:x,dist:y,key:A})}v+=1}else break;m+=1}else break;a.sort(function(H,F){return $APP.l(H,"key")-$APP.l(F,"key")});c={};d=[];e=[0];g=a.length;for(h=0;;)if(h<g){q=a[h];m=$APP.l(q,"cx");p=$APP.l(q,"cy");q=Math.min(2,Math.floor($APP.l(q,"dist")*3/(k+.001)));for(v=0;;)if(v<6){y=Math.PI/3*v;var D=Math.PI/3*(v+1);x=m+b*Math.cos(y);y=p+b*Math.sin(y);A=m+b*Math.cos(D);D=p+b*Math.sin(D);var G=TR(x,y,A,D);$APP.n($APP.l(c,G))||(c[G]=!0,G=e[0],d.push({x1:x,y1:y,x2:A,y2:D,depth:q,index:G}),e[0]=G+1);v+=1}else break;
|
|
9
|
+
h+=1}else break;return[d,d.length]},WR=function(a,b,c,d){b=c+(120*(b-a)-12*c)*d;return[a+b*d,b]},YR=function(){return $APP.J(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},eS=function(a){a=new $APP.R(null,7,[$APP.Qi,a.getAttribute("progress"),$APP.Lj,a.getAttribute("variant"),$APP.Xk,a.getAttribute("color"),ZR,a.getAttribute("bloom"),$R,a.getAttribute("density"),aS,a.getAttribute("seed"),$APP.sh,a.getAttribute("label")],null);var b=$APP.N(a),c=$APP.I(b,$APP.Qi);a=$APP.I(b,$APP.Lj);
|
|
10
|
+
var d=$APP.I(b,$APP.Xk),e=$APP.I(b,ZR),g=$APP.I(b,$R),h=$APP.I(b,aS);b=$APP.I(b,$APP.sh);c=BR(c);var k=c==null,m=$APP.n(c)?c:0,p=!k&&m>=100;return $APP.mf([$APP.kk,$APP.Ci,$APP.jh,bS,cS,$APP.Pk,$APP.U,$APP.bk,$APP.Ej,$APP.mk,dS],[k,JR(d),DR(a),ER(e),HR(h),k?"Loading...":""+$APP.T.g(Math.round(m))+"%",IR(b),m,p,c,GR(g)])},fS=function(a,b,c){a=window.getComputedStyle(a).getPropertyValue(b).trim();return $APP.O(a,"")?a:c},gS=function(a,b){a=window.getComputedStyle(a).getPropertyValue("--x-organic-progress-branch-width").trim();
|
|
11
|
+
return $APP.O(a,"")?(a=parseFloat(a),$APP.n(isNaN(a))?b:a):b},iS=function(a,b,c){var d=$APP.N($APP.l(a,"__xOrganicProgressRefs")),e=$APP.I(d,hS);d=function(){var y=$APP.l(a,"__xOrganicProgressLines");return $APP.n(y)?y:[]}();for(var g=d.length,h=[],k=0;;)if(k<b){var m=k<g?d[k]:function(){var y=document.createElementNS("http://www.w3.org/2000/svg","line");y.setAttribute("stroke-linecap","round");e.appendChild(y);return y}(),p=c[k],q=$APP.l(p,"y1"),v=$APP.l(p,"x2"),x=$APP.l(p,"y2");m.setAttribute("x1",
|
|
12
|
+
""+$APP.T.g($APP.l(p,"x1")));m.setAttribute("y1",""+$APP.T.g(q));m.setAttribute("x2",""+$APP.T.g(v));m.setAttribute("y2",""+$APP.T.g(x));m.setAttribute("opacity","0");h.push(m);k+=1}else break;for(;;)if(b<g)e.removeChild(d[b]),b+=1;else break;a.__xOrganicProgressLines=h;a.__xOrganicProgressPV=-1},jS=function(a){var b=$APP.l(a,"__xOrganicProgressLines"),c=$APP.l(a,"__xOrganicProgressSegs"),d=$APP.l(a,"__xOrganicProgressSegN"),e=$APP.l(a,"__xOrganicProgressModel"),g=$APP.C.h($APP.jh.g(e),"honeycomb"),
|
|
13
|
+
h=function(){var A=$APP.Ci.g(e);return $APP.n(A)?A:fS(a,"--x-organic-progress-color-primary",g?"#818cf8":"#22c55e")}(),k=fS(a,"--x-organic-progress-color-secondary",g?"#a5b4fc":"#16a34a"),m=gS(a,g?1.5:3);if(g)for(var p=0;;)if(p<d){var q=b[p],v=$APP.l(c[p],"depth");q.setAttribute("stroke-width",""+$APP.T.g(m));q.setAttribute("stroke",function(){switch(v){case 0:return h;case 1:return k;default:return k}}());q.setAttribute("stroke-linecap","round");q.setAttribute("stroke-opacity",function(){switch(v){case 0:return"0.9";
|
|
14
|
+
case 1:return"0.7";default:return"0.5"}}());p+=1}else break;else for(p=0;;)if(p<d){q=b[p];var x=$APP.l(c[p],"depth"),y=x===0?h:k;q.setAttribute("stroke-width",""+$APP.T.g(Math.max(.5,m-x*.6)));q.setAttribute("stroke",y);q.setAttribute("stroke-linecap","round");q.setAttribute("stroke-opacity","1");p+=1}else break},kS=function(a){var b=$APP.l(a,"__xOrganicProgressSPos"),c=$APP.l(a,"__xOrganicProgressSegN"),d=Math.floor(b/100*c),e=$APP.l(a,"__xOrganicProgressPV"),g=$APP.l(a,"__xOrganicProgressLines");
|
|
15
|
+
if($APP.O(d,e)){c=Math.max(d,e<0?c:e);for(e=Math.min(d,e<0?0:e);;)if(e<c){var h=g[e];$APP.n(h)&&h.setAttribute("opacity",e<d?"1":"0");e+=1}else break;g=$APP.l(a,"__xOrganicProgressNodes");c=$APP.l(a,"__xOrganicProgressNN");c=$APP.n(c)?c:0;if($APP.n($APP.n(g)?c>0:g))for(b=Math.floor(b/100*c),e=0;;)if(e<c)h=g[e],$APP.n(h)&&h.setAttribute("opacity",e<b?"1":"0"),e+=1;else break;a.__xOrganicProgressPV=d}},mS=function(a){var b=$APP.l(a,"__xOrganicProgressSegs"),c=$APP.l(a,"__xOrganicProgressSegN"),d=$APP.N($APP.l(a,
|
|
16
|
+
"__xOrganicProgressRefs"));d=$APP.I(d,lS);var e=$APP.l(a,"__xOrganicProgressModel"),g=fS(a,"--x-organic-progress-bloom-color","#f472b6");e=KR(cS.g(e)+7);for(var h=[],k=0;;)if(k<c){var m=b[k];if($APP.l(m,"depth")>=2){var p=document.createElementNS("http://www.w3.org/2000/svg","circle"),q=$APP.l(m,"x2");m=$APP.l(m,"y2");var v=2*LR(e)-1,x=2*LR(e)-1;p.setAttribute("cx",""+$APP.T.g(q));p.setAttribute("cy",""+$APP.T.g(m));p.setAttribute("r","0");p.setAttribute("fill",g);p.setAttribute("opacity","0");p.setAttribute("class",
|
|
17
|
+
"bloom-petal");p.__dx=v;p.__dy=x;d.appendChild(p);h.push(p)}k+=1}else break;a.__xOrganicProgressBEls=h;a.__xOrganicProgressBloom=!0;a.__xOrganicProgressBT=0},nS=function(a,b){b=$APP.l(a,"__xOrganicProgressBT")+b;var c=b/1.5;a.__xOrganicProgressBT=b;if(c>1){b=$APP.N($APP.l(a,"__xOrganicProgressRefs"));b=$APP.I(b,lS);c=$APP.l(a,"__xOrganicProgressBEls");if($APP.n(c))for(var d=c.length,e=0;;)if(e<d){var g=c[e];$APP.n(g.parentNode)&&b.removeChild(g);e+=1}else break;a.__xOrganicProgressBEls=null;a.__xOrganicProgressBloom=
|
|
18
|
+
!1;a.dispatchEvent(new CustomEvent("x-organic-progress-bloom-end",{bubbles:!0,composed:!0,detail:{progress:100}}))}else for(a=$APP.l(a,"__xOrganicProgressBEls"),b=1-Math.min(c,1),b=4*(1-b*b*b),c=Math.max(0,1-c*c),d=a.length,e=0;;)if(e<d){g=a[e];var h=$APP.l(g,"__dx")*b*8,k=$APP.l(g,"__dy")*b*8;g.setAttribute("r",""+$APP.T.g(b*2.5));g.setAttribute("opacity",""+$APP.T.g(c));g.setAttribute("transform","translate("+$APP.T.g(h)+","+$APP.T.g(k)+")");e+=1}else break},pS=function(a){a.__xOrganicProgressTime=
|
|
19
|
+
0;a.__xOrganicProgressSPos=0;a.__xOrganicProgressSVel=0;$APP.ma(a,"__xOrganicProgressLF",performance.now());a.__xOrganicProgressDone=!1;a.__xOrganicProgressBloom=!1;a.__xOrganicProgressPV=-1;$APP.ma(a,"__xOrganicProgressRaf",requestAnimationFrame(function(){return oS(a)}))},qS=function(a){for(var b=$APP.l(a,"__xOrganicProgressModel"),c=$APP.l(a,"__xOrganicProgressSegN"),d=$APP.n($APP.kk.g(b))?50:$APP.bk.g(b),e=Math.floor(d/100*c),g=$APP.l(a,"__xOrganicProgressLines"),h=0;;)if(h<c){var k=g[h];$APP.n(k)&&
|
|
20
|
+
k.setAttribute("opacity",h<e?"1":"0");h+=1}else break;c=$APP.l(a,"__xOrganicProgressNodes");g=function(){var m=$APP.l(a,"__xOrganicProgressNN");return $APP.n(m)?m:0}();if($APP.n($APP.n(c)?g>0:c))for(d=Math.floor(d/100*g),h=0;;)if(h<g)k=c[h],$APP.n(k)&&k.setAttribute("opacity",h<d?"1":"0"),h+=1;else break;a.__xOrganicProgressPV=e;$APP.n(function(){var m=$APP.Ej.g(b);return $APP.n(m)?$APP.r($APP.l(a,"__xOrganicProgressDone")):m}())&&(a.__xOrganicProgressDone=!0,a.dispatchEvent(new CustomEvent("x-organic-progress-complete",
|
|
21
|
+
{bubbles:!0,composed:!0,detail:{progress:100}})))},uS=function(a,b){var c=eS(a);a.__xOrganicProgressModel=c;a.setAttribute("role","progressbar");a.setAttribute("aria-valuemin","0");a.setAttribute("aria-valuemax","100");$APP.n($APP.kk.g(c))?(a.removeAttribute("aria-valuenow"),a.setAttribute("aria-busy","true"),a.setAttribute("aria-valuetext","Loading...")):(a.setAttribute("aria-valuenow",""+$APP.T.g(Math.round($APP.bk.g(c)))),a.removeAttribute("aria-busy"),a.setAttribute("aria-valuetext",$APP.Pk.g(c)));
|
|
22
|
+
var d=$APP.U.g(c);$APP.n(d)?a.setAttribute("aria-label",d):a.removeAttribute("aria-label");if(b==null||$APP.K(rS,b)){b=$APP.C.h($APP.jh.g(c),"honeycomb");d=$APP.qc(sS,dS.g(c),3);if(b)c=VR(cS.g(c),dS.g(c));else{a:{for(var e=new $APP.R(null,1,["F","F[+F]F[-F]F"],null),g="F",h=0;;){if(h>=d){d=g;break a}for(var k=[],m=g.length,p=0;;)if(p<m){var q=g.charAt(p),v=$APP.I(e,q);$APP.n(v)?k.push(v):k.push(q);p+=1}else break;h+=1;g=k.join("")}d=void 0}e=RR(cS.g(c));c=SR(d,e,cS.g(c))}d=c;c=d[0];d=d[1];a.__xOrganicProgressSegs=
|
|
23
|
+
c;a.__xOrganicProgressSegN=d;iS(a,d,c);d=$APP.N($APP.l(a,"__xOrganicProgressRefs"));c=$APP.I(d,hS);d=$APP.I(d,$APP.ii);$APP.n(c)&&($APP.n(b)?c.removeAttribute("filter"):c.setAttribute("filter","url(#x-organic-progress-gooey)"));$APP.n($APP.n(d)?$APP.r(b):d)&&d.setAttribute("stdDeviation","2");b=$APP.N($APP.l(a,"__xOrganicProgressRefs"));b=$APP.I(b,tS);c=$APP.l(a,"__xOrganicProgressNodes");if($APP.n($APP.n(b)?c:b))for(d=c.length,e=0;;)if(e<d)g=c[e],$APP.n(g.parentNode)&&b.removeChild(g),e+=1;else break;
|
|
24
|
+
a.__xOrganicProgressNodes=null;a.__xOrganicProgressND=null;a.__xOrganicProgressNN=0;jS(a);a.__xOrganicProgressPV=-1;YR()&&qS(a)}},vS=function(a){Object.defineProperty(a,"progress",{get:function(){return BR(this.getAttribute("progress"))},set:function(b){return b==null?this.removeAttribute("progress"):this.setAttribute("progress",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"variant",{get:function(){return DR(this.getAttribute("variant"))},set:function(b){return b==null?
|
|
25
|
+
this.removeAttribute("variant"):this.setAttribute("variant",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"color",{get:function(){return JR(this.getAttribute("color"))},set:function(b){return b==null?this.removeAttribute("color"):this.setAttribute("color",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"bloom",{get:function(){return ER(this.getAttribute("bloom"))},set:function(b){return $APP.n(b)?this.removeAttribute("bloom"):this.setAttribute("bloom",
|
|
26
|
+
"false")},enumerable:!0,configurable:!0});Object.defineProperty(a,"density",{get:function(){return GR(this.getAttribute("density"))},set:function(b){return b==null?this.removeAttribute("density"):this.setAttribute("density",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,"seed",{get:function(){return HR(this.getAttribute("seed"))},set:function(b){return b==null?this.removeAttribute("seed"):this.setAttribute("seed",""+$APP.T.g(b|0))},enumerable:!0,configurable:!0});Object.defineProperty(a,
|
|
27
|
+
"label",{get:function(){return IR(this.getAttribute("label"))},set:function(b){return b==null?this.removeAttribute("label"):this.setAttribute("label",""+$APP.T.g(b))},enumerable:!0,configurable:!0})},yS=function(){var a=class extends HTMLElement{};a.observedAttributes=wS;a.prototype.connectedCallback=function(){this.__xOrganicProgressModel=eS(this);if(!$APP.n($APP.l(this,"__xOrganicProgressRefs"))){var b=this.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElementNS("http://www.w3.org/2000/svg",
|
|
28
|
+
"svg"),e=document.createElementNS("http://www.w3.org/2000/svg","defs"),g=document.createElementNS("http://www.w3.org/2000/svg","g"),h=document.createElementNS("http://www.w3.org/2000/svg","g"),k=document.createElementNS("http://www.w3.org/2000/svg","g");c.textContent=xS;d.setAttribute("part","svg");d.setAttribute("viewBox","0 0 800 200");d.setAttribute("preserveAspectRatio","xMidYMid slice");d.setAttribute("aria-hidden","true");g.setAttribute("part","branches");g.setAttribute("filter","url(#"+$APP.T.g("x-organic-progress-gooey")+
|
|
29
|
+
")");h.setAttribute("part","nodes");k.setAttribute("part","blooms");var m=document.createElementNS("http://www.w3.org/2000/svg","filter");var p=document.createElementNS("http://www.w3.org/2000/svg","feGaussianBlur"),q=document.createElementNS("http://www.w3.org/2000/svg","feColorMatrix");m.setAttribute("id","x-organic-progress-gooey");m.setAttribute("x","-10%");m.setAttribute("y","-10%");m.setAttribute("width","120%");m.setAttribute("height","120%");p.setAttribute("in","SourceGraphic");p.setAttribute("stdDeviation",
|
|
30
|
+
""+$APP.T.g(2));p.setAttribute("result","blur");q.setAttribute("in","blur");q.setAttribute("type","matrix");q.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7");m.appendChild(p);m.appendChild(q);e.appendChild(m);m=new $APP.R(null,3,[$APP.Dj,m,$APP.ii,p,$APP.Nk,q],null);d.appendChild(e);d.appendChild(g);d.appendChild(h);d.appendChild(k);b.appendChild(c);b.appendChild(d);this.__xOrganicProgressRefs=$APP.Hf($APP.kc([m,new $APP.R(null,5,[$APP.Jh,b,$APP.Ti,d,hS,g,tS,h,lS,k],null)]))}uS(this,
|
|
31
|
+
null);jS(this);YR()?qS(this):pS(this);return null};a.prototype.disconnectedCallback=function(){var b=$APP.l(this,"__xOrganicProgressRaf");$APP.n(b)&&(cancelAnimationFrame(b),this.__xOrganicProgressRaf=null);if($APP.n($APP.l(this,"__xOrganicProgressBloom"))){b=$APP.N($APP.l(this,"__xOrganicProgressRefs"));b=$APP.I(b,lS);var c=$APP.l(this,"__xOrganicProgressBEls");if($APP.n(c))for(var d=c.length,e=0;;)if(e<d){var g=c[e];$APP.n(g.parentNode)&&b.removeChild(g);e+=1}else break;this.__xOrganicProgressBEls=
|
|
32
|
+
null;this.__xOrganicProgressBloom=!1}return null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.O(c,d)&&$APP.n($APP.l(this,"__xOrganicProgressRefs"))&&(uS(this,b),$APP.K(rS,b)||jS(this));return null};vS(a.prototype);return a},zS=function(){$APP.n(customElements.get("x-organic-progress"))||customElements.define("x-organic-progress",yS());return null},tS=new $APP.M(null,"nodes-g","nodes-g",89420858),$R=new $APP.M(null,"density-raw","density-raw",1719413082),hS=new $APP.M(null,"branches-g",
|
|
33
|
+
"branches-g",548989635),bS=new $APP.M(null,"bloom?","bloom?",-326837587),ZR=new $APP.M(null,"bloom-attr","bloom-attr",-1778398039),dS=new $APP.M(null,"density","density",-1664155941),cS=new $APP.M(null,"seed","seed",68613327),aS=new $APP.M(null,"seed-raw","seed-raw",2146438207),lS=new $APP.M(null,"blooms-g","blooms-g",-1476393864);var wS="progress variant color bloom density seed label".split(" ");$APP.Ed(["x-organic-progress-complete",new $APP.R(null,2,[$APP.V,new $APP.R(null,1,[$APP.mk,$APP.W],null),$APP.rk,!1],null),"x-organic-progress-bloom-end",new $APP.R(null,2,[$APP.V,new $APP.R(null,1,[$APP.mk,$APP.W],null),$APP.rk,!1],null)]);
|
|
34
|
+
var CR=new $APP.S(null,new $APP.R(null,2,["honeycomb",null,"vine",null],null),null),FR=new $APP.S(null,new $APP.R(null,3,["dense",null,"normal",null,"sparse",null],null),null),sS=new $APP.R(null,3,["sparse",2,"normal",3,"dense",4],null),PR=[151,160,137,91,90,15,131,13,201,95,96,53,194,233,7,225,140,36,103,30,69,142,8,99,37,240,21,10,23,190,6,148,247,120,234,75,0,26,197,62,94,252,219,203,117,35,11,32,57,177,33,88,237,149,56,87,174,20,125,136,171,168,68,175,74,165,71,134,139,48,27,166,77,146,158,231,
|
|
35
|
+
83,111,229,122,60,211,133,230,220,105,92,41,55,46,245,40,244,102,143,54,65,25,63,161,1,216,80,73,209,76,132,187,208,89,18,169,200,196,135,130,116,188,159,86,164,100,109,198,173,186,3,64,52,217,226,250,124,123,5,202,38,147,118,126,255,82,85,212,207,206,59,227,47,16,58,17,182,189,28,42,223,183,170,213,119,248,152,2,44,154,163,70,221,153,101,155,167,43,172,9,129,22,39,253,19,98,108,110,79,113,224,232,178,185,112,104,218,246,97,228,251,34,242,193,238,210,144,12,191,179,162,241,81,51,145,235,249,14,239,
|
|
36
|
+
107,49,192,214,31,181,199,106,157,184,84,204,176,115,121,50,45,127,4,150,254,138,236,205,93,222,114,67,29,24,72,243,141,128,195,78,66,215,61,156,180],OR=[[1,1],[-1,1],[1,-1],[-1,-1],[1,0],[-1,0],[0,1],[0,-1],[1,1],[-1,1],[1,-1],[-1,-1]],MR=(Math.sqrt(3)-1)/2,NR=(3-Math.sqrt(3))/6,UR=new $APP.R(null,3,["sparse",40,"normal",25,"dense",16],null);var xS=":host{display:block;position:relative;min-height:60px;width:100%;overflow:hidden;"+$APP.T.g("--x-organic-progress-color-primary")+":#22c55e;"+$APP.T.g("--x-organic-progress-color-secondary")+":#16a34a;"+$APP.T.g("--x-organic-progress-bloom-color")+":#f472b6;"+$APP.T.g("--x-organic-progress-bg")+":transparent;"+$APP.T.g("--x-organic-progress-branch-width")+":3;"+$APP.T.g("--x-organic-progress-glow")+":2;"+$APP.T.g("--x-organic-progress-opacity")+":1;background:var("+$APP.T.g("--x-organic-progress-bg")+
|
|
37
|
+
",transparent);opacity:var("+$APP.T.g("--x-organic-progress-opacity")+",1);}[part\x3dsvg]{display:block;width:100%;height:100%;}@media(prefers-color-scheme:dark){:host{--x-organic-progress-color-primary:#4ade80;--x-organic-progress-color-secondary:#22c55e;--x-organic-progress-bloom-color:#f9a8d4;}}@media(prefers-reduced-motion:reduce){[part\x3dsvg]{transition:none!important;}.bloom-petal{transition:none!important;animation:none!important;}}",oS=function oS(a){if($APP.n(a.isConnected)){var c=$APP.l(a,
|
|
38
|
+
"__xOrganicProgressModel"),d=performance.now(),e=Math.min(d-$APP.l(a,"__xOrganicProgressLF"),100)/1E3;a.__xOrganicProgressLF=d;a.__xOrganicProgressTime=$APP.l(a,"__xOrganicProgressTime")+e;d=$APP.n($APP.kk.g(c))?50+20*Math.sin($APP.l(a,"__xOrganicProgressTime")*1.5):$APP.bk.g(c);d=WR($APP.l(a,"__xOrganicProgressSPos"),d,$APP.l(a,"__xOrganicProgressSVel"),e);a.__xOrganicProgressSPos=d[0];a.__xOrganicProgressSVel=d[1];kS(a);$APP.n(function(){var g=$APP.Ej.g(c);return $APP.n(g)?$APP.r($APP.l(a,"__xOrganicProgressDone")):
|
|
39
|
+
g}())&&(a.__xOrganicProgressDone=!0,a.dispatchEvent(new CustomEvent("x-organic-progress-complete",{bubbles:!0,composed:!0,detail:{progress:100}})),$APP.n(bS.g(c))&&mS(a));$APP.n(function(){var g=$APP.r($APP.Ej.g(c));return g?(g=$APP.l(a,"__xOrganicProgressDone"),$APP.n(g)?$APP.r($APP.l(a,"__xOrganicProgressBloom")):g):g}())&&(a.__xOrganicProgressDone=!1);$APP.n($APP.l(a,"__xOrganicProgressBloom"))&&nS(a,e);$APP.ma(a,"__xOrganicProgressRaf",requestAnimationFrame(function(){return oS.g?oS.g(a):oS.call(null,
|
|
40
|
+
a)}))}return null},rS=$APP.Kf(["variant","density","seed"]);$APP.ja("baredom.exports.x_organic_progress.init",zS);export const init=zS;
|
package/dist/x-organic-shape.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
d.setAttribute("part","shape");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xOrganicShapeBase=d;a.__xOrganicShapeSlot=e;a.__xOrganicShapeInit=!0},
|
|
4
|
-
|
|
5
|
-
"morph")&&m==null?"none":k;h=typeof h==="string"&&$APP.O("",h.trim())?h.trim():"1/1";b=new $APP.
|
|
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");
|
|
7
|
-
b);
|
|
2
|
+
var TA=function(a){return typeof a==="string"&&$APP.K(SA,a)?a:"blob-1"},UA=function(a){return typeof a==="string"&&$APP.O("",a)?a:null},VA=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},WA=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")},bB=function(a){var b=new $APP.R(null,6,[$APP.Si,a.getAttribute("shape"),$APP.xj,a.getAttribute("path"),$APP.oi,a.getAttribute("animation"),
|
|
4
|
+
XA,a.getAttribute("ratio"),$APP.lj,a.getAttribute("width"),$APP.Mi,a.getAttribute("height")],null);var c=$APP.N(b),d=$APP.I(c,$APP.Si),e=$APP.I(c,$APP.xj),g=$APP.I(c,$APP.oi),h=$APP.I(c,XA);b=$APP.I(c,$APP.lj);c=$APP.I(c,$APP.Mi);e=typeof e==="string"&&$APP.O("",e.trim())?e.trim():null;d=TA(d);var k=typeof g==="string"&&$APP.K(YA,g)?g:"none";g=e!=null?e:$APP.Vd(ZA,new $APP.Q(null,2,5,$APP.fe,[TA(d),$A],null));var m=e==null?$APP.Vd(ZA,new $APP.Q(null,2,5,$APP.fe,[TA(d),aB],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.R(null,8,[$APP.Si,d,$APP.xj,e,$A,g,aB,m,$APP.oi,k,XA,h,$APP.lj,UA(b),$APP.Mi,UA(c)],null);g=$APP.N(b);b=$APP.I(g,$A);h=$APP.I(g,aB);c=$APP.I(g,$APP.oi);e=$APP.I(g,XA);d=$APP.I(g,$APP.lj);g=$APP.I(g,$APP.Mi);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");WA(a,k)},cB=function(a){function b(){return WA(a,c)}$APP.n($APP.l(a,"__xOrganicShapeInit"))||VA(a);var c=$APP.l(a,"__xOrganicShapeSlot");a.__xOrganicShapeSlotHandler=b;c.addEventListener("slotchange",
|
|
7
|
+
b);bB(a)},dB=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
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
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})},
|
|
11
|
-
return a},
|
|
12
|
-
null),"blob-2",new $APP.
|
|
13
|
-
|
|
14
|
-
null),"cloud",new $APP.
|
|
15
|
-
|
|
10
|
+
configurable:!0})},fB=function(){var a=class extends HTMLElement{};a.observedAttributes=eB;a.prototype.connectedCallback=function(){cB(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"))&&bB(this);return null};dB(a.prototype);
|
|
11
|
+
return a},gB=function(){$APP.n(customElements.get("x-organic-shape"))||customElements.define("x-organic-shape",fB());return null},XA=new $APP.M(null,"ratio","ratio",-926560044),$A=new $APP.M(null,"clip","clip",830998499),aB=new $APP.M(null,"clip-alt","clip-alt",-684562835);var eB="shape path animation ratio width height".split(" "),YA=new $APP.S(null,new $APP.R(null,5,["float",null,"none",null,"pulse",null,"spin",null,"morph",null],null),null),SA=new $APP.S(null,new $APP.R(null,8,["cloud",null,"blob-3",null,"leaf",null,"pebble",null,"blob-1",null,"blob-2",null,"wave",null,"droplet",null],null),null),ZA=new $APP.R(null,8,["blob-1",new $APP.R(null,2,[$A,"polygon(30% 0%, 70% 0%, 100% 30%, 95% 70%, 70% 100%, 30% 95%, 0% 70%, 5% 30%)",aB,"polygon(25% 5%, 75% 0%, 95% 25%, 100% 65%, 75% 95%, 25% 100%, 0% 65%, 5% 25%)"],
|
|
12
|
+
null),"blob-2",new $APP.R(null,2,[$A,"polygon(50% 0%, 80% 10%, 100% 40%, 95% 75%, 70% 100%, 30% 100%, 5% 75%, 0% 40%, 20% 10%)",aB,"polygon(50% 5%, 85% 15%, 100% 45%, 90% 80%, 65% 95%, 35% 95%, 10% 80%, 0% 45%, 15% 15%)"],null),"blob-3",new $APP.R(null,2,[$A,"polygon(20% 0%, 80% 0%, 100% 20%, 100% 50%, 90% 80%, 70% 100%, 30% 100%, 10% 80%, 0% 50%, 0% 20%)",aB,"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.R(null,2,[$A,"polygon(50% 2%, 78% 8%, 96% 30%, 98% 60%, 85% 88%, 55% 98%, 25% 92%, 4% 65%, 2% 35%, 22% 8%)",
|
|
13
|
+
aB,"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.R(null,2,[$A,"polygon(50% 0%, 80% 15%, 98% 45%, 90% 75%, 65% 98%, 50% 100%, 35% 98%, 10% 75%, 2% 45%, 20% 15%)",aB,"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.R(null,2,[$A,"polygon(50% 0%, 72% 20%, 90% 50%, 95% 72%, 80% 92%, 50% 100%, 20% 92%, 5% 72%, 10% 50%, 28% 20%)",aB,"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.R(null,2,[$A,"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%)",aB,"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.R(null,2,[$A,"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
|
+
aB,"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",gB);export const init=gB;
|
package/dist/x-pagination.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
var g=document.createElement("li");var h=document.createElement("button"),k=document.createElement("slot");g.setAttribute("part","item item-prev");h.setAttribute("part","button button-prev");h.setAttribute("aria-label","Previous page");k.setAttribute("name","prev");k.textContent="Prev";h.appendChild(k);g.appendChild(h);g=new $APP.
|
|
4
|
-
k.setAttribute("part","button button-next");k.setAttribute("aria-label","Next page");m.setAttribute("name","next");m.textContent="Next";k.appendChild(m);h.appendChild(k);h=new $APP.
|
|
5
|
-
d.setAttribute("part","nav");e.setAttribute("part","list");e.appendChild(
|
|
6
|
-
"button button-page");e.setAttribute("aria-label","Page "+$APP.
|
|
7
|
-
"…";a.appendChild(b);return a}
|
|
8
|
-
parseInt(e,10);var k=isFinite(e);e=$APP.n($APP.n(k)?e>=0:k)?e:1}else e=1;typeof g==="string"?(g=parseInt(g,10),k=isFinite(g),k=$APP.n($APP.n(k)?g>=0:k)?g:1):k=1;g=e;e=k;h=typeof h==="string"?h.trim().toLowerCase():null;h=$APP.K(
|
|
9
|
-
|
|
10
|
-
[$APP.Z,
|
|
11
|
-
c.appendChild(
|
|
12
|
-
d=0;;)if(d<c){var e=b[d];if($APP.C.h("BUTTON",$APP.n(e)?e.tagName:null)){b=e;break a}d+=1}else{b=null;break a}b=void 0}if($APP.n($APP.n(b)?$APP.
|
|
13
|
-
d)}var c=
|
|
14
|
-
""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0})},
|
|
15
|
-
configurable:!0})},
|
|
16
|
-
c,d){$APP.O(c,d)&&
|
|
17
|
-
|
|
2
|
+
var gE=function(a){for(var b=[],c=arguments.length,d=0;;)if(d<c)b.push(arguments[d]),d+=1;else break;return $APP.Lc($APP.za,$APP.Rg,0<b.length?new $APP.Jb(b.slice(0),0,null):null)},hE=function(a){if(typeof a==="string"){a=parseInt(a,10);var b=isFinite(a);return $APP.n($APP.n(b)?a>0:b)?a:1}return 1},mE=function(a){var b=$APP.l(a,"__xPaginationRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("nav"),e=document.createElement("ol");
|
|
3
|
+
var g=document.createElement("li");var h=document.createElement("button"),k=document.createElement("slot");g.setAttribute("part","item item-prev");h.setAttribute("part","button button-prev");h.setAttribute("aria-label","Previous page");k.setAttribute("name","prev");k.textContent="Prev";h.appendChild(k);g.appendChild(h);g=new $APP.R(null,2,[iE,g,jE,h],null);h=document.createElement("li");k=document.createElement("button");var m=document.createElement("slot");h.setAttribute("part","item item-next");
|
|
4
|
+
k.setAttribute("part","button button-next");k.setAttribute("aria-label","Next page");m.setAttribute("name","next");m.textContent="Next";k.appendChild(m);h.appendChild(k);h=new $APP.R(null,2,[iE,h,jE,k],null);c.textContent=":host{display:block;color-scheme:light dark;--x-pagination-gap:0.25rem;--x-pagination-button-size:2rem;--x-pagination-button-radius:0.375rem;--x-pagination-button-bg:transparent;--x-pagination-button-color:rgba(0,0,0,0.75);--x-pagination-button-border:1px solid rgba(0,0,0,0.15);--x-pagination-button-hover-bg:rgba(0,0,0,0.06);--x-pagination-button-hover-color:rgba(0,0,0,0.9);--x-pagination-current-bg:rgba(0,0,0,0.88);--x-pagination-current-color:#fff;--x-pagination-current-border:1px solid transparent;--x-pagination-disabled-opacity:0.4;--x-pagination-font-size:0.875rem;--x-pagination-ellipsis-color:rgba(0,0,0,0.45);}@media (prefers-color-scheme:dark){:host{--x-pagination-button-color:rgba(255,255,255,0.75);--x-pagination-button-border:1px solid rgba(255,255,255,0.15);--x-pagination-button-hover-bg:rgba(255,255,255,0.08);--x-pagination-button-hover-color:rgba(255,255,255,0.95);--x-pagination-current-bg:rgba(255,255,255,0.90);--x-pagination-current-color:#000;--x-pagination-ellipsis-color:rgba(255,255,255,0.40);}}:host([data-size\x3d'sm']){--x-pagination-button-size:1.75rem;--x-pagination-font-size:0.75rem;}:host([data-size\x3d'lg']){--x-pagination-button-size:2.5rem;--x-pagination-font-size:1rem;}[part~\x3d'nav']{display:block;}[part~\x3d'list']{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:var(--x-pagination-gap);}[part~\x3d'button']{display:inline-flex;align-items:center;justify-content:center;min-width:var(--x-pagination-button-size);height:var(--x-pagination-button-size);padding:0 0.5rem;border:var(--x-pagination-button-border);border-radius:var(--x-pagination-button-radius);background:var(--x-pagination-button-bg);color:var(--x-pagination-button-color);font:inherit;font-size:var(--x-pagination-font-size);cursor:pointer;user-select:none;box-sizing:border-box;transition:background 0.15s,color 0.15s;}[part~\x3d'button']:hover:not(:disabled){background:var(--x-pagination-button-hover-bg);color:var(--x-pagination-button-hover-color);}[part~\x3d'button'][data-current]{background:var(--x-pagination-current-bg);color:var(--x-pagination-current-color);border:var(--x-pagination-current-border);font-weight:600;cursor:default;}[part~\x3d'button']:disabled{opacity:var(--x-pagination-disabled-opacity);cursor:not-allowed;}[part~\x3d'ellipsis']{display:inline-flex;align-items:center;justify-content:center;min-width:var(--x-pagination-button-size);height:var(--x-pagination-button-size);color:var(--x-pagination-ellipsis-color);font-size:var(--x-pagination-font-size);user-select:none;}@media (prefers-reduced-motion:reduce){[part~\x3d'button']{transition:none !important;}}";
|
|
5
|
+
d.setAttribute("part","nav");e.setAttribute("part","list");e.appendChild(iE.g(g));e.appendChild(iE.g(h));d.appendChild(e);b.appendChild(c);b.appendChild(d);b=new $APP.R(null,6,[$APP.Eh,d,$APP.Bj,e,kE,iE.g(g),$APP.ci,jE.g(g),lE,iE.g(h),$APP.ah,jE.g(h)],null);a.__xPaginationRefs=b;return $APP.l(a,"__xPaginationRefs")},nE=function(a,b,c){var d=document.createElement("li"),e=document.createElement("button");d.setAttribute("part","item item-page");d.setAttribute("data-page",""+$APP.T.g(a));e.setAttribute("part",
|
|
6
|
+
"button button-page");e.setAttribute("aria-label","Page "+$APP.T.g(a));e.setAttribute("data-page",""+$APP.T.g(a));$APP.n(b)&&(e.setAttribute("aria-current","page"),e.setAttribute("data-current",""));$APP.n(c)&&e.setAttribute("disabled","");e.textContent=""+$APP.T.g(a);d.appendChild(e);return d},oE=function(){var a=document.createElement("li"),b=document.createElement("span");a.setAttribute("part","item item-ellipsis");b.setAttribute("part","ellipsis");b.setAttribute("aria-hidden","true");b.textContent=
|
|
7
|
+
"…";a.appendChild(b);return a},yE=function(a){a=new $APP.R(null,7,[pE,a.getAttribute("page"),qE,a.getAttribute("total-pages"),rE,a.getAttribute("sibling-count"),sE,a.getAttribute("boundary-count"),$APP.hk,a.getAttribute("size"),$APP.ck,a.hasAttribute("disabled"),$APP.sh,a.getAttribute("label")],null);var b=$APP.N(a),c=$APP.I(b,pE),d=$APP.I(b,qE),e=$APP.I(b,rE),g=$APP.I(b,sE),h=$APP.I(b,$APP.hk);a=$APP.I(b,$APP.ck);b=$APP.I(b,$APP.sh);d=hE(d);c=$APP.Fg.h(1,$APP.Gg.h(hE(c),d));if(typeof e==="string"){e=
|
|
8
|
+
parseInt(e,10);var k=isFinite(e);e=$APP.n($APP.n(k)?e>=0:k)?e:1}else e=1;typeof g==="string"?(g=parseInt(g,10),k=isFinite(g),k=$APP.n($APP.n(k)?g>=0:k)?g:1):k=1;g=e;e=k;h=typeof h==="string"?h.trim().toLowerCase():null;h=$APP.K(tE,h)?h:"md";return new $APP.R(null,7,[uE,c,vE,d,wE,g,xE,e,$APP.Wg,h,$APP.Di,$APP.J(a),$APP.U,$APP.n(b)?b:"Pagination"],null)},BE=function(a){var b=mE(a),c=$APP.Bj.g(b),d=$APP.Eh.g(b),e=$APP.ci.g(b),g=$APP.ah.g(b),h=kE.g(b);b=lE.g(b);var k=yE(a),m=$APP.N(k),p=$APP.I(m,uE),
|
|
9
|
+
q=$APP.I(m,vE),v=$APP.I(m,wE),x=$APP.I(m,xE),y=$APP.I(m,$APP.Wg);m=$APP.I(m,$APP.U);a:if(q<=0)q=$APP.Td;else{var A=$APP.Gg.h(x,q);x=$APP.Fg.h(q-x- -1,1);var D=$APP.Fg.h(1,p-v);v=$APP.Gg.h(q,p+v);q=$APP.Je.h($APP.Je.h($APP.Je.h(gE(),$APP.Uf(1,A+1)),$APP.Uf(x,q+1)),$APP.Uf(D,v+1));q=$APP.ke(q);D=$APP.Td;for(v=0;;){if(v>=$APP.B(q)){q=D;break a}A=$APP.fc(q,v);var G=x=v>0?$APP.fc(q,v-1):null;x=$APP.n($APP.n(G)?A>x+1:G)?$APP.ad.h(D,new $APP.R(null,1,[$APP.Z,zE],null)):D;A=$APP.ad.h(x,new $APP.R(null,2,
|
|
10
|
+
[$APP.Z,uE,AE,A],null));v+=1;D=A}q=void 0}d.setAttribute("aria-label",m);a.setAttribute("data-size",y);d=$APP.N(k);a=$APP.I(d,uE);d=$APP.I(d,$APP.Di);$APP.n($APP.n(d)?d:a<=1)?e.setAttribute("disabled",""):e.removeAttribute("disabled");d=$APP.N(k);e=$APP.I(d,uE);a=$APP.I(d,vE);d=$APP.I(d,$APP.Di);$APP.n($APP.n(d)?d:e>=a)?g.setAttribute("disabled",""):g.removeAttribute("disabled");c.innerHTML="";c.appendChild(h);g=$APP.u(q);h=null;for(a=e=0;;)if(a<e)d=h.G(null,a),$APP.C.h(zE,$APP.Z.g(d))?c.appendChild(oE()):
|
|
11
|
+
c.appendChild(nE(AE.g(d),$APP.C.h(AE.g(d),p),$APP.Di.g(k))),a+=1;else if(g=$APP.u(g))h=g,$APP.Cc(h)?(g=$APP.qb(h),a=$APP.rb(h),h=g,e=$APP.B(g),g=a):(g=$APP.w(h),$APP.C.h(zE,$APP.Z.g(g))?c.appendChild(oE()):c.appendChild(nE(AE.g(g),$APP.C.h(AE.g(g),p),$APP.Di.g(k))),g=$APP.z(h),h=null,e=0),a=0;else break;c.appendChild(b)},CE=function(a,b){return a.dispatchEvent(new CustomEvent("page-change",{detail:{page:b},bubbles:!0,composed:!0,cancelable:!1}))},DE=function(a,b){a:{b=b.composedPath();for(var c=b.length,
|
|
12
|
+
d=0;;)if(d<c){var e=b[d];if($APP.C.h("BUTTON",$APP.n(e)?e.tagName:null)){b=e;break a}d+=1}else{b=null;break a}b=void 0}if($APP.n($APP.n(b)?$APP.r(b.hasAttribute("disabled")):b)){d=$APP.l(a,"__xPaginationRefs");c=$APP.ci.g(d);d=$APP.ah.g(d);e=b.getAttribute("data-page");if(b===c)return c=yE(a),b=uE.g(c),b>1?CE(a,b-1):null;if(b===d)return c=yE(a),b=uE.g(c),c=vE.g(c),b<c?CE(a,b+1):null;if(e!=null)return b=parseInt(e,10),$APP.n(isFinite(b))?CE(a,b):null}return null},EE=function(a){function b(d){return DE(a,
|
|
13
|
+
d)}var c=mE(a);$APP.Bj.g(c).addEventListener("click",b);$APP.ma(a,"__xPaginationHandlers",{click:b})},FE=function(a){var b=$APP.l(a,"__xPaginationHandlers");if($APP.n(b)){var c=$APP.l(a,"__xPaginationRefs");$APP.n(c)&&(c=$APP.Bj.g(c),b=$APP.l(b,"click"),$APP.n($APP.n(c)?b:c)&&c.removeEventListener("click",b))}a.__xPaginationHandlers=null},GE=function(a){Object.defineProperty(a,"disabled",{get:function(){return this.hasAttribute("disabled")},set:function(b){return $APP.n(b)?this.setAttribute("disabled",
|
|
14
|
+
""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0})},HE=function(a,b,c){Object.defineProperty(a,b,{get:function(){return hE(this.getAttribute(c))},set:function(d){return d!=null?this.setAttribute(c,""+$APP.T.g(d)):this.removeAttribute(c)},enumerable:!0,configurable:!0})},IE=function(a,b,c,d){Object.defineProperty(a,b,{get:function(){var e=this.getAttribute(c);return $APP.n(e)?e:d},set:function(e){return e!=null?this.setAttribute(c,""+$APP.T.g(e)):this.removeAttribute(c)},enumerable:!0,
|
|
15
|
+
configurable:!0})},JE=function(a){HE(a,"page","page");HE(a,"total-pages","total-pages");HE(a,"sibling-count","sibling-count");HE(a,"boundary-count","boundary-count");IE(a,"size","size","md");GE(a);IE(a,"label","label","Pagination")},LE=function(){var a=class extends HTMLElement{};a.observedAttributes=KE;a.prototype.connectedCallback=function(){mE(this);FE(this);EE(this);BE(this);return null};a.prototype.disconnectedCallback=function(){FE(this);return null};a.prototype.attributeChangedCallback=function(b,
|
|
16
|
+
c,d){$APP.O(c,d)&&BE(this);return null};JE(a.prototype);return a},ME=function(){$APP.n(customElements.get("x-pagination"))||customElements.define("x-pagination",LE());return null},qE=new $APP.M(null,"total-pages-raw","total-pages-raw",430880208),xE=new $APP.M(null,"boundary-count","boundary-count",1637925987),sE=new $APP.M(null,"boundary-count-raw","boundary-count-raw",410083250),vE=new $APP.M(null,"total-pages","total-pages",685894112),uE=new $APP.M(null,"page","page",849072397),lE=new $APP.M(null,
|
|
17
|
+
"next-li","next-li",648524823),jE=new $APP.M(null,"btn","btn",1978294651),kE=new $APP.M(null,"prev-li","prev-li",940258334),pE=new $APP.M(null,"page-raw","page-raw",-1198808870),iE=new $APP.M(null,"li","li",723558921),zE=new $APP.M(null,"ellipsis","ellipsis",998505738),AE=new $APP.M(null,"n","n",562130025),rE=new $APP.M(null,"sibling-count-raw","sibling-count-raw",-620117200),wE=new $APP.M(null,"sibling-count","sibling-count",1756034573);var KE="page total-pages sibling-count boundary-count size disabled label".split(" "),tE=new $APP.S(null,new $APP.R(null,3,["md",null,"lg",null,"sm",null],null),null);$APP.ja("baredom.exports.x_pagination.init",ME);export const init=ME;
|