@vanelsas/baredom 2.0.0 → 2.1.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 +32 -0
- package/README.md +26 -7
- package/dist/base.js +405 -403
- 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 +5 -5
- package/dist/x-bento-item.js +4 -4
- 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-carousel.js +35 -0
- package/dist/x-chart.js +48 -48
- package/dist/x-checkbox.js +11 -11
- package/dist/x-chip.js +9 -9
- package/dist/x-collapse.js +11 -11
- package/dist/x-color-picker.js +46 -0
- package/dist/x-command-palette.js +27 -32
- package/dist/x-container.js +6 -6
- package/dist/x-context-menu.js +20 -20
- package/dist/x-copy.js +23 -23
- package/dist/x-currency-field.js +23 -23
- package/dist/x-date-picker.js +42 -42
- package/dist/x-divider.js +10 -13
- package/dist/x-drawer.js +12 -12
- package/dist/x-dropdown.js +10 -10
- package/dist/x-fieldset.js +6 -6
- package/dist/x-file-download.js +7 -7
- package/dist/x-form-field.js +16 -16
- package/dist/x-form.js +10 -10
- package/dist/x-gaussian-blur.js +18 -18
- package/dist/x-grid.js +6 -6
- package/dist/x-kinetic-font.js +29 -28
- package/dist/x-kinetic-typography.js +39 -39
- package/dist/x-liquid-dock.js +39 -39
- package/dist/x-liquid-fill.js +45 -44
- package/dist/x-liquid-glass.js +47 -47
- package/dist/x-menu-item.js +10 -10
- package/dist/x-menu.js +11 -12
- package/dist/x-metaball-cursor.js +27 -28
- package/dist/x-modal.js +13 -13
- package/dist/x-morph-stack.js +39 -39
- package/dist/x-navbar.js +13 -13
- package/dist/x-neural-glow.js +34 -34
- package/dist/x-notification-center.js +10 -9
- package/dist/x-organic-divider.js +19 -19
- package/dist/x-organic-progress.js +38 -38
- package/dist/x-organic-shape.js +14 -14
- package/dist/x-pagination.js +16 -16
- package/dist/x-particle-button.js +53 -0
- package/dist/x-popover.js +15 -15
- package/dist/x-progress-circle.js +11 -11
- package/dist/x-progress.js +11 -11
- 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 +19 -19
- package/dist/x-scroll-story.js +36 -36
- package/dist/x-scroll-timeline.js +47 -47
- package/dist/x-scroll.js +42 -42
- package/dist/x-search-field.js +15 -15
- package/dist/x-select.js +11 -11
- package/dist/x-sidebar.js +17 -17
- package/dist/x-skeleton.js +6 -6
- package/dist/x-slider.js +16 -16
- package/dist/x-soft-body.js +22 -22
- package/dist/x-spacer.js +5 -5
- package/dist/x-spinner.js +5 -5
- package/dist/x-splash.js +13 -13
- 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 +8 -8
- package/dist/x-table-cell.js +24 -24
- package/dist/x-table-row.js +10 -10
- package/dist/x-table.js +16 -16
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +19 -19
- package/dist/x-theme.js +25 -24
- package/dist/x-timeline-item.js +24 -24
- package/dist/x-timeline.js +9 -9
- package/dist/x-toast.js +25 -25
- package/dist/x-toaster.js +8 -8
- package/dist/x-typography.js +11 -11
- package/package.json +14 -2
|
@@ -1,10 +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.
|
|
4
|
-
g=g.querySelectorAll("x-alert").length-1;h=h.getAttribute("type");var
|
|
5
|
-
|
|
6
|
-
m=$APP.
|
|
7
|
-
{get:function(){return
|
|
8
|
-
$APP.
|
|
9
|
-
function(b){return
|
|
10
|
-
|
|
2
|
+
var In=function(a){return typeof a==="string"&&$APP.J(Hn,a.toLowerCase())?a.toLowerCase():"top-right"},Jn=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},Kn=function(a){var b=$APP.k(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.k(a,"__xNcRefs")},Ln=function(a){var b=a.getAttribute("position");b=In(b);a.setAttribute("data-position",b)},Mn=function(a,b,c){a.dispatchEvent(new CustomEvent(b,{detail:$APP.ph(c),bubbles:!0,composed:!0,cancelable:!1}))},Nn=function(a){function b(d){var e=Kn(a),g=$APP.k(e,"container"),h=d.target;e=h.getAttribute("data-notification-id");
|
|
4
|
+
g=g.querySelectorAll("x-alert").length-1;h=h.getAttribute("type");var l=d.detail.reason;d=d.detail.text;Mn(a,"x-notification-center-dismiss",new $APP.R(null,5,[$APP.Nk,e,$APP.Z,$APP.n(h)?h:"info",$APP.ri,$APP.n(l)?l:"",$APP.Qk,$APP.n(d)?d:"",$APP.xh,g],null));g===0&&Mn(a,"x-notification-center-empty",$APP.Qd);return null}var c=Kn(a);$APP.k(c,"root").addEventListener("x-alert-dismiss",b,{capture:!1});$APP.ia(a,"__xNcHandlers",{dismiss:b})},On=function(a){var b=$APP.k(a,"__xNcHandlers"),c=$APP.k(a,
|
|
5
|
+
"__xNcRefs");$APP.n($APP.n(b)?c:b)&&(c=$APP.k(c,"root"),b=$APP.k(b,"dismiss"),$APP.n(b)&&c.removeEventListener("x-alert-dismiss",b,{capture:!1}));a.__xNcHandlers=null},Qn=function(a,b){var c=Kn(a);c=$APP.k(c,"container");if(c.querySelectorAll("x-alert").length<function(){var q=$APP.k(a,"__xNcMax");return $APP.n(q)?q:5}()){var d=document.createElement("x-alert"),e=function(){var q=$APP.k(b,"id");$APP.n(q)||(q=Pn.v,Pn.v=q+1,q="xnc-"+$APP.T.g(q));return q}(),g=$APP.k(b,"type"),h=$APP.k(b,"text"),l=$APP.k(b,
|
|
6
|
+
"icon"),m=$APP.k(b,"timeoutMs"),p=$APP.k(b,"dismissible");d.setAttribute("data-notification-id",e);$APP.n(g)&&d.setAttribute("type",g);$APP.n(h)&&d.setAttribute("text",h);$APP.n(l)&&d.setAttribute("icon",l);$APP.n(m)&&d.setAttribute("timeout-ms",""+$APP.T.g(m|0));p===!1&&d.setAttribute("dismissible","false");c.appendChild(d);Mn(a,"x-notification-center-push",new $APP.R(null,2,[$APP.Nk,e,$APP.xh,c.querySelectorAll("x-alert").length],null));return e}return null},Rn=function(a){Object.defineProperty(a,
|
|
7
|
+
"position",{get:function(){return In(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 Jn(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.k(this,"__xNcRefs");
|
|
8
|
+
return $APP.n(b)?$APP.k(b,"container").querySelectorAll("x-alert").length:0},enumerable:!0,configurable:!0})},Tn=function(){var a=class extends HTMLElement{};a.observedAttributes=Sn;a.prototype.connectedCallback=function(){Kn(this);On(this);Nn(this);Ln(this);return null};a.prototype.disconnectedCallback=function(){On(this);return null};a.prototype.attributeChangedCallback=function(b){$APP.C.i(b,"position")?Ln(this):$APP.C.i(b,"max")&&(this.__xNcMax=Jn(this.getAttribute("max")));return null};Rn(a.prototype);
|
|
9
|
+
a.prototype.push=function(b){return Qn(this,b)};a.prototype.clear=function(){var b=Kn(this);b=$APP.t($APP.tc($APP.k(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.t(b))c=b,$APP.Nc(c)?(b=$APP.xb(c),e=$APP.yb(c),c=b,d=$APP.z(b),b=e):($APP.u(c).remove(),b=$APP.w(c),c=null,d=0),e=0;else break;return null};return a},Un=function(){$APP.n(customElements.get("x-notification-center"))||customElements.define("x-notification-center",Tn());
|
|
10
|
+
return null};var Sn=["position","max"],Hn=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.Pd(["x-notification-center-push",new $APP.R(null,2,[$APP.yj,new $APP.R(null,2,[$APP.Nk,$APP.X,$APP.xh,$APP.V],null),$APP.wl,!1],null),"x-notification-center-dismiss",new $APP.R(null,2,[$APP.yj,new $APP.R(null,5,[$APP.Nk,$APP.X,$APP.Z,$APP.X,$APP.ri,$APP.X,$APP.Qk,$APP.X,$APP.xh,$APP.V],null),$APP.wl,!1],null),"x-notification-center-empty",new $APP.R(null,2,[$APP.yj,$APP.Qd,$APP.wl,!1],null)]);var Pn={v:0};$APP.fa("baredom.exports.x_notification_center.init",Un);export const init=Un;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.
|
|
4
|
-
"morph")&&m==null?"none":p;g=g!=null;var
|
|
5
|
-
var A=$APP.
|
|
6
|
-
$APP.
|
|
7
|
-
h);$APP.
|
|
8
|
-
Object.defineProperty(a,"layers",{get:function(){var b=this.getAttribute("layers");return $APP.
|
|
9
|
-
configurable:!0});Object.defineProperty(a,"flip",{get:function(){return this.hasAttribute("flip")},set:function(b){return $APP.
|
|
10
|
-
return $APP.
|
|
11
|
-
function(){if(!$APP.
|
|
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.
|
|
14
|
-
|
|
15
|
-
null),"waves",new $APP.
|
|
16
|
-
null),"mountain",new $APP.
|
|
17
|
-
|
|
18
|
-
[$APP.
|
|
19
|
-
|
|
20
|
-
null);$APP.
|
|
2
|
+
var zN=function(a){return typeof a==="string"&&$APP.J(yN,a)?a:"wave"},CN=function(a){return $APP.fe(function(b){return new $APP.R(null,2,[AN,b*20,BN,b*8],null)},$APP.bg(0,a))},MN=function(a){var b=new $APP.R(null,7,[$APP.Ij,a.getAttribute("shape"),$APP.Hi,a.getAttribute("layers"),$APP.Aj,a.getAttribute("height"),DN,a.getAttribute("flip"),EN,a.getAttribute("mirror"),$APP.Ui,a.getAttribute("animation"),$APP.qk,a.getAttribute("path")],null);var c=$APP.M(b),d=$APP.D(c,$APP.Ij),e=$APP.D(c,$APP.Hi);b=$APP.D(c,
|
|
3
|
+
$APP.Aj);var g=$APP.D(c,DN),h=$APP.D(c,EN),l=$APP.D(c,$APP.Ui);c=$APP.D(c,$APP.qk);typeof c==="string"?(c=$APP.Dg(c,FN).trim(),c=$APP.N(c,"")?c:null):c=null;d=zN(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 l==="string"&&$APP.J(GN,l)?l:"none";l=c!=null?c:$APP.ge(HN,new $APP.O(null,2,5,$APP.P,[zN(d),$APP.qk],null));m=c==null?$APP.ge(HN,new $APP.O(null,2,5,$APP.P,[zN(d),IN],null)):null;var q=c!=null?c:$APP.D(JN,zN(d));
|
|
4
|
+
p=$APP.C.i(p,"morph")&&m==null?"none":p;g=g!=null;var v=CN(e);h=h!=null;b=typeof b==="string"&&$APP.N("",b.trim())?b.trim():"120px";b=$APP.xf([$APP.qk,$APP.pj,$APP.Ui,DN,KN,IN,$APP.Ij,$APP.Hi,EN,$APP.Aj,LN],[c,l,p,g,v,m,d,e,h,b,q]);e=$APP.M(b);b=$APP.D(e,EN);h=$APP.D(e,$APP.Aj);v=$APP.D(e,LN);var x=$APP.D(e,$APP.pj);c=$APP.D(e,$APP.Ui);g=$APP.D(e,DN);d=$APP.D(e,KN);l=$APP.D(e,IN);e=$APP.D(e,$APP.Hi);m=$APP.k(a,"__xOrganicDividerBase");var y=$APP.k(a,"__xOrganicDividerSvg");q=$APP.k(a,"__xOrganicDividerPaths");
|
|
5
|
+
var A=$APP.C.i(c,"drift");p=$APP.C.i(c,"morph");v=A?v:x;y.setAttribute("viewBox",A?"0 0 1800 120":"0 0 1200 120");a:if(x=q.length,x<e)for(x=e-x,A=0;;)if(A<x){var B=document.createElementNS("http://www.w3.org/2000/svg","path");y.appendChild(B);q.push(B);A+=1}else break a;else if(x>e)for(x-=e,A=0;;)if(A<x)B=q.pop(),y.removeChild(B),A+=1;else break a;for(y=0;;)if(y<e){x=q[y];A=$APP.oc(d,y);B=$APP.M(A);A=$APP.D(B,AN);B=$APP.D(B,BN);var E=y+1;x.setAttribute("d",v);x.setAttribute("fill","var(--x-organic-divider-color-"+
|
|
6
|
+
$APP.T.g(E)+")");x.setAttribute("opacity",""+$APP.T.g(e<=1?1:.3+y/(e-1)*.7));A>0||B>0?x.setAttribute("transform","translate("+$APP.T.g(A)+","+$APP.T.g(B)+")"):x.removeAttribute("transform");p&&(x.style.setProperty("--x-organic-divider-d",'path("'+$APP.T.g(v)+'")'),$APP.n(l)&&x.style.setProperty("--x-organic-divider-d-alt",'path("'+$APP.T.g(l)+'")'));p||(x.style.removeProperty("--x-organic-divider-d"),x.style.removeProperty("--x-organic-divider-d-alt"));y+=1}else break;m.style.setProperty("height",
|
|
7
|
+
h);$APP.n(g)?a.setAttribute("data-flip",""):a.removeAttribute("data-flip");$APP.n(b)?a.setAttribute("data-mirror",""):a.removeAttribute("data-mirror");$APP.N(c,"none")?a.setAttribute("data-animation",c):a.removeAttribute("data-animation")},NN=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.N("",b)?this.setAttribute("shape",b):this.removeAttribute("shape")},enumerable:!0,configurable:!0});
|
|
8
|
+
Object.defineProperty(a,"layers",{get:function(){var b=this.getAttribute("layers");return $APP.n(b)?b:"1"},set:function(b){return typeof b==="string"&&$APP.N("",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.N("",b)?this.setAttribute("height",b):this.removeAttribute("height")},enumerable:!0,
|
|
9
|
+
configurable:!0});Object.defineProperty(a,"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");
|
|
10
|
+
return $APP.n(b)?b:"none"},set:function(b){return typeof b==="string"&&$APP.N("",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.N("",b)?this.setAttribute("path",b):this.removeAttribute("path")},enumerable:!0,configurable:!0})},PN=function(){var a=class extends HTMLElement{};a.observedAttributes=ON;a.prototype.connectedCallback=
|
|
11
|
+
function(){if(!$APP.n($APP.k(this,"__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:var(--x-color-primary,#6366f1);--x-organic-divider-color-1:color-mix(in srgb,var(--x-organic-divider-color) 15%,transparent);--x-organic-divider-color-2:color-mix(in srgb,var(--x-organic-divider-color) 25%,transparent);--x-organic-divider-color-3:color-mix(in srgb,var(--x-organic-divider-color) 40%,transparent);--x-organic-divider-color-4:color-mix(in srgb,var(--x-organic-divider-color) 60%,transparent);--x-organic-divider-color-5:color-mix(in srgb,var(--x-organic-divider-color) 85%,transparent);--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:var(--x-color-primary,#818cf8);}}[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}MN(this);return null};a.prototype.disconnectedCallback=function(){return null};a.prototype.attributeChangedCallback=
|
|
13
|
+
function(b,c,d){$APP.N(c,d)&&$APP.n($APP.k(this,"__xOrganicDividerInit"))&&MN(this);return null};NN(a.prototype);return a},QN=function(){$APP.n(customElements.get("x-organic-divider"))||customElements.define("x-organic-divider",PN());return null},FN=/[^MmLlHhVvCcSsQqTtAaZz0-9\s,.\-+eE]/,DN=new $APP.K(null,"flip","flip",2033871302),KN=new $APP.K(null,"transforms","transforms",793344554),AN=new $APP.K(null,"x-offset","x-offset",-1499732449),IN=new $APP.K(null,"path-alt","path-alt",1724994068),BN=new $APP.K(null,
|
|
14
|
+
"y-offset","y-offset",-1716542),LN=new $APP.K(null,"drift-d","drift-d",-1241526977),EN=new $APP.K(null,"mirror","mirror",1914600218);var ON="shape layers height flip mirror animation path".split(" "),GN=new $APP.S(null,new $APP.R(null,3,["none",null,"drift",null,"morph",null],null),null),yN=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),HN=new $APP.R(null,8,["wave",new $APP.R(null,2,[$APP.qk,"M0,60 C200,20 400,100 600,60 C800,20 1000,100 1200,60 L1200,120 L0,120 Z",IN,"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.qk,"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",IN,"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.qk,"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",IN,"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.qk,"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",IN,"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.qk,"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
|
+
IN,"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.qk,"M0,100 C300,90 600,30 900,10 C1000,5 1100,2 1200,0 L1200,120 L0,120 Z",IN,"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.qk,"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",IN,"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.qk,"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
|
+
IN,"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),JN=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.fa("baredom.exports.x_organic_divider.init",QN);export const init=QN;
|
|
@@ -1,40 +1,40 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
"number"&&$APP.
|
|
4
|
-
|
|
5
|
-
c){var d=[],e=[];c
|
|
6
|
-
g[0]*.2;return b.i?b.i(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,
|
|
7
|
-
return $APP.
|
|
8
|
-
"key")-$APP.
|
|
9
|
-
b*d,b]},
|
|
10
|
-
c=
|
|
11
|
-
$APP.
|
|
12
|
-
"0");h.push(m);
|
|
13
|
-
","+$APP.
|
|
14
|
-
""+$APP.
|
|
15
|
-
c=$APP.
|
|
16
|
-
[],
|
|
17
|
-
0},
|
|
18
|
-
"__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.
|
|
19
|
-
!1;a.__xOrganicProgressBloom=!1;a.__xOrganicProgressPV=-1;$APP.
|
|
20
|
-
return $APP.
|
|
21
|
-
"progressbar");a.setAttribute("aria-valuemin","0");a.setAttribute("aria-valuemax","100");$APP.
|
|
22
|
-
"honeycomb");d=$APP.
|
|
23
|
-
($APP.
|
|
24
|
-
|
|
25
|
-
"color",{get:function(){return
|
|
26
|
-
set:function(b){return b==null?this.removeAttribute("density"):this.setAttribute("density",""+$APP.
|
|
27
|
-
this.setAttribute("label",""+$APP.
|
|
28
|
-
"g"),h=document.createElementNS("http://www.w3.org/2000/svg","g"),
|
|
29
|
-
"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",""+$APP.
|
|
30
|
-
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.
|
|
31
|
-
$APP.
|
|
32
|
-
c,d){$APP.
|
|
33
|
-
"bloom-attr",-1778398039),
|
|
34
|
-
var
|
|
2
|
+
var r_=function(a){return typeof a==="string"&&(a=a.trim(),$APP.N(a,""))?(a=parseFloat(a),$APP.n(isNaN(a))?null:Math.min(100,Math.max(0,a))):null},t_=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.J(s_,a)?a:"vine"},u_=function(a){return a==null?!0:$APP.N((""+$APP.T.g(a)).trim().toLowerCase(),"false")},w_=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.J(v_,a)?a:"normal"},x_=function(a){return typeof a==="string"?(a=parseInt(a.trim(),10),typeof a===
|
|
3
|
+
"number"&&$APP.r(isNaN(a))&&a>0?a:42):42},y_=function(a){return typeof a==="string"?(a=a.trim(),$APP.N(a,"")?a:null):null},z_=function(a){return typeof a==="string"?(a=a.trim(),$APP.N(a,"")?a:null):null},A_=function(a){a=(typeof a==="number"&&$APP.r(isNaN(a))&&a>0?Math.floor(a):42)|0;return[a===0?1:a]},B_=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},G_=function(a,b){var c=(a+b)*C_,d=Math.floor(a+c);c=Math.floor(b+c);var e=(d+c)*D_,g=a-(d-e),h=b-(c-e),
|
|
4
|
+
l=g>h?1:0,m=g>h?0:1,p=g+-l-D_,q=h+-m-D_,v=g+-1-2*D_,x=h+-1-2*D_,y=d&255,A=c&255,B=.5-g*g-h*h,E=.5-p*p-q*q,H=.5-v*v-x*x;return 70*((B<0?0:function(){var G=B*B,I=E_[F_[y+F_[A&255]&255]&11];return G*G*(I[0]*g+I[1]*h)}())+(E<0?0:function(){var G=E*E,I=E_[F_[y+l+F_[A+m&255]&255]&11];return G*G*(I[0]*p+I[1]*q)}())+(H<0?0:function(){var G=H*H,I=E_[F_[y+1+F_[A+1&255]&255]&11];return G*G*(I[0]*v+I[1]*x)}()))},H_=function(a){var b=a*17.31,c=a*31.17;return function(d,e){return G_(d+b,e+c)}},I_=function(a,b,
|
|
5
|
+
c){var d=[],e=[];c=A_(c);for(var g=[0],h=[20,100,0,0],l=a.length,m=0;;)if(m<l){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*B_(c)),B=function(){var H=y*.3;var G=x*.5;H=b.i?b.i(H,G):b.call(null,H,G);return v+.15*H}(),E=p+A*Math.cos(B);A=q+A*Math.sin(B);d.push({x1:p,y1:q,x2:E,y2:A,depth:x,index:y});h[0]=E;h[1]=A;g[0]=y+1;break;case "+":p=function(){var H=g[0]*.2;return b.i?b.i(H,100):b.call(null,H,100)}();h[2]-=.436+.1*p;break;case "-":p=function(){var H=
|
|
6
|
+
g[0]*.2;return b.i?b.i(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,G){var I=$APP.k(H,"x2")-20;H=$APP.k(H,"y2")-100;var Q=$APP.k(G,"x2")-20;G=$APP.k(G,"y2")-100;return I*I+H*H-(Q*Q+G*G)});return[d,d.length]},J_=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.Rc(a,c)<0?""+$APP.T.g(a)+"-"+$APP.T.g(c):""+$APP.T.g(c)+"-"+$APP.T.g(a)},L_=function(a,b){b=$APP.Ac(K_,b,25);var c=A_(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 l=Math.sqrt(17E4),m=-2;;)if(m<g){for(var p=m*d,q=$APP.Ud(m)?0:e/2,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+B_(c)*.3*l;a.push({cx:p,cy:x,dist:y,key:A})}v+=1}else break;m+=1}else break;a.sort(function(H,G){return $APP.k(H,
|
|
8
|
+
"key")-$APP.k(G,"key")});c={};d=[];e=[0];g=a.length;for(h=0;;)if(h<g){q=a[h];m=$APP.k(q,"cx");p=$APP.k(q,"cy");q=Math.min(2,Math.floor($APP.k(q,"dist")*3/(l+.001)));for(v=0;;)if(v<6){y=Math.PI/3*v;var B=Math.PI/3*(v+1);x=m+b*Math.cos(y);y=p+b*Math.sin(y);A=m+b*Math.cos(B);B=p+b*Math.sin(B);var E=J_(x,y,A,B);$APP.n($APP.k(c,E))||(c[E]=!0,E=e[0],d.push({x1:x,y1:y,x2:A,y2:B,depth:q,index:E}),e[0]=E+1);v+=1}else break;h+=1}else break;return[d,d.length]},M_=function(a,b,c,d){b=c+(120*(b-a)-12*c)*d;return[a+
|
|
9
|
+
b*d,b]},N_=function(){return $APP.F(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},U_=function(a){a=new $APP.R(null,7,[$APP.Ej,a.getAttribute("progress"),$APP.Jk,a.getAttribute("variant"),$APP.om,a.getAttribute("color"),O_,a.getAttribute("bloom"),P_,a.getAttribute("density"),Q_,a.getAttribute("seed"),$APP.Wh,a.getAttribute("label")],null);var b=$APP.M(a),c=$APP.D(b,$APP.Ej);a=$APP.D(b,$APP.Jk);var d=$APP.D(b,$APP.om),e=$APP.D(b,O_),g=$APP.D(b,P_),h=$APP.D(b,Q_);b=$APP.D(b,$APP.Wh);
|
|
10
|
+
c=r_(c);var l=c==null,m=$APP.n(c)?c:0,p=!l&&m>=100;return $APP.xf([$APP.ll,$APP.lj,$APP.Nh,R_,S_,$APP.gm,$APP.U,$APP.$k,$APP.Ak,$APP.ol,T_],[l,z_(d),t_(a),u_(e),x_(h),l?"Loading...":""+$APP.T.g(Math.round(m))+"%",y_(b),m,p,c,w_(g)])},V_=function(a,b){a=window.getComputedStyle(a).getPropertyValue("--x-organic-progress-branch-width").trim();return $APP.N(a,"")?(a=parseFloat(a),$APP.n(isNaN(a))?b:a):b},X_=function(a,b,c){var d=$APP.M($APP.k(a,"__xOrganicProgressRefs")),e=$APP.D(d,W_);d=function(){var y=
|
|
11
|
+
$APP.k(a,"__xOrganicProgressLines");return $APP.n(y)?y:[]}();for(var g=d.length,h=[],l=0;;)if(l<b){var m=l<g?d[l]:function(){var y=document.createElementNS("http://www.w3.org/2000/svg","line");y.setAttribute("stroke-linecap","round");e.appendChild(y);return y}(),p=c[l],q=$APP.k(p,"y1"),v=$APP.k(p,"x2"),x=$APP.k(p,"y2");m.setAttribute("x1",""+$APP.T.g($APP.k(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",
|
|
12
|
+
"0");h.push(m);l+=1}else break;for(;;)if(b<g)e.removeChild(d[b]),b+=1;else break;a.__xOrganicProgressLines=h;a.__xOrganicProgressPV=-1},Y_=function(a){var b=$APP.k(a,"__xOrganicProgressLines"),c=$APP.k(a,"__xOrganicProgressSegs"),d=$APP.k(a,"__xOrganicProgressSegN"),e=$APP.k(a,"__xOrganicProgressModel"),g=$APP.C.i($APP.Nh.g(e),"honeycomb");e=$APP.lj.g(e);var h=$APP.n(e)?e:"var("+$APP.T.g("--x-organic-progress-color-primary")+","+$APP.T.g(g?"#818cf8":"#22c55e")+")",l="var("+$APP.T.g("--x-organic-progress-color-secondary")+
|
|
13
|
+
","+$APP.T.g(g?"#a5b4fc":"#16a34a")+")";a=V_(a,g?1.5:3);if(g)for(g=0;;)if(g<d){e=b[g];var m=$APP.k(c[g],"depth");e.setAttribute("stroke-width",""+$APP.T.g(a));e.style.stroke=function(){switch(m){case 0:return h;case 1:return l;default:return l}}();e.setAttribute("stroke-linecap","round");e.setAttribute("stroke-opacity",function(){switch(m){case 0:return"0.9";case 1:return"0.7";default:return"0.5"}}());g+=1}else break;else for(g=0;;)if(g<d){e=b[g];var p=$APP.k(c[g],"depth"),q=p===0?h:l;e.setAttribute("stroke-width",
|
|
14
|
+
""+$APP.T.g(Math.max(.5,a-p*.6)));e.style.stroke=q;e.setAttribute("stroke-linecap","round");e.setAttribute("stroke-opacity","1");g+=1}else break},Z_=function(a){var b=$APP.k(a,"__xOrganicProgressSPos"),c=$APP.k(a,"__xOrganicProgressSegN"),d=Math.floor(b/100*c),e=$APP.k(a,"__xOrganicProgressPV"),g=$APP.k(a,"__xOrganicProgressLines");if($APP.N(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.k(a,"__xOrganicProgressNodes");
|
|
15
|
+
c=$APP.k(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}},a0=function(a){var b=$APP.k(a,"__xOrganicProgressSegs"),c=$APP.k(a,"__xOrganicProgressSegN"),d=$APP.M($APP.k(a,"__xOrganicProgressRefs"));d=$APP.D(d,$_);var e=$APP.k(a,"__xOrganicProgressModel"),g="var("+$APP.T.g("--x-organic-progress-bloom-color")+",#f472b6)";e=A_(S_.g(e)+7);for(var h=
|
|
16
|
+
[],l=0;;)if(l<c){var m=b[l];if($APP.k(m,"depth")>=2){var p=document.createElementNS("http://www.w3.org/2000/svg","circle"),q=$APP.k(m,"x2");m=$APP.k(m,"y2");var v=2*B_(e)-1,x=2*B_(e)-1;p.setAttribute("cx",""+$APP.T.g(q));p.setAttribute("cy",""+$APP.T.g(m));p.setAttribute("r","0");p.style.fill=g;p.setAttribute("opacity","0");p.setAttribute("class","bloom-petal");p.__dx=v;p.__dy=x;d.appendChild(p);h.push(p)}l+=1}else break;a.__xOrganicProgressBEls=h;a.__xOrganicProgressBloom=!0;a.__xOrganicProgressBT=
|
|
17
|
+
0},b0=function(a,b){b=$APP.k(a,"__xOrganicProgressBT")+b;var c=b/1.5;a.__xOrganicProgressBT=b;if(c>1){b=$APP.M($APP.k(a,"__xOrganicProgressRefs"));b=$APP.D(b,$_);c=$APP.k(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=!1;a.dispatchEvent(new CustomEvent("x-organic-progress-bloom-end",{bubbles:!0,composed:!0,detail:{progress:100}}))}else for(a=$APP.k(a,
|
|
18
|
+
"__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.k(g,"__dx")*b*8,l=$APP.k(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(l)+")");e+=1}else break},d0=function(a){a.__xOrganicProgressTime=0;a.__xOrganicProgressSPos=0;a.__xOrganicProgressSVel=0;$APP.ia(a,"__xOrganicProgressLF",performance.now());a.__xOrganicProgressDone=
|
|
19
|
+
!1;a.__xOrganicProgressBloom=!1;a.__xOrganicProgressPV=-1;$APP.ia(a,"__xOrganicProgressRaf",requestAnimationFrame(function(){return c0(a)}))},e0=function(a){for(var b=$APP.k(a,"__xOrganicProgressModel"),c=$APP.k(a,"__xOrganicProgressSegN"),d=$APP.n($APP.ll.g(b))?50:$APP.$k.g(b),e=Math.floor(d/100*c),g=$APP.k(a,"__xOrganicProgressLines"),h=0;;)if(h<c){var l=g[h];$APP.n(l)&&l.setAttribute("opacity",h<e?"1":"0");h+=1}else break;c=$APP.k(a,"__xOrganicProgressNodes");g=function(){var m=$APP.k(a,"__xOrganicProgressNN");
|
|
20
|
+
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)l=c[h],$APP.n(l)&&l.setAttribute("opacity",h<d?"1":"0"),h+=1;else break;a.__xOrganicProgressPV=e;$APP.n(function(){var m=$APP.Ak.g(b);return $APP.n(m)?$APP.r($APP.k(a,"__xOrganicProgressDone")):m}())&&(a.__xOrganicProgressDone=!0,a.dispatchEvent(new CustomEvent("x-organic-progress-complete",{bubbles:!0,composed:!0,detail:{progress:100}})))},i0=function(a,b){var c=U_(a);a.__xOrganicProgressModel=c;a.setAttribute("role",
|
|
21
|
+
"progressbar");a.setAttribute("aria-valuemin","0");a.setAttribute("aria-valuemax","100");$APP.n($APP.ll.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.$k.g(c)))),a.removeAttribute("aria-busy"),a.setAttribute("aria-valuetext",$APP.gm.g(c)));var d=$APP.U.g(c);$APP.n(d)?a.setAttribute("aria-label",d):a.removeAttribute("aria-label");if(b==null||$APP.J(f0,b)){b=$APP.C.i($APP.Nh.g(c),
|
|
22
|
+
"honeycomb");d=$APP.Ac(g0,T_.g(c),3);if(b)c=L_(S_.g(c),T_.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 l=[],m=g.length,p=0;;)if(p<m){var q=g.charAt(p),v=$APP.D(e,q);$APP.n(v)?l.push(v):l.push(q);p+=1}else break;h+=1;g=l.join("")}d=void 0}e=H_(S_.g(c));c=I_(d,e,S_.g(c))}d=c;c=d[0];d=d[1];a.__xOrganicProgressSegs=c;a.__xOrganicProgressSegN=d;X_(a,d,c);d=$APP.M($APP.k(a,"__xOrganicProgressRefs"));c=$APP.D(d,W_);d=$APP.D(d,$APP.Oi);$APP.n(c)&&
|
|
23
|
+
($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.M($APP.k(a,"__xOrganicProgressRefs"));b=$APP.D(b,h0);c=$APP.k(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;a.__xOrganicProgressNodes=null;a.__xOrganicProgressND=null;a.__xOrganicProgressNN=0;Y_(a);a.__xOrganicProgressPV=-1;N_()&&e0(a)}},
|
|
24
|
+
j0=function(a){Object.defineProperty(a,"progress",{get:function(){return r_(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 t_(this.getAttribute("variant"))},set:function(b){return b==null?this.removeAttribute("variant"):this.setAttribute("variant",""+$APP.T.g(b))},enumerable:!0,configurable:!0});Object.defineProperty(a,
|
|
25
|
+
"color",{get:function(){return z_(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 u_(this.getAttribute("bloom"))},set:function(b){return $APP.n(b)?this.removeAttribute("bloom"):this.setAttribute("bloom","false")},enumerable:!0,configurable:!0});Object.defineProperty(a,"density",{get:function(){return w_(this.getAttribute("density"))},
|
|
26
|
+
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 x_(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,"label",{get:function(){return y_(this.getAttribute("label"))},set:function(b){return b==null?this.removeAttribute("label"):
|
|
27
|
+
this.setAttribute("label",""+$APP.T.g(b))},enumerable:!0,configurable:!0})},m0=function(){var a=class extends HTMLElement{};a.observedAttributes=k0;a.prototype.connectedCallback=function(){this.__xOrganicProgressModel=U_(this);if(!$APP.n($APP.k(this,"__xOrganicProgressRefs"))){var b=this.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElementNS("http://www.w3.org/2000/svg","svg"),e=document.createElementNS("http://www.w3.org/2000/svg","defs"),g=document.createElementNS("http://www.w3.org/2000/svg",
|
|
28
|
+
"g"),h=document.createElementNS("http://www.w3.org/2000/svg","g"),l=document.createElementNS("http://www.w3.org/2000/svg","g");c.textContent=l0;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")+")");h.setAttribute("part","nodes");l.setAttribute("part","blooms");var m=document.createElementNS("http://www.w3.org/2000/svg",
|
|
29
|
+
"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",""+$APP.T.g(2));p.setAttribute("result","blur");q.setAttribute("in","blur");q.setAttribute("type","matrix");
|
|
30
|
+
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.zk,m,$APP.Oi,p,$APP.cm,q],null);d.appendChild(e);d.appendChild(g);d.appendChild(h);d.appendChild(l);b.appendChild(c);b.appendChild(d);this.__xOrganicProgressRefs=$APP.Pf($APP.tc([m,new $APP.R(null,5,[$APP.ji,b,$APP.Jj,d,W_,g,h0,h,$_,l],null)]))}i0(this,null);Y_(this);N_()?e0(this):d0(this);return null};a.prototype.disconnectedCallback=function(){var b=
|
|
31
|
+
$APP.k(this,"__xOrganicProgressRaf");$APP.n(b)&&(cancelAnimationFrame(b),this.__xOrganicProgressRaf=null);if($APP.n($APP.k(this,"__xOrganicProgressBloom"))){b=$APP.M($APP.k(this,"__xOrganicProgressRefs"));b=$APP.D(b,$_);var c=$APP.k(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=null;this.__xOrganicProgressBloom=!1}return null};a.prototype.attributeChangedCallback=function(b,
|
|
32
|
+
c,d){$APP.N(c,d)&&$APP.n($APP.k(this,"__xOrganicProgressRefs"))&&(i0(this,b),$APP.J(f0,b)||Y_(this));return null};j0(a.prototype);return a},n0=function(){$APP.n(customElements.get("x-organic-progress"))||customElements.define("x-organic-progress",m0());return null},h0=new $APP.K(null,"nodes-g","nodes-g",89420858),P_=new $APP.K(null,"density-raw","density-raw",1719413082),W_=new $APP.K(null,"branches-g","branches-g",548989635),R_=new $APP.K(null,"bloom?","bloom?",-326837587),O_=new $APP.K(null,"bloom-attr",
|
|
33
|
+
"bloom-attr",-1778398039),T_=new $APP.K(null,"density","density",-1664155941),S_=new $APP.K(null,"seed","seed",68613327),Q_=new $APP.K(null,"seed-raw","seed-raw",2146438207),$_=new $APP.K(null,"blooms-g","blooms-g",-1476393864);var k0="progress variant color bloom density seed label".split(" ");$APP.Pd(["x-organic-progress-complete",new $APP.R(null,2,[$APP.yj,new $APP.R(null,1,[$APP.ol,$APP.V],null),$APP.wl,!1],null),"x-organic-progress-bloom-end",new $APP.R(null,2,[$APP.yj,new $APP.R(null,1,[$APP.ol,$APP.V],null),$APP.wl,!1],null)]);
|
|
34
|
+
var s_=new $APP.S(null,new $APP.R(null,2,["honeycomb",null,"vine",null],null),null),v_=new $APP.S(null,new $APP.R(null,3,["dense",null,"normal",null,"sparse",null],null),null),g0=new $APP.R(null,3,["sparse",2,"normal",3,"dense",4],null),F_=[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
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],
|
|
37
|
-
":1;background:var("+$APP.
|
|
38
|
-
|
|
39
|
-
$APP.
|
|
40
|
-
requestAnimationFrame(function(){return
|
|
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],E_=[[1,1],[-1,1],[1,-1],[-1,-1],[1,0],[-1,0],[0,1],[0,-1],[1,1],[-1,1],[1,-1],[-1,-1]],C_=(Math.sqrt(3)-1)/2,D_=(3-Math.sqrt(3))/6,K_=new $APP.R(null,3,["sparse",40,"normal",25,"dense",16],null);var l0=":host{display:block;position:relative;min-height:60px;width:100%;overflow:hidden;"+$APP.T.g("--x-organic-progress-color-primary")+":var(--x-color-success,#22c55e);"+$APP.T.g("--x-organic-progress-color-secondary")+":var(--x-color-success,#16a34a);"+$APP.T.g("--x-organic-progress-bloom-color")+":var(--x-color-danger,#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")+
|
|
37
|
+
":1;background:var("+$APP.T.g("--x-organic-progress-bg")+",transparent);opacity:var("+$APP.T.g("--x-organic-progress-opacity")+",1);}[part\x3dsvg]{display:block;width:100%;height:100%;}[part\x3dnodes] circle{fill:var("+$APP.T.g("--x-organic-progress-color-primary")+",#22c55e);}@media(prefers-color-scheme:dark){:host{--x-organic-progress-color-primary:var(--x-color-success,#4ade80);--x-organic-progress-color-secondary:var(--x-color-success,#22c55e);--x-organic-progress-bloom-color:var(--x-color-danger,#f9a8d4);}}@media(prefers-reduced-motion:reduce){[part\x3dsvg]{transition:none!important;}.bloom-petal{transition:none!important;animation:none!important;}}",
|
|
38
|
+
c0=function c0(a){if($APP.n(a.isConnected)){var c=$APP.k(a,"__xOrganicProgressModel"),d=performance.now(),e=Math.min(d-$APP.k(a,"__xOrganicProgressLF"),100)/1E3;a.__xOrganicProgressLF=d;a.__xOrganicProgressTime=$APP.k(a,"__xOrganicProgressTime")+e;d=$APP.n($APP.ll.g(c))?50+20*Math.sin($APP.k(a,"__xOrganicProgressTime")*1.5):$APP.$k.g(c);d=M_($APP.k(a,"__xOrganicProgressSPos"),d,$APP.k(a,"__xOrganicProgressSVel"),e);a.__xOrganicProgressSPos=d[0];a.__xOrganicProgressSVel=d[1];Z_(a);$APP.n(function(){var g=
|
|
39
|
+
$APP.Ak.g(c);return $APP.n(g)?$APP.r($APP.k(a,"__xOrganicProgressDone")):g}())&&(a.__xOrganicProgressDone=!0,a.dispatchEvent(new CustomEvent("x-organic-progress-complete",{bubbles:!0,composed:!0,detail:{progress:100}})),$APP.n(R_.g(c))&&a0(a));$APP.n(function(){var g=$APP.r($APP.Ak.g(c));return g?(g=$APP.k(a,"__xOrganicProgressDone"),$APP.n(g)?$APP.r($APP.k(a,"__xOrganicProgressBloom")):g):g}())&&(a.__xOrganicProgressDone=!1);$APP.n($APP.k(a,"__xOrganicProgressBloom"))&&b0(a,e);$APP.ia(a,"__xOrganicProgressRaf",
|
|
40
|
+
requestAnimationFrame(function(){return c0.g?c0.g(a):c0.call(null,a)}))}return null},f0=$APP.Sf(["variant","density","seed"]);$APP.fa("baredom.exports.x_organic_progress.init",n0);export const init=n0;
|
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
|
-
|
|
6
|
-
m.style.setProperty("clip-path",b);m.style.setProperty("aspect-ratio",e);$APP.
|
|
7
|
-
b);
|
|
8
|
-
Object.defineProperty(a,"animation",{get:function(){var b=this.getAttribute("animation");return $APP.
|
|
9
|
-
configurable:!0});Object.defineProperty(a,"width",{get:function(){var b=this.getAttribute("width");return $APP.
|
|
10
|
-
configurable:!0})},
|
|
11
|
-
return a},
|
|
12
|
-
null),"blob-2",new $APP.
|
|
13
|
-
|
|
14
|
-
null),"cloud",new $APP.
|
|
15
|
-
|
|
2
|
+
var YG=function(a){return typeof a==="string"&&$APP.J(XG,a)?a:"blob-1"},ZG=function(a){return typeof a==="string"&&$APP.N("",a)?a:null},$G=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},aH=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")},gH=function(a){var b=new $APP.R(null,6,[$APP.Ij,a.getAttribute("shape"),$APP.qk,a.getAttribute("path"),$APP.Ui,a.getAttribute("animation"),
|
|
4
|
+
bH,a.getAttribute("ratio"),$APP.Zj,a.getAttribute("width"),$APP.Aj,a.getAttribute("height")],null);var c=$APP.M(b),d=$APP.D(c,$APP.Ij),e=$APP.D(c,$APP.qk),g=$APP.D(c,$APP.Ui),h=$APP.D(c,bH);b=$APP.D(c,$APP.Zj);c=$APP.D(c,$APP.Aj);e=typeof e==="string"&&$APP.N("",e.trim())?e.trim():null;d=YG(d);var l=typeof g==="string"&&$APP.J(cH,g)?g:"none";g=e!=null?e:$APP.ge(dH,new $APP.O(null,2,5,$APP.P,[YG(d),eH],null));var m=e==null?$APP.ge(dH,new $APP.O(null,2,5,$APP.P,[YG(d),fH],null)):null;l=$APP.C.i(l,"morph")&&
|
|
5
|
+
m==null?"none":l;h=typeof h==="string"&&$APP.N("",h.trim())?h.trim():"1/1";b=new $APP.R(null,8,[$APP.Ij,d,$APP.qk,e,eH,g,fH,m,$APP.Ui,l,bH,h,$APP.Zj,ZG(b),$APP.Aj,ZG(c)],null);g=$APP.M(b);b=$APP.D(g,eH);h=$APP.D(g,fH);c=$APP.D(g,$APP.Ui);e=$APP.D(g,bH);d=$APP.D(g,$APP.Zj);g=$APP.D(g,$APP.Aj);m=$APP.k(a,"__xOrganicShapeBase");l=$APP.k(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.N(c,"none")?a.setAttribute("data-animation",c):a.removeAttribute("data-animation");aH(a,l)},hH=function(a){function b(){return aH(a,c)}$APP.n($APP.k(a,"__xOrganicShapeInit"))||$G(a);var c=$APP.k(a,"__xOrganicShapeSlot");a.__xOrganicShapeSlotHandler=b;c.addEventListener("slotchange",
|
|
7
|
+
b);gH(a)},iH=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.N("",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.N("",b)?this.setAttribute("path",b):this.removeAttribute("path")},enumerable:!0,configurable:!0});
|
|
8
|
+
Object.defineProperty(a,"animation",{get:function(){var b=this.getAttribute("animation");return $APP.n(b)?b:"none"},set:function(b){return typeof b==="string"&&$APP.N("",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.N("",b)?this.setAttribute("ratio",b):this.removeAttribute("ratio")},enumerable:!0,
|
|
9
|
+
configurable:!0});Object.defineProperty(a,"width",{get:function(){var b=this.getAttribute("width");return $APP.n(b)?b:""},set:function(b){return typeof b==="string"&&$APP.N("",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.N("",b)?this.setAttribute("height",b):this.removeAttribute("height")},enumerable:!0,
|
|
10
|
+
configurable:!0})},kH=function(){var a=class extends HTMLElement{};a.observedAttributes=jH;a.prototype.connectedCallback=function(){hH(this);return null};a.prototype.disconnectedCallback=function(){var b=$APP.k(this,"__xOrganicShapeSlot"),c=$APP.k(this,"__xOrganicShapeSlotHandler");return $APP.n($APP.n(b)?c:b)?b.removeEventListener("slotchange",c):null};a.prototype.attributeChangedCallback=function(b,c,d){$APP.N(c,d)&&$APP.n($APP.k(this,"__xOrganicShapeInit"))&&gH(this);return null};iH(a.prototype);
|
|
11
|
+
return a},lH=function(){$APP.n(customElements.get("x-organic-shape"))||customElements.define("x-organic-shape",kH());return null},bH=new $APP.K(null,"ratio","ratio",-926560044),eH=new $APP.K(null,"clip","clip",830998499),fH=new $APP.K(null,"clip-alt","clip-alt",-684562835);var jH="shape path animation ratio width height".split(" "),cH=new $APP.S(null,new $APP.R(null,5,["float",null,"none",null,"pulse",null,"spin",null,"morph",null],null),null),XG=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),dH=new $APP.R(null,8,["blob-1",new $APP.R(null,2,[eH,"polygon(30% 0%, 70% 0%, 100% 30%, 95% 70%, 70% 100%, 30% 95%, 0% 70%, 5% 30%)",fH,"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,[eH,"polygon(50% 0%, 80% 10%, 100% 40%, 95% 75%, 70% 100%, 30% 100%, 5% 75%, 0% 40%, 20% 10%)",fH,"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,[eH,"polygon(20% 0%, 80% 0%, 100% 20%, 100% 50%, 90% 80%, 70% 100%, 30% 100%, 10% 80%, 0% 50%, 0% 20%)",fH,"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,[eH,"polygon(50% 2%, 78% 8%, 96% 30%, 98% 60%, 85% 88%, 55% 98%, 25% 92%, 4% 65%, 2% 35%, 22% 8%)",
|
|
13
|
+
fH,"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,[eH,"polygon(50% 0%, 80% 15%, 98% 45%, 90% 75%, 65% 98%, 50% 100%, 35% 98%, 10% 75%, 2% 45%, 20% 15%)",fH,"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,[eH,"polygon(50% 0%, 72% 20%, 90% 50%, 95% 72%, 80% 92%, 50% 100%, 20% 92%, 5% 72%, 10% 50%, 28% 20%)",fH,"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,[eH,"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%)",fH,"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,[eH,"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
|
+
fH,"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.fa("baredom.exports.x_organic_shape.init",lH);export const init=lH;
|
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"),
|
|
4
|
-
|
|
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
|
|
9
|
-
q=$APP.
|
|
10
|
-
[$APP.Z,
|
|
11
|
-
c.appendChild(
|
|
12
|
-
d=0;;)if(d<c){var e=b[d];if($APP.
|
|
13
|
-
d)}var c=
|
|
14
|
-
""):this.removeAttribute("disabled")},enumerable:!0,configurable:!0})},
|
|
15
|
-
configurable:!0})},
|
|
16
|
-
c,d){$APP.
|
|
17
|
-
"next-li","next-li",648524823),
|
|
2
|
+
var NJ=function(a){for(var b=[],c=arguments.length,d=0;;)if(d<c)b.push(arguments[d]),d+=1;else break;return $APP.Wc($APP.ya,$APP.oh,0<b.length?new $APP.Tb(b.slice(0),0,null):null)},OJ=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},TJ=function(a){var b=$APP.k(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"),l=document.createElement("slot");g.setAttribute("part","item item-prev");h.setAttribute("part","button button-prev");h.setAttribute("aria-label","Previous page");l.setAttribute("name","prev");l.textContent="Prev";h.appendChild(l);g.appendChild(h);g=new $APP.R(null,2,[PJ,g,QJ,h],null);h=document.createElement("li");l=document.createElement("button");var m=document.createElement("slot");h.setAttribute("part","item item-next");
|
|
4
|
+
l.setAttribute("part","button button-next");l.setAttribute("aria-label","Next page");m.setAttribute("name","next");m.textContent="Next";l.appendChild(m);h.appendChild(l);h=new $APP.R(null,2,[PJ,h,QJ,l],null);c.textContent=":host{display:block;color-scheme:light dark;--x-pagination-gap:0.25rem;--x-pagination-button-size:2rem;--x-pagination-button-radius:var(--x-radius-sm,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:var(--x-font-size-sm,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;}}@media (pointer:coarse){[part~\x3d'button']{min-width:2.75rem;height:2.75rem;}}";
|
|
5
|
+
d.setAttribute("part","nav");e.setAttribute("part","list");e.appendChild(PJ.g(g));e.appendChild(PJ.g(h));d.appendChild(e);b.appendChild(c);b.appendChild(d);b=new $APP.R(null,6,[$APP.ei,d,$APP.uk,e,RJ,PJ.g(g),$APP.Ii,QJ.g(g),SJ,PJ.g(h),$APP.yh,QJ.g(h)],null);a.__xPaginationRefs=b;return $APP.k(a,"__xPaginationRefs")},UJ=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},VJ=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},eK=function(a){a=new $APP.R(null,7,[WJ,a.getAttribute("page"),XJ,a.getAttribute("total-pages"),YJ,a.getAttribute("sibling-count"),ZJ,a.getAttribute("boundary-count"),$APP.il,a.getAttribute("size"),$APP.al,a.hasAttribute("disabled"),$APP.Wh,a.getAttribute("label")],null);var b=$APP.M(a),c=$APP.D(b,WJ),d=$APP.D(b,XJ),e=$APP.D(b,YJ),g=$APP.D(b,ZJ),h=$APP.D(b,$APP.il);a=$APP.D(b,$APP.al);b=$APP.D(b,$APP.Wh);d=OJ(d);c=$APP.$g.i(1,$APP.ah.i(OJ(c),d));if(typeof e==="string"){e=
|
|
8
|
+
parseInt(e,10);var l=isFinite(e);e=$APP.n($APP.n(l)?e>=0:l)?e:1}else e=1;typeof g==="string"?(g=parseInt(g,10),l=isFinite(g),l=$APP.n($APP.n(l)?g>=0:l)?g:1):l=1;g=e;e=l;h=typeof h==="string"?h.trim().toLowerCase():null;h=$APP.J($J,h)?h:"md";return new $APP.R(null,7,[aK,c,bK,d,cK,g,dK,e,$APP.th,h,$APP.mj,$APP.F(a),$APP.U,$APP.n(b)?b:"Pagination"],null)},hK=function(a){var b=TJ(a),c=$APP.uk.g(b),d=$APP.ei.g(b),e=$APP.Ii.g(b),g=$APP.yh.g(b),h=RJ.g(b);b=SJ.g(b);var l=eK(a),m=$APP.M(l),p=$APP.D(m,aK),
|
|
9
|
+
q=$APP.D(m,bK),v=$APP.D(m,cK),x=$APP.D(m,dK),y=$APP.D(m,$APP.th);m=$APP.D(m,$APP.U);a:if(q<=0)q=$APP.ee;else{var A=$APP.ah.i(x,q);x=$APP.$g.i(q-x- -1,1);var B=$APP.$g.i(1,p-v);v=$APP.ah.i(q,p+v);q=$APP.Ue.i($APP.Ue.i($APP.Ue.i(NJ(),$APP.bg(1,A+1)),$APP.bg(x,q+1)),$APP.bg(B,v+1));q=$APP.ve(q);B=$APP.ee;for(v=0;;){if(v>=$APP.z(q)){q=B;break a}A=$APP.oc(q,v);var E=x=v>0?$APP.oc(q,v-1):null;x=$APP.n($APP.n(E)?A>x+1:E)?$APP.kd.i(B,new $APP.R(null,1,[$APP.Z,fK],null)):B;A=$APP.kd.i(x,new $APP.R(null,2,
|
|
10
|
+
[$APP.Z,aK,gK,A],null));v+=1;B=A}q=void 0}d.setAttribute("aria-label",m);a.setAttribute("data-size",y);d=$APP.M(l);a=$APP.D(d,aK);d=$APP.D(d,$APP.mj);$APP.n($APP.n(d)?d:a<=1)?e.setAttribute("disabled",""):e.removeAttribute("disabled");d=$APP.M(l);e=$APP.D(d,aK);a=$APP.D(d,bK);d=$APP.D(d,$APP.mj);$APP.n($APP.n(d)?d:e>=a)?g.setAttribute("disabled",""):g.removeAttribute("disabled");c.innerHTML="";c.appendChild(h);g=$APP.t(q);h=null;for(a=e=0;;)if(a<e)d=h.G(null,a),$APP.C.i(fK,$APP.Z.g(d))?c.appendChild(VJ()):
|
|
11
|
+
c.appendChild(UJ(gK.g(d),$APP.C.i(gK.g(d),p),$APP.mj.g(l))),a+=1;else if(g=$APP.t(g))h=g,$APP.Nc(h)?(g=$APP.xb(h),a=$APP.yb(h),h=g,e=$APP.z(g),g=a):(g=$APP.u(h),$APP.C.i(fK,$APP.Z.g(g))?c.appendChild(VJ()):c.appendChild(UJ(gK.g(g),$APP.C.i(gK.g(g),p),$APP.mj.g(l))),g=$APP.w(h),h=null,e=0),a=0;else break;c.appendChild(b)},iK=function(a,b){return a.dispatchEvent(new CustomEvent("page-change",{detail:{page:b},bubbles:!0,composed:!0,cancelable:!1}))},jK=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.i("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.k(a,"__xPaginationRefs");c=$APP.Ii.g(d);d=$APP.yh.g(d);e=b.getAttribute("data-page");if(b===c)return c=eK(a),b=aK.g(c),b>1?iK(a,b-1):null;if(b===d)return c=eK(a),b=aK.g(c),c=bK.g(c),b<c?iK(a,b+1):null;if(e!=null)return b=parseInt(e,10),$APP.n(isFinite(b))?iK(a,b):null}return null},kK=function(a){function b(d){return jK(a,
|
|
13
|
+
d)}var c=TJ(a);$APP.uk.g(c).addEventListener("click",b);$APP.ia(a,"__xPaginationHandlers",{click:b})},lK=function(a){var b=$APP.k(a,"__xPaginationHandlers");if($APP.n(b)){var c=$APP.k(a,"__xPaginationRefs");$APP.n(c)&&(c=$APP.uk.g(c),b=$APP.k(b,"click"),$APP.n($APP.n(c)?b:c)&&c.removeEventListener("click",b))}a.__xPaginationHandlers=null},mK=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})},nK=function(a,b,c){Object.defineProperty(a,b,{get:function(){return OJ(this.getAttribute(c))},set:function(d){return d!=null?this.setAttribute(c,""+$APP.T.g(d)):this.removeAttribute(c)},enumerable:!0,configurable:!0})},oK=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})},pK=function(a){nK(a,"page","page");nK(a,"total-pages","total-pages");nK(a,"sibling-count","sibling-count");nK(a,"boundary-count","boundary-count");oK(a,"size","size","md");mK(a);oK(a,"label","label","Pagination")},rK=function(){var a=class extends HTMLElement{};a.observedAttributes=qK;a.prototype.connectedCallback=function(){TJ(this);lK(this);kK(this);hK(this);return null};a.prototype.disconnectedCallback=function(){lK(this);return null};a.prototype.attributeChangedCallback=function(b,
|
|
16
|
+
c,d){$APP.N(c,d)&&hK(this);return null};pK(a.prototype);return a},sK=function(){$APP.n(customElements.get("x-pagination"))||customElements.define("x-pagination",rK());return null},XJ=new $APP.K(null,"total-pages-raw","total-pages-raw",430880208),dK=new $APP.K(null,"boundary-count","boundary-count",1637925987),ZJ=new $APP.K(null,"boundary-count-raw","boundary-count-raw",410083250),bK=new $APP.K(null,"total-pages","total-pages",685894112),aK=new $APP.K(null,"page","page",849072397),SJ=new $APP.K(null,
|
|
17
|
+
"next-li","next-li",648524823),QJ=new $APP.K(null,"btn","btn",1978294651),RJ=new $APP.K(null,"prev-li","prev-li",940258334),WJ=new $APP.K(null,"page-raw","page-raw",-1198808870),PJ=new $APP.K(null,"li","li",723558921),fK=new $APP.K(null,"ellipsis","ellipsis",998505738),gK=new $APP.K(null,"n","n",562130025),YJ=new $APP.K(null,"sibling-count-raw","sibling-count-raw",-620117200),cK=new $APP.K(null,"sibling-count","sibling-count",1756034573);var qK="page total-pages sibling-count boundary-count size disabled label".split(" "),$J=new $APP.S(null,new $APP.R(null,3,["md",null,"lg",null,"sm",null],null),null);$APP.fa("baredom.exports.x_pagination.init",sK);export const init=sK;
|