@vanelsas/baredom 4.0.0-alpha.0 → 4.0.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 +342 -6
- package/README.md +23 -10
- package/custom-elements.json +17352 -4514
- package/dist/baredom.d.ts +92 -94
- package/dist/baremirror-alpha.js +25 -0
- package/dist/base.js +700 -605
- package/dist/integrity.json +113 -113
- package/dist/requests.d.ts +3 -0
- package/dist/requests.js +35 -0
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.js +10 -9
- package/dist/x-avatar.js +14 -14
- package/dist/x-badge.js +9 -9
- package/dist/x-bento-grid.d.ts +5 -0
- package/dist/x-bento-grid.js +6 -5
- package/dist/x-bento-item.d.ts +3 -0
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.d.ts +6 -5
- package/dist/x-breadcrumbs.js +16 -14
- package/dist/x-button.d.ts +4 -0
- package/dist/x-button.js +1 -1
- package/dist/x-calendar.js +42 -39
- package/dist/x-cancel-dialogue.js +16 -14
- package/dist/x-card.d.ts +4 -0
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +37 -35
- package/dist/x-chart.d.ts +2 -0
- package/dist/x-chart.js +48 -47
- package/dist/x-checkbox.d.ts +11 -4
- package/dist/x-checkbox.js +1 -1
- package/dist/x-chip.js +1 -1
- package/dist/x-code.js +29 -27
- package/dist/x-collapse.js +11 -11
- package/dist/x-color-picker.d.ts +7 -0
- package/dist/x-color-picker.js +48 -46
- package/dist/x-combobox.d.ts +12 -4
- package/dist/x-combobox.js +36 -30
- package/dist/x-command-palette.d.ts +9 -1
- package/dist/x-command-palette.js +32 -28
- package/dist/x-confetti.js +24 -24
- package/dist/x-container.d.ts +4 -0
- package/dist/x-container.js +6 -5
- package/dist/x-context-menu.js +20 -20
- package/dist/x-copy.js +1 -1
- package/dist/x-currency-field.d.ts +5 -0
- package/dist/x-currency-field.js +26 -24
- package/dist/x-date-picker.d.ts +20 -2
- package/dist/x-date-picker.js +46 -39
- package/dist/x-divider.js +9 -10
- package/dist/x-drag-panel.d.ts +45 -0
- package/dist/x-drag-panel.js +37 -0
- package/dist/x-drawer.js +12 -11
- package/dist/x-drop-zone.d.ts +49 -0
- package/dist/x-drop-zone.js +12 -0
- package/dist/x-dropdown.js +12 -12
- package/dist/x-fieldset.js +6 -6
- package/dist/x-file-download.d.ts +4 -0
- package/dist/x-file-download.js +15 -7
- package/dist/x-file-upload.d.ts +10 -5
- package/dist/x-file-upload.js +27 -23
- package/dist/x-floating-panel.d.ts +50 -0
- package/dist/x-floating-panel.js +25 -0
- package/dist/x-form-field.d.ts +11 -1
- package/dist/x-form-field.js +18 -15
- package/dist/x-form.js +10 -11
- package/dist/x-gaussian-blur.js +13 -14
- package/dist/x-grid.d.ts +9 -0
- package/dist/x-grid.js +8 -6
- package/dist/x-i18n-provider.js +7 -7
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +7 -7
- package/dist/x-image.js +19 -17
- package/dist/x-kbd.js +16 -16
- package/dist/x-kinetic-canvas.js +26 -26
- package/dist/x-kinetic-font.js +27 -27
- package/dist/x-kinetic-typography.js +35 -35
- package/dist/x-liquid-dock.js +34 -34
- package/dist/x-liquid-fill.js +42 -42
- package/dist/x-liquid-glass.js +42 -41
- package/dist/x-menu-item.js +9 -8
- package/dist/x-menu.js +10 -10
- package/dist/x-metaball-cursor.js +23 -23
- package/dist/x-modal.js +13 -12
- package/dist/x-morph-stack.js +38 -37
- package/dist/x-multi-combobox.d.ts +13 -5
- package/dist/x-multi-combobox.js +42 -36
- package/dist/x-navbar.js +16 -15
- package/dist/x-neural-glow.js +31 -30
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +18 -18
- package/dist/x-organic-progress.js +35 -35
- package/dist/x-organic-shape.js +13 -14
- package/dist/x-otp-input.d.ts +5 -0
- package/dist/x-otp-input.js +23 -22
- package/dist/x-pagination.js +16 -14
- package/dist/x-particle-button.d.ts +10 -1
- package/dist/x-particle-button.js +55 -51
- package/dist/x-popover.js +28 -27
- package/dist/x-progress-circle.js +8 -9
- package/dist/x-progress.js +8 -8
- package/dist/x-proximity-list.js +20 -20
- package/dist/x-radio.d.ts +10 -3
- package/dist/x-radio.js +13 -11
- package/dist/x-range-slider.d.ts +7 -0
- package/dist/x-range-slider.js +31 -28
- package/dist/x-rating.d.ts +7 -0
- package/dist/x-rating.js +25 -23
- package/dist/x-ripple-effect.js +10 -10
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +17 -17
- package/dist/x-scroll-story.js +33 -33
- package/dist/x-scroll-timeline.js +46 -46
- package/dist/x-scroll.js +39 -38
- package/dist/x-search-field.d.ts +10 -3
- package/dist/x-search-field.js +1 -1
- package/dist/x-select.d.ts +12 -2
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.d.ts +4 -0
- package/dist/x-sidebar.js +17 -18
- package/dist/x-skeleton-group.js +13 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.d.ts +7 -0
- package/dist/x-slider.js +17 -16
- package/dist/x-soft-body.js +20 -20
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +13 -12
- package/dist/x-split-pane.js +15 -15
- package/dist/x-spotlight-card.js +13 -12
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +15 -13
- package/dist/x-switch.d.ts +10 -3
- package/dist/x-switch.js +12 -11
- package/dist/x-tab.d.ts +5 -0
- package/dist/x-tab.js +10 -7
- package/dist/x-table-cell.js +21 -21
- package/dist/x-table-row.js +9 -8
- package/dist/x-table.js +14 -13
- package/dist/x-tabs.d.ts +9 -0
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.d.ts +12 -0
- package/dist/x-text-area.js +21 -19
- package/dist/x-theme.js +26 -25
- package/dist/x-timeline-item.js +21 -20
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.js +22 -22
- package/dist/x-toaster.js +7 -7
- package/dist/x-tooltip.js +14 -12
- package/dist/x-trace-history.js +119 -127
- package/dist/x-typography.js +9 -9
- package/dist/x-welcome-tour.js +63 -63
- package/package.json +25 -26
- package/dist/barebuild-action.d.ts +0 -45
- package/dist/barebuild-action.js +0 -9
- package/dist/barebuild-data.d.ts +0 -39
- package/dist/barebuild-data.js +0 -5
- package/dist/barebuild-invalidate-on.d.ts +0 -42
- package/dist/barebuild-invalidate-on.js +0 -5
- package/dist/barebuild-route.d.ts +0 -39
- package/dist/barebuild-route.js +0 -4
- package/dist/barebuild-router.d.ts +0 -41
- package/dist/barebuild-router.js +0 -13
|
@@ -1,37 +1,37 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
"number"&&$APP.p(isNaN(a))&&a>0?a:42):42}
|
|
4
|
-
k=f>h?1:0,
|
|
5
|
-
b,c){var d=[],e=[];c=
|
|
6
|
-
f[0]*.2;return b.j?b.j(S,200):b.call(null,S,200)}();h[2]+=.436+.1*r;break;case "[":e.push([h[0],h[1],h[2],h[3]]);h[3]+=1;break;case "]":e.length>0&&(r=e.pop(),h[0]=r[0],h[1]=r[1],h[2]=r[2],h[3]=r[3])}
|
|
7
|
-
return $APP.
|
|
8
|
-
"key")-$APP.l(R,"key")});c={};d=[];e=[0];f=a.length;for(h=0;;)if(h<f){
|
|
9
|
-
b*d,b]},
|
|
10
|
-
document.createElementNS("http://www.w3.org/2000/svg","line");$APP.
|
|
11
|
-
|
|
12
|
-
""+$APP.
|
|
13
|
-
|
|
14
|
-
e<b?"1":"0"),e+=1;else break;$APP.
|
|
15
|
-
"y2");var x=2*
|
|
16
|
-
|
|
17
|
-
b*8
|
|
18
|
-
"__xOrganicProgressPV",-1);return $APP.
|
|
19
|
-
|
|
20
|
-
a.getAttribute("color"),
|
|
21
|
-
"%"
|
|
22
|
-
$APP.
|
|
23
|
-
f);$APP.
|
|
24
|
-
"__xOrganicProgressNodes",null);$APP.
|
|
25
|
-
set:function(b){return $APP.
|
|
26
|
-
document.createElementNS("http://www.w3.org/2000/svg","g");c.textContent=
|
|
27
|
-
|
|
28
|
-
$APP
|
|
29
|
-
b=$APP.C(b,
|
|
30
|
-
|
|
31
|
-
var
|
|
2
|
+
var s7=function(a){return typeof a==="string"&&(a=a.trim(),$APP.M.j(a,""))?(a=parseFloat(a),$APP.m(isNaN(a))?null:Math.min(100,Math.max(0,a))):null},t7=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.kd(zAa,a)?a:"vine"},u7=function(a){return a==null?!0:$APP.M.j((""+$APP.N.i(a)).trim().toLowerCase(),"false")},v7=function(a){a=typeof a==="string"?a.trim().toLowerCase():null;return $APP.kd(AAa,a)?a:"normal"},w7=function(a){return typeof a==="string"?(a=parseInt(a.trim(),10),
|
|
3
|
+
typeof a==="number"&&$APP.p(isNaN(a))&&a>0?a:42):42},x7=function(a){return typeof a==="string"?(a=a.trim(),$APP.M.j(a,"")?a:null):null},y7=function(a){return typeof a==="string"?(a=a.trim(),$APP.M.j(a,"")?a:null):null},z7=function(a){a=(typeof a==="number"&&$APP.p(isNaN(a))&&a>0?Math.floor(a):42)|0;return[a===0?1:a]},A7=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},CAa=function(a,b){var c=(a+b)*BAa,d=Math.floor(a+c);c=Math.floor(b+c);var e=(d+c)*B7,f=a-
|
|
4
|
+
(d-e),h=b-(c-e),k=f>h?1:0,n=f>h?0:1,r=f+-k-B7,v=h+-n-B7,x=f+-1-2*B7,y=h+-1-2*B7,A=d&255,E=c&255,I=.5-f*f-h*h,O=.5-r*r-v*v,S=.5-x*x-y*y;return 70*((I<0?0:function(){var R=I*I,da=C7[D7[A+D7[E&255]&255]&11];return R*R*(da[0]*f+da[1]*h)}())+(O<0?0:function(){var R=O*O,da=C7[D7[A+k+D7[E+n&255]&255]&11];return R*R*(da[0]*r+da[1]*v)}())+(S<0?0:function(){var R=S*S,da=C7[D7[A+1+D7[E+1&255]&255]&11];return R*R*(da[0]*x+da[1]*y)}()))},DAa=function(a){var b=a*17.31,c=a*31.17;return function(d,e){return CAa(d+
|
|
5
|
+
b,e+c)}},EAa=function(a,b,c){var d=[],e=[];c=z7(c);for(var f=[0],h=[20,100,0,0],k=a.length,n=0;;)if(n<k){switch(a.charAt(n)){case "F":var r=h[0],v=h[1],x=h[2],y=h[3],A=f[0],E=38*Math.pow(.7,y)*(.8+.4*A7(c)),I=function(){var S=A*.3;var R=y*.5;S=b.j?b.j(S,R):b.call(null,S,R);return x+.15*S}(),O=r+E*Math.cos(I);E=v+E*Math.sin(I);d.push({x1:r,y1:v,x2:O,y2:E,depth:y,index:A});h[0]=O;h[1]=E;f[0]=A+1;break;case "+":r=function(){var S=f[0]*.2;return b.j?b.j(S,100):b.call(null,S,100)}();h[2]-=.436+.1*r;break;
|
|
6
|
+
case "-":r=function(){var S=f[0]*.2;return b.j?b.j(S,200):b.call(null,S,200)}();h[2]+=.436+.1*r;break;case "[":e.push([h[0],h[1],h[2],h[3]]);h[3]+=1;break;case "]":e.length>0&&(r=e.pop(),h[0]=r[0],h[1]=r[1],h[2]=r[2],h[3]=r[3])}n+=1}else break;d.sort(function(S,R){var da=$APP.l(S,"x2")-20;S=$APP.l(S,"y2")-100;var na=$APP.l(R,"x2")-20;R=$APP.l(R,"y2")-100;return da*da+S*S-(na*na+R*R)});return[d,d.length]},FAa=function(a,b,c,d){a=""+$APP.N.i(a.toFixed(1))+","+$APP.N.i(b.toFixed(1));c=""+$APP.N.i(c.toFixed(1))+
|
|
7
|
+
","+$APP.N.i(d.toFixed(1));return $APP.ld(a,c)<0?""+$APP.N.i(a)+"-"+$APP.N.i(c):""+$APP.N.i(c)+"-"+$APP.N.i(a)},HAa=function(a,b){b=$APP.Rc(GAa,b,25);var c=z7(a),d=1.5*b,e=Math.sqrt(3)*b,f=Math.ceil(800/d)+4,h=Math.ceil(200/e)+4;a=[];for(var k=Math.sqrt(17E4),n=-2;;)if(n<f){for(var r=n*d,v=$APP.ue(n)?0:e/2,x=-2;;)if(x<h){var y=x*e+v;if(r>0-b&&r<800+b&&y>0-b&&y<200+b){var A=r-400,E=y-100;A=Math.sqrt(A*A+E*E);E=A*.7+A7(c)*.3*k;a.push({cx:r,cy:y,dist:A,key:E})}x+=1}else break;n+=1}else break;a.sort(function(S,
|
|
8
|
+
R){return $APP.l(S,"key")-$APP.l(R,"key")});c={};d=[];e=[0];f=a.length;for(h=0;;)if(h<f){v=a[h];n=$APP.l(v,"cx");r=$APP.l(v,"cy");v=Math.min(2,Math.floor($APP.l(v,"dist")*3/(k+.001)));for(x=0;;)if(x<6){A=Math.PI/3*x;var I=Math.PI/3*(x+1);y=n+b*Math.cos(A);A=r+b*Math.sin(A);E=n+b*Math.cos(I);I=r+b*Math.sin(I);var O=FAa(y,A,E,I);$APP.m($APP.l(c,O))||(c[O]=!0,O=e[0],d.push({x1:y,y1:A,x2:E,y2:I,depth:v,index:O}),e[0]=O+1);x+=1}else break;h+=1}else break;return[d,d.length]},IAa=function(a,b,c,d){b=c+(120*
|
|
9
|
+
(b-a)-12*c)*d;return[a+b*d,b]},E7=function(){return $APP.D(window.matchMedia("(prefers-reduced-motion:reduce)").matches)},JAa=function(a,b){a=window.getComputedStyle(a).getPropertyValue("--x-organic-progress-branch-width").trim();return $APP.M.j(a,"")?(a=parseFloat(a),$APP.m(isNaN(a))?b:a):b},KAa=function(a,b,c){var d=$APP.G($APP.l(a,"__xOrganicProgressRefs")),e=$APP.C(d,F7);d=function(){var A=$APP.l(a,"__xOrganicProgressLines");return $APP.m(A)?A:[]}();for(var f=d.length,h=[],k=0;;)if(k<b){var n=
|
|
10
|
+
k<f?d[k]:function(){var A=document.createElementNS("http://www.w3.org/2000/svg","line");$APP.U(A,"stroke-linecap","round");e.appendChild(A);return A}(),r=c[k],v=$APP.l(r,"y1"),x=$APP.l(r,"x2"),y=$APP.l(r,"y2");$APP.U(n,"x1",""+$APP.N.i($APP.l(r,"x1")));$APP.U(n,"y1",""+$APP.N.i(v));$APP.U(n,"x2",""+$APP.N.i(x));$APP.U(n,"y2",""+$APP.N.i(y));$APP.U(n,"opacity","0");h.push(n);k+=1}else break;for(;;)if(b<f)e.removeChild(d[b]),b+=1;else break;$APP.T(a,"__xOrganicProgressLines",h);$APP.T(a,"__xOrganicProgressPV",
|
|
11
|
+
-1)},LAa=function(a){var b=$APP.l(a,"__xOrganicProgressLines"),c=$APP.l(a,"__xOrganicProgressSegs"),d=$APP.l(a,"__xOrganicProgressSegN"),e=$APP.l(a,"__xOrganicProgressModel"),f=$APP.z.j($APP.Wo.i(e),"honeycomb");e=$APP.xv.i(e);var h=$APP.m(e)?e:"var("+$APP.N.i("--x-organic-progress-color-primary")+","+$APP.N.i(f?"#818cf8":"#22c55e")+")",k="var("+$APP.N.i("--x-organic-progress-color-secondary")+","+$APP.N.i(f?"#a5b4fc":"#16a34a")+")";a=JAa(a,f?1.5:3);if(f)for(f=0;;)if(f<d){e=b[f];var n=$APP.l(c[f],
|
|
12
|
+
"depth");$APP.U(e,"stroke-width",""+$APP.N.i(a));e.style.stroke=function(){switch(n){case 0:return h;case 1:return k;default:return k}}();$APP.U(e,"stroke-linecap","round");$APP.U(e,"stroke-opacity",function(){switch(n){case 0:return"0.9";case 1:return"0.7";default:return"0.5"}}());f+=1}else break;else for(f=0;;)if(f<d){e=b[f];var r=$APP.l(c[f],"depth"),v=r===0?h:k;$APP.U(e,"stroke-width",""+$APP.N.i(Math.max(.5,a-r*.6)));e.style.stroke=v;$APP.U(e,"stroke-linecap","round");$APP.U(e,"stroke-opacity",
|
|
13
|
+
"1");f+=1}else break},MAa=function(a){var b=$APP.l(a,"__xOrganicProgressSPos"),c=$APP.l(a,"__xOrganicProgressSegN"),d=Math.floor(b/100*c),e=$APP.l(a,"__xOrganicProgressPV"),f=$APP.l(a,"__xOrganicProgressLines");if($APP.M.j(d,e)){c=Math.max(d,e<0?c:e);for(e=Math.min(d,e<0?0:e);;)if(e<c){var h=f[e];$APP.m(h)&&$APP.Wi(h,"opacity",e<d?"1":"0");e+=1}else break;f=$APP.l(a,"__xOrganicProgressNodes");c=$APP.l(a,"__xOrganicProgressNN");c=$APP.m(c)?c:0;if($APP.m($APP.m(f)?c>0:f))for(b=Math.floor(b/100*c),e=
|
|
14
|
+
0;;)if(e<c)h=f[e],$APP.m(h)&&$APP.Wi(h,"opacity",e<b?"1":"0"),e+=1;else break;$APP.T(a,"__xOrganicProgressPV",d)}},NAa=function(a){var b=$APP.l(a,"__xOrganicProgressSegs"),c=$APP.l(a,"__xOrganicProgressSegN"),d=$APP.G($APP.l(a,"__xOrganicProgressRefs"));d=$APP.C(d,G7);var e=$APP.l(a,"__xOrganicProgressModel"),f="var("+$APP.N.i("--x-organic-progress-bloom-color")+",#f472b6)";e=z7(H7.i(e)+7);for(var h=[],k=0;;)if(k<c){var n=b[k];if($APP.l(n,"depth")>=2){var r=document.createElementNS("http://www.w3.org/2000/svg",
|
|
15
|
+
"circle"),v=$APP.l(n,"x2");n=$APP.l(n,"y2");var x=2*A7(e)-1,y=2*A7(e)-1;$APP.U(r,"cx",""+$APP.N.i(v));$APP.U(r,"cy",""+$APP.N.i(n));$APP.U(r,"r","0");r.style.fill=f;$APP.U(r,"opacity","0");$APP.U(r,"class","bloom-petal");r.__xOrganicProgressBDx=x;r.__xOrganicProgressBDy=y;d.appendChild(r);h.push(r)}k+=1}else break;$APP.T(a,"__xOrganicProgressBEls",h);$APP.T(a,"__xOrganicProgressBloom",!0);$APP.T(a,"__xOrganicProgressBT",0)},OAa=function(a,b){b=$APP.l(a,"__xOrganicProgressBT")+b;var c=b/1.5;$APP.T(a,
|
|
16
|
+
"__xOrganicProgressBT",b);if(c>1){b=$APP.G($APP.l(a,"__xOrganicProgressRefs"));b=$APP.C(b,G7);c=$APP.l(a,"__xOrganicProgressBEls");if($APP.m(c))for(var d=c.length,e=0;;)if(e<d){var f=c[e];$APP.m(f.parentNode)&&b.removeChild(f);e+=1}else break;$APP.T(a,"__xOrganicProgressBEls",null);$APP.T(a,"__xOrganicProgressBloom",!1);$APP.fj(a,"x-organic-progress-bloom-end",{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){f=
|
|
17
|
+
a[e];var h=$APP.l(f,"__xOrganicProgressBDx")*b*8,k=$APP.l(f,"__xOrganicProgressBDy")*b*8;$APP.Wi(f,"r",""+$APP.N.i(b*2.5));$APP.Wi(f,"opacity",""+$APP.N.i(c));$APP.Wi(f,"transform","translate("+$APP.N.i(h)+","+$APP.N.i(k)+")");e+=1}else break},PAa=function(a){$APP.Xi(a,"__xOrganicProgressTime",0);$APP.T(a,"__xOrganicProgressSPos",0);$APP.T(a,"__xOrganicProgressSVel",0);$APP.Xi(a,"__xOrganicProgressLF",performance.now());$APP.T(a,"__xOrganicProgressDone",!1);$APP.T(a,"__xOrganicProgressBloom",!1);
|
|
18
|
+
$APP.T(a,"__xOrganicProgressPV",-1);return $APP.Xi(a,"__xOrganicProgressRaf",requestAnimationFrame(function(){return I7(a)}))},J7=function(a){for(var b=$APP.l(a,"__xOrganicProgressModel"),c=$APP.l(a,"__xOrganicProgressSegN"),d=$APP.m($APP.dn.i(b))?50:$APP.Ft.i(b),e=Math.floor(d/100*c),f=$APP.l(a,"__xOrganicProgressLines"),h=0;;)if(h<c){var k=f[h];$APP.m(k)&&$APP.U(k,"opacity",h<e?"1":"0");h+=1}else break;c=$APP.l(a,"__xOrganicProgressNodes");f=function(){var n=$APP.l(a,"__xOrganicProgressNN");return $APP.m(n)?
|
|
19
|
+
n:0}();if($APP.m($APP.m(c)?f>0:c))for(d=Math.floor(d/100*f),h=0;;)if(h<f)k=c[h],$APP.m(k)&&$APP.U(k,"opacity",h<d?"1":"0"),h+=1;else break;$APP.T(a,"__xOrganicProgressPV",e);return $APP.m(function(){var n=$APP.st.i(b);return $APP.m(n)?$APP.p($APP.l(a,"__xOrganicProgressDone")):n}())?($APP.T(a,"__xOrganicProgressDone",!0),$APP.fj(a,"x-organic-progress-complete",{progress:100})):null},O7=function(a){var b=new $APP.K(null,7,[$APP.Gv,a.getAttribute("progress"),$APP.tw,a.getAttribute("variant"),$APP.Lx,
|
|
20
|
+
a.getAttribute("color"),K7,a.getAttribute("bloom"),$APP.jv,a.getAttribute("density"),L7,a.getAttribute("seed"),$APP.fl,a.getAttribute("label")],null);var c=$APP.G(b),d=$APP.C(c,$APP.Gv);b=$APP.C(c,$APP.tw);var e=$APP.C(c,$APP.Lx),f=$APP.C(c,K7),h=$APP.C(c,$APP.jv),k=$APP.C(c,L7);c=$APP.C(c,$APP.fl);d=s7(d);var n=d==null,r=$APP.m(d)?d:0,v=!n&&r>=100;b=$APP.Ag([$APP.dn,$APP.xv,$APP.Wo,M7,H7,$APP.Ex,$APP.Z,$APP.Ft,$APP.st,$APP.Nt,$APP.rw],[n,y7(e),t7(b),u7(f),w7(k),n?"Loading...":""+$APP.N.i(Math.round(r))+
|
|
21
|
+
"%",x7(c),r,v,d,v7(h)]);e=$APP.l(a,"__xOrganicProgressModel");if($APP.M.j(b,e)){$APP.U(a,"role","progressbar");$APP.U(a,"aria-valuemin","0");$APP.U(a,"aria-valuemax","100");$APP.m($APP.dn.i(b))?($APP.V(a,"aria-valuenow"),$APP.U(a,"aria-busy","true"),$APP.U(a,"aria-valuetext","Loading...")):($APP.U(a,"aria-valuenow",""+$APP.N.i(Math.round($APP.Ft.i(b)))),$APP.V(a,"aria-busy"),$APP.U(a,"aria-valuetext",$APP.Ex.i(b)));f=$APP.Z.i(b);$APP.m(f)?$APP.U(a,"aria-label",f):$APP.V(a,"aria-label");if(e==null||
|
|
22
|
+
$APP.M.j($APP.Wo.i(b),$APP.Wo.i(e))||$APP.M.j($APP.rw.i(b),$APP.rw.i(e))||$APP.M.j(H7.i(b),H7.i(e))){e=$APP.z.j($APP.Wo.i(b),"honeycomb");f=$APP.Rc(QAa,$APP.rw.i(b),3);if(e)f=HAa(H7.i(b),$APP.rw.i(b));else{a:{h=new $APP.K(null,1,["F","F[+F]F[-F]F"],null);k="F";for(d=0;;){if(d>=f){f=k;break a}c=[];n=k.length;for(r=0;;)if(r<n){v=k.charAt(r);var x=$APP.C(h,v);$APP.m(x)?c.push(x):c.push(v);r+=1}else break;d+=1;k=c.join("")}f=void 0}h=DAa(H7.i(b));f=EAa(f,h,H7.i(b))}h=f;f=h[0];h=h[1];$APP.T(a,"__xOrganicProgressSegs",
|
|
23
|
+
f);$APP.T(a,"__xOrganicProgressSegN",h);KAa(a,h,f);h=$APP.G($APP.l(a,"__xOrganicProgressRefs"));f=$APP.C(h,F7);h=$APP.C(h,$APP.fs);$APP.m(f)&&($APP.m(e)?$APP.V(f,"filter"):$APP.U(f,"filter","url(#x-organic-progress-gooey)"));$APP.m($APP.m(h)?$APP.p(e):h)&&$APP.U(h,"stdDeviation","2");e=$APP.G($APP.l(a,"__xOrganicProgressRefs"));e=$APP.C(e,N7);f=$APP.l(a,"__xOrganicProgressNodes");if($APP.m($APP.m(e)?f:e))for(h=f.length,k=0;;)if(k<h)c=f[k],$APP.m(c.parentNode)&&e.removeChild(c),k+=1;else break;$APP.T(a,
|
|
24
|
+
"__xOrganicProgressNodes",null);$APP.T(a,"__xOrganicProgressND",null);$APP.T(a,"__xOrganicProgressNN",0);$APP.T(a,"__xOrganicProgressPV",-1);E7()&&J7(a)}LAa(a);a=$APP.T(a,"__xOrganicProgressModel",b)}else a=null;return a},RAa=function(a){$APP.qj(a,"progress","progress",s7);$APP.qj(a,"variant","variant",t7);$APP.qj(a,"color","color",y7);$APP.qj(a,"density","density",v7);$APP.qj(a,"seed","seed",w7);$APP.qj(a,"label","label",x7);return Object.defineProperty(a,"bloom",{get:function(){return u7(this.getAttribute("bloom"))},
|
|
25
|
+
set:function(b){return $APP.m(b)?$APP.V(this,"bloom"):$APP.U(this,"bloom","false")},enumerable:!0,configurable:!0})},TAa=function(a){if(!$APP.m($APP.l(a,"__xOrganicProgressRefs"))){var b=a.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"),f=document.createElementNS("http://www.w3.org/2000/svg","g"),h=document.createElementNS("http://www.w3.org/2000/svg","g"),k=
|
|
26
|
+
document.createElementNS("http://www.w3.org/2000/svg","g");c.textContent=SAa;$APP.U(d,"part","svg");$APP.U(d,"viewBox","0 0 800 200");$APP.U(d,"preserveAspectRatio","xMidYMid slice");$APP.U(d,"aria-hidden","true");$APP.U(f,"part","branches");$APP.U(f,"filter","url(#"+$APP.N.i("x-organic-progress-gooey")+")");$APP.U(h,"part","nodes");$APP.U(k,"part","blooms");var n=document.createElementNS("http://www.w3.org/2000/svg","filter");var r=document.createElementNS("http://www.w3.org/2000/svg","feGaussianBlur"),
|
|
27
|
+
v=document.createElementNS("http://www.w3.org/2000/svg","feColorMatrix");$APP.U(n,"id","x-organic-progress-gooey");$APP.U(n,"x","-10%");$APP.U(n,"y","-10%");$APP.U(n,"width","120%");$APP.U(n,"height","120%");$APP.U(r,"in","SourceGraphic");$APP.U(r,"stdDeviation",""+$APP.N.i(2));$APP.U(r,"result","blur");$APP.U(v,"in","blur");$APP.U(v,"type","matrix");$APP.U(v,"values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7");n.appendChild(r);n.appendChild(v);e.appendChild(n);n=new $APP.K(null,3,[$APP.rt,n,
|
|
28
|
+
$APP.fs,r,$APP.Ax,v],null);d.appendChild(e);d.appendChild(f);d.appendChild(h);d.appendChild(k);b.appendChild(c);b.appendChild(d);$APP.T(a,"__xOrganicProgressRefs",$APP.Xg($APP.Jc([n,new $APP.K(null,5,[$APP.hm,b,$APP.Jv,d,F7,f,N7,h,G7,k],null)])))}O7(a);return E7()?J7(a):PAa(a)},UAa=function(a){var b=$APP.l(a,"__xOrganicProgressRaf");$APP.m(b)&&(cancelAnimationFrame(b),$APP.Xi(a,"__xOrganicProgressRaf",null));if($APP.m($APP.l(a,"__xOrganicProgressBloom"))){b=$APP.G($APP.l(a,"__xOrganicProgressRefs"));
|
|
29
|
+
b=$APP.C(b,G7);var c=$APP.l(a,"__xOrganicProgressBEls");if($APP.m(c))for(var d=c.length,e=0;;)if(e<d){var f=c[e];$APP.m(f.parentNode)&&b.removeChild(f);e+=1}else break;$APP.T(a,"__xOrganicProgressBEls",null);return $APP.T(a,"__xOrganicProgressBloom",!1)}return null},VAa=function(a,b,c,d){return $APP.M.j(c,d)?$APP.m($APP.l(a,"__xOrganicProgressRefs"))?O7(a):null:null},P7=function(){return $APP.Oj("x-organic-progress",new $APP.K(null,5,[$APP.Gj,WAa,$APP.Ej,TAa,$APP.Bj,UAa,$APP.Aj,VAa,$APP.Fj,RAa],null))},
|
|
30
|
+
F7=new $APP.F(null,"branches-g","branches-g",548989635),M7=new $APP.F(null,"bloom?","bloom?",-326837587),K7=new $APP.F(null,"bloom-attr","bloom-attr",-1778398039),H7=new $APP.F(null,"seed","seed",68613327),L7=new $APP.F(null,"seed-raw","seed-raw",2146438207),G7=new $APP.F(null,"blooms-g","blooms-g",-1476393864),N7=new $APP.F(null,"nodes-g","nodes-g",89420858);var WAa="progress variant color bloom density seed label".split(" ");$APP.ne(["x-organic-progress-complete",new $APP.K(null,2,[$APP.cj,new $APP.K(null,1,[$APP.Nt,$APP.Y],null),$APP.St,!1],null),"x-organic-progress-bloom-end",new $APP.K(null,2,[$APP.cj,new $APP.K(null,1,[$APP.Nt,$APP.Y],null),$APP.St,!1],null)]);
|
|
31
|
+
var zAa=new $APP.ah(null,new $APP.K(null,2,["honeycomb",null,"vine",null],null),null),AAa=new $APP.ah(null,new $APP.K(null,3,["dense",null,"normal",null,"sparse",null],null),null),QAa=new $APP.K(null,3,["sparse",2,"normal",3,"dense",4],null),D7=[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,
|
|
32
32
|
231,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,
|
|
33
|
-
239,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],
|
|
34
|
-
":1;background:var("+$APP.
|
|
35
|
-
|
|
36
|
-
d[1]);
|
|
37
|
-
"__xOrganicProgressRaf",requestAnimationFrame(function(){return
|
|
33
|
+
239,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],C7=[[1,1],[-1,1],[1,-1],[-1,-1],[1,0],[-1,0],[0,1],[0,-1],[1,1],[-1,1],[1,-1],[-1,-1]],BAa=(Math.sqrt(3)-1)/2,B7=(3-Math.sqrt(3))/6,GAa=new $APP.K(null,3,["sparse",40,"normal",25,"dense",16],null);var SAa=":host{display:block;position:relative;min-height:60px;width:100%;overflow:hidden;"+$APP.N.i("--x-organic-progress-color-primary")+":var(--x-color-success,#22c55e);"+$APP.N.i("--x-organic-progress-color-secondary")+":var(--x-color-success,#16a34a);"+$APP.N.i("--x-organic-progress-bloom-color")+":var(--x-color-danger,#f472b6);"+$APP.N.i("--x-organic-progress-bg")+":transparent;"+$APP.N.i("--x-organic-progress-branch-width")+":3;"+$APP.N.i("--x-organic-progress-glow")+":2;"+$APP.N.i("--x-organic-progress-opacity")+
|
|
34
|
+
":1;background:var("+$APP.N.i("--x-organic-progress-bg")+",transparent);opacity:var("+$APP.N.i("--x-organic-progress-opacity")+",1);}"+$APP.N.i(":host([hidden]){display:none;}")+"[part\x3dsvg]{display:block;width:100%;height:100%;}[part\x3dnodes] circle{fill:var("+$APP.N.i("--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;}}",
|
|
35
|
+
I7=function I7(a){if($APP.m(a.isConnected)){var c=$APP.l(a,"__xOrganicProgressModel"),d=performance.now(),e=Math.min(d-$APP.l(a,"__xOrganicProgressLF"),100)/1E3;$APP.Xi(a,"__xOrganicProgressLF",d);$APP.Xi(a,"__xOrganicProgressTime",$APP.l(a,"__xOrganicProgressTime")+e);d=$APP.m($APP.dn.i(c))?50+20*Math.sin($APP.l(a,"__xOrganicProgressTime")*1.5):$APP.Ft.i(c);d=IAa($APP.l(a,"__xOrganicProgressSPos"),d,$APP.l(a,"__xOrganicProgressSVel"),e);$APP.T(a,"__xOrganicProgressSPos",d[0]);$APP.T(a,"__xOrganicProgressSVel",
|
|
36
|
+
d[1]);MAa(a);$APP.m(function(){var f=$APP.st.i(c);return $APP.m(f)?$APP.p($APP.l(a,"__xOrganicProgressDone")):f}())&&($APP.T(a,"__xOrganicProgressDone",!0),$APP.fj(a,"x-organic-progress-complete",{progress:100}),$APP.m(M7.i(c))&&NAa(a));$APP.m(function(){var f=$APP.p($APP.st.i(c));return f?(f=$APP.l(a,"__xOrganicProgressDone"),$APP.m(f)?$APP.p($APP.l(a,"__xOrganicProgressBloom")):f):f}())&&$APP.T(a,"__xOrganicProgressDone",!1);$APP.m($APP.l(a,"__xOrganicProgressBloom"))&&OAa(a,e);return $APP.Xi(a,
|
|
37
|
+
"__xOrganicProgressRaf",requestAnimationFrame(function(){return I7.i?I7.i(a):I7.call(null,a)}))}return null};$APP.ha("baredom.exports.x_organic_progress.init",P7);export const init=P7;
|
package/dist/x-organic-shape.js
CHANGED
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
$APP.
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
return
|
|
9
|
-
"string"&&$APP.
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
wV,"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",zV);export const init=zV;
|
|
2
|
+
var VU=function(a){return typeof a==="string"&&$APP.kd(Ipa,a)?a:"blob-1"},WU=function(a){return typeof a==="string"&&$APP.M.j("",a)?a:null},Kpa=function(a){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot");c.textContent=Jpa;$APP.U(d,"part","shape");d.appendChild(e);b.appendChild(c);b.appendChild(d);$APP.T(a,"__xOrganicShapeBase",d);$APP.T(a,"__xOrganicShapeSlot",e);$APP.T(a,"__xOrganicShapeInit",!0)},XU=function(a,
|
|
3
|
+
b){if($APP.m($APP.m(b)?b.assignedNodes().length>0:null))return $APP.V(a,"role"),$APP.V(a,"aria-hidden");$APP.U(a,"role","presentation");return $APP.U(a,"aria-hidden","true")},aV=function(a){var b=new $APP.K(null,6,[$APP.Iv,a.getAttribute("shape"),$APP.fw,a.getAttribute("path"),$APP.eq,a.getAttribute("animation"),$APP.nv,a.getAttribute("ratio"),$APP.fq,a.getAttribute("width"),$APP.gq,a.getAttribute("height")],null);var c=$APP.G(b),d=$APP.C(c,$APP.Iv),e=$APP.C(c,$APP.fw),f=$APP.C(c,$APP.eq),h=$APP.C(c,
|
|
4
|
+
$APP.nv);b=$APP.C(c,$APP.fq);c=$APP.C(c,$APP.gq);e=typeof e==="string"&&$APP.M.j("",e.trim())?e.trim():null;d=VU(d);var k=typeof f==="string"&&$APP.kd(Lpa,f)?f:"none";f=e!=null?e:$APP.$e(YU,new $APP.H(null,2,5,$APP.J,[VU(d),ZU],null));var n=e==null?$APP.$e(YU,new $APP.H(null,2,5,$APP.J,[VU(d),$U],null)):null;k=$APP.z.j(k,"morph")&&n==null?"none":k;h=typeof h==="string"&&$APP.M.j("",h.trim())?h.trim():"1/1";b=new $APP.K(null,8,[$APP.Iv,d,$APP.fw,e,ZU,f,$U,n,$APP.eq,k,$APP.nv,h,$APP.fq,WU(b),$APP.gq,
|
|
5
|
+
WU(c)],null);f=$APP.G(b);b=$APP.C(f,ZU);h=$APP.C(f,$U);c=$APP.C(f,$APP.eq);e=$APP.C(f,$APP.nv);d=$APP.C(f,$APP.fq);f=$APP.C(f,$APP.gq);n=$APP.l(a,"__xOrganicShapeBase");k=$APP.l(a,"__xOrganicShapeSlot");n.style.setProperty("--x-organic-shape-clip",b);$APP.m(h)?n.style.setProperty("--x-organic-shape-clip-alt",h):n.style.removeProperty("--x-organic-shape-clip-alt");n.style.setProperty("clip-path",b);n.style.setProperty("aspect-ratio",e);$APP.m(d)?n.style.setProperty("width",d):n.style.removeProperty("width");
|
|
6
|
+
$APP.m(f)?n.style.setProperty("height",f):n.style.removeProperty("height");$APP.M.j(c,"none")?$APP.U(a,"data-animation",c):$APP.V(a,"data-animation");return XU(a,k)},bV=function(a){var b=$APP.l(a,"__xOrganicShapeSlot"),c=$APP.l(a,"__xOrganicShapeSlotHandler");return $APP.m($APP.m(b)?c:b)?(b.removeEventListener("slotchange",c),$APP.T(a,"__xOrganicShapeSlotHandler",null)):null},Mpa=function(a){function b(){return XU(a,c)}$APP.m($APP.l(a,"__xOrganicShapeInit"))||Kpa(a);bV(a);var c=$APP.l(a,"__xOrganicShapeSlot");
|
|
7
|
+
$APP.T(a,"__xOrganicShapeSlotHandler",b);c.addEventListener("slotchange",b);return aV(a)},Npa=function(a){return bV(a)},Opa=function(a,b,c,d){return $APP.M.j(c,d)?$APP.m($APP.l(a,"__xOrganicShapeInit"))?aV(a):null:null},Ppa=function(a){Object.defineProperty(a,"shape",{get:function(){var b=this.getAttribute("shape");return $APP.m(b)?b:"blob-1"},set:function(b){return typeof b==="string"&&$APP.M.j("",b)?$APP.U(this,"shape",b):$APP.V(this,"shape")},enumerable:!0,configurable:!0});Object.defineProperty(a,
|
|
8
|
+
"path",{get:function(){return this.getAttribute("path")},set:function(b){return typeof b==="string"&&$APP.M.j("",b)?$APP.U(this,"path",b):$APP.V(this,"path")},enumerable:!0,configurable:!0});Object.defineProperty(a,"animation",{get:function(){var b=this.getAttribute("animation");return $APP.m(b)?b:"none"},set:function(b){return typeof b==="string"&&$APP.M.j("",b)?$APP.U(this,"animation",b):$APP.V(this,"animation")},enumerable:!0,configurable:!0});Object.defineProperty(a,"ratio",{get:function(){var b=
|
|
9
|
+
this.getAttribute("ratio");return $APP.m(b)?b:"1/1"},set:function(b){return typeof b==="string"&&$APP.M.j("",b)?$APP.U(this,"ratio",b):$APP.V(this,"ratio")},enumerable:!0,configurable:!0});Object.defineProperty(a,"width",{get:function(){var b=this.getAttribute("width");return $APP.m(b)?b:""},set:function(b){return typeof b==="string"&&$APP.M.j("",b)?$APP.U(this,"width",b):$APP.V(this,"width")},enumerable:!0,configurable:!0});return Object.defineProperty(a,"height",{get:function(){var b=this.getAttribute("height");
|
|
10
|
+
return $APP.m(b)?b:""},set:function(b){return typeof b==="string"&&$APP.M.j("",b)?$APP.U(this,"height",b):$APP.V(this,"height")},enumerable:!0,configurable:!0})},cV=function(){return $APP.Oj("x-organic-shape",new $APP.K(null,5,[$APP.Gj,Qpa,$APP.Ej,Mpa,$APP.Bj,Npa,$APP.Aj,Opa,$APP.Fj,Ppa],null))},ZU=new $APP.F(null,"clip","clip",830998499),$U=new $APP.F(null,"clip-alt","clip-alt",-684562835);var Qpa="shape path animation ratio width height".split(" "),Lpa=new $APP.ah(null,new $APP.K(null,5,["float",null,"none",null,"pulse",null,"spin",null,"morph",null],null),null),Ipa=new $APP.ah(null,new $APP.K(null,8,["cloud",null,"blob-3",null,"leaf",null,"pebble",null,"blob-1",null,"blob-2",null,"wave",null,"droplet",null],null),null),YU=new $APP.K(null,8,["blob-1",new $APP.K(null,2,[ZU,"polygon(30% 0%, 70% 0%, 100% 30%, 95% 70%, 70% 100%, 30% 95%, 0% 70%, 5% 30%)",$U,"polygon(25% 5%, 75% 0%, 95% 25%, 100% 65%, 75% 95%, 25% 100%, 0% 65%, 5% 25%)"],
|
|
11
|
+
null),"blob-2",new $APP.K(null,2,[ZU,"polygon(50% 0%, 80% 10%, 100% 40%, 95% 75%, 70% 100%, 30% 100%, 5% 75%, 0% 40%, 20% 10%)",$U,"polygon(50% 5%, 85% 15%, 100% 45%, 90% 80%, 65% 95%, 35% 95%, 10% 80%, 0% 45%, 15% 15%)"],null),"blob-3",new $APP.K(null,2,[ZU,"polygon(20% 0%, 80% 0%, 100% 20%, 100% 50%, 90% 80%, 70% 100%, 30% 100%, 10% 80%, 0% 50%, 0% 20%)",$U,"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.K(null,2,[ZU,"polygon(50% 2%, 78% 8%, 96% 30%, 98% 60%, 85% 88%, 55% 98%, 25% 92%, 4% 65%, 2% 35%, 22% 8%)",
|
|
12
|
+
$U,"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.K(null,2,[ZU,"polygon(50% 0%, 80% 15%, 98% 45%, 90% 75%, 65% 98%, 50% 100%, 35% 98%, 10% 75%, 2% 45%, 20% 15%)",$U,"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.K(null,2,[ZU,"polygon(50% 0%, 72% 20%, 90% 50%, 95% 72%, 80% 92%, 50% 100%, 20% 92%, 5% 72%, 10% 50%, 28% 20%)",$U,"polygon(50% 5%, 70% 22%, 88% 48%, 92% 70%, 78% 90%, 50% 97%, 22% 90%, 8% 70%, 12% 48%, 30% 22%)"],
|
|
13
|
+
null),"cloud",new $APP.K(null,2,[ZU,"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%)",$U,"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.K(null,2,[ZU,"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%)",
|
|
14
|
+
$U,"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);var Jpa=":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;}"+$APP.N.i(":host([hidden]){display:none;}")+"@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 var(--x-transition-duration,0.3s) var(--x-transition-easing,ease),opacity var(--x-transition-duration,0.3s) var(--x-transition-easing,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;}}";$APP.ha("baredom.exports.x_organic_shape.init",cV);export const init=cV;
|
package/dist/x-otp-input.d.ts
CHANGED
|
@@ -9,7 +9,10 @@ export interface XOtpInputEventMap {
|
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
export interface XOtpInput extends HTMLElement {
|
|
12
|
+
readonly validationMessage: string;
|
|
12
13
|
mask: boolean;
|
|
14
|
+
readonly labels: NodeList | null;
|
|
15
|
+
readonly willValidate: boolean;
|
|
13
16
|
placeholder: string;
|
|
14
17
|
disabled: boolean;
|
|
15
18
|
name: string;
|
|
@@ -20,7 +23,9 @@ export interface XOtpInput extends HTMLElement {
|
|
|
20
23
|
autofocus: boolean;
|
|
21
24
|
length: number;
|
|
22
25
|
error: string;
|
|
26
|
+
readonly form: HTMLFormElement | null;
|
|
23
27
|
required: boolean;
|
|
28
|
+
readonly validity: ValidityState;
|
|
24
29
|
focus(): void;
|
|
25
30
|
clear(): void;
|
|
26
31
|
checkValidity(): boolean;
|
package/dist/x-otp-input.js
CHANGED
|
@@ -1,23 +1,24 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
c){var e=a[d].value;b.push($APP.
|
|
4
|
-
|
|
5
|
-
$
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
d===0;c=
|
|
9
|
-
f=
|
|
10
|
-
if($APP.
|
|
11
|
-
10)},
|
|
12
|
-
$APP.
|
|
13
|
-
break a}a=null}return a}if($APP.z.j(d,"ArrowLeft"))return e>0?(b.preventDefault(),
|
|
14
|
-
typeof b==="string"&&$APP.
|
|
15
|
-
|
|
16
|
-
"__xOtpInputFocusValue",$APP.
|
|
17
|
-
"input")),b.removeEventListener("keydown",$APP.l(c,"keydown")),b.removeEventListener("paste",$APP.l(c,"paste")),b.removeEventListener("focusin",$APP.l(c,"focusin")),b.removeEventListener("focusout",$APP.l(c,"focusout")),$APP.
|
|
18
|
-
d=document.createElement("div");c.textContent=
|
|
19
|
-
|
|
20
|
-
"
|
|
21
|
-
|
|
22
|
-
""],null),new $APP.
|
|
23
|
-
|
|
2
|
+
var vS=function(a,b){return typeof b==="string"?$APP.z.j(a,"numeric")?$APP.ki(b,/[^0-9]/,""):$APP.z.j(a,"alpha")?$APP.ki(b,/[^A-Za-z]/,""):$APP.z.j(a,"alphanumeric")?$APP.ki(b,/[^A-Za-z0-9]/,""):"":""},wS=function(a,b){a=$APP.m(a)?a:"";return $APP.w(a)>b?a.substring(0,b):a},xS=function(a,b){return $APP.z.j($APP.w(a),b)},yS=function(a){a=$APP.l(a,"__xOtpInputRefs");return $APP.m(a)?$APP.l(a,"root").querySelectorAll("input"):null},zS=function(a){a=yS(a);var b=[];if($APP.m(a))for(var c=a.length,d=0;;)if(d<
|
|
3
|
+
c){var e=a[d].value;b.push($APP.m(e)?e:"");d+=1}else break;return b.join("")},AS=function(a,b){a=yS(a);return $APP.m(a)&&b>=0&&b<a.length?(b=a[b],b.focus(),$APP.m(b.select)?b.select():null):null},BS=function(a){var b=yS(a);if($APP.m(b)){var c=b.length;a:{for(var d=0;;){if(d>=c){b=c-1;break a}if($APP.z.j("",b[d].value)){b=d;break a}d+=1}b=void 0}return AS(a,b)}return null},Yna=function(a,b,c){var d=function(){var h=yS(a);h=$APP.m(h)?h.length>0?h[0]:null:null;return $APP.m(h)?h:a}(),e=$APP.Q.i(c),f=
|
|
4
|
+
$APP.Cs.i(c);$APP.m($APP.Pj.i(c))?b.setValidity({customError:!0},$APP.Qj.i(c),d):$APP.m(function(){var h=$APP.Rj.i(c);return $APP.m(h)?$APP.z.j("",e):h}())?b.setValidity({valueMissing:!0},"Please fill in this field.",d):$APP.m(function(){var h=$APP.Rj.i(c);return $APP.m(h)?$APP.w(e)<f:h}())?b.setValidity({tooShort:!0},"Please enter all "+$APP.N.i(f)+" characters.",d):b.setValidity({},"",d)},FS=function(a){var b=$APP.Ag([CS,$APP.fl,$APP.cl,$APP.Fp,$APP.gl,$APP.Is,$APP.hl,$APP.an,$APP.dl,$APP.Qu,DS,
|
|
5
|
+
$APP.el],[a.hasAttribute("autofocus"),a.getAttribute("label"),a.getAttribute("name"),a.getAttribute("error"),a.hasAttribute("disabled"),a.getAttribute("length"),a.hasAttribute("required"),a.hasAttribute("readonly"),a.getAttribute("value"),a.getAttribute("type"),a.hasAttribute("mask"),a.getAttribute("placeholder")]);var c=$APP.G(b),d=$APP.C(c,$APP.el),e=$APP.C(c,DS);b=$APP.C(c,CS);var f=$APP.C(c,$APP.fl),h=$APP.C(c,$APP.cl),k=$APP.C(c,$APP.Fp),n=$APP.C(c,$APP.gl),r=$APP.C(c,$APP.Is),v=$APP.C(c,$APP.hl),
|
|
6
|
+
x=$APP.C(c,$APP.an),y=$APP.C(c,$APP.dl);c=$APP.C(c,$APP.Qu);typeof c==="string"?(c=c.trim().toLowerCase(),c=$APP.kd(Zna,c)?c:"numeric"):c="numeric";if(typeof r==="string")if(r=r.trim(),$APP.z.j("",r))r=6;else{r=parseInt(r,10);var A=isNaN(r);r=$APP.m($APP.m(A)?A:typeof r!=="number")?6:r<1?1:r>12?12:r}else r=6;A=r;y=wS(vS(c,y),A);A=[$APP.Rj,ES,$APP.fn,$APP.ml,$APP.ll,$APP.Q,$APP.P,$APP.Pj,$na,$APP.Z,$APP.Cs,$APP.Qj,$APP.st,$APP.nl];v=$APP.D(v);e=$APP.D(e);x=$APP.D(x);d=typeof d==="string"&&$APP.w(d)>
|
|
7
|
+
0?d.substring(0,1):"";b=$APP.Ag(A,[v,e,x,d,$APP.m(h)?h:"",y,c,k!=null&&$APP.M.j(k,""),$APP.D(b),$APP.m(f)?f:"",r,$APP.m(k)?k:"",xS(y,r),$APP.D(n)]);if($APP.M.j($APP.l(a,"__xOtpInputModel"),b))if(f=$APP.l(a,"__xOtpInputRefs"),$APP.m(f)){f=$APP.l(f,"root");h=$APP.l(a,"__xOtpInputModel");if(h==null||$APP.M.j($APP.Cs.i(h),$APP.Cs.i(b))||$APP.M.j($APP.P.i(h),$APP.P.i(b))||$APP.M.j(ES.i(h),ES.i(b)))for(h=$APP.Cs.i(b),k=$APP.P.i(b),n=ES.i(b),f.innerHTML="",d=0;;)if(d<h){x=f;e=x.appendChild;A=d;r=h;y=k;var E=
|
|
8
|
+
d===0;c=n;v=document.createElement("input");$APP.U(v,"part","slot");$APP.U(v,"data-index",""+$APP.N.i(A));$APP.U(v,"maxlength","1");$APP.U(v,"inputmode",$APP.z.j(y,"numeric")?"numeric":"text");$APP.U(v,"autocomplete",$APP.m(E)?"one-time-code":"off");$APP.U(v,"autocapitalize","off");$APP.U(v,"autocorrect","off");y=""+$APP.N.i($APP.z.j(y,"numeric")?"Digit ":"Character ")+$APP.N.i(A+1)+" of "+$APP.N.i(r);$APP.U(v,"aria-label",y);v.type=$APP.m(c)?"password":"text";v.spellcheck=!1;e.call(x,v);d+=1}else break;
|
|
9
|
+
f=yS(a);if($APP.m(f))for(h=f.length,k=$APP.nl.i(b),n=$APP.fn.i(b),d=$APP.Rj.i(b),x=$APP.Pj.i(b),e=$APP.ml.i(b),c=0;;)if(c<h)v=f[c],v.disabled=k,v.readOnly=n,v.placeholder=e,$APP.U(v,"aria-invalid",$APP.m(x)?"true":"false"),y=c===0,$APP.m(y?d:y)?$APP.U(v,"aria-required","true"):$APP.V(v,"aria-required"),c+=1;else break;f=$APP.l(a,"__xOtpInputRefs");$APP.m(f)&&(f=$APP.l(f,"root"),h=$APP.Z.i(b),typeof h==="string"&&$APP.M.j("",h)?$APP.U(f,"aria-label",h):$APP.V(f,"aria-label"));f=$APP.Q.i(b);h=yS(a);
|
|
10
|
+
if($APP.m(h))for(k=h.length,n=0;;)if(n<k)d=h[n],x=n<$APP.w(f)?f.charAt(n):"",$APP.M.j(d.value,x)&&(d.value=x),n+=1;else break;f=$APP.l(a,"__xOtpInputInternals");$APP.m(f)&&(f.setFormValue($APP.Q.i(b)),Yna(a,f,b));$APP.T(a,"__xOtpInputModel",b);b=$APP.Q.i(b);f=a.getAttribute("value");a=$APP.M.j($APP.m(f)?f:"",b)?$APP.U(a,"value",b):null}else a=null;else a=null;return a},GS=function(a){a=a.target;return $APP.m(a)?$APP.z.j("INPUT",a.tagName):a},HS=function(a){return parseInt(a.getAttribute("data-index"),
|
|
11
|
+
10)},IS=function(a){a=a.getAttribute("name");return $APP.m(a)?a:""},JS=function(a,b,c){$APP.fj(a,"x-otp-input-input",{name:IS(a),value:b,complete:xS(b,c)})},KS=function(a,b,c,d){b=xS(b,d);d=xS(c,d);return!b&&d?$APP.fj(a,"x-otp-input-complete",{name:IS(a),value:c}):null},LS=function(a,b){var c=a.getAttribute("value");c=$APP.m(c)?c:"";$APP.M.j(c,b)&&$APP.U(a,"value",b);return c},MS=function(a,b,c,d){var e=$APP.Sm.j(0,d-b);c=c.substring(0,e);e=a.getAttribute("value");var f=$APP.m(e)?e:"";e=f.substring(0,
|
|
12
|
+
$APP.Dk.j(b,$APP.w(f)));var h=b+$APP.w(c);f=h<$APP.w(f)?f.substring(h):"";e=wS(""+$APP.N.i(e)+$APP.N.i(c)+$APP.N.i(f),d);f=LS(a,e);b=$APP.Dk.j(d-1,b+$APP.w(c));AS(a,b);return $APP.M.j(f,e)?(JS(a,e,d),KS(a,f,e,d)):null},aoa=function(a,b){if($APP.m(GS(b))){var c=b.target,d=b.key,e=HS(c),f=c.value;c=$APP.Cs.i($APP.l(a,"__xOtpInputModel"));if($APP.z.j(d,"Backspace")){a:{if($APP.z.j("",f)&&(b.preventDefault(),e>0)){AS(a,e-1);b=yS(a);$APP.m(b)&&(b[e-1].value="");e=zS(a);b=LS(a,e);JS(a,e,c);a=KS(a,b,e,c);
|
|
13
|
+
break a}a=null}return a}if($APP.z.j(d,"ArrowLeft"))return e>0?(b.preventDefault(),AS(a,e-1)):null;if($APP.z.j(d,"ArrowRight"))return e<c-1?(b.preventDefault(),AS(a,e+1)):null;if($APP.z.j(d,"Home"))return b.preventDefault(),AS(a,0);if($APP.z.j(d,"End"))return b.preventDefault(),AS(a,c-1)}return null},boa=function(a){return setTimeout(function(){if($APP.M.j(document.activeElement,a)){var b=$APP.l(a,"__xOtpInputFocusValue");var c=a.getAttribute("value");c=$APP.m(c)?c:"";var d=$APP.Cs.i($APP.l(a,"__xOtpInputModel"));
|
|
14
|
+
typeof b==="string"&&$APP.M.j(b,c)&&$APP.fj(a,"x-otp-input-change",{name:IS(a),value:c,complete:xS(c,d)});b=$APP.T(a,"__xOtpInputFocusValue",null)}else b=null;return b},0)},coa=function(a){var b=$APP.l(a,"__xOtpInputRefs");if($APP.m(b)){b=$APP.l(b,"root");var c=function(k){if($APP.m(GS(k))){var n=k.target,r=$APP.l(a,"__xOtpInputModel"),v=$APP.Cs.i(r),x=$APP.P.i(r);r=HS(n);x=vS(x,n.value);if(x.length>1)k=MS(a,r,x,v);else{x=$APP.w(x)>0?x.substring(0,1):"";$APP.M.j(n.value,x)&&(n.value=x);n=zS(a);var y=
|
|
15
|
+
LS(a,n);$APP.M.j(y,n)&&(JS(a,n,v),KS(a,y,n,v));k=$APP.w(x)>0&&$APP.p(k.isComposing)&&r<v-1?AS(a,r+1):null}}else k=null;return k},d=function(k){return aoa(a,k)},e=function(k){if($APP.m(GS(k))){k.preventDefault();var n=HS(k.target);k=k.clipboardData;var r=$APP.m(k)?k.getData("text/plain"):null,v=$APP.l(a,"__xOtpInputModel");k=$APP.Cs.i(v);v=$APP.P.i(v);r=vS(v,$APP.m(r)?r:"");n=MS(a,n,r,k)}else n=null;return n},f=function(){if($APP.l(a,"__xOtpInputFocusValue")==null){var k=a.getAttribute("value");k=
|
|
16
|
+
$APP.T(a,"__xOtpInputFocusValue",$APP.m(k)?k:"")}else k=null;return k},h=function(){return boa(a)};b.addEventListener("input",c);b.addEventListener("keydown",d);b.addEventListener("paste",e);b.addEventListener("focusin",f);b.addEventListener("focusout",h);$APP.T(a,"__xOtpInputHandlers",{input:c,keydown:d,paste:e,focusin:f,focusout:h})}},NS=function(a){var b=$APP.l(a,"__xOtpInputRefs");if($APP.m(b)){var c=$APP.l(a,"__xOtpInputHandlers");if($APP.m(c))return b=$APP.l(b,"root"),b.removeEventListener("input",
|
|
17
|
+
$APP.l(c,"input")),b.removeEventListener("keydown",$APP.l(c,"keydown")),b.removeEventListener("paste",$APP.l(c,"paste")),b.removeEventListener("focusin",$APP.l(c,"focusin")),b.removeEventListener("focusout",$APP.l(c,"focusout")),$APP.T(a,"__xOtpInputHandlers",null)}return null},doa=function(a,b){return $APP.Yi(a,"disabled",$APP.D(b))},eoa=function(a){return $APP.V(a,"value")},goa=function(a){if(!$APP.m($APP.l(a,"__xOtpInputRefs"))){if(!$APP.m($APP.l(a,"__xOtpInputRefs"))){var b=a.attachShadow({mode:"open"}),
|
|
18
|
+
c=document.createElement("style"),d=document.createElement("div");c.textContent=foa;$APP.U(d,"part","root");$APP.U(d,"role","group");b.appendChild(c);b.appendChild(d);$APP.T(a,"__xOtpInputRefs",{root:d})}$APP.m(a.attachInternals)&&$APP.T(a,"__xOtpInputInternals",a.attachInternals())}NS(a);coa(a);FS(a);return $APP.m(a.hasAttribute("autofocus"))?BS(a):null},hoa=function(a){return NS(a)},ioa=function(a){return FS(a)},koa=function(a){$APP.ak(a,"__xOtpInputInternals");$APP.uj(a,joa);a.focus=function(){return BS(this)};
|
|
19
|
+
return a.clear=function(){$APP.V(this,"value");return AS(this,0)}},OS=function(){return $APP.Oj("x-otp-input",new $APP.K(null,8,[$APP.Gj,loa,$APP.Ej,goa,$APP.Bj,hoa,$APP.Aj,ioa,$APP.Cj,!0,$APP.zj,doa,$APP.yj,eoa,$APP.Fj,koa],null))},ES=new $APP.F(null,"mask?","mask?",1368043650),CS=new $APP.F(null,"autofocus-present?","autofocus-present?",-674859967),moa=new $APP.F(null,"autofocus","autofocus",-712814732),$na=new $APP.F(null,"autofocus?","autofocus?",1363866447),DS=new $APP.F(null,"mask-present?",
|
|
20
|
+
"mask-present?",-1769963297),noa=new $APP.F(null,"mask","mask",-585748447);var loa="name value length type mask disabled readonly required autofocus label placeholder error".split(" "),Zna=$APP.ch(["alphanumeric","alpha","numeric"]),joa=$APP.Ag([$APP.Kx,noa,$APP.nx,$APP.js,$APP.ml,$APP.Qo,$APP.ll,$APP.Q,$APP.rj,$APP.P,$APP.Z,moa,$APP.Cs,$APP.Qj,$APP.ut,$APP.Rs,$APP.Ws],[new $APP.K(null,2,[$APP.P,$APP.X,$APP.rj,!0],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"mask"],null),new $APP.K(null,2,[$APP.P,$APP.ws,$APP.rj,!0],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.rj,!0],
|
|
21
|
+
null),new $APP.K(null,3,[$APP.P,$APP.X,$APP.W,"placeholder",$APP.tj,""],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"disabled"],null),new $APP.K(null,3,[$APP.P,$APP.X,$APP.W,"name",$APP.tj,""],null),new $APP.K(null,3,[$APP.P,$APP.X,$APP.W,"value",$APP.tj,""],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"readonly"],null),new $APP.K(null,3,[$APP.P,$APP.X,$APP.W,"type",$APP.tj,"numeric"],null),new $APP.K(null,3,[$APP.P,$APP.X,$APP.W,"label",$APP.tj,""],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,
|
|
22
|
+
"autofocus"],null),new $APP.K(null,3,[$APP.P,$APP.Y,$APP.W,"length",$APP.tj,6],null),new $APP.K(null,3,[$APP.P,$APP.X,$APP.W,"error",$APP.tj,""],null),new $APP.K(null,2,[$APP.P,$APP.Zv,$APP.rj,!0],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"required"],null),new $APP.K(null,2,[$APP.P,$APP.Mv,$APP.rj,!0],null)]);
|
|
23
|
+
$APP.ne(["x-otp-input-input",new $APP.K(null,2,[$APP.St,!1,$APP.cj,new $APP.K(null,3,[$APP.ll,$APP.X,$APP.Q,$APP.X,$APP.xx,$APP.sj],null)],null),"x-otp-input-change",new $APP.K(null,2,[$APP.St,!1,$APP.cj,new $APP.K(null,3,[$APP.ll,$APP.X,$APP.Q,$APP.X,$APP.xx,$APP.sj],null)],null),"x-otp-input-complete",new $APP.K(null,2,[$APP.St,!1,$APP.cj,new $APP.K(null,2,[$APP.ll,$APP.X,$APP.Q,$APP.X],null)],null)]);var foa=":host{display:inline-block;color-scheme:light dark;--x-otp-input-slot-size:2.75rem;--x-otp-input-gap:var(--x-space-sm,0.5rem);--x-otp-input-bg:var(--x-color-surface,#ffffff);--x-otp-input-color:var(--x-color-text,#111827);--x-otp-input-border:var(--x-border-width,1px) solid var(--x-color-border,#d1d5db);--x-otp-input-border-radius:var(--x-radius-md,6px);--x-otp-input-focus-ring-color:var(--x-color-primary,#2563eb);--x-otp-input-error-color:var(--x-color-danger,#dc2626);--x-otp-input-disabled-opacity:var(--x-opacity-disabled,0.45);--x-otp-input-font-family:var(--x-font-family-mono,ui-monospace,SFMono-Regular,Menlo,monospace);--x-otp-input-font-size:1.25rem;--x-otp-input-font-weight:var(--x-font-weight-semibold,600);}"+
|
|
24
|
+
$APP.N.i("button,input,select,textarea{font-family:inherit;}")+$APP.N.i(":host([hidden]){display:none;}")+"@media (prefers-color-scheme:dark){:host{--x-otp-input-bg:var(--x-color-surface,#1f2937);--x-otp-input-color:var(--x-color-text,#f9fafb);--x-otp-input-border:var(--x-border-width,1px) solid var(--x-color-border,#4b5563);}}[part\x3droot]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--x-otp-input-gap);max-width:calc(100vw - 2rem);}[part\x3dslot]{width:var(--x-otp-input-slot-size);height:var(--x-otp-input-slot-size);text-align:center;font-family:var(--x-otp-input-font-family);font-size:var(--x-otp-input-font-size);font-weight:var(--x-otp-input-font-weight);background:var(--x-otp-input-bg);color:var(--x-otp-input-color);border:var(--x-otp-input-border);border-radius:var(--x-otp-input-border-radius);outline:none;padding:0;caret-color:var(--x-otp-input-focus-ring-color);transition:border-color var(--x-transition-duration,120ms) var(--x-transition-easing,ease),box-shadow var(--x-transition-duration,120ms) var(--x-transition-easing,ease);box-sizing:border-box;}[part\x3dslot]:focus{border-color:var(--x-otp-input-focus-ring-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--x-otp-input-focus-ring-color) 25%,transparent);}:host([error]) [part\x3dslot],:host([error]) [part\x3dslot]:focus{border-color:var(--x-otp-input-error-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--x-otp-input-error-color) 20%,transparent);}:host([disabled]) [part\x3droot]{opacity:var(--x-otp-input-disabled-opacity);cursor:not-allowed;}:host([disabled]) [part\x3dslot]{cursor:not-allowed;}@media (pointer:coarse){[part\x3dslot]{min-width:44px;min-height:44px;}}@media (prefers-reduced-motion:reduce){[part\x3dslot]{transition:none;}}";$APP.ha("baredom.exports.x_otp_input.init",OS);export const init=OS;
|
package/dist/x-pagination.js
CHANGED
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
document.createElement("style"),d=document.createElement("nav"),e=document.createElement("ol");var f=document.createElement("li");var h=document.createElement("button"),k=document.createElement("slot");$APP.
|
|
4
|
-
document.createElement("slot");$APP.
|
|
5
|
-
|
|
6
|
-
$APP.
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
$APP.
|
|
12
|
-
e=b.getAttribute("data-page");if(b===c)return c=
|
|
13
|
-
b=$APP.l(b,"click"),$APP.
|
|
14
|
-
|
|
15
|
-
"
|
|
2
|
+
var qX=function(a){if(typeof a==="string"){a=parseInt(a,10);var b=isFinite(a);return $APP.m($APP.m(b)?a>0:b)?a:1}return 1},Sra=function(a){return qX(a)},rX=function(a){if(typeof a==="string"){a=parseInt(a,10);var b=isFinite(a);return $APP.m($APP.m(b)?a>=0:b)?a:1}return 1},sX=function(a){if(typeof a==="string"){a=parseInt(a,10);var b=isFinite(a);return $APP.m($APP.m(b)?a>=0:b)?a:1}return 1},wX=function(a){var b=$APP.l(a,"__xPaginationRefs");if($APP.m(b))return b;b=a.attachShadow({mode:"open"});var c=
|
|
3
|
+
document.createElement("style"),d=document.createElement("nav"),e=document.createElement("ol");var f=document.createElement("li");var h=document.createElement("button"),k=document.createElement("slot");$APP.U(f,"part","item item-prev");$APP.U(h,"part","button button-prev");$APP.U(h,"aria-label","Previous page");$APP.U(k,"name","prev");k.textContent="Prev";h.appendChild(k);f.appendChild(h);f=new $APP.K(null,2,[tX,f,uX,h],null);h=document.createElement("li");k=document.createElement("button");var n=
|
|
4
|
+
document.createElement("slot");$APP.U(h,"part","item item-next");$APP.U(k,"part","button button-next");$APP.U(k,"aria-label","Next page");$APP.U(n,"name","next");n.textContent="Next";k.appendChild(n);h.appendChild(k);h=new $APP.K(null,2,[tX,h,uX,k],null);c.textContent=Tra;$APP.U(d,"part","nav");$APP.U(e,"part","list");e.appendChild(tX.i(f));e.appendChild(tX.i(h));d.appendChild(e);b.appendChild(c);b.appendChild(d);$APP.T(a,"__xPaginationRefs",new $APP.K(null,6,[$APP.pr,d,$APP.it,e,Ura,tX.i(f),$APP.as,
|
|
5
|
+
uX.i(f),vX,tX.i(h),$APP.uu,uX.i(h)],null));return $APP.l(a,"__xPaginationRefs")},FX=function(a){a=new $APP.K(null,7,[xX,a.getAttribute("page"),yX,a.getAttribute("total-pages"),zX,a.getAttribute("sibling-count"),AX,a.getAttribute("boundary-count"),$APP.Ep,a.getAttribute("size"),$APP.gl,a.hasAttribute("disabled"),$APP.fl,a.getAttribute("label")],null);var b=$APP.G(a),c=$APP.C(b,xX),d=$APP.C(b,yX),e=$APP.C(b,zX),f=$APP.C(b,AX),h=$APP.C(b,$APP.Ep);a=$APP.C(b,$APP.gl);b=$APP.C(b,$APP.fl);d=qX(d);c=$APP.Sm.j(1,
|
|
6
|
+
$APP.Dk.j(qX(c),d));e=rX(e);f=sX(f);h=typeof h==="string"?h.trim().toLowerCase():null;h=$APP.kd(Vra,h)?h:"md";return new $APP.K(null,7,[BX,c,CX,d,DX,e,EX,f,$APP.Xo,h,$APP.Qo,$APP.D(a),$APP.Z,$APP.m(b)?b:"Pagination"],null)},Wra=function(a,b){a=$APP.t($APP.Ue($APP.wk.j($APP.ch([b]),$APP.Ei),a));a=$APP.G(a);b=$APP.C(a,$APP.P);a=$APP.C(a,$APP.Ew);if($APP.z.j(GX,b))a=document.createElement("li"),b=document.createElement("span"),$APP.U(a,"part","item item-ellipsis"),$APP.U(b,"part","ellipsis"),$APP.U(b,
|
|
7
|
+
"aria-hidden","true"),b.textContent="…",a.appendChild(b);else{b=document.createElement("li");var c=document.createElement("button");$APP.U(b,"part","item item-page");$APP.U(b,"data-page",""+$APP.N.i(a));$APP.U(c,"part","button button-page");$APP.U(c,"aria-label","Page "+$APP.N.i(a));$APP.U(c,"data-page",""+$APP.N.i(a));c.textContent=""+$APP.N.i(a);b.appendChild(c);a=b}return a},Xra=function(a,b,c,d){var e=$APP.G(d),f=$APP.C(e,$APP.P);d=$APP.C(e,$APP.Ew);e=$APP.C(e,$APP.Ei);$APP.z.j(BX,f)?(a=a.i?a.i(e):
|
|
8
|
+
a.call(null,e),b=$APP.z.j(d,b),a=a.querySelector("[part~\x3d'button-page']"),$APP.Zi(a,"aria-current",$APP.m(b)?"page":null),$APP.Zi(a,"data-current",$APP.m(b)?"":null),c=$APP.Zi(a,"disabled",$APP.m(c)?"":null)):c=null;return c},HX=function(a){var b=FX(a);if($APP.M.j($APP.l(a,"__xPaginationModel"),b)){b=$APP.G(b);var c=$APP.C(b,BX),d=$APP.C(b,CX),e=$APP.C(b,DX),f=$APP.C(b,EX),h=$APP.C(b,$APP.Xo),k=$APP.C(b,$APP.Z),n=wX(a),r=$APP.G(n);n=$APP.C(r,$APP.it);var v=$APP.C(r,$APP.pr),x=$APP.C(r,$APP.as),
|
|
9
|
+
y=$APP.C(r,$APP.uu);r=$APP.C(r,vX);$APP.Zi(v,"aria-label",k);$APP.Zi(a,"data-size",h);k=$APP.G(b);h=$APP.C(k,BX);k=$APP.C(k,$APP.Qo);$APP.Zi(x,"disabled",$APP.m($APP.m(k)?k:h<=1)?"":null);k=$APP.G(b);x=$APP.C(k,BX);h=$APP.C(k,CX);k=$APP.C(k,$APP.Qo);$APP.Zi(y,"disabled",$APP.m($APP.m(k)?k:x>=h)?"":null);a:if(d<=0)c=$APP.Xe;else{y=$APP.Dk.j(f,d);f=$APP.Sm.j(d-f- -1,1);x=$APP.Sm.j(1,c-e);e=$APP.Dk.j(d,c+e);d=$APP.Xf.j($APP.Xf.j($APP.Xf.j($APP.hh(),$APP.th(1,y+1,1)),$APP.th(f,d+1,1)),$APP.th(x,e+1,1));
|
|
10
|
+
d=$APP.rf(d);x=$APP.Xe;for(e=0;;){if(e>=$APP.w(d)){c=x;break a}f=$APP.Ec(d,e);h=y=e>0?$APP.Ec(d,e-1):null;y=$APP.m($APP.m(h)?f>y+1:h)?$APP.Jd.j(x,new $APP.K(null,2,[$APP.P,GX,$APP.Ei,f<=c?"gap-before":"gap-after"],null)):x;f=$APP.Jd.j(y,new $APP.K(null,3,[$APP.P,BX,$APP.Ew,f,$APP.Ei,"page-"+$APP.N.i(f)],null));e+=1;x=f}c=void 0}e=$APP.G(b);d=$APP.C(e,BX);e=$APP.C(e,$APP.Qo);n=$APP.Tk(new $APP.K(null,1,[$APP.xs,new $APP.K(null,2,[$APP.Jk,n,$APP.Bk,r],null)],null),new $APP.K(null,1,[$APP.xs,$APP.Ci.j($APP.Ei,
|
|
11
|
+
c)],null),$APP.xe(Wra,c));$APP.bi($APP.Ae(Xra,n,d,e),c);a=$APP.T(a,"__xPaginationModel",b)}else a=null;return a},IX=function(a,b){var c=FX(a);c=BX.i(c);return $APP.hj(a,"page-change-request",{page:b,previousPage:c})?$APP.fj(a,"page-change",{page:b}):null},Yra=function(a,b){a:{b=b.composedPath();for(var c=b.length,d=0;;)if(d<c){var e=b[d];if($APP.z.j("BUTTON",$APP.m(e)?e.tagName:null)){b=e;break a}d+=1}else{b=null;break a}b=void 0}if($APP.m($APP.m(b)?$APP.p(b.hasAttribute("disabled")):b)){d=$APP.l(a,
|
|
12
|
+
"__xPaginationRefs");c=$APP.as.i(d);d=$APP.uu.i(d);e=b.getAttribute("data-page");if(b===c)return c=FX(a),b=BX.i(c),b>1?IX(a,b-1):null;if(b===d)return c=FX(a),b=BX.i(c),c=CX.i(c),b<c?IX(a,b+1):null;if(e!=null)return b=parseInt(e,10),$APP.m(isFinite(b))?IX(a,b):null}return null},Zra=function(a){function b(d){return Yra(a,d)}var c=wX(a);$APP.it.i(c).addEventListener("click",b);$APP.T(a,"__xPaginationHandlers",{click:b})},JX=function(a){var b=$APP.l(a,"__xPaginationHandlers");if($APP.m(b)){var c=$APP.l(a,
|
|
13
|
+
"__xPaginationRefs");$APP.m(c)&&(c=$APP.it.i(c),b=$APP.l(b,"click"),$APP.m($APP.m(c)?b:c)&&c.removeEventListener("click",b))}return $APP.T(a,"__xPaginationHandlers",null)},$ra=function(a){return qX(a)},asa=function(a){$APP.qj(a,"page","page",$ra);$APP.qj(a,"totalPages","total-pages",Sra);$APP.qj(a,"siblingCount","sibling-count",rX);$APP.qj(a,"boundaryCount","boundary-count",sX);$APP.nj(a,"size","size","md");$APP.kj(a,"disabled","disabled");return $APP.nj(a,"label","label","Pagination")},bsa=function(a){wX(a);
|
|
14
|
+
JX(a);Zra(a);return HX(a)},csa=function(a){return JX(a)},dsa=function(a,b,c,d){return $APP.M.j(c,d)?HX(a):null},KX=function(){return $APP.Oj("x-pagination",new $APP.K(null,5,[$APP.Gj,esa,$APP.Ej,bsa,$APP.Bj,csa,$APP.Aj,dsa,$APP.Fj,asa],null))},AX=new $APP.F(null,"boundary-count-raw","boundary-count-raw",410083250),xX=new $APP.F(null,"page-raw","page-raw",-1198808870),tX=new $APP.F(null,"li","li",723558921),zX=new $APP.F(null,"sibling-count-raw","sibling-count-raw",-620117200),yX=new $APP.F(null,"total-pages-raw",
|
|
15
|
+
"total-pages-raw",430880208),EX=new $APP.F(null,"boundary-count","boundary-count",1637925987),CX=new $APP.F(null,"total-pages","total-pages",685894112),BX=new $APP.F(null,"page","page",849072397),vX=new $APP.F(null,"next-li","next-li",648524823),uX=new $APP.F(null,"btn","btn",1978294651),Ura=new $APP.F(null,"prev-li","prev-li",940258334),fsa=new $APP.F(null,"previousPage","previousPage",1452478108),GX=new $APP.F(null,"ellipsis","ellipsis",998505738),DX=new $APP.F(null,"sibling-count","sibling-count",
|
|
16
|
+
1756034573);var esa="page total-pages sibling-count boundary-count size disabled label".split(" "),Vra=new $APP.ah(null,new $APP.K(null,3,["md",null,"lg",null,"sm",null],null),null);$APP.ne(["page-change-request",new $APP.K(null,3,[$APP.St,!0,$APP.wu,$APP.ne(["page",BX]),$APP.cj,new $APP.K(null,2,[BX,$APP.Y,fsa,$APP.Y],null)],null),"page-change",new $APP.K(null,2,[$APP.St,!1,$APP.cj,new $APP.K(null,1,[BX,$APP.Y],null)],null)]);var Tra=":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:var(--x-color-text,rgba(0,0,0,0.75));--x-pagination-button-border:var(--x-border-width,1px) solid var(--x-color-border,rgba(0,0,0,0.15));--x-pagination-button-hover-bg:color-mix(in srgb,var(--x-color-text,#000) 6%,transparent);--x-pagination-button-hover-color:var(--x-color-text,rgba(0,0,0,0.9));--x-pagination-current-bg:color-mix(in srgb,var(--x-color-text,#000) 88%,transparent);--x-pagination-current-color:var(--x-color-bg,#fff);--x-pagination-current-border:var(--x-border-width,1px) solid transparent;--x-pagination-disabled-opacity:0.4;--x-pagination-font-size:var(--x-font-size-sm,0.875rem);--x-pagination-ellipsis-color:var(--x-color-text-muted,rgba(0,0,0,0.45));}"+
|
|
17
|
+
$APP.N.i("button,input,select,textarea{font-family:inherit;}")+$APP.N.i(":host([hidden]){display:none;}")+"@media (prefers-color-scheme:dark){:host{--x-pagination-button-color:var(--x-color-text,rgba(255,255,255,0.75));--x-pagination-button-border:var(--x-border-width,1px) solid var(--x-color-border,rgba(255,255,255,0.15));--x-pagination-button-hover-bg:color-mix(in srgb,var(--x-color-text,#fff) 8%,transparent);--x-pagination-button-hover-color:var(--x-color-text,rgba(255,255,255,0.95));--x-pagination-current-bg:color-mix(in srgb,var(--x-color-text,#fff) 90%,transparent);--x-pagination-current-color:var(--x-color-bg,#000);--x-pagination-ellipsis-color:var(--x-color-text-muted,rgba(255,255,255,0.40));}}:host([data-size\x3d'sm']){--x-pagination-button-size:1.75rem;--x-pagination-font-size:var(--x-font-size-xs,0.75rem);}:host([data-size\x3d'lg']){--x-pagination-button-size:2.5rem;--x-pagination-font-size:var(--x-font-size-base,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 var(--x-transition-duration,0.15s) var(--x-transition-easing,ease),color var(--x-transition-duration,0.15s) var(--x-transition-easing,ease);}[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:var(--x-font-weight-semibold,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;}}";$APP.ha("baredom.exports.x_pagination.init",KX);export const init=KX;
|
|
@@ -9,14 +9,23 @@ export interface XParticleButtonEventMap {
|
|
|
9
9
|
"hover-start": CustomEvent<{}>;
|
|
10
10
|
"hover-end": CustomEvent<{}>;
|
|
11
11
|
"focus-visible": CustomEvent<{}>;
|
|
12
|
-
"burst": CustomEvent<{ mode: string;
|
|
12
|
+
"burst": CustomEvent<{ mode: string; "press-x": number; "press-y": number }>;
|
|
13
13
|
"reform": CustomEvent<{ mode: string; duration: number }>;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
16
|
export interface XParticleButton extends HTMLElement {
|
|
17
|
+
particleCount: number;
|
|
17
18
|
disabled: boolean;
|
|
19
|
+
variant: string;
|
|
20
|
+
mode: string;
|
|
21
|
+
type: string;
|
|
22
|
+
intensity: number;
|
|
23
|
+
size: string;
|
|
24
|
+
reassembleSpeed: number;
|
|
18
25
|
loading: boolean;
|
|
26
|
+
label: string;
|
|
19
27
|
pressed: boolean;
|
|
28
|
+
particleSize: number;
|
|
20
29
|
|
|
21
30
|
addEventListener<K extends keyof XParticleButtonEventMap>(
|
|
22
31
|
type: K,
|