@vanelsas/baredom 2.9.0 → 3.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 +35 -0
- package/README.md +1 -1
- package/custom-elements.json +3393 -2954
- package/dist/baredom.d.ts +106 -86
- package/dist/base.js +550 -455
- package/dist/integrity.json +103 -102
- package/dist/x-alert.js +16 -17
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +14 -15
- package/dist/x-badge.js +9 -9
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +14 -13
- package/dist/x-button.js +1 -17
- package/dist/x-cancel-dialogue.js +14 -13
- package/dist/x-card.d.ts +1 -1
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.d.ts +3 -0
- package/dist/x-carousel.js +35 -33
- package/dist/x-chart.js +47 -47
- package/dist/x-checkbox.js +1 -11
- package/dist/x-chip.js +1 -1
- package/dist/x-collapse.d.ts +1 -0
- package/dist/x-collapse.js +11 -10
- package/dist/x-color-picker.js +46 -45
- package/dist/x-combobox.d.ts +2 -0
- package/dist/x-combobox.js +30 -26
- package/dist/x-command-palette.d.ts +3 -0
- package/dist/x-command-palette.js +28 -26
- package/dist/x-confetti.js +24 -22
- package/dist/x-container.js +5 -5
- package/dist/x-context-menu.d.ts +4 -0
- package/dist/x-context-menu.js +21 -20
- package/dist/x-copy.js +20 -20
- package/dist/x-currency-field.d.ts +2 -0
- package/dist/x-currency-field.js +24 -23
- package/dist/x-date-picker.d.ts +3 -0
- package/dist/x-date-picker.js +42 -42
- package/dist/x-divider.js +10 -9
- package/dist/x-drawer.js +11 -10
- package/dist/x-dropdown.d.ts +3 -0
- package/dist/x-dropdown.js +12 -11
- package/dist/x-fieldset.js +6 -5
- package/dist/x-file-download.js +7 -7
- package/dist/x-file-upload.d.ts +2 -0
- package/dist/x-file-upload.js +23 -22
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.d.ts +4 -0
- package/dist/x-form.js +10 -9
- package/dist/x-gaussian-blur.js +13 -12
- package/dist/x-grid.js +6 -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 +17 -18
- package/dist/x-kbd.js +16 -16
- package/dist/x-kinetic-canvas.js +26 -25
- package/dist/x-kinetic-font.js +27 -27
- package/dist/x-kinetic-typography.js +35 -33
- package/dist/x-liquid-dock.js +34 -38
- package/dist/x-liquid-fill.js +42 -45
- package/dist/x-liquid-glass.js +41 -47
- package/dist/x-menu-item.js +8 -8
- package/dist/x-menu.js +10 -10
- package/dist/x-metaball-cursor.js +23 -26
- package/dist/x-modal.js +12 -11
- package/dist/x-morph-stack.d.ts +4 -0
- package/dist/x-morph-stack.js +37 -38
- package/dist/x-multi-combobox.js +36 -36
- package/dist/x-navbar.js +15 -12
- package/dist/x-neural-glow.js +30 -33
- package/dist/x-notification-center.d.ts +2 -0
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +18 -17
- package/dist/x-organic-progress.js +35 -37
- package/dist/x-organic-shape.js +14 -13
- package/dist/x-otp-input.js +22 -22
- package/dist/x-pagination.js +14 -15
- package/dist/x-particle-button.js +51 -51
- package/dist/x-popover.d.ts +3 -0
- package/dist/x-popover.js +27 -26
- package/dist/x-progress-circle.d.ts +3 -0
- package/dist/x-progress-circle.js +9 -9
- package/dist/x-progress.js +8 -10
- package/dist/x-proximity-list.js +20 -19
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.js +10 -11
- package/dist/x-scroll-parallax.js +17 -18
- package/dist/x-scroll-stack.js +16 -17
- package/dist/x-scroll-story.js +33 -34
- package/dist/x-scroll-timeline.js +46 -45
- package/dist/x-scroll.d.ts +3 -0
- package/dist/x-scroll.js +38 -40
- package/dist/x-search-field.d.ts +2 -0
- package/dist/x-search-field.js +1 -15
- package/dist/x-select.js +1 -11
- package/dist/x-sidebar.js +18 -17
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +16 -15
- package/dist/x-soft-body.js +20 -22
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +12 -13
- package/dist/x-spotlight-card.js +12 -12
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +13 -14
- package/dist/x-switch.js +11 -10
- package/dist/x-tab.js +6 -6
- package/dist/x-table-cell.js +21 -20
- package/dist/x-table-row.js +8 -8
- package/dist/x-table.d.ts +32 -32
- package/dist/x-table.js +13 -12
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +19 -19
- package/dist/x-theme.js +25 -25
- package/dist/x-timeline-item.js +20 -21
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.d.ts +1 -0
- package/dist/x-toast.js +22 -23
- package/dist/x-toaster.js +7 -8
- package/dist/x-tooltip.d.ts +2 -0
- package/dist/x-tooltip.js +12 -12
- package/dist/x-trace-history.d.ts +242 -0
- package/dist/x-trace-history.js +121 -0
- package/dist/x-typography.js +9 -9
- package/dist/x-welcome-tour.js +63 -60
- package/package.json +9 -2
package/dist/x-file-download.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
c=$APP.
|
|
4
|
-
var
|
|
5
|
-
e=document.createElement("span"),f=document.createElement("span"),h=document.createElement("slot");c.textContent=":host{display:inline-block;color-scheme:light dark;--x-file-download-bg:var(--x-color-primary,#2563eb);--x-file-download-color:var(--x-color-surface,#ffffff);--x-file-download-hover-bg:var(--x-color-primary-hover,#1d4ed8);--x-file-download-active-bg:var(--x-color-primary-active,#1e40af);--x-file-download-border-radius:var(--x-radius-md,6px);--x-file-download-padding:0.5rem 1rem;--x-file-download-font-size:var(--x-font-size-sm,0.875rem);--x-file-download-font-weight:500;--x-file-download-gap:0.375rem;--x-file-download-icon-size:1em;--x-file-download-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-file-download-disabled-opacity:0.45;--x-file-download-transition:background var(--x-transition-duration,120ms) ease;}@media (prefers-color-scheme:dark){:host{--x-file-download-bg:var(--x-color-primary,#3b82f6);--x-file-download-hover-bg:var(--x-color-primary-hover,#2563eb);--x-file-download-active-bg:var(--x-color-primary-active,#1d4ed8);--x-file-download-focus-ring:var(--x-color-focus-ring,#93c5fd);}}[part\x3danchor]{display:inline-flex;align-items:center;gap:var(--x-file-download-gap);padding:var(--x-file-download-padding);background:var(--x-file-download-bg);color:var(--x-file-download-color);border-radius:var(--x-file-download-border-radius);font-size:var(--x-file-download-font-size);font-weight:var(--x-file-download-font-weight);text-decoration:none;cursor:pointer;box-sizing:border-box;transition:var(--x-file-download-transition);outline:none;user-select:none;-webkit-user-select:none;}[part\x3danchor]:hover{background:var(--x-file-download-hover-bg);}[part\x3danchor]:active{background:var(--x-file-download-active-bg);}[part\x3danchor]:focus-visible{outline:2px solid var(--x-file-download-focus-ring);outline-offset:2px;}[part\x3dicon]{display:inline-flex;align-items:center;justify-content:center;width:var(--x-file-download-icon-size);height:var(--x-file-download-icon-size);flex-shrink:0;}[part\x3dcontent]{display:inline;}:host([data-disabled]) [part\x3danchor]{opacity:var(--x-file-download-disabled-opacity);pointer-events:none;cursor:default;}@media (prefers-reduced-motion:reduce){[part\x3danchor]{transition:none;}}";
|
|
6
|
-
|
|
7
|
-
f.appendChild(h);d.appendChild(e);d.appendChild(f);b.appendChild(c);b.appendChild(d);
|
|
8
|
-
|
|
2
|
+
var BH=function(a){a=new $APP.N(null,4,[yH,a.getAttribute("href"),zH,a.getAttribute("filename"),$APP.Wi,a.hasAttribute("disabled"),$APP.ik,a.getAttribute("aria-label")],null);var b=$APP.H(a);a=$APP.C(b,yH);var c=$APP.C(b,zH),d=$APP.C(b,$APP.Wi);b=$APP.C(b,$APP.ik);return new $APP.N(null,4,[$APP.zs,$APP.ai(a),AH,$APP.n(c)?c:"",$APP.cj,$APP.E(d),$APP.rk,b],null)},CH=function(a){if($APP.n($APP.l(a,"__xFileDownloadRefs"))){var b=BH(a);if($APP.I($APP.l(a,"__xFileDownloadModel"),b)){var c=$APP.l(a,"__xFileDownloadRefs");
|
|
3
|
+
if($APP.n(c)){c=$APP.l(c,"anchor-el");var d=$APP.H(b);d=$APP.C(d,$APP.zs);c.href=d;var e=$APP.H(b);d=$APP.C(e,$APP.zs);e=$APP.C(e,AH);typeof e==="string"&&$APP.I(e,"")?$APP.T(c,"download",e):(e=typeof d==="string",$APP.n(e?d.startsWith("data:"):e)?$APP.T(c,"download",""):$APP.U(c,"download"));e=$APP.H(b);d=$APP.C(e,$APP.cj);e=$APP.C(e,$APP.rk);$APP.n(d)?$APP.T(c,"aria-disabled","true"):$APP.U(c,"aria-disabled");$APP.n(e)?$APP.T(c,"aria-label",e):$APP.U(c,"aria-label");c=$APP.H(b);c=$APP.C(c,$APP.cj);
|
|
4
|
+
$APP.ki(a,"data-disabled",c);a=$APP.R(a,"__xFileDownloadModel",b)}else a=null}else a=null;return a}return null},DH=function(a){function b(d){if($APP.n(a.hasAttribute("disabled")))d=d.preventDefault();else{var e=BH(a);e={href:$APP.zs.i(e),filename:AH.i(e)};d=$APP.ri(a,"x-file-download-click",e)?null:d.preventDefault()}return d}var c={};$APP.l($APP.l(a,"__xFileDownloadRefs"),"anchor-el").addEventListener("click",b);c.click=b;$APP.R(a,"__xFileDownloadHandlers",c)},EH=function(a){var b=$APP.l(a,"__xFileDownloadHandlers"),
|
|
5
|
+
c=$APP.l(a,"__xFileDownloadRefs");$APP.n($APP.n(b)?c:b)&&(c=$APP.l(c,"anchor-el"),b=$APP.l(b,"click"),$APP.n(b)&&c.removeEventListener("click",b));return $APP.R(a,"__xFileDownloadHandlers",null)},FH=function(a){if(!$APP.n($APP.l(a,"__xFileDownloadRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("a"),e=document.createElement("span"),f=document.createElement("span"),h=document.createElement("slot");c.textContent=":host{display:inline-block;color-scheme:light dark;--x-file-download-bg:var(--x-color-primary,#2563eb);--x-file-download-color:var(--x-color-surface,#ffffff);--x-file-download-hover-bg:var(--x-color-primary-hover,#1d4ed8);--x-file-download-active-bg:var(--x-color-primary-active,#1e40af);--x-file-download-border-radius:var(--x-radius-md,6px);--x-file-download-padding:0.5rem 1rem;--x-file-download-font-size:var(--x-font-size-sm,0.875rem);--x-file-download-font-weight:500;--x-file-download-gap:0.375rem;--x-file-download-icon-size:1em;--x-file-download-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-file-download-disabled-opacity:0.45;--x-file-download-transition:background var(--x-transition-duration,120ms) ease;}@media (prefers-color-scheme:dark){:host{--x-file-download-bg:var(--x-color-primary,#3b82f6);--x-file-download-hover-bg:var(--x-color-primary-hover,#2563eb);--x-file-download-active-bg:var(--x-color-primary-active,#1d4ed8);--x-file-download-focus-ring:var(--x-color-focus-ring,#93c5fd);}}[part\x3danchor]{display:inline-flex;align-items:center;gap:var(--x-file-download-gap);padding:var(--x-file-download-padding);background:var(--x-file-download-bg);color:var(--x-file-download-color);border-radius:var(--x-file-download-border-radius);font-size:var(--x-file-download-font-size);font-weight:var(--x-file-download-font-weight);text-decoration:none;cursor:pointer;box-sizing:border-box;transition:var(--x-file-download-transition);outline:none;user-select:none;-webkit-user-select:none;}[part\x3danchor]:hover{background:var(--x-file-download-hover-bg);}[part\x3danchor]:active{background:var(--x-file-download-active-bg);}[part\x3danchor]:focus-visible{outline:2px solid var(--x-file-download-focus-ring);outline-offset:2px;}[part\x3dicon]{display:inline-flex;align-items:center;justify-content:center;width:var(--x-file-download-icon-size);height:var(--x-file-download-icon-size);flex-shrink:0;}[part\x3dcontent]{display:inline;}:host([data-disabled]) [part\x3danchor]{opacity:var(--x-file-download-disabled-opacity);pointer-events:none;cursor:default;}@media (prefers-reduced-motion:reduce){[part\x3danchor]{transition:none;}}";
|
|
6
|
+
$APP.T(d,"part","anchor");$APP.T(e,"part","icon");$APP.T(f,"part","content");e.innerHTML='\x3csvg xmlns\x3d"http://www.w3.org/2000/svg" viewBox\x3d"0 0 16 16" fill\x3d"currentColor" width\x3d"1em" height\x3d"1em" aria-hidden\x3d"true"\x3e\x3cpath d\x3d"M8 1a.75.75 0 0 1 .75.75v6.19l1.97-1.97a.75.75 0 1 1 1.06 1.06l-3.25 3.25a.75.75 0 0 1-1.06 0L4.22 7.03a.75.75 0 0 1 1.06-1.06L7.25 7.94V1.75A.75.75 0 0 1 8 1ZM2.5 13.25a.75.75 0 0 1 .75-.75h9.5a.75.75 0 0 1 0 1.5h-9.5a.75.75 0 0 1-.75-.75Z"/\x3e\x3c/svg\x3e';
|
|
7
|
+
f.appendChild(h);d.appendChild(e);d.appendChild(f);b.appendChild(c);b.appendChild(d);b={};b["anchor-el"]=d;b["icon-el"]=e;b["content-el"]=f;$APP.R(a,"__xFileDownloadRefs",b)}EH(a);DH(a);return CH(a)},GH=function(a){return EH(a)},HH=function(a,b,c,d){return $APP.I(c,d)?CH(a):null},JH=function(a){return $APP.Ei(a,IH)},LH=function(){return $APP.Kh("x-file-download",new $APP.N(null,5,[$APP.Bh,KH,$APP.zh,FH,$APP.qh,GH,$APP.ph,HH,$APP.Ah,JH],null))},zH=new $APP.F(null,"filename-raw","filename-raw",-706184256),
|
|
8
|
+
yH=new $APP.F(null,"href-raw","href-raw",-1680949453),AH=new $APP.F(null,"filename","filename",-1428840783);var KH=["href","filename","disabled","aria-label"],IH=new $APP.N(null,3,[$APP.zs,new $APP.N(null,3,[$APP.O,$APP.Y,$APP.W,"href",$APP.Di,""],null),AH,new $APP.N(null,3,[$APP.O,$APP.Y,$APP.W,"filename",$APP.Di,""],null),$APP.Hk,new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"disabled"],null)],null);$APP.be(["x-file-download-click",new $APP.N(null,2,[$APP.Mr,!0,$APP.V,new $APP.N(null,2,[$APP.zs,$APP.Y,AH,$APP.Y],null)],null)]);$APP.fa("baredom.exports.x_file_download.init",LH);export const init=LH;
|
package/dist/x-file-upload.d.ts
CHANGED
package/dist/x-file-upload.js
CHANGED
|
@@ -1,23 +1,24 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
c.startsWith(""+$APP.
|
|
4
|
-
[
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
b=null,c=0),d=0;else return null},
|
|
8
|
-
|
|
9
|
-
q.textContent="×";h.appendChild(
|
|
10
|
-
|
|
11
|
-
b=$APP.C(d,
|
|
12
|
-
d))})},
|
|
13
|
-
if($APP.n(a.hasAttribute("disabled")))return null;b=$APP.
|
|
14
|
-
if($APP.n(a.hasAttribute("disabled")))return null;b=b.dataTransfer.files;return b.length>0?
|
|
15
|
-
if($APP.n(b)&&(a=$APP.
|
|
16
|
-
"fileChange"));b.removeEventListener("click",$APP.
|
|
17
|
-
|
|
18
|
-
"
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
"
|
|
2
|
+
var DD=function(a){return a!=null?(a=parseInt(a,10),$APP.p(isNaN(a))&&a>0?a:null):null},ED=function(a){var b=a.lastIndexOf(".");return b>0?a.substring(b).toLowerCase():null},FD=function(a,b){if(b==null||$APP.y.j(b,""))return!0;var c=function(){var e=a.type;return $APP.n(e)?e:""}().toLowerCase(),d=ED(a.name);b=$APP.oe.j($APP.Sh,$APP.Qh(b,/,/));return $APP.E($APP.fe(function(e){e=e.toLowerCase();return $APP.n(e.startsWith("."))?$APP.y.j(e,d):$APP.n(e.endsWith("/*"))?(e=e.substring(0,e.indexOf("/")),
|
|
3
|
+
c.startsWith(""+$APP.P.i(e)+"/")):$APP.y.j(e,c)},b))},JD=function(a,b,c,d,e){a=$APP.r(a);for(var f=$APP.we,h=$APP.we;;){if($APP.p(a))return new $APP.N(null,2,[GD,f,HD,h],null);var k=$APP.t(a);var m=k;var q=b,u=c;m=$APP.Wh(q)&&!FD(m,q)?new $APP.N(null,2,[$APP.ok,!1,$APP.$n,"File type not accepted"],null):u!=null&&m.size>u?new $APP.N(null,2,[$APP.ok,!1,$APP.$n,"File too large"],null):new $APP.N(null,2,[$APP.ok,!0,$APP.$n,null],null);$APP.p($APP.ok.i(m))?(a=$APP.v(a),h=$APP.wd.j(h,new $APP.N(null,2,
|
|
4
|
+
[ID,k,$APP.$n,$APP.$n.i(m)],null))):d!=null&&e>=d?(a=$APP.v(a),h=$APP.wd.j(h,new $APP.N(null,2,[ID,k,$APP.$n,"Maximum files reached"],null))):(a=$APP.v(a),f=$APP.wd.j(f,k),e+=1)}},SD=function(a){a=new $APP.N(null,7,[KD,a.getAttribute("accept"),LD,a.hasAttribute("multiple"),MD,a.getAttribute("max-size"),ND,a.getAttribute("max-files"),$APP.Wi,a.hasAttribute("disabled"),$APP.Xi,a.hasAttribute("required"),$APP.Si,a.getAttribute("name")],null);var b=$APP.H(a);a=$APP.C(b,KD);var c=$APP.C(b,LD),d=$APP.C(b,
|
|
5
|
+
MD),e=$APP.C(b,ND),f=$APP.C(b,$APP.Wi),h=$APP.C(b,$APP.Xi);b=$APP.C(b,$APP.Si);return new $APP.N(null,7,[OD,$APP.n(a)?a:"",PD,$APP.E(c),QD,DD(d),RD,DD(e),$APP.cj,$APP.E(f),$APP.dj,$APP.E(h),$APP.$i,$APP.n(b)?b:""],null)},TD=function(a){if($APP.n($APP.l(a,"__xFileUploadRefs"))){var b=SD(a);if($APP.I($APP.l(a,"__xFileUploadModel"),b)){var c=$APP.l(a,"__xFileUploadRefs");if($APP.n(c)){var d=$APP.l(c,"dropZone");c=$APP.l(c,"fileInput");var e=$APP.H(b),f=$APP.C(e,OD);e=$APP.C(e,PD);$APP.y.j(f,"")?$APP.U(c,
|
|
6
|
+
"accept"):$APP.T(c,"accept",f);$APP.n(e)?$APP.T(c,"multiple",""):$APP.U(c,"multiple");c=$APP.H(b);c=$APP.C(c,$APP.cj);$APP.T(d,"tabindex",$APP.n(c)?"-1":"0");$APP.T(d,"aria-disabled",""+$APP.P.i(c));a=$APP.R(a,"__xFileUploadModel",b)}else a=null}else a=null;return a}return null},UD=function(a){a=$APP.r($APP.Ac(a.querySelectorAll("[part\x3dthumbnail]")));for(var b=null,c=0,d=0;;)if(d<c){var e=b.F(null,d);URL.revokeObjectURL(e.src);d+=1}else if(a=$APP.r(a))b=a,$APP.Wc(b)?(a=$APP.Cb(b),c=$APP.Db(b),
|
|
7
|
+
b=a,e=$APP.w(a),a=c,c=e):(e=$APP.t(b),URL.revokeObjectURL(e.src),a=$APP.v(b),b=null,c=0),d=0;else return null},VD=function(a){var b=$APP.l(a,"__xFileUploadRefs");if($APP.n(b)){var c=$APP.l(b,"fileList");b=$APP.l(b,"liveRegion");a=$APP.l(a,"__xFileUploadFiles");var d=a.length;UD(c);c.textContent="";for(var e=0;;)if(e<d){var f=a[e],h=document.createElement("div"),k=document.createElement("span"),m=document.createElement("span"),q=document.createElement("button"),u=f.name;$APP.T(h,"part","file-item");
|
|
8
|
+
$APP.T(h,"role","listitem");var x=f.type,z=typeof x==="string";$APP.n(z?x.startsWith("image/"):z)&&(x=document.createElement("img"),$APP.T(x,"part","thumbnail"),x.src=URL.createObjectURL(f),$APP.T(x,"alt",u),h.appendChild(x));$APP.T(k,"part","file-name");k.textContent=u;$APP.T(m,"part","file-size");x=m;f=f.size;f=f<1024?""+$APP.P.i(f)+" B":f<1048576?""+$APP.P.i((f/1024).toFixed(1))+" KB":f<1073741824?""+$APP.P.i((f/1048576).toFixed(1))+" MB":""+$APP.P.i((f/1073741824).toFixed(1))+" GB";x.textContent=
|
|
9
|
+
f;$APP.T(q,"part","remove");$APP.T(q,"type","button");$APP.T(q,"aria-label","Remove "+$APP.P.i(u));$APP.T(q,"data-index",""+$APP.P.i(e));q.textContent="×";h.appendChild(k);h.appendChild(m);h.appendChild(q);c.appendChild(h);e+=1}else break;b.textContent=d===0?"":""+$APP.P.i(d)+" file"+$APP.P.i($APP.I(d,1)?"s":null)+" selected"}},WD=function(a){var b=$APP.l(a,"__xFileUploadInternals");if($APP.n(b)){var c=$APP.l(a,"__xFileUploadFiles");a=a.getAttribute("name");a=$APP.n(a)?a:"file";if(c.length===0)b.setFormValue(null);
|
|
10
|
+
else{for(var d=new FormData,e=c.length,f=0;;)if(f<e)d.append(a,c[f]),f+=1;else break;b.setFormValue(d)}}},XD=function(a){var b=$APP.l(a,"__xFileUploadInternals");if($APP.n(b)){var c=$APP.l(a,"__xFileUploadRefs");if($APP.n(c)){var d=a.hasAttribute("required");a=$APP.l(a,"__xFileUploadFiles");c=$APP.l(c,"dropZone");return $APP.n($APP.n(d)?a.length===0:d)?b.setValidity({valueMissing:!0},"Please select a file.",c):b.setValidity({},"")}}return null},YD=function(a,b){var c=SD(a);c=$APP.H(c);var d=$APP.C(c,
|
|
11
|
+
OD),e=$APP.C(c,PD),f=$APP.C(c,QD),h=$APP.C(c,RD);c=$APP.l(a,"__xFileUploadFiles");b=JD($APP.Ac(b),d,f,h,c.length);d=$APP.H(b);b=$APP.C(d,GD);d=$APP.C(d,HD);if($APP.n(e)){e=$APP.r(b);f=null;for(var k=h=0;;)if(k<h){var m=f.F(null,k);c.push(m);k+=1}else if(e=$APP.r(e))f=e,$APP.Wc(f)?(e=$APP.Cb(f),k=$APP.Db(f),f=e,h=$APP.w(e),e=k):(e=$APP.t(f),c.push(e),e=$APP.v(f),f=null,h=0),k=0;else break}else c.length=0,$APP.r(b)&&c.push($APP.t(b));VD(a);WD(a);XD(a);return $APP.pi(a,"x-file-upload-select",{files:$APP.dd(b),
|
|
12
|
+
rejected:$APP.dd($APP.oe.j(function(q){var u=$APP.H(q);q=$APP.C(u,ID);u=$APP.C(u,$APP.$n);return{file:q,reason:u}},d))})},ZD=function(a){return{zoneClick:function(){if($APP.n(a.hasAttribute("disabled")))return null;var b=$APP.l(a,"__xFileUploadRefs");return $APP.n(b)?$APP.l(b,"fileInput").click():null},zoneKeydown:function(b){return($APP.y.j(b.key,"Enter")||$APP.y.j(b.key," "))&&$APP.p(a.hasAttribute("disabled"))?(b.preventDefault(),b=$APP.l(a,"__xFileUploadRefs"),$APP.n(b)?$APP.l(b,"fileInput").click():
|
|
13
|
+
null):null},fileChange:function(b){b=b.target;var c=b.files;c.length>0&&YD(a,c);return b.value=""},dragenter:function(b){b.preventDefault();if($APP.n(a.hasAttribute("disabled")))return null;b=$APP.l(a,"__xFileUploadDragCtr")+1;$APP.R(a,"__xFileUploadDragCtr",b);return $APP.y.j(b,1)?$APP.T(a,"data-drag-over",""):null},dragover:function(b){b.preventDefault();return b.dataTransfer.dropEffect="copy"},dragleave:function(){var b=$APP.l(a,"__xFileUploadDragCtr")-1;$APP.R(a,"__xFileUploadDragCtr",b);return b<=
|
|
14
|
+
0?($APP.R(a,"__xFileUploadDragCtr",0),$APP.U(a,"data-drag-over")):null},drop:function(b){b.preventDefault();$APP.R(a,"__xFileUploadDragCtr",0);$APP.U(a,"data-drag-over");if($APP.n(a.hasAttribute("disabled")))return null;b=b.dataTransfer.files;return b.length>0?YD(a,b):null},fileListClick:function(b){b=b.target;b=$APP.n(b.hasAttribute("data-index"))?b:b.closest("[data-index]");if($APP.n(b)){b=parseInt(b.getAttribute("data-index"),10);if($APP.n(isNaN(b)))b=null;else{var c=$APP.l(a,"__xFileUploadFiles"),
|
|
15
|
+
d=c[b];c.splice(b,1);VD(a);WD(a);XD(a);b=$APP.pi(a,"x-file-upload-remove",{file:d,remaining:c.slice()})}return b}return null}}},$D=function(a){var b=$APP.l(a,"__xFileUploadRefs");if($APP.n(b)&&(a=$APP.l(a,"__xFileUploadHandlers"),$APP.n(a))){var c=$APP.l(b,"dropZone"),d=$APP.l(b,"fileInput");b=$APP.l(b,"fileList");c.removeEventListener("click",$APP.l(a,"zoneClick"));c.removeEventListener("keydown",$APP.l(a,"zoneKeydown"));c.removeEventListener("dragenter",$APP.l(a,"dragenter"));c.removeEventListener("dragover",
|
|
16
|
+
$APP.l(a,"dragover"));c.removeEventListener("dragleave",$APP.l(a,"dragleave"));c.removeEventListener("drop",$APP.l(a,"drop"));d.removeEventListener("change",$APP.l(a,"fileChange"));b.removeEventListener("click",$APP.l(a,"fileListClick"))}},aE=function(a){if(!$APP.n($APP.l(a,"__xFileUploadRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("input"),f=document.createElement("div"),h=document.createElement("slot"),k=
|
|
17
|
+
document.createElement("div"),m=document.createElement("div"),q=document.createElement("div");c.textContent=":host{display:block;box-sizing:border-box;color-scheme:light dark;--x-file-upload-bg:var(--x-color-surface,#ffffff);--x-file-upload-fg:var(--x-color-text,#0f172a);--x-file-upload-muted:var(--x-color-text-muted,#64748b);--x-file-upload-border:2px dashed var(--x-color-border,#cbd5e1);--x-file-upload-border-hover:2px dashed var(--x-color-primary,#3b82f6);--x-file-upload-drag-bg:var(--x-color-primary,rgba(59,130,246,0.05));--x-file-upload-radius:var(--x-radius-md,8px);--x-file-upload-padding:var(--x-space-lg,24px);--x-file-upload-font-size:var(--x-font-size-sm,0.9375rem);--x-file-upload-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-file-upload-disabled-opacity:var(--x-opacity-disabled,0.55);--x-file-upload-transition-duration:var(--x-transition-duration,150ms);--x-file-upload-item-bg:var(--x-color-surface,#f8fafc);--x-file-upload-item-border:1px solid var(--x-color-border,#e2e8f0);--x-file-upload-thumb-size:48px;--x-file-upload-remove-color:var(--x-color-text-muted,#64748b);--x-file-upload-remove-hover:var(--x-color-danger,#ef4444);}@media (prefers-color-scheme:dark){:host{--x-file-upload-bg:var(--x-color-surface,#1e293b);--x-file-upload-fg:var(--x-color-text,#e2e8f0);--x-file-upload-muted:var(--x-color-text-muted,#94a3b8);--x-file-upload-border:2px dashed var(--x-color-border,#334155);--x-file-upload-border-hover:2px dashed var(--x-color-primary,#60a5fa);--x-file-upload-drag-bg:rgba(96,165,250,0.08);--x-file-upload-focus-ring:var(--x-color-focus-ring,#93c5fd);--x-file-upload-item-bg:var(--x-color-surface,#1e293b);--x-file-upload-item-border:1px solid var(--x-color-border,#334155);--x-file-upload-remove-color:var(--x-color-text-muted,#94a3b8);}}[part\x3ddrop-zone]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;padding:var(--x-file-upload-padding);background:var(--x-file-upload-bg);border:var(--x-file-upload-border);border-radius:var(--x-file-upload-radius);cursor:pointer;text-align:center;color:var(--x-file-upload-muted);font-size:var(--x-file-upload-font-size);font-family:inherit;transition:border-color var(--x-file-upload-transition-duration) ease,background var(--x-file-upload-transition-duration) ease;}[part\x3ddrop-zone]:hover{border:var(--x-file-upload-border-hover);}[part\x3ddrop-zone]:focus-visible{outline:none;box-shadow:0 0 0 2px var(--x-file-upload-focus-ring);}:host([data-drag-over]) [part\x3ddrop-zone]{border:var(--x-file-upload-border-hover);background:var(--x-file-upload-drag-bg);}:host([data-drag-over]) [part\x3dcontent]{visibility:hidden;}:host([data-drag-over]) [part\x3ddrag-overlay]{display:flex;}[part\x3ddrag-overlay]{display:none;position:absolute;inset:0;align-items:center;justify-content:center;border-radius:var(--x-file-upload-radius);font-weight:600;color:var(--x-color-primary,#3b82f6);pointer-events:none;}:host([disabled]){pointer-events:none;cursor:default;}:host([disabled]) [part\x3ddrop-zone]{opacity:var(--x-file-upload-disabled-opacity);}[part\x3dfile-list]{display:flex;flex-direction:column;gap:8px;margin-top:12px;}[part\x3dfile-list]:empty{display:none;}[part\x3dfile-item]{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--x-file-upload-item-bg);border:var(--x-file-upload-item-border);border-radius:6px;font-size:var(--x-file-upload-font-size);font-family:inherit;color:var(--x-file-upload-fg);}[part\x3dthumbnail]{width:var(--x-file-upload-thumb-size);height:var(--x-file-upload-thumb-size);object-fit:cover;border-radius:4px;flex-shrink:0;}[part\x3dfile-name]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}[part\x3dfile-size]{color:var(--x-file-upload-muted);font-size:0.8125rem;flex-shrink:0;}[part\x3dremove]{all:unset;display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;font-size:1rem;color:var(--x-file-upload-remove-color);cursor:pointer;border-radius:4px;flex-shrink:0;}[part\x3dremove]:hover{color:var(--x-file-upload-remove-hover);}[part\x3dremove]:focus-visible{outline:none;box-shadow:0 0 0 2px var(--x-file-upload-focus-ring);}[part\x3dlive-region]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}input[type\x3dfile]{display:none;}@media (prefers-reduced-motion:reduce){[part\x3ddrop-zone]{transition:none !important;}}@media (pointer:coarse){[part\x3ddrop-zone]{min-height:140px;}[part\x3dremove]{width:2.75rem;height:2.75rem;}}";
|
|
18
|
+
$APP.T(d,"part","drop-zone");$APP.T(d,"role","button");$APP.T(d,"tabindex","0");$APP.T(e,"type","file");$APP.T(e,"aria-hidden","true");$APP.T(e,"tabindex","-1");$APP.T(f,"part","content");f.appendChild(h);$APP.T(k,"part","drag-overlay");$APP.T(k,"hidden","");k.textContent="Drop files here";$APP.T(m,"part","file-list");$APP.T(m,"role","list");$APP.T(q,"part","live-region");$APP.T(q,"aria-live","polite");$APP.T(q,"aria-atomic","true");d.appendChild(e);d.appendChild(f);d.appendChild(k);b.appendChild(c);
|
|
19
|
+
b.appendChild(d);b.appendChild(m);b.appendChild(q);$APP.R(a,"__xFileUploadFiles",[]);$APP.R(a,"__xFileUploadDragCtr",0);$APP.R(a,"__xFileUploadRefs",{dropZone:d,fileInput:e,content:f,dragOverlay:k,fileList:m,liveRegion:q})}b=a.attachInternals;$APP.n($APP.n(b)?$APP.p($APP.l(a,"__xFileUploadInternals")):b)&&$APP.R(a,"__xFileUploadInternals",a.attachInternals());$D(a);$APP.R(a,"__xFileUploadHandlers",ZD(a));e=$APP.l(a,"__xFileUploadRefs");$APP.n(e)&&(b=$APP.l(a,"__xFileUploadHandlers"),$APP.n(b)&&(c=
|
|
20
|
+
$APP.l(e,"dropZone"),d=$APP.l(e,"fileInput"),e=$APP.l(e,"fileList"),c.addEventListener("click",$APP.l(b,"zoneClick")),c.addEventListener("keydown",$APP.l(b,"zoneKeydown")),c.addEventListener("dragenter",$APP.l(b,"dragenter")),c.addEventListener("dragover",$APP.l(b,"dragover")),c.addEventListener("dragleave",$APP.l(b,"dragleave")),c.addEventListener("drop",$APP.l(b,"drop")),d.addEventListener("change",$APP.l(b,"fileChange")),e.addEventListener("click",$APP.l(b,"fileListClick"))));TD(a);return XD(a)},
|
|
21
|
+
bE=function(a){$D(a);a=$APP.l(a,"__xFileUploadRefs");return $APP.n(a)?UD($APP.l(a,"fileList")):null},cE=function(a,b,c,d){return $APP.I(c,d)?TD(a):null},dE=function(a,b){$APP.ki(a,"disabled",b);return TD(a)},eE=function(a){$APP.l(a,"__xFileUploadFiles").length=0;var b=$APP.l(a,"__xFileUploadRefs");$APP.n(b)&&UD($APP.l(b,"fileList"));VD(a);WD(a);return XD(a)},fE=function(a){$APP.yi(a,"accept","accept");$APP.yi(a,"name","name");$APP.ui(a,"multiple","multiple");$APP.ui(a,"disabled","disabled");$APP.ui(a,
|
|
22
|
+
"required","required");$APP.zi(a,"maxSize","max-size",0);$APP.zi(a,"maxFiles","max-files",0);Object.defineProperty(a,"files",{configurable:!0,enumerable:!0,get:function(){var b=$APP.l(this,"__xFileUploadFiles");return($APP.n(b)?b:[]).slice()}});Object.defineProperty(a,"checkValidity",{value:function(){var b=$APP.l(this,"__xFileUploadInternals");return $APP.n(b)?b.checkValidity():null},writable:!0,configurable:!0});return Object.defineProperty(a,"reportValidity",{value:function(){var b=$APP.l(this,
|
|
23
|
+
"__xFileUploadInternals");return $APP.n(b)?b.reportValidity():null},writable:!0,configurable:!0})},hE=function(){return $APP.Kh("x-file-upload",new $APP.N(null,8,[$APP.Bh,gE,$APP.zh,aE,$APP.qh,bE,$APP.ph,cE,$APP.rh,!0,$APP.oh,dE,$APP.nh,eE,$APP.Ah,fE],null))},OD=new $APP.F(null,"accept","accept",1874130431),HD=new $APP.F(null,"rejected","rejected",231052999),GD=new $APP.F(null,"accepted","accepted",-1953464374),MD=new $APP.F(null,"max-size-raw","max-size-raw",1536077032),QD=new $APP.F(null,"max-size",
|
|
24
|
+
"max-size",-874966132),PD=new $APP.F(null,"multiple?","multiple?",-490002283),KD=new $APP.F(null,"accept-raw","accept-raw",1407413888),RD=new $APP.F(null,"max-files","max-files",534742526),LD=new $APP.F(null,"multiple-present?","multiple-present?",-1754894397),ID=new $APP.F(null,"file","file",-1269645878),ND=new $APP.F(null,"max-files-raw","max-files-raw",-244409320);var gE="accept multiple max-size max-files disabled required name".split(" ");$APP.be(["x-file-upload-select",new $APP.N(null,2,[$APP.Mr,!1,$APP.V,new $APP.N(null,2,[new $APP.F(null,"files","files",-472457450),$APP.bo,HD,$APP.bo],null)],null),"x-file-upload-remove",new $APP.N(null,2,[$APP.Mr,!1,$APP.V,new $APP.N(null,2,[ID,$APP.Mq,new $APP.F(null,"remaining","remaining",-138926777),$APP.bo],null)],null)]);$APP.fa("baredom.exports.x_file_upload.init",hE);export const init=hE;
|
package/dist/x-form-field.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.
|
|
4
|
-
|
|
5
|
-
"string"&&$APP.
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
"input").value;b=this.getAttribute("value");return $APP.n(b)?b:""},set:function(b){b=b!=null&&$APP.
|
|
14
|
-
return $APP.
|
|
15
|
-
$APP.
|
|
16
|
-
$APP.
|
|
2
|
+
var Q1=function(a,b,c){var d=a.hasAttribute("error");var e=a.getAttribute("error");e=$APP.n(e)?e:"";a=a.hasAttribute("required");var f=c.value;$APP.n(d)?b.setValidity({customError:!0},e,c):$APP.n($APP.n(a)?$APP.y.j(f,""):a)?b.setValidity({valueMissing:!0},"Please fill in this field.",c):b.setValidity({},"",c)},R1=function(a,b,c,d){a.textContent=b;$APP.n(c)?a.classList.remove(d):a.classList.add(d)},S1=function(a){if($APP.n($APP.l(a,"__xFormFieldRefs"))){var b=$APP.Yf([$APP.Vi,$APP.Si,$APP.Un,$APP.ko,
|
|
3
|
+
$APP.Wi,$APP.Xi,$APP.hk,$APP.Ti,$APP.Yi,$APP.In,$APP.Ui],[a.getAttribute("label"),a.getAttribute("name"),a.getAttribute("error"),a.getAttribute("hint"),a.hasAttribute("disabled"),a.hasAttribute("required"),a.hasAttribute("readonly"),a.getAttribute("value"),a.getAttribute("autocomplete"),a.getAttribute("type"),a.getAttribute("placeholder")]);var c=$APP.H(b),d=$APP.C(c,$APP.Ui),e=$APP.C(c,$APP.Vi),f=$APP.C(c,$APP.Si);b=$APP.C(c,$APP.Un);var h=$APP.C(c,$APP.ko),k=$APP.C(c,$APP.Wi),m=$APP.C(c,$APP.Xi),
|
|
4
|
+
q=$APP.C(c,$APP.hk),u=$APP.C(c,$APP.Ti),x=$APP.C(c,$APP.Yi),z=$APP.C(c,$APP.In);c=$APP.n(b)?b:"";var A=$APP.n(h)?h:"",D=$APP.n(e)?e:"",G=[$APP.dj,$APP.mk,$APP.aj,$APP.Dn,$APP.$i,$APP.ei,$APP.dr,$APP.O,$APP.zq,$APP.zr,$APP.bj,$APP.On,$APP.ej,$APP.cj];m=$APP.E(m);q=$APP.E(q);d=$APP.n(d)?d:"";h=typeof h==="string"&&$APP.I(h,"")&&h!=null;f=$APP.n(f)?f:"";u=$APP.n(u)?u:"";e=typeof e==="string"&&$APP.I(e,"")&&e!=null;z=typeof z==="string"&&$APP.$c(Fia,z)?z:"text";b=$APP.Yf(G,[m,q,d,h,f,u,e,z,typeof b===
|
|
5
|
+
"string"&&$APP.I(b,"")&&b!=null,A,D,c,$APP.n(x)?x:"",$APP.E(k)]);$APP.I($APP.l(a,"__xFormFieldModel"),b)?(x=$APP.l(a,"__xFormFieldRefs"),$APP.n(x)?(A=$APP.l(x,"label"),k=$APP.l(x,"input"),c=$APP.l(x,"hint"),x=$APP.l(x,"error"),q=$APP.H(b),D=$APP.C(q,$APP.O),G=$APP.C(q,$APP.$i),e=$APP.C(q,$APP.aj),z=$APP.C(q,$APP.cj),m=$APP.C(q,$APP.mk),u=$APP.C(q,$APP.dj),q=$APP.C(q,$APP.ej),k.type=D,k.name=G,k.placeholder=e,k.disabled=z,k.readOnly=m,k.required=u,k.autocomplete=q,D=$APP.H(b),G=$APP.C(D,$APP.dj),e=
|
|
6
|
+
$APP.C(D,$APP.zq),$APP.T(k,"aria-required",$APP.n(G)?"true":"false"),$APP.T(k,"aria-invalid",$APP.n(e)?"true":"false"),G=$APP.H(D),D=$APP.C(G,$APP.Dn),G=$APP.C(G,$APP.zq),D=$APP.n($APP.n(D)?G:D)?"hint error":$APP.n(D)?"hint":$APP.n(G)?"error":null,$APP.n(D)?$APP.T(k,"aria-describedby",D):$APP.U(k,"aria-describedby"),G=$APP.H(b),D=$APP.C(G,$APP.bj),G=$APP.C(G,$APP.dr),R1(A,D,G,"label-hidden"),D=$APP.H(b),A=$APP.C(D,$APP.zr),D=$APP.C(D,$APP.Dn),R1(c,A,D,"hint-hidden"),A=$APP.H(b),c=$APP.C(A,$APP.On),
|
|
7
|
+
A=$APP.C(A,$APP.zq),R1(x,c,A,"error-hidden"),x=$APP.H(b),x=$APP.C(x,$APP.zq),$APP.ki(a,"data-invalid",x),x=$APP.l(a,"__xFormFieldInternals"),$APP.n(x)&&Q1(a,x,k),a=$APP.R(a,"__xFormFieldModel",b)):a=null):a=null;return a}return null},Gia=function(a){var b=$APP.l(a,"__xFormFieldRefs");if($APP.n(b)){b=$APP.l(b,"input");var c=function(){var f=$APP.l(a,"__xFormFieldRefs");if($APP.n(f)){f=$APP.l(f,"input");var h=f.value;var k=a.getAttribute("name");k=$APP.n(k)?k:"";var m=$APP.l(a,"__xFormFieldInternals");
|
|
8
|
+
$APP.n(m)&&(m.setFormValue(h),Q1(a,m,f));f=$APP.pi(a,"x-form-field-input",{name:k,value:h})}else f=null;return f},d=function(){var f=$APP.l(a,"__xFormFieldRefs");if($APP.n(f)){f=$APP.l(f,"input");var h=f.value;var k=a.getAttribute("name");k=$APP.n(k)?k:"";var m=$APP.l(a,"__xFormFieldInternals");$APP.n(m)&&(m.setFormValue(h),Q1(a,m,f));f=$APP.pi(a,"x-form-field-change",{name:k,value:h})}else f=null;return f},e={};b.addEventListener("input",c);b.addEventListener("change",d);e.input=c;e.change=d;$APP.R(a,
|
|
9
|
+
"__xFormFieldHandlers",e)}},T1=function(a){var b=$APP.l(a,"__xFormFieldRefs");if($APP.n(b)){var c=$APP.l(a,"__xFormFieldHandlers");if($APP.n(c))return b=$APP.l(b,"input"),b.removeEventListener("input",$APP.l(c,"input")),b.removeEventListener("change",$APP.l(c,"change")),$APP.R(a,"__xFormFieldHandlers",null)}return null},Hia=function(a,b){$APP.ki(a,"disabled",$APP.E(b));return S1(a)},Iia=function(a){$APP.U(a,"value");var b=$APP.l(a,"__xFormFieldRefs");$APP.n(b)&&($APP.l(b,"input").value="");b=$APP.l(a,
|
|
10
|
+
"__xFormFieldInternals");$APP.n(b)&&b.setFormValue("");return S1(a)},Jia=function(a){if(!$APP.n($APP.l(a,"__xFormFieldRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("label"),f=document.createElement("div"),h=document.createElement("input"),k=document.createElement("span"),m=document.createElement("span"),q={};c.textContent=":host{display:block;color-scheme:light dark;--x-form-field-label-color:var(--x-color-text-muted,#374151);--x-form-field-label-font-size:var(--x-font-size-sm,0.875rem);--x-form-field-input-bg:var(--x-color-surface,#ffffff);--x-form-field-input-color:var(--x-color-text,#111827);--x-form-field-input-border:1px solid var(--x-color-border,#d1d5db);--x-form-field-input-border-radius:var(--x-radius-md,6px);--x-form-field-input-padding:0.5rem 0.75rem;--x-form-field-focus-ring-color:var(--x-color-primary,#2563eb);--x-form-field-error-color:var(--x-color-danger,#dc2626);--x-form-field-hint-color:var(--x-color-text-muted,#6b7280);--x-form-field-disabled-opacity:0.45;}@media (prefers-color-scheme:dark){:host{--x-form-field-label-color:var(--x-color-text-muted,#d1d5db);--x-form-field-input-bg:var(--x-color-surface-hover,#1f2937);--x-form-field-input-color:var(--x-color-text,#f9fafb);--x-form-field-input-border:1px solid var(--x-color-border,#4b5563);--x-form-field-focus-ring-color:var(--x-color-primary,#3b82f6);--x-form-field-error-color:var(--x-color-danger,#f87171);--x-form-field-hint-color:var(--x-color-text-muted,#9ca3af);}}[part\x3dfield]{display:flex;flex-direction:column;gap:0.25rem;}[part\x3dlabel]{display:block;font-size:var(--x-form-field-label-font-size);font-weight:500;color:var(--x-form-field-label-color);}.label-hidden{display:none;}[part\x3dinput-wrapper]{display:block;}[part\x3dinput]{display:block;width:100%;box-sizing:border-box;padding:var(--x-form-field-input-padding);background:var(--x-form-field-input-bg);color:var(--x-form-field-input-color);border:var(--x-form-field-input-border);border-radius:var(--x-form-field-input-border-radius);font-size:1rem;line-height:1.5;font-family:inherit;outline:none;transition:border-color 120ms ease,box-shadow 120ms ease;}[part\x3dinput]:focus{border-color:var(--x-form-field-focus-ring-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--x-form-field-focus-ring-color) 20%,transparent);}:host([data-invalid]) [part\x3dinput]{border-color:var(--x-form-field-error-color);}:host([data-invalid]) [part\x3dinput]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--x-form-field-error-color) 20%,transparent);}[part\x3dinput]:disabled{opacity:var(--x-form-field-disabled-opacity);cursor:not-allowed;}[part\x3dhint]{display:block;font-size:0.8125rem;color:var(--x-form-field-hint-color);}.hint-hidden{display:none;}[part\x3derror]{display:block;font-size:0.8125rem;color:var(--x-form-field-error-color);}.error-hidden{display:none;}@media (prefers-reduced-motion:reduce){[part\x3dinput]{transition:none;}}";
|
|
11
|
+
$APP.T(d,"part","field");$APP.T(e,"part","label");$APP.T(e,"id","label");$APP.T(e,"for","input");$APP.T(f,"part","input-wrapper");$APP.T(h,"part","input");$APP.T(h,"id","input");$APP.T(h,"aria-labelledby","label");$APP.T(k,"part","hint");$APP.T(k,"id","hint");$APP.T(k,"aria-live","polite");$APP.T(m,"part","error");$APP.T(m,"id","error");$APP.T(m,"role","alert");$APP.T(m,"aria-live","assertive");f.appendChild(h);d.appendChild(e);d.appendChild(f);d.appendChild(k);d.appendChild(m);b.appendChild(c);b.appendChild(d);
|
|
12
|
+
q.field=d;q.label=e;q.input=h;q.hint=k;q.error=m;$APP.R(a,"__xFormFieldRefs",q);$APP.n(a.attachInternals)&&$APP.R(a,"__xFormFieldInternals",a.attachInternals())}T1(a);b=$APP.l(a,"__xFormFieldRefs");$APP.n(b)&&(b=$APP.l(b,"input"),c=a.getAttribute("value"),$APP.n(c)&&(b.value=c));b=$APP.l(a,"__xFormFieldInternals");$APP.n(b)&&(c=b.setFormValue,d=a.getAttribute("value"),c.call(b,$APP.n(d)?d:""));Gia(a);return S1(a)},Kia=function(a){return T1(a)},Lia=function(a,b,c,d){$APP.y.j(b,"value")&&(b=$APP.l(a,
|
|
13
|
+
"__xFormFieldRefs"),$APP.n(b)&&(b=$APP.l(b,"input"),$APP.I(b.value,d)&&(b.value=$APP.n(d)?d:"")));return S1(a)},Mia=function(a){Object.defineProperty(a,"value",{configurable:!0,enumerable:!0,get:function(){var b=$APP.l(this,"__xFormFieldRefs");if($APP.n(b))return $APP.l(b,"input").value;b=this.getAttribute("value");return $APP.n(b)?b:""},set:function(b){b=b!=null&&$APP.I(b)?""+$APP.P.i(b):"";$APP.T(this,"value",b);var c=$APP.l(this,"__xFormFieldRefs");return $APP.n(c)?$APP.l(c,"input").value=b:null}})},
|
|
14
|
+
Nia=function(a){Mia(a);$APP.xi(a,"label","label","");$APP.xi(a,"type","type","");$APP.xi(a,"name","name","");$APP.xi(a,"placeholder","placeholder","");$APP.xi(a,"autocomplete","autocomplete","");$APP.ui(a,"disabled","disabled");$APP.ui(a,"readOnly","readonly");return $APP.ui(a,"required","required")},U1=function(){return $APP.Kh("x-form-field",new $APP.N(null,8,[$APP.Bh,Oia,$APP.zh,Jia,$APP.qh,Kia,$APP.ph,Lia,$APP.rh,!0,$APP.oh,Hia,$APP.nh,Iia,$APP.Ah,Nia],null))};var Oia="label type name value placeholder hint error disabled readonly required autocomplete".split(" "),Fia=new $APP.rg(null,new $APP.N(null,6,["url",null,"tel",null,"email",null,"text",null,"number",null,"password",null],null),null);
|
|
15
|
+
$APP.Yf([$APP.aj,$APP.Hk,$APP.$i,$APP.ei,$APP.Bi,$APP.O,$APP.bj,$APP.ej,$APP.Zp],[new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"placeholder"],null),new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"disabled"],null),new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"name"],null),new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"value"],null),new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"readonly"],null),new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"type"],null),new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"label"],null),new $APP.N(null,2,[$APP.O,
|
|
16
|
+
$APP.Y,$APP.W,"autocomplete"],null),new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"required"],null)]);$APP.be(["x-form-field-input",new $APP.N(null,2,[$APP.Mr,!1,$APP.V,new $APP.N(null,2,[$APP.$i,$APP.Y,$APP.ei,$APP.Y],null)],null),"x-form-field-change",new $APP.N(null,2,[$APP.Mr,!1,$APP.V,new $APP.N(null,2,[$APP.$i,$APP.Y,$APP.ei,$APP.Y],null)],null)]);$APP.fa("baredom.exports.x_form_field.init",U1);export const init=U1;
|
package/dist/x-form.d.ts
CHANGED
|
@@ -11,6 +11,10 @@ export interface XForm extends HTMLElement {
|
|
|
11
11
|
loading: boolean;
|
|
12
12
|
novalidate: boolean;
|
|
13
13
|
autocomplete: string;
|
|
14
|
+
submit(): void;
|
|
15
|
+
reset(): void;
|
|
16
|
+
setFieldError(name: string, message: string): void;
|
|
17
|
+
clearErrors(): void;
|
|
14
18
|
|
|
15
19
|
addEventListener<K extends keyof XFormEventMap>(
|
|
16
20
|
type: K,
|
package/dist/x-form.js
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
"
|
|
4
|
-
m:"on"}()):b[f]=function(){var m=e.value;return $APP.n(m)?m:""}()}d+=1}else break;return b},
|
|
5
|
-
{values:
|
|
6
|
-
b.addEventListener("submit",c);b.addEventListener("reset",d);a.addEventListener("click",e);$APP.
|
|
7
|
-
a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("form"),e=document.createElement("slot");c.textContent=":host{display:block;}[part\x3droot]{display:flex;flex-direction:column;gap:var(--x-form-gap,1rem);width:var(--x-form-width,100%);}:host([loading]){pointer-events:none;opacity:0.6;}";
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
$APP.
|
|
2
|
+
var Q_=function(a){a=new $APP.N(null,3,[$APP.Yr,a.getAttribute("loading"),O_,$APP.n(a.hasAttribute("novalidate"))?"":null,$APP.Yi,a.getAttribute("autocomplete")],null);var b=$APP.H(a),c=$APP.C(b,$APP.Yr);a=$APP.C(b,O_);b=$APP.C(b,$APP.Yi);c=c!=null&&$APP.I(c,"false");b=$APP.$c(gha,b)?b:"on";return new $APP.N(null,3,[$APP.Mn,c,P_,a!=null,$APP.ej,b],null)},R_=function(a){if($APP.n($APP.l(a,"__xFormRefs"))){var b=Q_(a);if($APP.I($APP.l(a,"__xFormModel"),b)){var c=$APP.l(a,"__xFormRefs");if($APP.n(c)){c=
|
|
3
|
+
$APP.l(c,"form");var d=$APP.H(b),e=$APP.C(d,$APP.ej);d=$APP.C(d,$APP.Mn);$APP.T(c,"autocomplete",e);$APP.n(d)?($APP.T(c,"aria-busy","true"),$APP.T(c,"data-loading","")):($APP.U(c,"aria-busy"),$APP.U(c,"data-loading"));a=$APP.R(a,"__xFormModel",b)}else a=null}else a=null;return a}return null},hha=function(a){a=a.querySelectorAll("[name]:not([disabled])");for(var b=Object.create(null),c=a.length,d=0;;)if(d<c){var e=a[d],f=e.name;if($APP.n(function(){var m=f;return $APP.n(m)?$APP.I(f,""):m}())){var h=
|
|
4
|
+
e.tagName.toLowerCase(),k=e.getAttribute("type");$APP.y.j(k,"checkbox")||$APP.y.j(k,"radio")||$APP.y.j(h,"x-checkbox")?$APP.n(e.checked)&&(b[f]=function(){var m=e.value;return $APP.n(m)?m:"on"}()):b[f]=function(){var m=e.value;return $APP.n(m)?m:""}()}d+=1}else break;return b},iha=function(a){var b=$APP.l(a,"__xFormRefs");if($APP.n(b)){b=$APP.l(b,"form");var c=function(h){h.preventDefault();h=Q_(a);if($APP.n($APP.Mn.i(h)))h=null;else{h=P_.i(h);if(!$APP.n(h)){h=a.querySelectorAll("[name]:not([disabled])");
|
|
5
|
+
for(var k={ok:!0},m=h.length,q=0;;)if(q<m){var u=h[q];$APP.n(u.reportValidity)&&($APP.n(u.reportValidity())||(k.ok=!1));q+=1}else break;h=k.ok}$APP.n(h)?(h=hha(a),h=$APP.ri(a,"x-form-submit",{values:h})):h=null}return h},d=function(){for(var h=a.querySelectorAll("[name]"),k=h.length,m=0;;)if(m<k){var q=h[m];$APP.n(q.formResetCallback)&&q.formResetCallback();m+=1}else break;return $APP.pi(a,"x-form-reset",{})},e=function(h){a:{h=h.target.closest("button,input[type\x3dsubmit],input[type\x3dreset],x-button[type\x3dsubmit],x-button[type\x3dreset]");
|
|
6
|
+
if($APP.n(h)){h=h.type;var k=$APP.l(a,"__xFormRefs");if($APP.n(k)){k=$APP.l(k,"form");h=$APP.y.j(h,"submit")||$APP.y.j(h,"")?k.requestSubmit():$APP.y.j(h,"reset")?k.reset():null;break a}}h=null}return h},f={};b.addEventListener("submit",c);b.addEventListener("reset",d);a.addEventListener("click",e);f.submit=c;f.reset=d;f.click=e;$APP.R(a,"__xFormHandlers",f)}},S_=function(a){var b=$APP.l(a,"__xFormRefs");if($APP.n(b)){var c=$APP.l(a,"__xFormHandlers");if($APP.n(c))return b=$APP.l(b,"form"),b.removeEventListener("submit",
|
|
7
|
+
$APP.l(c,"submit")),b.removeEventListener("reset",$APP.l(c,"reset")),a.removeEventListener("click",$APP.l(c,"click")),$APP.R(a,"__xFormHandlers",null)}return null},jha=function(a){if(!$APP.n(a.shadowRoot)){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("form"),e=document.createElement("slot"),f={};c.textContent=":host{display:block;}[part\x3droot]{display:flex;flex-direction:column;gap:var(--x-form-gap,1rem);width:var(--x-form-width,100%);}:host([loading]){pointer-events:none;opacity:0.6;}";
|
|
8
|
+
$APP.T(d,"part","root");$APP.T(d,"novalidate","");d.appendChild(e);b.appendChild(c);b.appendChild(d);f.form=d;$APP.R(a,"__xFormRefs",f)}S_(a);iha(a);return R_(a)},kha=function(a){return S_(a)},lha=function(a,b,c,d){return $APP.I(c,d)?R_(a):null},T_=function(a){a=$APP.l(a,"__xFormRefs");return $APP.n(a)?$APP.l(a,"form"):null},mha=function(a){Object.defineProperty(a,"submit",{value:function(){var b=T_(this);return $APP.n(b)?b.requestSubmit():null},writable:!0,configurable:!0});Object.defineProperty(a,
|
|
9
|
+
"reset",{value:function(){var b=T_(this);return $APP.n(b)?b.reset():null},writable:!0,configurable:!0});Object.defineProperty(a,"setFieldError",{value:function(b,c){a:{for(var d=this.querySelectorAll("[name]"),e=c==null||$APP.y.j(c,"")||$APP.y.j(c,void 0),f=d.length,h=0;;)if(h<f){var k=d[h];$APP.y.j(k.name,b)&&(e?$APP.U(k,"error"):$APP.T(k,"error",c));h+=1}else{b=null;break a}b=void 0}return b},writable:!0,configurable:!0});return Object.defineProperty(a,"clearErrors",{value:function(){a:{var b=this.querySelectorAll("[error]");
|
|
10
|
+
for(var c=b.length,d=0;;)if(d<c)$APP.U(b[d],"error"),d+=1;else{b=null;break a}b=void 0}return b},writable:!0,configurable:!0})},oha=function(a){$APP.Ei(a,nha);return mha(a)},U_=function(){return $APP.Kh("x-form",new $APP.N(null,5,[$APP.Bh,pha,$APP.zh,jha,$APP.qh,kha,$APP.ph,lha,$APP.Ah,oha],null))},O_=new $APP.F(null,"novalidate-raw","novalidate-raw",1783236714),P_=new $APP.F(null,"novalidate?","novalidate?",491529885);var pha=["loading","novalidate","autocomplete"],gha=new $APP.rg(null,new $APP.N(null,2,["off",null,"on",null],null),null),nha=new $APP.N(null,3,[$APP.Ik,new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"loading"],null),new $APP.F(null,"novalidate","novalidate",-572717086),new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"novalidate"],null),$APP.ej,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"autocomplete"],null)],null);
|
|
11
|
+
$APP.be(["x-form-submit",new $APP.N(null,2,[$APP.Mr,!0,$APP.V,new $APP.N(null,1,[new $APP.F(null,"values","values",372645556),$APP.Mq],null)],null),"x-form-reset",new $APP.N(null,2,[$APP.Mr,!1,$APP.V,$APP.ce],null)]);$APP.fa("baredom.exports.x_form.init",U_);export const init=U_;
|
package/dist/x-gaussian-blur.js
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
2
|
+
var Fja=function(a,b,c){var d=$APP.w(a);return $APP.tf.m($APP.we,$APP.oe.i(function(e){var f=e*2.39996323,h=50+30*Math.cos(f);f=50+30*Math.sin(f);var k=10*Math.sin(e*2.39996323),m=10*Math.cos(e*Math.PI),q=Math.sin(e*1.618);q=.7+q*q*.6;var u=.8+.4*Math.sin(e*1.3),x=-(e/$APP.Gm.j(b,1));return new $APP.N(null,7,[$APP.Xo,$APP.vc(a,$APP.qd(e,d)),$APP.mr,h+k,$APP.lr,f+m,$APP.Ok,c*q,e3,$APP.qd(e,4),f3,u,g3,x],null)}),$APP.Jg(0,b))},Gja=function(a){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),
|
|
3
3
|
d=document.createElement("div"),e=document.createElement("div"),f=document.createElement("slot");c.textContent=":host{display:block;position:relative;width:100%;height:100%;overflow:hidden;box-sizing:border-box;color-scheme:light dark;--x-gaussian-blur-bg:transparent;--x-gaussian-blur-z-index:0;--x-gaussian-blur-border-radius:0;}:host{border-radius:var(--x-gaussian-blur-border-radius);}[part\x3dbackdrop]{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:var(--x-gaussian-blur-z-index);background:var(--x-gaussian-blur-bg);}[part\x3dcontent]{position:relative;z-index:1;width:100%;height:100%;}.blob{position:absolute;border-radius:50%;will-change:transform;pointer-events:none;}@keyframes x-gb-float-0{0%,100%{transform:translate(-50%,-50%) translate(0,0);}25%{transform:translate(-50%,-50%) translate(12%,-18%);}50%{transform:translate(-50%,-50%) translate(-10%,15%);}75%{transform:translate(-50%,-50%) translate(15%,6%);}}@keyframes x-gb-float-1{0%,100%{transform:translate(-50%,-50%) translate(0,0);}25%{transform:translate(-50%,-50%) translate(-15%,10%);}50%{transform:translate(-50%,-50%) translate(18%,-12%);}75%{transform:translate(-50%,-50%) translate(-8%,-16%);}}@keyframes x-gb-float-2{0%,100%{transform:translate(-50%,-50%) translate(0,0);}25%{transform:translate(-50%,-50%) translate(10%,16%);}50%{transform:translate(-50%,-50%) translate(-18%,-8%);}75%{transform:translate(-50%,-50%) translate(14%,-12%);}}@keyframes x-gb-float-3{0%,100%{transform:translate(-50%,-50%) translate(0,0);}25%{transform:translate(-50%,-50%) translate(-12%,-10%);}50%{transform:translate(-50%,-50%) translate(16%,18%);}75%{transform:translate(-50%,-50%) translate(-10%,14%);}}@keyframes x-gb-pulse-0{0%,100%{transform:translate(-50%,-50%) scale(1) translate(0,0);}33%{transform:translate(-50%,-50%) scale(1.2) translate(10%,-14%);}66%{transform:translate(-50%,-50%) scale(0.85) translate(-10%,10%);}}@keyframes x-gb-pulse-1{0%,100%{transform:translate(-50%,-50%) scale(1) translate(0,0);}33%{transform:translate(-50%,-50%) scale(0.85) translate(-14%,10%);}66%{transform:translate(-50%,-50%) scale(1.2) translate(12%,-8%);}}@keyframes x-gb-pulse-2{0%,100%{transform:translate(-50%,-50%) scale(1) translate(0,0);}33%{transform:translate(-50%,-50%) scale(1.18) translate(8%,16%);}66%{transform:translate(-50%,-50%) scale(0.82) translate(-16%,-10%);}}@keyframes x-gb-pulse-3{0%,100%{transform:translate(-50%,-50%) scale(1) translate(0,0);}33%{transform:translate(-50%,-50%) scale(0.88) translate(-10%,-14%);}66%{transform:translate(-50%,-50%) scale(1.15) translate(10%,16%);}}:host([data-paused]) .blob{animation-play-state:paused;}@media (prefers-reduced-motion:reduce){.blob{animation:none!important;}}";
|
|
4
|
-
|
|
5
|
-
$APP.
|
|
6
|
-
|
|
7
|
-
e)?e:"float";
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
c)}$APP.n($APP.
|
|
12
|
-
new $APP.
|
|
13
|
-
"size"
|
|
14
|
-
"
|
|
4
|
+
$APP.T(d,"part","backdrop");$APP.T(d,"aria-hidden","true");$APP.T(e,"part","content");e.appendChild(f);b.appendChild(c);b.appendChild(d);b.appendChild(e);$APP.R(a,"__xGaussianBlurBackdrop",d);$APP.R(a,"__xGaussianBlurSlot",f);$APP.R(a,"__xGaussianBlurBlobs",[]);$APP.R(a,"__xGaussianBlurInit",!0)},h3=function(a,b){if($APP.n($APP.n(b)?b.assignedNodes().length>0:null))return $APP.U(a,"role"),$APP.U(a,"aria-hidden");$APP.T(a,"role","presentation");return $APP.T(a,"aria-hidden","true")},l3=function(a){var b=
|
|
5
|
+
$APP.Yf([$APP.lq,$APP.Ul,$APP.Po,$APP.Ur,$APP.Ok,$APP.xn,$APP.yn,$APP.gn,i3],[a.getAttribute("paused"),a.getAttribute("animation"),a.getAttribute("speed"),a.getAttribute("colors"),a.getAttribute("size"),a.getAttribute("blur"),a.getAttribute("opacity"),a.getAttribute("count"),a.getAttribute("blend")]);var c=$APP.H(b),d=$APP.C(c,i3);b=$APP.C(c,$APP.lq);var e=$APP.C(c,$APP.Ul),f=$APP.C(c,$APP.Po),h=$APP.C(c,$APP.Ur),k=$APP.C(c,$APP.Ok),m=$APP.C(c,$APP.xn),q=$APP.C(c,$APP.yn);c=$APP.C(c,$APP.gn);h=j3(h);
|
|
6
|
+
typeof c==="string"&&$APP.I("",c.trim())?(c=parseInt(c.trim(),10),c=$APP.n(isFinite(c))?$APP.Hm.j(12,$APP.Gm.j(1,c)):5):c=5;if(typeof k==="string"&&$APP.I("",k.trim())){k=k.trim();var u=$APP.C(Hja,k);$APP.n(u)?k=u:(k=parseFloat(k),u=isFinite(k),k=$APP.n($APP.n(u)?k>0:u)?$APP.Hm.j(100,$APP.Gm.j(10,k)):50)}else k=50;typeof f==="string"&&$APP.I("",f.trim())?(f=f.trim(),u=$APP.C(Ija,f),$APP.n(u)?f=u:(f=parseFloat(f),u=isFinite(f),f=$APP.n($APP.n(u)?f>0:u)?f:10)):f=10;e=typeof e==="string"&&$APP.$c(Jja,
|
|
7
|
+
e)?e:"float";typeof m==="string"&&$APP.I("",m.trim())?(m=parseFloat(m.trim()),u=isFinite(m),m=$APP.n($APP.n(u)?m>0:u)?m:60):m=60;u=Fja(h,c,k);typeof q==="string"&&$APP.I("",q.trim())?(q=parseFloat(q.trim()),q=$APP.n(isFinite(q))?$APP.Hm.j(1,$APP.Gm.j(0,q)):.7):q=.7;d=typeof d==="string"&&$APP.$c(Kja,d)?d:"normal";b=$APP.Yf([$APP.lq,$APP.Ul,$APP.Ur,k3,$APP.xn,$APP.ns,$APP.yn,$APP.gn,i3,Lja],[b!=null,e,h,f,m,u,q,c,d,k]);if($APP.I($APP.l(a,"__xGaussianBlurModel"),b)){d=$APP.l(a,"__xGaussianBlurSlot");
|
|
8
|
+
c=$APP.l(a,"__xGaussianBlurBackdrop");m=$APP.H(b);h=$APP.C(m,$APP.xn);q=$APP.C(m,$APP.yn);m=$APP.C(m,i3);c=c.style;c.setProperty("filter","blur("+$APP.P.i(h)+"px)");c.setProperty("opacity",""+$APP.P.i(q));c.setProperty("mix-blend-mode",m);q=$APP.H(b);h=$APP.C(q,$APP.lq);q=$APP.C(q,$APP.Ul);$APP.n(h)?$APP.T(a,"data-paused",""):$APP.U(a,"data-paused");$APP.T(a,"data-animation",q);m=$APP.H(b);h=$APP.C(m,$APP.ns);q=$APP.C(m,$APP.Ul);c=$APP.C(m,k3);$APP.C(m,$APP.xn);e=$APP.l(a,"__xGaussianBlurBackdrop");
|
|
9
|
+
m=$APP.l(a,"__xGaussianBlurBlobs");f=m.length;k=$APP.w(h);for(u=f;;)if(u<k){var x=document.createElement("div");x.className="blob";e.appendChild(x);m.push(x);u+=1}else break;for(;;)if(f>k)u=m.pop(),e.removeChild(u),--f;else break;for(e=0;;)if(e<k){var z=m[e];x=$APP.vc(h,e);u=q;f=c;var A=$APP.H(x),D=$APP.C(A,$APP.Xo),G=$APP.C(A,$APP.mr),J=$APP.C(A,$APP.lr),S=$APP.C(A,$APP.Ok),Q=$APP.C(A,e3);x=$APP.C(A,f3);A=$APP.C(A,g3);z=z.style;S=""+$APP.P.i(S)+"%";z.setProperty("left",""+$APP.P.i(G)+"%");z.setProperty("top",
|
|
10
|
+
""+$APP.P.i(J)+"%");z.setProperty("width",S);z.setProperty("height",S);z.setProperty("background","radial-gradient(circle,"+$APP.P.i(D)+" 0%,transparent 70%)");z.setProperty("transform","translate(-50%,-50%)");a:switch(D=Q,u){case "float":u="x-gb-float-"+$APP.P.i(D);break a;case "pulse":u="x-gb-pulse-"+$APP.P.i(D);break a;default:u=null}$APP.n(u)?(x*=f,f*=A,z.setProperty("animation",""+$APP.P.i(u)+" "+$APP.P.i(x)+"s ease-in-out "+$APP.P.i(f)+"s infinite")):z.removeProperty("animation");e+=1}else break;
|
|
11
|
+
h3(a,d);a=$APP.R(a,"__xGaussianBlurModel",b)}else a=null;return a},Mja=function(a){function b(){return h3(a,c)}$APP.n($APP.l(a,"__xGaussianBlurInit"))||Gja(a);var c=$APP.l(a,"__xGaussianBlurSlot");$APP.R(a,"__xGaussianBlurSlotHandler",b);c.addEventListener("slotchange",b);return l3(a)},Nja=function(a){var b=$APP.l(a,"__xGaussianBlurSlot");a=$APP.l(a,"__xGaussianBlurSlotHandler");return $APP.n($APP.n(b)?a:b)?b.removeEventListener("slotchange",a):null},Oja=function(a,b,c,d){return $APP.I(c,d)?$APP.n($APP.l(a,
|
|
12
|
+
"__xGaussianBlurInit"))?l3(a):null:null},Qja=function(a){return $APP.Ei(a,Pja)},m3=function(){return $APP.Kh("x-gaussian-blur",new $APP.N(null,5,[$APP.Bh,Rja,$APP.zh,Mja,$APP.qh,Nja,$APP.ph,Oja,$APP.Ah,Qja],null))},k3=new $APP.F(null,"speed-s","speed-s",-1018350546),i3=new $APP.F(null,"blend","blend",249565561),Lja=new $APP.F(null,"size-pct","size-pct",-741809955),e3=new $APP.F(null,"anim-index","anim-index",-1563021855),g3=new $APP.F(null,"delay-factor","delay-factor",-751650178),f3=new $APP.F(null,
|
|
13
|
+
"duration-factor","duration-factor",-409465019);var Rja="colors blur speed count size opacity animation blend paused".split(" "),Pja=$APP.Yf([$APP.lq,$APP.Ul,$APP.Po,$APP.Ur,$APP.Ok,$APP.xn,$APP.yn,$APP.gn,i3],[new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"paused"],null),new $APP.N(null,3,[$APP.O,$APP.Y,$APP.W,"animation",$APP.Di,"float"],null),new $APP.N(null,3,[$APP.O,$APP.Y,$APP.W,"speed",$APP.Di,"medium"],null),new $APP.N(null,3,[$APP.O,$APP.Y,$APP.W,"colors",$APP.Di,"#6366f1, #ec4899, #14b8a6, #f59e0b"],null),new $APP.N(null,3,[$APP.O,$APP.Y,
|
|
14
|
+
$APP.W,"size",$APP.Di,"medium"],null),new $APP.N(null,3,[$APP.O,$APP.Y,$APP.W,"blur",$APP.Di,"60"],null),new $APP.N(null,3,[$APP.O,$APP.Y,$APP.W,"opacity",$APP.Di,"0.7"],null),new $APP.N(null,3,[$APP.O,$APP.Y,$APP.W,"count",$APP.Di,"5"],null),new $APP.N(null,3,[$APP.O,$APP.Y,$APP.W,"blend",$APP.Di,"normal"],null)]),Jja=new $APP.rg(null,new $APP.N(null,3,["float",null,"none",null,"pulse",null],null),null),Kja=new $APP.rg(null,new $APP.N(null,5,["soft-light",null,"multiply",null,"screen",null,"normal",
|
|
15
|
+
null,"overlay",null],null),null),Ija=new $APP.N(null,3,["slow",18,"medium",10,"fast",5],null),Hja=new $APP.N(null,3,["small",30,"medium",50,"large",70],null),j3=function j3(a){return typeof a==="string"&&$APP.I("",a.trim())?(a=a.trim().split(/,/),$APP.tf.m($APP.we,$APP.Im.j($APP.oe.i(function(c){return c.trim()}),$APP.te(function(c){return $APP.I("",c)})),a)):j3.i?j3.i("#6366f1, #ec4899, #14b8a6, #f59e0b"):j3.call(null,"#6366f1, #ec4899, #14b8a6, #f59e0b")};$APP.fa("baredom.exports.x_gaussian_blur.init",m3);export const init=m3;
|
package/dist/x-grid.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.H(a);a=$APP.C(b,
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
"column-gap-token","column-gap-token",-10192833),
|
|
2
|
+
var yZ=function(a){switch(a){case "none":return"0";case "xs":return"4px";case "sm":return"8px";case "md":return"16px";case "lg":return"24px";case "xl":return"32px";default:return"16px"}},zZ=function(a,b,c){return $APP.$c(b,a)?a:c},Zfa=function(a){switch(a){case "row-dense":return"row dense";case "column-dense":return"column dense";default:return a}},$fa=function(a){return $APP.n($APP.n(a)?$APP.I("",a):a)?a:null},aga=function(a){return $APP.n($APP.n(a)?$APP.I("",a):a)?a:"16rem"},ega=function(a){var b=
|
|
3
|
+
$APP.H(a);a=$APP.C(b,AZ);var c=$APP.C(b,BZ),d=$APP.C(b,$APP.Qr),e=$APP.C(b,CZ),f=$APP.C(b,DZ),h=$APP.C(b,$APP.gq),k=$APP.C(b,EZ),m=$APP.C(b,$APP.Do);b=$APP.C(b,$APP.up);h=$fa(h);k=aga(k);var q=zZ(b,FZ,"md");b=function(){var x=$APP.$c(FZ,d)?d:null;return $APP.n(x)?x:q}();var u=function(){var x=$APP.$c(FZ,m)?m:null;return $APP.n(x)?x:q}();f=zZ(f,GZ,"stretch");c=zZ(c,GZ,"stretch");e=Zfa(zZ(e,bga,"row"));h=$APP.n(h)?h:"repeat(auto-fit,minmax("+$APP.P.i(k)+",1fr))";return $APP.Yf([CZ,DZ,$APP.gq,$APP.Do,
|
|
4
|
+
$APP.up,cga,AZ,dga,$APP.Qr,BZ],[e,f,h,yZ(u),q,b,$APP.E(a),u,yZ(b),c])},HZ=function(a){var b=$APP.l(a,"__xGridRefs");if($APP.n(b))a=b;else{b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot"),f=new $APP.N(null,2,[$APP.Kj,b,$APP.cs,d],null);c.textContent=fga;$APP.T(d,"part","base");d.className="base";d.appendChild(e);b.appendChild(c);b.appendChild(d);$APP.R(a,"__xGridRefs",f);a=f}return a},IZ=function(a){var b=ega($APP.Yf([CZ,
|
|
5
|
+
DZ,$APP.gq,EZ,$APP.Do,$APP.up,AZ,$APP.Qr,BZ],[a.getAttribute("auto-flow"),a.getAttribute("align-items"),a.getAttribute("columns"),a.getAttribute("min-column-size"),a.getAttribute("column-gap"),a.getAttribute("gap"),a.hasAttribute("inline"),a.getAttribute("row-gap"),a.getAttribute("justify-items")]));if($APP.I($APP.l(a,"__xGridModel"),b)){b=$APP.H(b);var c=$APP.C(b,$APP.gq),d=$APP.C(b,$APP.up),e=$APP.C(b,$APP.Qr),f=$APP.C(b,$APP.Do),h=$APP.C(b,DZ),k=$APP.C(b,BZ),m=$APP.C(b,CZ),q=HZ(a);q=$APP.H(q);
|
|
6
|
+
q=$APP.C(q,$APP.cs);var u=q.style;$APP.T(q,"data-gap",d);u.setProperty("--x-grid-columns",c);u.setProperty("--x-grid-row-gap",e);u.setProperty("--x-grid-column-gap",f);u.setProperty("--x-grid-align-items",h);u.setProperty("--x-grid-justify-items",k);u.setProperty("--x-grid-auto-flow",m);a=$APP.R(a,"__xGridModel",b)}else a=null;return a},gga=function(a){HZ(a);return IZ(a)},hga=function(a,b,c,d){return $APP.I(c,d)?IZ(a):null},JZ=function(){return $APP.Kh("x-grid",new $APP.N(null,3,[$APP.Bh,iga,$APP.zh,
|
|
7
|
+
gga,$APP.ph,hga],null))},EZ=new $APP.F(null,"min-column-size","min-column-size",-1066019378),AZ=new $APP.F(null,"inline","inline",1399884222),dga=new $APP.F(null,"column-gap-token","column-gap-token",-10192833),DZ=new $APP.F(null,"align-items","align-items",-267946462),cga=new $APP.F(null,"row-gap-token","row-gap-token",-219143816),CZ=new $APP.F(null,"auto-flow","auto-flow",-1524521728),BZ=new $APP.F(null,"justify-items","justify-items",1638310783);var iga="columns min-column-size gap row-gap column-gap align-items justify-items auto-flow inline".split(" "),FZ=new $APP.rg(null,new $APP.N(null,6,["none",null,"xs",null,"md",null,"lg",null,"xl",null,"sm",null],null),null),GZ=new $APP.rg(null,new $APP.N(null,4,["center",null,"start",null,"stretch",null,"end",null],null),null),bga=new $APP.rg(null,new $APP.N(null,5,["column-dense",null,"row-dense",null,"dense",null,"column",null,"row",null],null),null);var fga=":host{display:block;}:host([inline]){display:inline-block;}.base{display:grid;box-sizing:border-box;grid-template-columns:var("+$APP.P.i("--x-grid-columns")+");row-gap:var("+$APP.P.i("--x-grid-row-gap")+");column-gap:var("+$APP.P.i("--x-grid-column-gap")+");align-items:var("+$APP.P.i("--x-grid-align-items")+");justify-items:var("+$APP.P.i("--x-grid-justify-items")+");grid-auto-flow:var("+$APP.P.i("--x-grid-auto-flow")+");}";$APP.fa("baredom.exports.x_grid.init",JZ);export const init=JZ;
|
package/dist/x-i18n-provider.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
null;for(var f=d.length-1;;)if(f>=0){var h=d[f],
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
c:"en",$APP.
|
|
7
|
-
{
|
|
8
|
-
"fallback-locale"];$APP.
|
|
2
|
+
var KZ=function(a,b){return typeof a==="string"&&$APP.I(a,"")&&typeof b==="string"&&$APP.I(b,"")?$APP.Nh(a,"{locale}",b):null},LZ=function(a){var b=$APP.l(a,"__xI18nProviderAbort");return $APP.n(b)?(b.abort(),$APP.R(a,"__xI18nProviderAbort",null)):null},MZ=function(a,b){return fetch(a,{signal:b}).then(function(c){if($APP.n(c.ok))return c.json();throw Error("HTTP "+$APP.P.i(c.status));}).then(function(c){return c})},jga=function(a,b,c){var d=a.attributes,e=a.getAttribute("data-i18n-params");e=e!=null?
|
|
3
|
+
$APP.Ql(e):null;for(var f=d.length-1;;)if(f>=0){var h=d[f],k=h.name;if($APP.n(function(){var u=k.startsWith("data-i18n-");return $APP.n(u)?$APP.I(k,"data-i18n-params"):u}())){var m=k.substring(10),q=h.value;h=function(){var u=$APP.Rl(b,q);return $APP.n(u)?u:$APP.Rl(c,q)}();h=typeof h==="string"?$APP.n(e)?$APP.Sl(h,e):h:q;$APP.T(a,m,h)}--f}else break},NZ=function(a){var b=$APP.l(a,"__xI18nProviderTranslations");if($APP.n(b)){var c=$APP.l(b,"current");b=$APP.l(b,"fallback");for(var d=a.querySelectorAll("*"),
|
|
4
|
+
e=d.length,f=0;;)if(f<e){var h=d[f];h.closest("x-i18n-provider")===a&&jga(h,c,b);f+=1}else return null}else return null},kga=function(a,b,c,d){var e=KZ(b,c);e=MZ(e,a);b=$APP.I(d,"")&&$APP.I(d,c)?KZ(b,d):null;a=$APP.n(b)?MZ(b,a).catch(function(){return null}):Promise.resolve(null);return[e,a]},lga=function(a,b){LZ(a);var c=$APP.H(b);b=$APP.C(c,$APP.Xp);var d=$APP.C(c,$APP.Cs);c=$APP.C(c,$APP.Hq);var e=KZ(b,d);$APP.n(e)&&(e=new AbortController,b=kga(e.signal,b,d,c),$APP.R(a,"__xI18nProviderAbort",e),
|
|
5
|
+
$APP.pi(a,"x-i18n-loading",{locale:d}),Promise.all(b).then(function(f){$APP.R(a,"__xI18nProviderTranslations",{current:f[0],fallback:f[1]});$APP.R(a,"__xI18nProviderAbort",null);$APP.pi(a,"x-i18n-change",{locale:d});return NZ(a)}).catch(function(f){$APP.y.j("AbortError",f.name)?f=null:($APP.R(a,"__xI18nProviderAbort",null),f=$APP.pi(a,"x-i18n-error",{locale:d,message:f.message}));return f}))},OZ=function(a){var b=a.getAttribute("src");var c=a.getAttribute("locale"),d=a.getAttribute("fallback-locale");
|
|
6
|
+
b=new $APP.N(null,3,[$APP.Xp,$APP.n(b)?b:"",$APP.Cs,typeof c==="string"&&$APP.I(c,"")?c:"en",$APP.Hq,$APP.n(d)?d:""],null);c=$APP.l(a,"__xI18nProviderModel");$APP.I(b,c)?((d=c==null)||(d=$APP.I($APP.Xp.i(c),$APP.Xp.i(b))||$APP.I($APP.Cs.i(c),$APP.Cs.i(b))||$APP.I($APP.Hq.i(c),$APP.Hq.i(b))),d&&lga(a,b),a=$APP.R(a,"__xI18nProviderModel",b)):a=null;return a},mga=function(a){if(!$APP.fi(a,"__xI18nProviderInitialized")){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("slot");
|
|
7
|
+
c.textContent=":host{display:contents}";b.appendChild(c);b.appendChild(d);$APP.R(a,"__xI18nProviderInitialized",!0)}return OZ(a)},nga=function(a){return LZ(a)},oga=function(a,b,c,d){return $APP.I(c,d)?$APP.fi(a,"__xI18nProviderInitialized")?OZ(a):null:null},pga=function(a){$APP.Ei(a,$APP.Ls);Object.defineProperty(a,"translations",{get:function(){var b=$APP.l(this,"__xI18nProviderTranslations");return $APP.n(b)?$APP.l(b,"current"):null},enumerable:!0,configurable:!0});return Object.defineProperty(a,
|
|
8
|
+
"translateSubtree",{value:function(){return NZ(this)},writable:!0,configurable:!0})},PZ=function(){return $APP.Kh("x-i18n-provider",new $APP.N(null,5,[$APP.Bh,qga,$APP.zh,mga,$APP.qh,nga,$APP.ph,oga,$APP.Ah,pga],null))},qga=["src","locale","fallback-locale"];$APP.fa("baredom.exports.x_i18n_provider.init",PZ);export const init=PZ;
|