@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
package/dist/x-file-upload.js
CHANGED
|
@@ -1,24 +1,28 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
c.startsWith(""+$APP.
|
|
4
|
-
2,[
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
$APP.
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
$APP.
|
|
21
|
-
|
|
22
|
-
$APP.
|
|
23
|
-
|
|
24
|
-
"max-
|
|
2
|
+
var nE=function(a){return a!=null?(a=parseInt(a,10),$APP.p(isNaN(a))&&a>0?a:null):null},Sfa=function(a){var b=a.lastIndexOf(".");return b>0?a.substring(b).toLowerCase():null},Tfa=function(a,b){if(b==null||$APP.z.j(b,""))return!0;var c=function(){var e=a.type;return $APP.m(e)?e:""}().toLowerCase(),d=Sfa(a.name);b=$APP.Oe.j($APP.pi,$APP.ni(b,/,/));return $APP.D($APP.te(function(e){e=e.toLowerCase();return $APP.m(e.startsWith("."))?$APP.z.j(e,d):$APP.m(e.endsWith("/*"))?(e=e.substring(0,e.indexOf("/")),
|
|
3
|
+
c.startsWith(""+$APP.N.i(e)+"/")):$APP.z.j(e,c)},b))},Ufa=function(a,b,c,d,e){a=$APP.q(a);for(var f=$APP.Xe,h=$APP.Xe;;){if($APP.p(a))return new $APP.K(null,2,[oE,f,pE,h],null);var k=$APP.t(a);var n=k;var r=b,v=c;n=$APP.ti(r)&&!Tfa(n,r)?new $APP.K(null,2,[$APP.hn,!1,$APP.yr,"File type not accepted"],null):v!=null&&n.size>v?new $APP.K(null,2,[$APP.hn,!1,$APP.yr,"File too large"],null):new $APP.K(null,2,[$APP.hn,!0,$APP.yr,null],null);$APP.p($APP.hn.i(n))?(a=$APP.u(a),h=$APP.Jd.j(h,new $APP.K(null,
|
|
4
|
+
2,[qE,k,$APP.yr,$APP.yr.i(n)],null))):d!=null&&e>=d?(a=$APP.u(a),h=$APP.Jd.j(h,new $APP.K(null,2,[qE,k,$APP.yr,"Maximum files reached"],null))):(a=$APP.u(a),f=$APP.Jd.j(f,k),e+=1)}},Vfa=function(a){return""+$APP.N.i(a.name)+"|"+$APP.N.i(a.size)+"|"+$APP.N.i(a.lastModified)},Wfa=function(a,b,c){a=""+$APP.N.i(a);var d=b.name;var e=b.size;e=e<1024?""+$APP.N.i(e)+" B":e<1048576?""+$APP.N.i((e/1024).toFixed(1))+" KB":e<1073741824?""+$APP.N.i((e/1048576).toFixed(1))+" MB":""+$APP.N.i((e/1073741824).toFixed(1))+
|
|
5
|
+
" GB";return new $APP.K(null,5,[$APP.Ei,c,$APP.Vm,a,$APP.ll,d,$APP.Xo,e,rE,"Remove "+$APP.N.i(b.name)],null)},AE=function(a){a=new $APP.K(null,7,[sE,a.getAttribute("accept"),tE,a.hasAttribute("multiple"),uE,a.getAttribute("max-size"),vE,a.getAttribute("max-files"),$APP.gl,a.hasAttribute("disabled"),$APP.hl,a.hasAttribute("required"),$APP.cl,a.getAttribute("name")],null);var b=$APP.G(a);a=$APP.C(b,sE);var c=$APP.C(b,tE),d=$APP.C(b,uE),e=$APP.C(b,vE),f=$APP.C(b,$APP.gl),h=$APP.C(b,$APP.hl);b=$APP.C(b,
|
|
6
|
+
$APP.cl);return new $APP.K(null,7,[wE,$APP.m(a)?a:"",xE,$APP.D(c),yE,nE(d),zE,nE(e),$APP.nl,$APP.D(f),$APP.Rj,$APP.D(h),$APP.ll,$APP.m(b)?b:""],null)},BE=function(a){if($APP.m($APP.l(a,"__xFileUploadRefs"))){var b=AE(a);if($APP.M.j($APP.l(a,"__xFileUploadModel"),b)){var c=$APP.l(a,"__xFileUploadRefs");if($APP.m(c)){var d=$APP.l(c,"dropZone");c=$APP.l(c,"fileInput");var e=$APP.G(b),f=$APP.C(e,wE);e=$APP.C(e,xE);$APP.z.j(f,"")?$APP.V(c,"accept"):$APP.U(c,"accept",f);$APP.m(e)?$APP.U(c,"multiple",""):
|
|
7
|
+
$APP.V(c,"multiple");c=$APP.G(b);c=$APP.C(c,$APP.nl);$APP.U(d,"tabindex",$APP.m(c)?"-1":"0");$APP.U(d,"aria-disabled",""+$APP.N.i(c));a=$APP.T(a,"__xFileUploadModel",b)}else a=null}else a=null;return a}return null},Xfa=function(a){a=a.querySelector("[part\x3dthumbnail]");return a==null?null:URL.revokeObjectURL(a.src)},Yfa=function(a,b){var c=document.createElement("div");a=a.i?a.i(b):a.call(null,b);b=document.createElement("span");var d=document.createElement("span");$APP.U(b,"part","file-name");
|
|
8
|
+
$APP.U(d,"part","file-size");d=new $APP.H(null,2,5,$APP.J,[b,d],null);b=$APP.B(d,0,null);d=$APP.B(d,1,null);$APP.U(c,"part","file-item");$APP.U(c,"role","listitem");var e=a.type,f=typeof e==="string";$APP.m(f?e.startsWith("image/"):f)&&(e=c.appendChild,f=document.createElement("img"),$APP.U(f,"part","thumbnail"),f.src=URL.createObjectURL(a),$APP.U(f,"alt",a.name),e.call(c,f));a=c.append;e=document.createElement("button");$APP.U(e,"part","remove");$APP.U(e,"type","button");e.textContent="×";a.call(c,
|
|
9
|
+
b,d,e);return c},CE=function(a,b){return a.querySelector("[part\x3d"+$APP.N.i(b)+"]")},Zfa=function(a,b){var c=$APP.G(b),d=$APP.C(c,$APP.Ei);b=$APP.C(c,$APP.Vm);var e=$APP.C(c,$APP.ll),f=$APP.C(c,$APP.Xo);c=$APP.C(c,rE);a=a.i?a.i(d):a.call(null,d);d=CE(a,"remove");$APP.$i(CE(a,"file-name"),e);$APP.$i(CE(a,"file-size"),f);$APP.Zi(d,"aria-label",c);return $APP.Zi(d,"data-index",b)},EE=function(a,b,c){a=$APP.Ok(new $APP.K(null,1,[DE,new $APP.K(null,1,[$APP.Jk,a],null)],null));var d=$APP.Hk($APP.Mk.i(a),
|
|
10
|
+
new $APP.K(null,1,[DE,$APP.Ci.j($APP.Ei,c)],null));b=$APP.xe(Yfa,$APP.kh($APP.Oe.j($APP.Ei,c),b));$APP.bi($APP.wk.j(Xfa,$APP.Nk.i(a)),$APP.Fk.i(d));return $APP.bi($APP.xe(Zfa,$APP.Sk(a,d,b)),c)},FE=function(a){var b=$APP.l(a,"__xFileUploadRefs");if($APP.m(b)){var c=$APP.Jc($APP.l(a,"__xFileUploadFiles"));a=$APP.Ci.J(Wfa,$APP.uh(),c,$APP.Di($APP.Oe.j(Vfa,c)));EE($APP.l(b,"fileList"),c,a);b=$APP.l(b,"liveRegion");a=$APP.w(a);a=a===0?"":""+$APP.N.i(a)+" file"+$APP.N.i($APP.M.j(a,1)?"s":null)+" selected";
|
|
11
|
+
$APP.$i(b,a)}},GE=function(a){var b=$APP.l(a,"__xFileUploadInternals");if($APP.m(b)){var c=$APP.l(a,"__xFileUploadFiles");a=a.getAttribute("name");a=$APP.m(a)?a:"file";if(c.length===0)b.setFormValue(null);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)}}},HE=function(a){var b=$APP.l(a,"__xFileUploadInternals");if($APP.m(b)){var c=$APP.l(a,"__xFileUploadRefs");if($APP.m(c)){var d=a.hasAttribute("required");a=$APP.l(a,"__xFileUploadFiles");c=$APP.l(c,
|
|
12
|
+
"dropZone");return $APP.m($APP.m(d)?a.length===0:d)?b.setValidity({valueMissing:!0},"Please select a file.",c):b.setValidity({},"")}}return null},IE=function(a,b){var c=AE(a);c=$APP.G(c);var d=$APP.C(c,wE),e=$APP.C(c,xE),f=$APP.C(c,yE),h=$APP.C(c,zE);c=$APP.l(a,"__xFileUploadFiles");b=Ufa($APP.Jc(b),d,f,h,c.length);d=$APP.G(b);b=$APP.C(d,oE);d=$APP.C(d,pE);if($APP.m(e)){e=$APP.q(b);f=null;for(var k=h=0;;)if(k<h){var n=f.C(null,k);c.push(n);k+=1}else if(e=$APP.q(e))f=e,$APP.gd(f)?(e=$APP.Jb(f),k=$APP.Kb(f),
|
|
13
|
+
f=e,h=$APP.w(e),e=k):(e=$APP.t(f),c.push(e),e=$APP.u(f),f=null,h=0),k=0;else break}else c.length=0,$APP.q(b)&&c.push($APP.t(b));FE(a);GE(a);HE(a);return $APP.fj(a,"x-file-upload-select",{files:$APP.od(b),rejected:$APP.od($APP.Oe.j(function(r){var v=$APP.G(r);r=$APP.C(v,qE);v=$APP.C(v,$APP.yr);return{file:r,reason:v}},d))})},$fa=function(a){return{zoneClick:function(){if($APP.m(a.hasAttribute("disabled")))return null;var b=$APP.l(a,"__xFileUploadRefs");return $APP.m(b)?$APP.l(b,"fileInput").click():
|
|
14
|
+
null},zoneKeydown:function(b){return($APP.z.j(b.key,"Enter")||$APP.z.j(b.key," "))&&$APP.p(a.hasAttribute("disabled"))?(b.preventDefault(),b=$APP.l(a,"__xFileUploadRefs"),$APP.m(b)?$APP.l(b,"fileInput").click():null):null},fileChange:function(b){b=b.target;var c=b.files;c.length>0&&IE(a,c);return b.value=""},dragenter:function(b){b.preventDefault();if($APP.m(a.hasAttribute("disabled")))return null;b=$APP.l(a,"__xFileUploadDragCtr")+1;$APP.T(a,"__xFileUploadDragCtr",b);return $APP.z.j(b,1)?$APP.U(a,
|
|
15
|
+
"data-drag-over",""):null},dragover:function(b){b.preventDefault();return b.dataTransfer.dropEffect="copy"},dragleave:function(){var b=$APP.l(a,"__xFileUploadDragCtr")-1;$APP.T(a,"__xFileUploadDragCtr",b);return b<=0?($APP.T(a,"__xFileUploadDragCtr",0),$APP.V(a,"data-drag-over")):null},drop:function(b){b.preventDefault();$APP.T(a,"__xFileUploadDragCtr",0);$APP.V(a,"data-drag-over");if($APP.m(a.hasAttribute("disabled")))return null;b=b.dataTransfer.files;return b.length>0?IE(a,b):null},fileListClick:function(b){b=
|
|
16
|
+
b.target;b=$APP.m(b.hasAttribute("data-index"))?b:b.closest("[data-index]");if($APP.m(b)){b=parseInt(b.getAttribute("data-index"),10);if($APP.m(isNaN(b)))b=null;else{var c=$APP.l(a,"__xFileUploadFiles"),d=c[b];c.splice(b,1);FE(a);GE(a);HE(a);b=$APP.fj(a,"x-file-upload-remove",{file:d,remaining:c.slice()})}return b}return null}}},JE=function(a){var b=$APP.l(a,"__xFileUploadRefs");if($APP.m(b)&&(a=$APP.l(a,"__xFileUploadHandlers"),$APP.m(a))){var c=$APP.l(b,"dropZone"),d=$APP.l(b,"fileInput");b=$APP.l(b,
|
|
17
|
+
"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",$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"))}},bga=function(a){if(!$APP.m($APP.l(a,"__xFileUploadRefs"))){var b=
|
|
18
|
+
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=document.createElement("div"),n=document.createElement("div"),r=document.createElement("div");c.textContent=aga;$APP.U(d,"part","drop-zone");$APP.U(d,"role","button");$APP.U(d,"tabindex","0");$APP.U(e,"type","file");$APP.U(e,"aria-hidden","true");$APP.U(e,"tabindex","-1");$APP.U(f,"part","content");f.appendChild(h);
|
|
19
|
+
$APP.U(k,"part","drag-overlay");$APP.U(k,"hidden","");k.textContent="Drop files here";$APP.U(n,"part","file-list");$APP.U(n,"role","list");$APP.U(r,"part","live-region");$APP.U(r,"aria-live","polite");$APP.U(r,"aria-atomic","true");d.appendChild(e);d.appendChild(f);d.appendChild(k);b.appendChild(c);b.appendChild(d);b.appendChild(n);b.appendChild(r);$APP.T(a,"__xFileUploadFiles",[]);$APP.T(a,"__xFileUploadDragCtr",0);$APP.T(a,"__xFileUploadRefs",{dropZone:d,fileInput:e,content:f,dragOverlay:k,fileList:n,
|
|
20
|
+
liveRegion:r})}b=a.attachInternals;$APP.m($APP.m(b)?$APP.p($APP.l(a,"__xFileUploadInternals")):b)&&$APP.T(a,"__xFileUploadInternals",a.attachInternals());JE(a);$APP.T(a,"__xFileUploadHandlers",$fa(a));e=$APP.l(a,"__xFileUploadRefs");$APP.m(e)&&(b=$APP.l(a,"__xFileUploadHandlers"),$APP.m(b)&&(c=$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,
|
|
21
|
+
"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"))));BE(a);FE(a);return HE(a)},cga=function(a){JE(a);a=$APP.l(a,"__xFileUploadRefs");return $APP.m(a)?EE($APP.l(a,"fileList"),$APP.Xe,$APP.Xe):null},dga=function(a,b,c,d){return $APP.M.j(c,d)?BE(a):null},ega=function(a,b){$APP.Yi(a,"disabled",
|
|
22
|
+
b);return BE(a)},fga=function(a){$APP.l(a,"__xFileUploadFiles").length=0;FE(a);GE(a);return HE(a)},gga=function(a){$APP.ak(a,"__xFileUploadInternals");$APP.oj(a,"accept","accept");$APP.oj(a,"name","name");$APP.kj(a,"multiple","multiple");$APP.kj(a,"disabled","disabled");$APP.kj(a,"required","required");$APP.pj(a,"maxSize","max-size",0);$APP.pj(a,"maxFiles","max-files",0);return Object.defineProperty(a,"files",{configurable:!0,enumerable:!0,get:function(){var b=$APP.l(this,"__xFileUploadFiles");return($APP.m(b)?
|
|
23
|
+
b:[]).slice()}})},KE=function(){return $APP.Oj("x-file-upload",new $APP.K(null,8,[$APP.Gj,hga,$APP.Ej,bga,$APP.Bj,cga,$APP.Aj,dga,$APP.Cj,!0,$APP.zj,ega,$APP.yj,fga,$APP.Fj,gga],null))},rE=new $APP.F(null,"remove-label","remove-label",-20356072),wE=new $APP.F(null,"accept","accept",1874130431),DE=new $APP.F(null,"files","files",-472457450),oE=new $APP.F(null,"accepted","accepted",-1953464374),uE=new $APP.F(null,"max-size-raw","max-size-raw",1536077032),sE=new $APP.F(null,"accept-raw","accept-raw",
|
|
24
|
+
1407413888),zE=new $APP.F(null,"max-files","max-files",534742526),iga=new $APP.F(null,"remaining","remaining",-138926777),tE=new $APP.F(null,"multiple-present?","multiple-present?",-1754894397),vE=new $APP.F(null,"max-files-raw","max-files-raw",-244409320),pE=new $APP.F(null,"rejected","rejected",231052999),yE=new $APP.F(null,"max-size","max-size",-874966132),xE=new $APP.F(null,"multiple?","multiple?",-490002283),qE=new $APP.F(null,"file","file",-1269645878);var hga="accept multiple max-size max-files disabled required name".split(" ");
|
|
25
|
+
$APP.Ag([$APP.Kx,$APP.nx,$APP.js,$APP.Qo,$APP.ll,new $APP.F(null,"multiple","multiple",1244445549),DE,$APP.ut,new $APP.F(null,"maxFiles","maxFiles",-1897204198),new $APP.F(null,"maxSize","maxSize",-1434884613),$APP.Rs,$APP.Ws,wE],[new $APP.K(null,2,[$APP.P,$APP.X,$APP.rj,!0],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],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"disabled"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"name"],null),new $APP.K(null,
|
|
26
|
+
2,[$APP.P,$APP.sj,$APP.W,"multiple"],null),new $APP.K(null,2,[$APP.P,$APP.Qr,$APP.Ks,!0],null),new $APP.K(null,2,[$APP.P,$APP.Zv,$APP.rj,!0],null),new $APP.K(null,2,[$APP.P,$APP.Y,$APP.W,"max-files"],null),new $APP.K(null,2,[$APP.P,$APP.Y,$APP.W,"max-size"],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),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"accept"],null)]);
|
|
27
|
+
$APP.ne(["x-file-upload-select",new $APP.K(null,2,[$APP.St,!1,$APP.cj,new $APP.K(null,2,[DE,$APP.Qr,pE,$APP.Qr],null)],null),"x-file-upload-remove",new $APP.K(null,2,[$APP.St,!1,$APP.cj,new $APP.K(null,2,[qE,$APP.qt,iga,$APP.Qr],null)],null)]);var aga=":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:color-mix(in srgb,var(--x-color-primary,rgb(59,130,246)) 5%,transparent);--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:var(--x-border-width,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);}"+
|
|
28
|
+
$APP.N.i("button,input,select,textarea{font-family:inherit;}")+$APP.N.i(":host([hidden]){display:none;}")+"@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:color-mix(in srgb,var(--x-color-primary,rgb(96,165,250)) 8%,transparent);--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:var(--x-border-width,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:var(--x-font-weight-semibold,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:var(--x-radius-md,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:var(--x-radius-sm,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:var(--x-font-size-sm,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:var(--x-radius-sm,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;}}";$APP.ha("baredom.exports.x_file_upload.init",KE);export const init=KE;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
// x-floating-panel.d.ts — auto-generated by generate_types.bb, do not edit
|
|
2
|
+
|
|
3
|
+
export function init(): void;
|
|
4
|
+
|
|
5
|
+
export interface XFloatingPanelEventMap {
|
|
6
|
+
"x-floating-panel-toggle": CustomEvent<{ open: boolean }>;
|
|
7
|
+
"x-floating-panel-dismiss-request": CustomEvent<{ reason: string }>;
|
|
8
|
+
"x-floating-panel-move": CustomEvent<{ x: number; y: number; source: string }>;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export interface XFloatingPanel extends HTMLElement {
|
|
12
|
+
open: boolean;
|
|
13
|
+
x: number;
|
|
14
|
+
y: number;
|
|
15
|
+
step: number;
|
|
16
|
+
closable: boolean;
|
|
17
|
+
resizable: boolean;
|
|
18
|
+
label: string;
|
|
19
|
+
focusOnOpen: boolean;
|
|
20
|
+
show(): void;
|
|
21
|
+
hide(): void;
|
|
22
|
+
toggle(): void;
|
|
23
|
+
|
|
24
|
+
addEventListener<K extends keyof XFloatingPanelEventMap>(
|
|
25
|
+
type: K,
|
|
26
|
+
listener: (this: XFloatingPanel, ev: XFloatingPanelEventMap[K]) => any,
|
|
27
|
+
options?: boolean | AddEventListenerOptions
|
|
28
|
+
): void;
|
|
29
|
+
addEventListener(
|
|
30
|
+
type: string,
|
|
31
|
+
listener: EventListenerOrEventListenerObject,
|
|
32
|
+
options?: boolean | AddEventListenerOptions
|
|
33
|
+
): void;
|
|
34
|
+
removeEventListener<K extends keyof XFloatingPanelEventMap>(
|
|
35
|
+
type: K,
|
|
36
|
+
listener: (this: XFloatingPanel, ev: XFloatingPanelEventMap[K]) => any,
|
|
37
|
+
options?: boolean | EventListenerOptions
|
|
38
|
+
): void;
|
|
39
|
+
removeEventListener(
|
|
40
|
+
type: string,
|
|
41
|
+
listener: EventListenerOrEventListenerObject,
|
|
42
|
+
options?: boolean | EventListenerOptions
|
|
43
|
+
): void;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
declare global {
|
|
47
|
+
interface HTMLElementTagNameMap {
|
|
48
|
+
"x-floating-panel": XFloatingPanel;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
+
var pz=function(a){return typeof a==="string"&&(a=a.trim(),$APP.M.j("",a))?(a=parseFloat(a),$APP.m(isFinite(a))?a:null):null},qz=function(a){var b=$APP.G(a);a=$APP.C(b,$APP.iw);var c=$APP.C(b,$APP.hw),d=$APP.C(b,$APP.mr);b=$APP.C(b,$APP.nr);return new $APP.K(null,2,[$APP.Dw,a-d,$APP.Cw,c-b],null)},rz=function(a,b){a=$APP.l(a,"__xFloatingPanelRefs");return $APP.m(a)?$APP.l(a,b):null},zca=function(a){var b=$APP.l(a,"__xFloatingPanelModel"),c=rz(a,"panel").getBoundingClientRect();return new $APP.K(null,
|
|
3
|
+
2,[$APP.Dw,function(){var d=$APP.Dw.i(b);return $APP.m(d)?d:c.left}(),$APP.Cw,function(){var d=$APP.Cw.i(b);return $APP.m(d)?d:c.top}()],null)},wz=function(a,b,c){var d=$APP.G(b);b=$APP.C(d,$APP.Dw);d=$APP.C(d,$APP.Cw);var e=rz(a,"panel").getBoundingClientRect(),f=$APP.G(new $APP.K(null,6,[$APP.Dw,b,$APP.Cw,d,sz,e.width,tz,rz(a,"handle").offsetHeight,uz,window.innerWidth,vz,window.innerHeight],null));b=$APP.C(f,$APP.Dw);d=$APP.C(f,$APP.Cw);var h=$APP.C(f,sz);e=$APP.C(f,tz);var k=$APP.C(f,uz);f=$APP.C(f,
|
|
4
|
+
vz);var n=$APP.Dk.j(64,h);h=n-h;k-=n;e=$APP.Sm.j(0,f-e);b=new $APP.K(null,2,[$APP.Dw,$APP.Sm.j(h,$APP.Dk.j(b,k)),$APP.Cw,$APP.Sm.j(0,$APP.Dk.j(d,e))],null);d=$APP.G(b);b=$APP.C(d,$APP.Dw);d=$APP.C(d,$APP.Cw);e=""+$APP.N.i(b);c.l?c.l(a,"x",e):c.call(null,a,"x",e);e=""+$APP.N.i(d);c.l?c.l(a,"y",e):c.call(null,a,"y",e);return new $APP.K(null,2,[$APP.Dw,b,$APP.Cw,d],null)},xz=function(a,b,c){b=wz(a,b,$APP.U);var d=$APP.G(b);b=$APP.C(d,$APP.Dw);d=$APP.C(d,$APP.Cw);return $APP.fj(a,"x-floating-panel-move",
|
|
5
|
+
{x:b,y:d,source:c})},yz=function(a){var b=$APP.l(a,"__xFloatingPanelModel");return $APP.m(function(){var c=a.isConnected;return $APP.m(c)?$APP.m(b)?(c=$APP.du.i(b),$APP.m(c)?$APP.Dw.i(b)!=null&&$APP.Cw.i(b)!=null:c):b:c}())?wz(a,new $APP.K(null,2,[$APP.Dw,$APP.Dw.i(b),$APP.Cw,$APP.Cw.i(b)],null),$APP.U):null},zz=function(a){return setTimeout(function(){return yz(a)},0)},Aca=function(a){return $APP.m($APP.l(a,"__xFloatingPanelRaf"))?null:$APP.Xi(a,"__xFloatingPanelRaf",requestAnimationFrame(function(){$APP.Xi(a,
|
|
6
|
+
"__xFloatingPanelRaf",null);var b=$APP.l(a,"__xFloatingPanelDrag");b=$APP.m(b)?qz(b):null;return $APP.m(b)?wz(a,b,$APP.Wi):null}))},Az=function(a,b){a=$APP.l(a,"__xFloatingPanelDrag");return $APP.m(a)?$APP.z.j($APP.vw.i(a),b.pointerId):null},Bz=function(a){var b=$APP.l(a,"__xFloatingPanelRaf");$APP.m(b)&&(cancelAnimationFrame(b),$APP.Xi(a,"__xFloatingPanelRaf",null));$APP.T(a,"__xFloatingPanelDrag",null)},Cz=function(a,b){return $APP.hj(a,"x-floating-panel-dismiss-request",{reason:b})?$APP.V(a,"open"):
|
|
7
|
+
null},Bca=function(a){$APP.T(a,"__xFloatingPanelRestore",document.activeElement);setTimeout(function(){var b=rz(a,"handle");return $APP.m(b)?$APP.m(a.hasAttribute("open"))?b.focus():null:null},0)},Kz=function(a){if($APP.m($APP.l(a,"__xFloatingPanelRefs"))){var b=a.hasAttribute("open");var c=a.getAttribute("x"),d=a.getAttribute("y"),e=a.hasAttribute("closable"),f=a.getAttribute("label"),h=a.hasAttribute("focus-on-open"),k=a.getAttribute("step");var n=rz(a,"headerSlot");n=$APP.D($APP.m(n)?n.assignedNodes({flatten:!0}).length>
|
|
8
|
+
0:n);c=$APP.G(new $APP.K(null,8,[$APP.rr,b,Dz,c,Ez,d,Fz,e,$APP.fl,f,Gz,h,$APP.wv,k,Hz,n],null));e=$APP.C(c,$APP.rr);h=$APP.C(c,Dz);n=$APP.C(c,Ez);k=$APP.C(c,Fz);f=$APP.C(c,$APP.fl);d=$APP.C(c,Gz);b=$APP.C(c,$APP.wv);c=$APP.C(c,Hz);e=$APP.D(e);h=pz(h);n=pz(n);k=$APP.D(k);f=typeof f==="string"&&$APP.M.j(f,"")?f:"Floating panel";d=$APP.D(d);b=pz(b);b=new $APP.K(null,8,[$APP.du,e,$APP.Dw,h,$APP.Cw,n,Iz,k,$APP.Z,f,Jz,d,$APP.ox,$APP.m($APP.m(b)?b>0:b)?b:10,Hz,$APP.D(c)],null);c=$APP.l(a,"__xFloatingPanelModel");
|
|
9
|
+
$APP.M.j(c,b)?(d=rz(a,"panel"),f=$APP.G(b),e=$APP.C(f,$APP.Dw),f=$APP.C(f,$APP.Cw),h=d.style,e!=null?h.setProperty("left",""+$APP.N.i(e)+$APP.N.i("px")):h.removeProperty("left"),f!=null?h.setProperty("top",""+$APP.N.i(f)+$APP.N.i("px")):h.removeProperty("top"),f=$APP.G(b),e=$APP.C(f,$APP.Z),f=$APP.C(f,Hz),$APP.m(f)?($APP.U(d,"aria-labelledby","title"),$APP.V(d,"aria-label")):($APP.U(d,"aria-label",e),$APP.V(d,"aria-labelledby")),c=$APP.D($APP.du.i(c)),d=$APP.du.i(b),$APP.M.j(c,d)&&($APP.fj(a,"x-floating-panel-toggle",
|
|
10
|
+
{open:d}),$APP.m(d)?(zz(a),$APP.m(Jz.i(b))&&Bca(a)):(c=$APP.l(a,"__xFloatingPanelRestore"),d=document.activeElement,d=$APP.D($APP.m(d)?a.contains(d):d),$APP.T(a,"__xFloatingPanelRestore",null),$APP.m($APP.m(c)?d?c.isConnected:d:c)&&c.focus())),a=$APP.T(a,"__xFloatingPanelModel",b)):a=null;return a}return null},Dca=function(a){var b={};$APP.ja(b,"pointerDown",function(c){var d;if(d=$APP.z.j(0,c.button)){d=c.target;if($APP.m(d)){var e=d.closest;d=$APP.m(e)?d.closest("[part\x3dclose],[data-no-drag]"):
|
|
11
|
+
e}d=!$APP.D(d)&&$APP.l(a,"__xFloatingPanelDrag")==null}if(d){d=rz(a,"handle");e=rz(a,"panel").getBoundingClientRect();try{d.setPointerCapture(c.pointerId)}catch(f){}$APP.T(a,"__xFloatingPanelDrag",new $APP.K(null,7,[$APP.vw,c.pointerId,$APP.mr,c.clientX-e.left,$APP.nr,c.clientY-e.top,$APP.iw,c.clientX,$APP.hw,c.clientY,$APP.$q,e.left,$APP.ar,e.top],null));c=c.preventDefault()}else c=null;return c});$APP.ja(b,"pointerMove",function(c){$APP.m(Az(a,c))?($APP.Xi(a,"__xFloatingPanelDrag",$APP.Pg.o($APP.l(a,
|
|
12
|
+
"__xFloatingPanelDrag"),$APP.iw,c.clientX,$APP.Jc([$APP.hw,c.clientY]))),c=Aca(a)):c=null;return c});$APP.ja(b,"pointerEnd",function(c){if($APP.m(Az(a,c))){c=$APP.l(a,"__xFloatingPanelDrag");Bz(a);var d=$APP.G(c),e=$APP.C(d,$APP.$q),f=$APP.C(d,$APP.ar);c=$APP.M.j(qz(d),new $APP.K(null,2,[$APP.Dw,e,$APP.Cw,f],null))?xz(a,qz(c),"pointer"):null}else c=null;return c});$APP.ja(b,"handleKeydown",function(c){var d=$APP.C(Cca,c.key);if($APP.m(d)){c.preventDefault();var e=zca(a),f=$APP.G(e);e=$APP.C(f,$APP.Dw);
|
|
13
|
+
f=$APP.C(f,$APP.Cw);var h=$APP.l(a,"__xFloatingPanelModel");c=$APP.m(c.shiftKey)?1:$APP.ox.j(h,10);d=new $APP.K(null,5,[$APP.Dw,e,$APP.Cw,f,$APP.Ps,$APP.Ps.i(d),$APP.Os,$APP.Os.i(d),$APP.ox,c],null);h=$APP.G(d);d=$APP.C(h,$APP.Dw);c=$APP.C(h,$APP.Cw);e=$APP.C(h,$APP.Ps);f=$APP.C(h,$APP.Os);h=$APP.C(h,$APP.ox);d=xz(a,new $APP.K(null,2,[$APP.Dw,($APP.m(d)?d:0)+($APP.m(e)?e:0)*h,$APP.Cw,($APP.m(c)?c:0)+($APP.m(f)?f:0)*h],null),"keyboard")}else d=null;return d});$APP.ja(b,"panelKeydown",function(c){var d=
|
|
14
|
+
(d=$APP.z.j("Escape",c.key))?Iz.i($APP.l(a,"__xFloatingPanelModel")):d;$APP.m(d)?(c.preventDefault(),c=Cz(a,"escape")):c=null;return c});$APP.ja(b,"closeClick",function(){return Cz(a,"close-button")});$APP.ja(b,"slotChange",function(){return Kz(a)});$APP.ja(b,"windowResize",function(){return yz(a)});return b},Lz=function(a,b){var c=$APP.l(a,"__xFloatingPanelRefs");a=$APP.l(a,"__xFloatingPanelHandlers");if($APP.m($APP.m(c)?a:c))for(var d=$APP.q(Eca),e=null,f=0,h=0;;)if(h<f){var k=e.C(null,h),n=$APP.B(k,
|
|
15
|
+
0,null),r=$APP.B(k,1,null),v=$APP.B(k,2,null);k=$APP.B(k,3,null);var x=$APP.l(c,n),y=$APP.l(a,v);$APP.m(function(){var I=x;return $APP.m(I)?y:I}())&&($APP.m(b)?x.addEventListener(r,y,k):x.removeEventListener(r,y,k));h+=1}else if(d=$APP.q(d)){if($APP.gd(d))r=$APP.Jb(d),d=$APP.Kb(d),n=r,r=$APP.w(r),e=n,f=r;else{e=$APP.t(d);n=$APP.B(e,0,null);r=$APP.B(e,1,null);v=$APP.B(e,2,null);k=$APP.B(e,3,null);var A=$APP.l(c,n),E=$APP.l(a,v);$APP.m(function(){var I=A;return $APP.m(I)?E:I}())&&($APP.m(b)?A.addEventListener(r,
|
|
16
|
+
E,k):A.removeEventListener(r,E,k));d=$APP.u(d);e=null;f=0}h=0}else break},Mz=function(a){Lz(a,!1);$APP.T(a,"__xFloatingPanelHandlers",null)},Fca=function(a){$APP.kj(a,"open","open");$APP.pj(a,"x","x",null);$APP.pj(a,"y","y",null);$APP.pj(a,"step","step",10);$APP.kj(a,"closable","closable");$APP.kj(a,"resizable","resizable");$APP.nj(a,"label","label","Floating panel");$APP.kj(a,"focusOnOpen","focus-on-open");Object.defineProperty(a,"show",{value:function(){return $APP.m(this.hasAttribute("open"))?
|
|
17
|
+
null:$APP.U(this,"open","")},enumerable:!0,configurable:!0,writable:!0});Object.defineProperty(a,"hide",{value:function(){return $APP.V(this,"open")},enumerable:!0,configurable:!0,writable:!0});return Object.defineProperty(a,"toggle",{value:function(){return $APP.m(this.hasAttribute("open"))?$APP.V(this,"open"):$APP.m(this.hasAttribute("open"))?null:$APP.U(this,"open","")},enumerable:!0,configurable:!0,writable:!0})},Hca=function(a){if(!$APP.m($APP.l(a,"__xFloatingPanelRefs"))){var b=a.attachShadow({mode:"open"}),
|
|
18
|
+
c=document.createElement("style"),d={};c.textContent=Gca;b.appendChild(c);c=b.appendChild;var e=document.createElement("div");$APP.U(e,"part","panel");$APP.U(e,"role","dialog");$APP.U(e,"aria-modal","false");var f=e.appendChild,h=document.createElement("div"),k=document.createElement("span"),n=document.createElement("slot"),r=document.createElement("button");$APP.U(h,"part","handle");$APP.U(h,"role","button");$APP.U(h,"tabindex","0");$APP.U(h,"aria-label","Move panel");$APP.U(h,"aria-roledescription",
|
|
19
|
+
"Drag handle");$APP.U(h,"aria-keyshortcuts","ArrowUp ArrowDown ArrowLeft ArrowRight");$APP.U(k,"id","title");$APP.U(n,"name","header");$APP.U(r,"part","close");$APP.U(r,"type","button");$APP.U(r,"aria-label","Close panel");r.textContent="✕";k.appendChild(n);h.appendChild(k);h.appendChild(r);d.handle=h;d.title=k;d.headerSlot=n;d.close=r;f.call(e,h);f=e.appendChild;h=document.createElement("div");k=document.createElement("slot");$APP.U(h,"part","body");h.appendChild(k);d.body=h;f.call(e,h);d.panel=
|
|
20
|
+
e;c.call(b,e);d.window=window;$APP.T(a,"__xFloatingPanelRefs",d)}Mz(a);$APP.T(a,"__xFloatingPanelHandlers",Dca(a));Lz(a,!0);Kz(a);return zz(a)},Ica=function(a){Bz(a);Mz(a);return $APP.T(a,"__xFloatingPanelRestore",null)},Jca=function(a,b,c,d){return $APP.M.j(c,d)?Kz(a):null},Nz=function(){return $APP.Oj("x-floating-panel",new $APP.K(null,5,[$APP.Gj,Kca,$APP.Ej,Hca,$APP.Bj,Ica,$APP.Aj,Jca,$APP.Fj,Fca],null))},Jz=new $APP.F(null,"focus-on-open?","focus-on-open?",139502623),Fz=new $APP.F(null,"closable-present?",
|
|
21
|
+
"closable-present?",1978796413),Ez=new $APP.F(null,"y-raw","y-raw",-1767821948),Iz=new $APP.F(null,"closable?","closable?",460849191),Gz=new $APP.F(null,"focus-on-open-present?","focus-on-open-present?",-1366081338),vz=new $APP.F(null,"vh","vh",79552846),uz=new $APP.F(null,"vw","vw",1941049135),Hz=new $APP.F(null,"header-slotted?","header-slotted?",-2101756250),Dz=new $APP.F(null,"x-raw","x-raw",90704001),tz=new $APP.F(null,"handle-h","handle-h",-1728839580),sz=new $APP.F(null,"w","w",354169001);var Kca="open x y closable resizable label focus-on-open step".split(" "),Cca=new $APP.K(null,4,["ArrowLeft",new $APP.K(null,2,[$APP.Ps,-1,$APP.Os,0],null),"ArrowRight",new $APP.K(null,2,[$APP.Ps,1,$APP.Os,0],null),"ArrowUp",new $APP.K(null,2,[$APP.Ps,0,$APP.Os,-1],null),"ArrowDown",new $APP.K(null,2,[$APP.Ps,0,$APP.Os,1],null)],null);
|
|
22
|
+
$APP.ne(["x-floating-panel-toggle",new $APP.K(null,2,[$APP.St,!1,$APP.cj,new $APP.K(null,1,[$APP.ex,$APP.sj],null)],null),"x-floating-panel-dismiss-request",new $APP.K(null,3,[$APP.St,!0,$APP.wu,$APP.ne(["open",!1]),$APP.cj,new $APP.K(null,1,[$APP.yr,$APP.X],null)],null),"x-floating-panel-move",new $APP.K(null,2,[$APP.St,!1,$APP.cj,new $APP.K(null,3,[$APP.Dw,$APP.Y,$APP.Cw,$APP.Y,$APP.wt,$APP.X],null)],null)]);var Gca=":host{display:contents;color-scheme:light dark;--x-floating-panel-z:900;--x-floating-panel-bg:var(--x-color-bg,Canvas);--x-floating-panel-fg:var(--x-color-text,CanvasText);--x-floating-panel-border:var(--x-color-border,color-mix(in srgb,currentColor 12%,transparent));--x-floating-panel-radius:var(--x-radius-lg,12px);--x-floating-panel-shadow:var(--x-shadow-lg,0 10px 25px rgb(15 23 42/0.18));--x-floating-panel-duration:var(--x-transition-duration,150ms);--x-floating-panel-accent:var(--x-color-primary,#2563eb);}"+
|
|
23
|
+
$APP.N.i(":host([hidden]){display:none;}")+'[part\x3dpanel]{position:fixed;top:var(--x-floating-panel-top,4rem);left:var(--x-floating-panel-left,2rem);z-index:var(--x-floating-panel-z);display:flex;flex-direction:column;inline-size:min(var(--x-floating-panel-width,22rem),calc(100vw - 2rem));max-inline-size:calc(100vw - 2rem);max-block-size:calc(100dvh - 2rem);background:var(--x-floating-panel-bg);color:var(--x-floating-panel-fg);border:var(--x-border-width,1px) solid var(--x-floating-panel-border);border-radius:var(--x-floating-panel-radius);box-shadow:var(--x-floating-panel-shadow);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-4px) scale(0.98);transition:opacity var(--x-floating-panel-duration) ease,transform var(--x-floating-panel-duration) ease,visibility 0s linear var(--x-floating-panel-duration);}:host([open]) [part\x3dpanel]{opacity:1;visibility:visible;transform:none;transition:opacity var(--x-floating-panel-duration) ease,transform var(--x-floating-panel-duration) ease,visibility 0s;}[part\x3dhandle]{display:flex;align-items:center;gap:var(--x-space-sm,0.5rem);flex:none;min-block-size:var(--x-floating-panel-handle-size,1.25rem);padding:var(--x-space-sm,0.5rem) var(--x-space-md,0.75rem);border-block-end:var(--x-border-width,1px) solid var(--x-floating-panel-border);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;}[part\x3dhandle]::before{content:"";flex:none;inline-size:1.5rem;block-size:0.25rem;border-radius:var(--x-radius-full,999px);background:currentColor;opacity:0.25;}[part\x3dhandle]:active{cursor:grabbing;}[part\x3dhandle]:focus-visible{outline:2px solid var(--x-floating-panel-accent);outline-offset:-2px;}#title{flex:1 1 auto;min-inline-size:0;}[part\x3dclose]{display:none;flex:none;align-items:center;justify-content:center;inline-size:1.5rem;block-size:1.5rem;padding:0;border:0;border-radius:var(--x-radius-sm,6px);background:transparent;color:inherit;font:inherit;line-height:1;cursor:pointer;}:host([closable]) [part\x3dclose]{display:flex;}[part\x3dclose]:hover{background:color-mix(in srgb,currentColor 12%,transparent);}[part\x3dclose]:focus-visible{outline:2px solid var(--x-floating-panel-accent);outline-offset:1px;}[part\x3dbody]{flex:1 1 auto;min-block-size:0;padding:var(--x-space-lg,1rem);overflow:auto;}:host([resizable]) [part\x3dpanel]{inline-size:auto;}:host([resizable]) [part\x3dbody]{resize:both;min-inline-size:var(--x-floating-panel-min-width,12rem);min-block-size:var(--x-floating-panel-min-height,8rem);}@media (prefers-reduced-motion:reduce){[part\x3dpanel],:host([open]) [part\x3dpanel]{transition:none;}}@media (prefers-color-scheme:dark){:host{--x-floating-panel-bg:var(--x-color-bg,#1c1d24);--x-floating-panel-fg:var(--x-color-text,#e2e4ef);--x-floating-panel-border:var(--x-color-border,rgb(255 255 255/0.08));--x-floating-panel-shadow:var(--x-shadow-lg,0 12px 30px rgb(0 0 0/0.5));--x-floating-panel-accent:var(--x-color-primary,#3b82f6);}}',
|
|
24
|
+
Eca=new $APP.H(null,9,5,$APP.J,[new $APP.H(null,4,5,$APP.J,["handle","pointerdown","pointerDown",!1],null),new $APP.H(null,4,5,$APP.J,["handle","pointermove","pointerMove",!1],null),new $APP.H(null,4,5,$APP.J,["handle","pointerup","pointerEnd",!1],null),new $APP.H(null,4,5,$APP.J,["handle","pointercancel","pointerEnd",!1],null),new $APP.H(null,4,5,$APP.J,["handle","keydown","handleKeydown",!1],null),new $APP.H(null,4,5,$APP.J,["panel","keydown","panelKeydown",!1],null),new $APP.H(null,4,5,$APP.J,
|
|
25
|
+
["close","click","closeClick",!1],null),new $APP.H(null,4,5,$APP.J,["headerSlot","slotchange","slotChange",!1],null),new $APP.H(null,4,5,$APP.J,["window","resize","windowResize",!1],null)],null);$APP.ha("baredom.exports.x_floating_panel.init",Nz);export const init=Nz;
|
package/dist/x-form-field.d.ts
CHANGED
|
@@ -3,20 +3,30 @@
|
|
|
3
3
|
export function init(): void;
|
|
4
4
|
|
|
5
5
|
export interface XFormFieldEventMap {
|
|
6
|
+
"x-form-field-change-request": CustomEvent<{ name: string; value: string; previousValue: string }>;
|
|
6
7
|
"x-form-field-input": CustomEvent<{ name: string; value: string }>;
|
|
7
8
|
"x-form-field-change": CustomEvent<{ name: string; value: string }>;
|
|
8
9
|
}
|
|
9
10
|
|
|
10
11
|
export interface XFormField extends HTMLElement {
|
|
12
|
+
readonly validationMessage: string;
|
|
13
|
+
readonly labels: NodeList | null;
|
|
14
|
+
readonly willValidate: boolean;
|
|
11
15
|
placeholder: string;
|
|
12
16
|
disabled: boolean;
|
|
13
17
|
name: string;
|
|
14
18
|
value: string;
|
|
15
|
-
readonly: boolean;
|
|
16
19
|
type: string;
|
|
20
|
+
hint: string;
|
|
21
|
+
readOnly: boolean;
|
|
17
22
|
label: string;
|
|
23
|
+
error: string;
|
|
18
24
|
autocomplete: string;
|
|
25
|
+
readonly form: HTMLFormElement | null;
|
|
19
26
|
required: boolean;
|
|
27
|
+
readonly validity: ValidityState;
|
|
28
|
+
checkValidity(): boolean;
|
|
29
|
+
reportValidity(): boolean;
|
|
20
30
|
|
|
21
31
|
addEventListener<K extends keyof XFormFieldEventMap>(
|
|
22
32
|
type: K,
|
package/dist/x-form-field.js
CHANGED
|
@@ -1,16 +1,19 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
"
|
|
6
|
-
$APP.
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
"__xFormFieldHandlers",e)}},
|
|
10
|
-
"__xFormFieldInternals");$APP.
|
|
11
|
-
$APP.
|
|
12
|
-
r.field=d;r.label=e;r.input=h;r.hint=k;r.error=
|
|
13
|
-
"__xFormFieldRefs"),$APP.
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
$APP.
|
|
2
|
+
var r0=function(a,b,c){return $APP.Wj(b,c,new $APP.K(null,5,[$APP.Pj,a.hasAttribute("error"),$APP.Qj,a.getAttribute("error"),$APP.Rj,a.hasAttribute("required"),$APP.Sj,$APP.z.j(c.value,""),$APP.Tj,"Please fill in this field."],null))},s0=function(a,b,c,d){a.textContent=b;$APP.m(c)?a.classList.remove(d):a.classList.add(d)},t0=function(a){if($APP.m($APP.l(a,"__xFormFieldRefs"))){var b=$APP.Ag([$APP.fl,$APP.cl,$APP.Fp,$APP.av,$APP.gl,$APP.hl,$APP.an,$APP.dl,$APP.il,$APP.Qu,$APP.el],[a.getAttribute("label"),
|
|
3
|
+
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.G(b),d=$APP.C(c,$APP.el),e=$APP.C(c,$APP.fl),f=$APP.C(c,$APP.cl);b=$APP.C(c,$APP.Fp);var h=$APP.C(c,$APP.av),k=$APP.C(c,$APP.gl),n=$APP.C(c,$APP.hl),r=$APP.C(c,$APP.an),v=$APP.C(c,$APP.dl),x=$APP.C(c,$APP.il),y=$APP.C(c,$APP.Qu);
|
|
4
|
+
c=$APP.m(b)?b:"";var A=$APP.m(h)?h:"",E=$APP.m(e)?e:"",I=[$APP.Rj,$APP.fn,$APP.ml,$APP.lr,$APP.ll,$APP.Q,$APP.Ct,$APP.P,$APP.Pj,$APP.Kt,$APP.Z,$APP.Qj,$APP.ol,$APP.nl];n=$APP.D(n);r=$APP.D(r);d=$APP.m(d)?d:"";h=typeof h==="string"&&$APP.M.j(h,"")&&h!=null;f=$APP.m(f)?f:"";v=$APP.m(v)?v:"";e=typeof e==="string"&&$APP.M.j(e,"")&&e!=null;y=typeof y==="string"&&$APP.kd(fva,y)?y:"text";b=$APP.Ag(I,[n,r,d,h,f,v,e,y,typeof b==="string"&&$APP.M.j(b,"")&&b!=null,A,E,c,$APP.m(x)?x:"",$APP.D(k)]);$APP.M.j($APP.l(a,
|
|
5
|
+
"__xFormFieldModel"),b)?(x=$APP.l(a,"__xFormFieldRefs"),$APP.m(x)?(A=$APP.l(x,"label"),k=$APP.l(x,"input"),c=$APP.l(x,"hint"),x=$APP.l(x,"error"),r=$APP.G(b),E=$APP.C(r,$APP.P),I=$APP.C(r,$APP.ll),e=$APP.C(r,$APP.ml),y=$APP.C(r,$APP.nl),n=$APP.C(r,$APP.fn),v=$APP.C(r,$APP.Rj),r=$APP.C(r,$APP.ol),k.type=E,k.name=I,k.placeholder=e,k.disabled=y,k.readOnly=n,k.required=v,k.autocomplete=r,E=$APP.G(b),I=$APP.C(E,$APP.Rj),e=$APP.C(E,$APP.Pj),$APP.U(k,"aria-required",$APP.m(I)?"true":"false"),$APP.U(k,"aria-invalid",
|
|
6
|
+
$APP.m(e)?"true":"false"),I=$APP.G(E),E=$APP.C(I,$APP.lr),I=$APP.C(I,$APP.Pj),E=$APP.m($APP.m(E)?I:E)?"hint error":$APP.m(E)?"hint":$APP.m(I)?"error":null,$APP.m(E)?$APP.U(k,"aria-describedby",E):$APP.V(k,"aria-describedby"),I=$APP.G(b),E=$APP.C(I,$APP.Z),I=$APP.C(I,$APP.Ct),s0(A,E,I,"label-hidden"),E=$APP.G(b),A=$APP.C(E,$APP.Kt),E=$APP.C(E,$APP.lr),s0(c,A,E,"hint-hidden"),A=$APP.G(b),c=$APP.C(A,$APP.Qj),A=$APP.C(A,$APP.Pj),s0(x,c,A,"error-hidden"),x=$APP.G(b),x=$APP.C(x,$APP.Pj),$APP.Yi(a,"data-invalid",
|
|
7
|
+
x),x=$APP.l(a,"__xFormFieldInternals"),$APP.m(x)&&r0(a,x,k),a=$APP.T(a,"__xFormFieldModel",b)):a=null):a=null;return a}return null},u0=function(a,b){var c=$APP.l(a,"__xFormFieldInternals");return $APP.m(c)?(c.setFormValue(b.value),r0(a,c,b)):null},gva=function(a){var b=$APP.l(a,"__xFormFieldRefs");if($APP.m(b)){b=$APP.l(b,"input");var c=function(){var e=a.getAttribute("value");return $APP.m(e)?e:""}(),d=function(){var e=a.getAttribute("name");return $APP.m(e)?e:""}();if($APP.hj(a,"x-form-field-change-request",
|
|
8
|
+
{name:d,value:b.value,previousValue:c}))return u0(a,b),$APP.fj(a,"x-form-field-input",{name:d,value:b.value});b.value=c;return u0(a,b)}return null},hva=function(a){var b=$APP.l(a,"__xFormFieldRefs");if($APP.m(b)){b=$APP.l(b,"input");var c=function(){return gva(a)},d=function(){var f=$APP.l(a,"__xFormFieldRefs");if($APP.m(f)){f=$APP.l(f,"input");var h=f.value;var k=a.getAttribute("name");k=$APP.m(k)?k:"";u0(a,f);f=$APP.fj(a,"x-form-field-change",{name:k,value:h})}else f=null;return f},e={};b.addEventListener("input",
|
|
9
|
+
c);b.addEventListener("change",d);e.input=c;e.change=d;$APP.T(a,"__xFormFieldHandlers",e)}},v0=function(a){var b=$APP.l(a,"__xFormFieldRefs");if($APP.m(b)){var c=$APP.l(a,"__xFormFieldHandlers");if($APP.m(c))return b=$APP.l(b,"input"),b.removeEventListener("input",$APP.l(c,"input")),b.removeEventListener("change",$APP.l(c,"change")),$APP.T(a,"__xFormFieldHandlers",null)}return null},iva=function(a,b){$APP.Yi(a,"disabled",$APP.D(b));return t0(a)},jva=function(a){$APP.V(a,"value");$APP.V(a,"error");
|
|
10
|
+
var b=$APP.l(a,"__xFormFieldRefs");$APP.m(b)&&($APP.l(b,"input").value="");b=$APP.l(a,"__xFormFieldInternals");$APP.m(b)&&b.setFormValue("");return t0(a)},lva=function(a){if(!$APP.m($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"),n=document.createElement("span"),r={};c.textContent=kva;
|
|
11
|
+
$APP.U(d,"part","field");$APP.U(e,"part","label");$APP.U(e,"id","label");$APP.U(e,"for","input");$APP.U(f,"part","input-wrapper");$APP.U(h,"part","input");$APP.U(h,"id","input");$APP.U(h,"aria-labelledby","label");$APP.U(k,"part","hint");$APP.U(k,"id","hint");$APP.U(k,"aria-live","polite");$APP.U(n,"part","error");$APP.U(n,"id","error");$APP.U(n,"role","alert");$APP.U(n,"aria-live","assertive");f.appendChild(h);d.appendChild(e);d.appendChild(f);d.appendChild(k);d.appendChild(n);b.appendChild(c);b.appendChild(d);
|
|
12
|
+
r.field=d;r.label=e;r.input=h;r.hint=k;r.error=n;$APP.T(a,"__xFormFieldRefs",r);$APP.m(a.attachInternals)&&$APP.T(a,"__xFormFieldInternals",a.attachInternals())}v0(a);b=$APP.l(a,"__xFormFieldRefs");$APP.m(b)&&(b=$APP.l(b,"input"),c=a.getAttribute("value"),$APP.m(c)&&(b.value=c));b=$APP.l(a,"__xFormFieldInternals");$APP.m(b)&&(c=b.setFormValue,d=a.getAttribute("value"),c.call(b,$APP.m(d)?d:""));hva(a);return t0(a)},mva=function(a){return v0(a)},nva=function(a,b,c,d){$APP.z.j(b,"value")&&$APP.M.j(c,
|
|
13
|
+
d)&&(b=$APP.l(a,"__xFormFieldRefs"),$APP.m(b)&&(b=$APP.l(b,"input"),$APP.M.j(b.value,d)&&(b.value=$APP.m(d)?d:"")));return t0(a)},ova=function(a){Object.defineProperty(a,"value",{configurable:!0,enumerable:!0,get:function(){var b=$APP.l(this,"__xFormFieldRefs");if($APP.m(b))return $APP.l(b,"input").value;b=this.getAttribute("value");return $APP.m(b)?b:""},set:function(b){b=b!=null&&$APP.M.j(b,void 0)?""+$APP.N.i(b):"";$APP.U(this,"value",b);var c=$APP.l(this,"__xFormFieldRefs");return $APP.m(c)?$APP.l(c,
|
|
14
|
+
"input").value=b:null}})},pva=function(a){$APP.ak(a,"__xFormFieldInternals");ova(a);$APP.nj(a,"label","label","");$APP.nj(a,"type","type","");$APP.nj(a,"name","name","");$APP.nj(a,"placeholder","placeholder","");$APP.nj(a,"autocomplete","autocomplete","");$APP.nj(a,"hint","hint","");$APP.nj(a,"error","error","");$APP.kj(a,"disabled","disabled");$APP.kj(a,"readOnly","readonly");return $APP.kj(a,"required","required")},w0=function(){return $APP.Oj("x-form-field",new $APP.K(null,8,[$APP.Gj,qva,$APP.Ej,
|
|
15
|
+
lva,$APP.Bj,mva,$APP.Aj,nva,$APP.Cj,!0,$APP.zj,iva,$APP.yj,jva,$APP.Fj,pva],null))};var qva="label type name value placeholder hint error disabled readonly required autocomplete".split(" "),fva=new $APP.ah(null,new $APP.K(null,6,["url",null,"tel",null,"email",null,"text",null,"number",null,"password",null],null),null);
|
|
16
|
+
$APP.Ag([$APP.Kx,$APP.nx,$APP.js,$APP.ml,$APP.Qo,$APP.ll,$APP.Q,$APP.P,$APP.Kt,$APP.gx,$APP.Z,$APP.Qj,$APP.ol,$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.ws,$APP.rj,!0],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.rj,!0],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"placeholder"],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"disabled"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"name"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,
|
|
17
|
+
"value"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"type"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"hint"],null),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"readonly"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"label"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"error"],null),new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"autocomplete"],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,
|
|
18
|
+
!0],null)]);$APP.ne(["x-form-field-change-request",new $APP.K(null,3,[$APP.St,!0,$APP.wu,$APP.ne(["value",$APP.Q]),$APP.cj,new $APP.K(null,3,[$APP.ll,$APP.X,$APP.Q,$APP.X,$APP.aw,$APP.X],null)],null),"x-form-field-input",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),"x-form-field-change",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 kva=":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:var(--x-border-width,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;}"+
|
|
19
|
+
$APP.N.i("button,input,select,textarea{font-family:inherit;}")+$APP.N.i(":host([hidden]){display:none;}")+"@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:var(--x-border-width,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:var(--x-font-weight-medium,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:var(--x-font-size-base,1rem);line-height:1.5;font-family:inherit;outline:none;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);}[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:var(--x-font-size-sm,0.8125rem);color:var(--x-form-field-hint-color);}.hint-hidden{display:none;}[part\x3derror]{display:block;font-size:var(--x-font-size-sm,0.8125rem);color:var(--x-form-field-error-color);}.error-hidden{display:none;}@media (prefers-reduced-motion:reduce){[part\x3dinput]{transition:none;}}";$APP.ha("baredom.exports.x_form_field.init",w0);export const init=w0;
|
package/dist/x-form.js
CHANGED
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.l(c,"form");var d=$APP.G(b),e=$APP.C(d,$APP.
|
|
4
|
-
if($APP.
|
|
5
|
-
else{h=
|
|
6
|
-
h.target.closest("button,input[type\x3dsubmit],input[type\x3dreset],x-button[type\x3dsubmit],x-button[type\x3dreset]");if($APP.
|
|
7
|
-
f)}},
|
|
8
|
-
f={};c.textContent=
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
$APP.
|
|
12
|
-
$APP.je(["x-form-submit",new $APP.M(null,2,[$APP.fu,!0,$APP.V,new $APP.M(null,1,[new $APP.F(null,"values","values",372645556),$APP.ct],null)],null),"x-form-reset",new $APP.M(null,2,[$APP.fu,!1,$APP.V,$APP.ke],null)]);$APP.fa("baredom.exports.x_form.init",NZ);export const init=NZ;
|
|
2
|
+
var kZ=function(a){a=new $APP.K(null,3,[$APP.mx,a.getAttribute("loading"),iZ,$APP.m(a.hasAttribute("novalidate"))?"":null,$APP.il,a.getAttribute("autocomplete")],null);var b=$APP.G(a),c=$APP.C(b,$APP.mx);a=$APP.C(b,iZ);b=$APP.C(b,$APP.il);c=c!=null&&$APP.M.j(c,"false");b=$APP.kd(Ata,b)?b:"on";return new $APP.K(null,3,[$APP.Su,c,jZ,a!=null,$APP.ol,b],null)},lZ=function(a){if($APP.m($APP.l(a,"__xFormRefs"))){var b=kZ(a);if($APP.M.j($APP.l(a,"__xFormModel"),b)){var c=$APP.l(a,"__xFormRefs");if($APP.m(c)){c=
|
|
3
|
+
$APP.l(c,"form");var d=$APP.G(b),e=$APP.C(d,$APP.ol);d=$APP.C(d,$APP.Su);$APP.U(c,"autocomplete",e);$APP.m(d)?($APP.U(c,"aria-busy","true"),$APP.U(c,"data-loading","")):($APP.V(c,"aria-busy"),$APP.V(c,"data-loading"));a=$APP.T(a,"__xFormModel",b)}else a=null}else a=null;return a}return null},mZ=function(a){var b=a.name;return $APP.m(b)?b:a.getAttribute("name")},Bta=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=mZ(e);
|
|
4
|
+
if($APP.m(function(){var n=f;return $APP.m(n)?$APP.M.j(f,""):n}())){var h=e.tagName.toLowerCase(),k=e.getAttribute("type");$APP.z.j(k,"checkbox")||$APP.z.j(k,"radio")||$APP.z.j(h,"x-checkbox")?$APP.m(e.checked)&&(b[f]=function(){var n=e.value;return $APP.m(n)?n:"on"}()):b[f]=function(){var n=e.value;return $APP.m(n)?n:""}()}d+=1}else break;return b},Cta=function(a){var b=$APP.l(a,"__xFormRefs");if($APP.m(b)){b=$APP.l(b,"form");var c=function(h){h.preventDefault();h=kZ(a);if($APP.m($APP.Su.i(h)))h=
|
|
5
|
+
null;else{h=jZ.i(h);if(!$APP.m(h)){h=a.querySelectorAll("[name]:not([disabled])");for(var k={ok:!0},n=h.length,r=0;;)if(r<n){var v=h[r];$APP.m(v.reportValidity)&&($APP.m(v.reportValidity())||(k.ok=!1));r+=1}else break;h=k.ok}$APP.m(h)?(h=Bta(a),h=$APP.hj(a,"x-form-submit",{values:h})):h=null}return h},d=function(){for(var h=a.querySelectorAll("[name]"),k=h.length,n=0;;)if(n<k){var r=h[n];$APP.m(r.formResetCallback)&&r.formResetCallback();n+=1}else break;return $APP.fj(a,"x-form-reset",{})},e=function(h){a:{h=
|
|
6
|
+
h.target.closest("button,input[type\x3dsubmit],input[type\x3dreset],x-button[type\x3dsubmit],x-button[type\x3dreset]");if($APP.m(h)){var k=h.type;h=$APP.m(k)?k:h.getAttribute("type");k=$APP.l(a,"__xFormRefs");if($APP.m(k)){k=$APP.l(k,"form");h=$APP.z.j(h,"submit")||$APP.z.j(h,"")?k.requestSubmit():$APP.z.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.T(a,"__xFormHandlers",
|
|
7
|
+
f)}},nZ=function(a){var b=$APP.l(a,"__xFormRefs");if($APP.m(b)){var c=$APP.l(a,"__xFormHandlers");if($APP.m(c))return b=$APP.l(b,"form"),b.removeEventListener("submit",$APP.l(c,"submit")),b.removeEventListener("reset",$APP.l(c,"reset")),a.removeEventListener("click",$APP.l(c,"click")),$APP.T(a,"__xFormHandlers",null)}return null},Eta=function(a){if(!$APP.m($APP.l(a,"__xFormRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("form"),e=document.createElement("slot"),
|
|
8
|
+
f={};c.textContent=Dta;$APP.U(d,"part","root");$APP.U(d,"novalidate","");d.appendChild(e);b.appendChild(c);b.appendChild(d);f.form=d;$APP.T(a,"__xFormRefs",f)}nZ(a);Cta(a);return lZ(a)},Fta=function(a){return nZ(a)},Gta=function(a,b,c,d){return $APP.M.j(c,d)?lZ(a):null},oZ=function(a){a=$APP.l(a,"__xFormRefs");return $APP.m(a)?$APP.l(a,"form"):null},Hta=function(a){Object.defineProperty(a,"submit",{value:function(){var b=oZ(this);return $APP.m(b)?b.requestSubmit():null},writable:!0,configurable:!0});
|
|
9
|
+
Object.defineProperty(a,"reset",{value:function(){var b=oZ(this);return $APP.m(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.z.j(c,"")||$APP.z.j(c,void 0),f=d.length,h=0;;)if(h<f){var k=d[h];$APP.z.j(mZ(k),b)&&(e?$APP.V(k,"error"):$APP.U(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=
|
|
10
|
+
this.querySelectorAll("[error]");for(var c=b.length,d=0;;)if(d<c)$APP.V(b[d],"error"),d+=1;else{b=null;break a}b=void 0}return b},writable:!0,configurable:!0})},Jta=function(a){$APP.uj(a,Ita);return Hta(a)},pZ=function(){return $APP.Oj("x-form",new $APP.K(null,5,[$APP.Gj,Kta,$APP.Ej,Eta,$APP.Bj,Fta,$APP.Aj,Gta,$APP.Fj,Jta],null))},jZ=new $APP.F(null,"novalidate?","novalidate?",491529885),iZ=new $APP.F(null,"novalidate-raw","novalidate-raw",1783236714);var Kta=["loading","novalidate","autocomplete"],Ata=new $APP.ah(null,new $APP.K(null,2,["off",null,"on",null],null),null),Ita=new $APP.K(null,3,[$APP.Ro,new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"loading"],null),new $APP.F(null,"novalidate","novalidate",-572717086),new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"novalidate"],null),$APP.ol,new $APP.K(null,2,[$APP.P,$APP.X,$APP.W,"autocomplete"],null)],null);
|
|
11
|
+
$APP.ne(["x-form-submit",new $APP.K(null,2,[$APP.St,!0,$APP.cj,new $APP.K(null,1,[new $APP.F(null,"values","values",372645556),$APP.qt],null)],null),"x-form-reset",new $APP.K(null,2,[$APP.St,!1,$APP.cj,$APP.oe],null)]);var Dta=":host{display:block;}"+$APP.N.i(":host([hidden]){display:none;}")+"[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;}";$APP.ha("baredom.exports.x_form.init",pZ);export const init=pZ;
|
package/dist/x-gaussian-blur.js
CHANGED
|
@@ -1,15 +1,14 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
d=document.createElement("div"),e=document.createElement("div"),f=document.createElement("slot");c.textContent="
|
|
4
|
-
$APP.
|
|
5
|
-
$APP.
|
|
6
|
-
|
|
7
|
-
e)
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
""+$APP.
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
null,"overlay",null],null),null),Xpa=new $APP.M(null,3,["slow",18,"medium",10,"fast",5],null),Wpa=new $APP.M(null,3,["small",30,"medium",50,"large",70],null),K2=function K2(a){return typeof a==="string"&&$APP.I("",a.trim())?(a=a.trim().split(/,/),$APP.Kf.m($APP.Ge,$APP.Yo.j($APP.ye.i(function(c){return c.trim()}),$APP.De(function(c){return $APP.I("",c)})),a)):K2.i?K2.i("#6366f1, #ec4899, #14b8a6, #f59e0b"):K2.call(null,"#6366f1, #ec4899, #14b8a6, #f59e0b")};$APP.fa("baredom.exports.x_gaussian_blur.init",N2);export const init=N2;
|
|
2
|
+
var Jwa=function(a,b,c){var d=$APP.w(a);return $APP.Xf.l($APP.Xe,$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),n=10*Math.cos(e*Math.PI),r=Math.sin(e*1.618);r=.7+r*r*.6;var v=.8+.4*Math.sin(e*1.3),x=-(e/$APP.Sm.j(b,1));return new $APP.K(null,7,[$APP.xv,$APP.Ec(a,$APP.Bd(e,d)),$APP.Dw,h+k,$APP.Cw,f+n,$APP.Xo,c*r,h2,$APP.Bd(e,4),i2,v,j2,x],null)}),$APP.vh(b))},Lwa=function(a){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),
|
|
3
|
+
d=document.createElement("div"),e=document.createElement("div"),f=document.createElement("slot");c.textContent=Kwa;$APP.U(d,"part","backdrop");$APP.U(d,"aria-hidden","true");$APP.U(e,"part","content");e.appendChild(f);b.appendChild(c);b.appendChild(d);b.appendChild(e);$APP.T(a,"__xGaussianBlurBackdrop",d);$APP.T(a,"__xGaussianBlurSlot",f);$APP.T(a,"__xGaussianBlurBlobs",[]);$APP.T(a,"__xGaussianBlurInit",!0)},k2=function(a,b){if($APP.m($APP.m(b)?b.assignedNodes().length>0:null))return $APP.V(a,"role"),
|
|
4
|
+
$APP.V(a,"aria-hidden");$APP.U(a,"role","presentation");return $APP.U(a,"aria-hidden","true")},o2=function(a){var b=$APP.Ag([$APP.Xv,$APP.eq,$APP.rv,$APP.ix,$APP.Xo,$APP.Gu,$APP.Hu,$APP.tu,l2],[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.G(b),d=$APP.C(c,l2);b=$APP.C(c,$APP.Xv);var e=$APP.C(c,$APP.eq),f=$APP.C(c,
|
|
5
|
+
$APP.rv),h=$APP.C(c,$APP.ix),k=$APP.C(c,$APP.Xo),n=$APP.C(c,$APP.Gu),r=$APP.C(c,$APP.Hu);c=$APP.C(c,$APP.tu);h=m2(h);typeof c==="string"&&$APP.M.j("",c.trim())?(c=parseInt(c.trim(),10),c=$APP.m(isFinite(c))?$APP.Dk.j(12,$APP.Sm.j(1,c)):5):c=5;if(typeof k==="string"&&$APP.M.j("",k.trim())){k=k.trim();var v=$APP.C(Mwa,k);$APP.m(v)?k=v:(k=parseFloat(k),v=isFinite(k),k=$APP.m($APP.m(v)?k>0:v)?$APP.Dk.j(100,$APP.Sm.j(10,k)):50)}else k=50;typeof f==="string"&&$APP.M.j("",f.trim())?(f=f.trim(),v=$APP.C(Nwa,
|
|
6
|
+
f),$APP.m(v)?f=v:(f=parseFloat(f),v=isFinite(f),f=$APP.m($APP.m(v)?f>0:v)?f:10)):f=10;e=typeof e==="string"&&$APP.kd(Owa,e)?e:"float";typeof n==="string"&&$APP.M.j("",n.trim())?(n=parseFloat(n.trim()),v=isFinite(n),n=$APP.m($APP.m(v)?n>0:v)?n:60):n=60;v=Jwa(h,c,k);typeof r==="string"&&$APP.M.j("",r.trim())?(r=parseFloat(r.trim()),r=$APP.m(isFinite(r))?$APP.Dk.j(1,$APP.Sm.j(0,r)):.7):r=.7;d=typeof d==="string"&&$APP.kd(Pwa,d)?d:"normal";b=$APP.Ag([$APP.Xv,$APP.eq,$APP.ix,n2,$APP.Gu,$APP.eu,$APP.Hu,
|
|
7
|
+
$APP.tu,l2,Qwa],[b!=null,e,h,f,n,v,r,c,d,k]);if($APP.M.j($APP.l(a,"__xGaussianBlurModel"),b)){d=$APP.l(a,"__xGaussianBlurSlot");c=$APP.l(a,"__xGaussianBlurBackdrop");n=$APP.G(b);h=$APP.C(n,$APP.Gu);r=$APP.C(n,$APP.Hu);n=$APP.C(n,l2);c=c.style;c.setProperty("filter","blur("+$APP.N.i(h)+"px)");c.setProperty("opacity",""+$APP.N.i(r));c.setProperty("mix-blend-mode",n);r=$APP.G(b);h=$APP.C(r,$APP.Xv);r=$APP.C(r,$APP.eq);$APP.m(h)?$APP.U(a,"data-paused",""):$APP.V(a,"data-paused");$APP.U(a,"data-animation",
|
|
8
|
+
r);n=$APP.G(b);h=$APP.C(n,$APP.eu);r=$APP.C(n,$APP.eq);c=$APP.C(n,n2);$APP.C(n,$APP.Gu);e=$APP.l(a,"__xGaussianBlurBackdrop");n=$APP.l(a,"__xGaussianBlurBlobs");f=n.length;k=$APP.w(h);for(v=f;;)if(v<k){var x=document.createElement("div");x.className="blob";e.appendChild(x);n.push(x);v+=1}else break;for(;;)if(f>k)v=n.pop(),e.removeChild(v),--f;else break;for(e=0;;)if(e<k){var y=n[e];x=$APP.Ec(h,e);v=r;f=c;var A=$APP.G(x),E=$APP.C(A,$APP.xv),I=$APP.C(A,$APP.Dw),O=$APP.C(A,$APP.Cw),S=$APP.C(A,$APP.Xo),
|
|
9
|
+
R=$APP.C(A,h2);x=$APP.C(A,i2);A=$APP.C(A,j2);y=y.style;S=""+$APP.N.i(S)+"%";y.setProperty("left",""+$APP.N.i(I)+"%");y.setProperty("top",""+$APP.N.i(O)+"%");y.setProperty("width",S);y.setProperty("height",S);y.setProperty("background","radial-gradient(circle,"+$APP.N.i(E)+" 0%,transparent 70%)");y.setProperty("transform","translate(-50%,-50%)");a:switch(E=R,v){case "float":v="x-gb-float-"+$APP.N.i(E);break a;case "pulse":v="x-gb-pulse-"+$APP.N.i(E);break a;default:v=null}$APP.m(v)?(x*=f,f*=A,y.setProperty("animation",
|
|
10
|
+
""+$APP.N.i(v)+" "+$APP.N.i(x)+"s ease-in-out "+$APP.N.i(f)+"s infinite")):y.removeProperty("animation");e+=1}else break;k2(a,d);a=$APP.T(a,"__xGaussianBlurModel",b)}else a=null;return a},Rwa=function(a){function b(){return k2(a,c)}$APP.m($APP.l(a,"__xGaussianBlurInit"))||Lwa(a);var c=$APP.l(a,"__xGaussianBlurSlot");$APP.T(a,"__xGaussianBlurSlotHandler",b);c.addEventListener("slotchange",b);return o2(a)},Swa=function(a){var b=$APP.l(a,"__xGaussianBlurSlot");a=$APP.l(a,"__xGaussianBlurSlotHandler");
|
|
11
|
+
return $APP.m($APP.m(b)?a:b)?b.removeEventListener("slotchange",a):null},Twa=function(a,b,c,d){return $APP.M.j(c,d)?$APP.m($APP.l(a,"__xGaussianBlurInit"))?o2(a):null:null},Vwa=function(a){return $APP.uj(a,Uwa)},p2=function(){return $APP.Oj("x-gaussian-blur",new $APP.K(null,5,[$APP.Gj,Wwa,$APP.Ej,Rwa,$APP.Bj,Swa,$APP.Aj,Twa,$APP.Fj,Vwa],null))},n2=new $APP.F(null,"speed-s","speed-s",-1018350546),h2=new $APP.F(null,"anim-index","anim-index",-1563021855),j2=new $APP.F(null,"delay-factor","delay-factor",
|
|
12
|
+
-751650178),l2=new $APP.F(null,"blend","blend",249565561),Qwa=new $APP.F(null,"size-pct","size-pct",-741809955),i2=new $APP.F(null,"duration-factor","duration-factor",-409465019);var Wwa="colors blur speed count size opacity animation blend paused".split(" "),Uwa=$APP.Ag([$APP.Xv,$APP.eq,$APP.rv,$APP.ix,$APP.Xo,$APP.Gu,$APP.Hu,$APP.tu,l2],[new $APP.K(null,2,[$APP.P,$APP.sj,$APP.W,"paused"],null),new $APP.K(null,3,[$APP.P,$APP.X,$APP.W,"animation",$APP.tj,"float"],null),new $APP.K(null,3,[$APP.P,$APP.X,$APP.W,"speed",$APP.tj,"medium"],null),new $APP.K(null,3,[$APP.P,$APP.X,$APP.W,"colors",$APP.tj,"#6366f1, #ec4899, #14b8a6, #f59e0b"],null),new $APP.K(null,3,[$APP.P,$APP.X,
|
|
13
|
+
$APP.W,"size",$APP.tj,"medium"],null),new $APP.K(null,3,[$APP.P,$APP.X,$APP.W,"blur",$APP.tj,"60"],null),new $APP.K(null,3,[$APP.P,$APP.X,$APP.W,"opacity",$APP.tj,"0.7"],null),new $APP.K(null,3,[$APP.P,$APP.X,$APP.W,"count",$APP.tj,"5"],null),new $APP.K(null,3,[$APP.P,$APP.X,$APP.W,"blend",$APP.tj,"normal"],null)]),Owa=new $APP.ah(null,new $APP.K(null,3,["float",null,"none",null,"pulse",null],null),null),Pwa=new $APP.ah(null,new $APP.K(null,5,["soft-light",null,"multiply",null,"screen",null,"normal",
|
|
14
|
+
null,"overlay",null],null),null),Nwa=new $APP.K(null,3,["slow",18,"medium",10,"fast",5],null),Mwa=new $APP.K(null,3,["small",30,"medium",50,"large",70],null),m2=function m2(a){return typeof a==="string"&&$APP.M.j("",a.trim())?(a=a.trim().split(/,/),$APP.Xf.l($APP.Xe,$APP.wk.j($APP.Oe.i(function(c){return c.trim()}),$APP.Te(function(c){return $APP.M.j("",c)})),a)):m2.i?m2.i("#6366f1, #ec4899, #14b8a6, #f59e0b"):m2.call(null,"#6366f1, #ec4899, #14b8a6, #f59e0b")};var Kwa=":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;}"+$APP.N.i(":host([hidden]){display:none;}")+":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;}}";$APP.ha("baredom.exports.x_gaussian_blur.init",p2);export const init=p2;
|