@vanelsas/baredom 3.2.0 → 4.0.0-alpha.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 +42 -0
- package/README.md +82 -170
- package/custom-elements.json +3705 -3385
- package/dist/barebuild-action.d.ts +45 -0
- package/dist/barebuild-action.js +9 -0
- package/dist/barebuild-data.d.ts +39 -0
- package/dist/barebuild-data.js +5 -0
- package/dist/barebuild-invalidate-on.d.ts +42 -0
- package/dist/barebuild-invalidate-on.js +5 -0
- package/dist/barebuild-route.d.ts +39 -0
- package/dist/barebuild-route.js +4 -0
- package/dist/barebuild-router.d.ts +41 -0
- package/dist/barebuild-router.js +13 -0
- package/dist/baredom.d.ts +96 -91
- package/dist/base.js +589 -579
- package/dist/integrity.json +113 -108
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +14 -14
- 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 +13 -13
- package/dist/x-button.js +1 -1
- package/dist/x-calendar.js +38 -38
- package/dist/x-cancel-dialogue.js +13 -13
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +33 -33
- package/dist/x-chart.js +47 -47
- package/dist/x-checkbox.js +1 -1
- package/dist/x-chip.js +1 -1
- package/dist/x-code.js +27 -27
- package/dist/x-collapse.js +11 -11
- package/dist/x-color-picker.js +44 -44
- package/dist/x-combobox.js +28 -28
- package/dist/x-command-palette.js +27 -27
- package/dist/x-confetti.js +24 -24
- package/dist/x-container.js +5 -5
- package/dist/x-context-menu.js +20 -20
- package/dist/x-copy.js +1 -1
- package/dist/x-currency-field.js +24 -24
- package/dist/x-date-picker.d.ts +5 -4
- package/dist/x-date-picker.js +37 -37
- package/dist/x-divider.js +10 -10
- package/dist/x-drawer.js +11 -11
- package/dist/x-dropdown.js +12 -12
- package/dist/x-fieldset.js +5 -5
- package/dist/x-file-download.js +5 -5
- package/dist/x-file-upload.js +22 -22
- package/dist/x-form-field.js +14 -14
- package/dist/x-form.js +11 -10
- package/dist/x-gaussian-blur.js +13 -13
- 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 -17
- package/dist/x-kbd.js +12 -12
- package/dist/x-kinetic-canvas.js +25 -25
- package/dist/x-kinetic-font.js +27 -27
- package/dist/x-kinetic-typography.js +33 -33
- package/dist/x-liquid-dock.js +31 -31
- package/dist/x-liquid-fill.js +41 -41
- package/dist/x-liquid-glass.js +34 -34
- package/dist/x-menu-item.js +8 -8
- package/dist/x-menu.js +9 -9
- package/dist/x-metaball-cursor.js +23 -23
- package/dist/x-modal.js +12 -12
- package/dist/x-morph-stack.js +37 -37
- package/dist/x-multi-combobox.js +35 -35
- package/dist/x-navbar.js +15 -15
- package/dist/x-neural-glow.js +29 -29
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +17 -17
- package/dist/x-organic-progress.js +33 -33
- package/dist/x-organic-shape.js +12 -12
- package/dist/x-otp-input.js +21 -21
- package/dist/x-pagination.js +14 -14
- package/dist/x-particle-button.js +48 -48
- package/dist/x-popover.js +26 -26
- package/dist/x-progress-circle.js +7 -7
- package/dist/x-progress.js +7 -7
- package/dist/x-proximity-list.js +20 -20
- package/dist/x-radio.js +11 -11
- package/dist/x-range-slider.js +28 -28
- package/dist/x-rating.js +23 -23
- package/dist/x-ripple-effect.js +9 -9
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +16 -16
- package/dist/x-scroll-story.js +33 -33
- package/dist/x-scroll-timeline.js +45 -45
- package/dist/x-scroll.js +37 -37
- package/dist/x-search-field.js +1 -1
- package/dist/x-select.d.ts +1 -0
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.js +16 -16
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +15 -15
- package/dist/x-soft-body.js +18 -18
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +12 -12
- package/dist/x-split-pane.js +15 -15
- package/dist/x-spotlight-card.js +12 -12
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +13 -13
- package/dist/x-switch.js +10 -10
- package/dist/x-tab.js +6 -6
- package/dist/x-table-cell.js +19 -19
- package/dist/x-table-row.js +8 -8
- package/dist/x-table.js +13 -13
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +18 -18
- package/dist/x-theme.js +25 -25
- package/dist/x-timeline-item.js +20 -20
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.js +22 -22
- package/dist/x-toaster.js +6 -6
- package/dist/x-tooltip.js +12 -12
- package/dist/x-trace-history.js +124 -124
- package/dist/x-typography.js +6 -6
- package/dist/x-welcome-tour.js +63 -63
- package/package.json +28 -1
package/dist/x-fieldset.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.n(d)){c=$APP.l(d,"root-el");e=$APP.l(d,"content-el");d=$APP.l(d,"legend-el");var f=$APP.G(b),h=$APP.C(f,
|
|
4
|
-
c=$APP.G(b);c=$APP.C(c,$APP.
|
|
2
|
+
var WQ=function(a){if($APP.n($APP.l(a,"__xFieldsetRefs"))){var b=new $APP.M(null,4,[TQ,a.getAttribute("legend"),$APP.Ej,a.hasAttribute("disabled"),$APP.hl,a.getAttribute("aria-label"),$APP.il,a.getAttribute("aria-describedby")],null);var c=$APP.G(b),d=$APP.C(c,TQ),e=$APP.C(c,$APP.Ej);b=$APP.C(c,$APP.hl);c=$APP.C(c,$APP.il);d=$APP.n(d)?d:"";e=$APP.D(e);b=new $APP.M(null,5,[UQ,d,VQ,$APP.I(d,""),$APP.Xj,e,$APP.ql,b,$APP.pl,c],null);if($APP.I($APP.l(a,"__xFieldsetModel"),b))if(d=$APP.l(a,"__xFieldsetRefs"),
|
|
3
|
+
$APP.n(d)){c=$APP.l(d,"root-el");e=$APP.l(d,"content-el");d=$APP.l(d,"legend-el");var f=$APP.G(b),h=$APP.C(f,UQ);f=$APP.C(f,VQ);d.textContent=h;$APP.n(f)?$APP.U(d,"hidden"):$APP.T(d,"hidden","");f=$APP.G(b);d=$APP.C(f,$APP.ql);h=$APP.C(f,$APP.pl);f=$APP.C(f,VQ);$APP.n(d)?($APP.T(c,"aria-label",d),$APP.U(c,"aria-labelledby")):($APP.U(c,"aria-label"),$APP.n(f)?$APP.T(c,"aria-labelledby","x-fieldset-legend"):$APP.U(c,"aria-labelledby"));$APP.n(h)?$APP.T(c,"aria-describedby",h):$APP.U(c,"aria-describedby");
|
|
4
|
+
c=$APP.G(b);c=$APP.C(c,$APP.Xj);$APP.cj(a,"data-disabled",c);$APP.cj(e,"inert",c);a=$APP.Q(a,"__xFieldsetModel",b)}else a=null;else a=null;return a}return null},xga=function(a){if(!$APP.n(document.getElementById("x-fieldset-input-styles"))){var b=document.createElement("style");$APP.T(b,"id","x-fieldset-input-styles");b.textContent="x-fieldset input,x-fieldset select,x-fieldset textarea{background:var(--x-fieldset-input-bg);color:var(--x-fieldset-input-color);border:1px solid var(--x-fieldset-input-border);border-radius:var(--x-fieldset-input-radius);padding:0.5rem 0.75rem;font:inherit;outline:none;box-sizing:border-box;}x-fieldset input:focus,x-fieldset select:focus,x-fieldset textarea:focus{border-color:var(--x-fieldset-input-focus);box-shadow:0 0 0 2px var(--x-fieldset-input-focus);}";
|
|
5
5
|
document.head.appendChild(b)}if(!$APP.n($APP.l(a,"__xFieldsetRefs"))){b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),f=document.createElement("div"),h=document.createElement("slot"),k={};c.textContent=":host{display:block;color-scheme:light dark;--x-fieldset-border-color:var(--x-color-border, #d1d5db);--x-fieldset-border-width:1px;--x-fieldset-border-radius:var(--x-radius-md, 8px);--x-fieldset-padding:1rem;--x-fieldset-gap:0.75rem;--x-fieldset-bg:var(--x-color-surface,transparent);--x-fieldset-legend-color:var(--x-color-text-muted,#374151);--x-fieldset-legend-font-size:var(--x-font-size-sm, 0.875rem);--x-fieldset-legend-font-weight:600;--x-fieldset-legend-padding:0 0.375rem;--x-fieldset-disabled-opacity:0.45;--x-fieldset-input-bg:var(--x-color-surface,#ffffff);--x-fieldset-input-color:var(--x-color-text,#0f172a);--x-fieldset-input-border:var(--x-color-border,#d1d5db);--x-fieldset-input-radius:var(--x-radius-sm,0.375rem);--x-fieldset-input-focus:var(--x-color-focus-ring,#60a5fa);}@media (prefers-color-scheme:dark){:host{--x-fieldset-border-color:var(--x-color-border, #374151);--x-fieldset-legend-color:var(--x-color-text-muted,#d1d5db);--x-fieldset-input-bg:var(--x-color-surface,#1f2937);--x-fieldset-input-color:var(--x-color-text,#e5e7eb);--x-fieldset-input-border:var(--x-color-border,#374151);--x-fieldset-input-focus:var(--x-color-focus-ring,#93c5fd);}}[part\x3droot]{display:block;border:var(--x-fieldset-border-width) solid var(--x-fieldset-border-color);border-radius:var(--x-fieldset-border-radius);padding:var(--x-fieldset-padding);background:var(--x-fieldset-bg);position:relative;}:host([data-disabled]) [part\x3droot]{opacity:var(--x-fieldset-disabled-opacity);}[part\x3dlegend]{display:block;position:absolute;top:calc(-0.5em);left:calc(var(--x-fieldset-border-radius) - 0.375rem);padding:var(--x-fieldset-legend-padding);color:var(--x-fieldset-legend-color);font-size:var(--x-fieldset-legend-font-size);font-weight:var(--x-fieldset-legend-font-weight);background:inherit;line-height:1;white-space:nowrap;}[part\x3dlegend][hidden]{display:none;}[part\x3dcontent]{display:flex;flex-direction:column;gap:var(--x-fieldset-gap);}";
|
|
6
|
-
$APP.T(d,"part","root");$APP.T(d,"role","group");$APP.T(e,"part","legend");$APP.T(e,"id","x-fieldset-legend");$APP.T(f,"part","content");f.appendChild(h);d.appendChild(e);d.appendChild(f);b.appendChild(c);b.appendChild(d);k.root=b;k["root-el"]=d;k["legend-el"]=e;k["content-el"]=f;$APP.Q(a,"__xFieldsetRefs",k)}return
|
|
7
|
-
$APP.
|
|
6
|
+
$APP.T(d,"part","root");$APP.T(d,"role","group");$APP.T(e,"part","legend");$APP.T(e,"id","x-fieldset-legend");$APP.T(f,"part","content");f.appendChild(h);d.appendChild(e);d.appendChild(f);b.appendChild(c);b.appendChild(d);k.root=b;k["root-el"]=d;k["legend-el"]=e;k["content-el"]=f;$APP.Q(a,"__xFieldsetRefs",k)}return WQ(a)},yga=function(a,b,c,d){return $APP.I(c,d)?WQ(a):null},Aga=function(a){return $APP.xj(a,zga)},XQ=function(){return $APP.zi("x-fieldset",new $APP.M(null,4,[$APP.ji,Bga,$APP.hi,xga,
|
|
7
|
+
$APP.di,yga,$APP.ii,Aga],null))},VQ=new $APP.F(null,"legend-visible?","legend-visible?",-281107501),TQ=new $APP.F(null,"legend-raw","legend-raw",907427195),UQ=new $APP.F(null,"legend","legend",-1027192245);var Bga=["legend","disabled","aria-label","aria-describedby"],zga=new $APP.M(null,2,[UQ,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"legend"],null),$APP.zm,new $APP.M(null,2,[$APP.N,$APP.vj,$APP.W,"disabled"],null)],null);$APP.fa("baredom.exports.x_fieldset.init",XQ);export const init=XQ;
|
package/dist/x-file-download.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.l(a,"__xFileDownloadRefs");if($APP.n(c)){c=$APP.l(c,"anchor-el");var d=$APP.G(b);d=$APP.C(d,$APP
|
|
4
|
-
c=$APP.G(b);c=$APP.C(c,$APP.
|
|
5
|
-
|
|
2
|
+
var UH=function(a){a=new $APP.M(null,4,[TH,a.getAttribute("href"),$APP.hq,a.getAttribute("filename"),$APP.Ej,a.hasAttribute("disabled"),$APP.hl,a.getAttribute("aria-label")],null);var b=$APP.G(a);a=$APP.C(b,TH);var c=$APP.C(b,$APP.hq),d=$APP.C(b,$APP.Ej);b=$APP.C(b,$APP.hl);return new $APP.M(null,4,[$APP.$u,$APP.Qi(a),$APP.Jt,$APP.n(c)?c:"",$APP.Xj,$APP.D(d),$APP.ql,b],null)},VH=function(a){if($APP.n($APP.l(a,"__xFileDownloadRefs"))){var b=UH(a);if($APP.I($APP.l(a,"__xFileDownloadModel"),b)){var c=
|
|
3
|
+
$APP.l(a,"__xFileDownloadRefs");if($APP.n(c)){c=$APP.l(c,"anchor-el");var d=$APP.G(b);d=$APP.C(d,$APP.$u);c.href=d;var e=$APP.G(b);d=$APP.C(e,$APP.$u);e=$APP.C(e,$APP.Jt);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.G(b);d=$APP.C(e,$APP.Xj);e=$APP.C(e,$APP.ql);$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");
|
|
4
|
+
c=$APP.G(b);c=$APP.C(c,$APP.Xj);$APP.cj(a,"data-disabled",c);a=$APP.Q(a,"__xFileDownloadModel",b)}else a=null}else a=null;return a}return null},Uba=function(a){function b(d){if($APP.n(a.hasAttribute("disabled")))d=d.preventDefault();else{var e=UH(a);e={href:$APP.$u.i(e),filename:$APP.Jt.i(e)};d=$APP.jj(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.Q(a,"__xFileDownloadHandlers",c)},
|
|
5
|
+
WH=function(a){var b=$APP.l(a,"__xFileDownloadHandlers"),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.Q(a,"__xFileDownloadHandlers",null)},Vba=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");
|
|
6
6
|
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;}}";
|
|
7
7
|
$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';
|
|
8
|
-
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.Q(a,"__xFileDownloadRefs",b)}
|
|
8
|
+
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.Q(a,"__xFileDownloadRefs",b)}WH(a);Uba(a);return VH(a)},Wba=function(a){return WH(a)},Xba=function(a,b,c,d){return $APP.I(c,d)?VH(a):null},Zba=function(a){return $APP.xj(a,Yba)},XH=function(){return $APP.zi("x-file-download",new $APP.M(null,5,[$APP.ji,$ba,$APP.hi,Vba,$APP.ei,Wba,$APP.di,Xba,$APP.ii,Zba],null))},TH=new $APP.F(null,"href-raw","href-raw",-1680949453);var $ba=["href","filename","disabled","aria-label"],Yba=new $APP.M(null,3,[$APP.$u,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"href",$APP.wj,""],null),$APP.Jt,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"filename",$APP.wj,""],null),$APP.zm,new $APP.M(null,2,[$APP.N,$APP.vj,$APP.W,"disabled"],null)],null);$APP.je(["x-file-download-click",new $APP.M(null,2,[$APP.fu,!0,$APP.V,new $APP.M(null,2,[$APP.$u,$APP.X,$APP.Jt,$APP.X],null)],null)]);$APP.fa("baredom.exports.x_file_download.init",XH);export const init=XH;
|
package/dist/x-file-upload.js
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
c.startsWith(""+$APP.P.i(e)+"/")):$APP.z.j(e,c)},b))},
|
|
4
|
-
[
|
|
5
|
-
|
|
6
|
-
"accept"):$APP.T(c,"accept",f);$APP.n(e)?$APP.T(c,"multiple",""):$APP.U(c,"multiple");c=$APP.G(b);c=$APP.C(c,$APP.
|
|
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},
|
|
2
|
+
var mF=function(a){return a!=null?(a=parseInt(a,10),$APP.p(isNaN(a))&&a>0?a:null):null},Gaa=function(a){var b=a.lastIndexOf(".");return b>0?a.substring(b).toLowerCase():null},Haa=function(a,b){if(b==null||$APP.z.j(b,""))return!0;var c=function(){var e=a.type;return $APP.n(e)?e:""}().toLowerCase(),d=Gaa(a.name);b=$APP.ye.j($APP.Hi,$APP.Fi(b,/,/));return $APP.D($APP.pe(function(e){e=e.toLowerCase();return $APP.n(e.startsWith("."))?$APP.z.j(e,d):$APP.n(e.endsWith("/*"))?(e=e.substring(0,e.indexOf("/")),
|
|
3
|
+
c.startsWith(""+$APP.P.i(e)+"/")):$APP.z.j(e,c)},b))},Iaa=function(a,b,c,d,e){a=$APP.q(a);for(var f=$APP.Ge,h=$APP.Ge;;){if($APP.p(a))return new $APP.M(null,2,[nF,f,oF,h],null);var k=$APP.t(a);var m=k;var r=b,u=c;m=$APP.Li(r)&&!Haa(m,r)?new $APP.M(null,2,[$APP.nl,!1,$APP.wq,"File type not accepted"],null):u!=null&&m.size>u?new $APP.M(null,2,[$APP.nl,!1,$APP.wq,"File too large"],null):new $APP.M(null,2,[$APP.nl,!0,$APP.wq,null],null);$APP.p($APP.nl.i(m))?(a=$APP.v(a),h=$APP.Cd.j(h,new $APP.M(null,
|
|
4
|
+
2,[pF,k,$APP.wq,$APP.wq.i(m)],null))):d!=null&&e>=d?(a=$APP.v(a),h=$APP.Cd.j(h,new $APP.M(null,2,[pF,k,$APP.wq,"Maximum files reached"],null))):(a=$APP.v(a),f=$APP.Cd.j(f,k),e+=1)}},yF=function(a){a=new $APP.M(null,7,[qF,a.getAttribute("accept"),rF,a.hasAttribute("multiple"),sF,a.getAttribute("max-size"),tF,a.getAttribute("max-files"),$APP.Ej,a.hasAttribute("disabled"),$APP.Fj,a.hasAttribute("required"),$APP.Aj,a.getAttribute("name")],null);var b=$APP.G(a);a=$APP.C(b,qF);var c=$APP.C(b,rF),d=$APP.C(b,
|
|
5
|
+
sF),e=$APP.C(b,tF),f=$APP.C(b,$APP.Ej),h=$APP.C(b,$APP.Fj);b=$APP.C(b,$APP.Aj);return new $APP.M(null,7,[uF,$APP.n(a)?a:"",vF,$APP.D(c),wF,mF(d),xF,mF(e),$APP.Xj,$APP.D(f),$APP.Yj,$APP.D(h),$APP.Uj,$APP.n(b)?b:""],null)},zF=function(a){if($APP.n($APP.l(a,"__xFileUploadRefs"))){var b=yF(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.G(b),f=$APP.C(e,uF);e=$APP.C(e,vF);$APP.z.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.G(b);c=$APP.C(c,$APP.Xj);$APP.T(d,"tabindex",$APP.n(c)?"-1":"0");$APP.T(d,"aria-disabled",""+$APP.P.i(c));a=$APP.Q(a,"__xFileUploadModel",b)}else a=null}else a=null;return a}return null},AF=function(a){a=$APP.q($APP.Ec(a.querySelectorAll("[part\x3dthumbnail]")));for(var b=null,c=0,d=0;;)if(d<c){var e=b.C(null,d);URL.revokeObjectURL(e.src);d+=1}else if(a=$APP.q(a))b=a,$APP.$c(b)?(a=$APP.Fb(b),c=$APP.Gb(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},BF=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;AF(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"),r=document.createElement("button"),u=f.name;$APP.T(h,"part","file-item");
|
|
8
8
|
$APP.T(h,"role","listitem");var x=f.type,y=typeof x==="string";$APP.n(y?x.startsWith("image/"):y)&&(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(
|
|
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)}}},
|
|
11
|
-
|
|
12
|
-
rejected:$APP.
|
|
13
|
-
null):null},fileChange:function(b){b=b.target;var c=b.files;c.length>0&&
|
|
14
|
-
0?($APP.Q(a,"__xFileUploadDragCtr",0),$APP.U(a,"data-drag-over")):null},drop:function(b){b.preventDefault();$APP.Q(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?
|
|
15
|
-
d=c[b];c.splice(b,1);
|
|
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"))}},
|
|
17
|
-
document.createElement("div"),m=document.createElement("div"),
|
|
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(
|
|
19
|
-
b.appendChild(d);b.appendChild(m);b.appendChild(
|
|
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"))));
|
|
21
|
-
|
|
22
|
-
"required","required");$APP.
|
|
23
|
-
"__xFileUploadInternals");return $APP.n(b)?b.reportValidity():null},writable:!0,configurable:!0})},
|
|
24
|
-
"max-size",-874966132),
|
|
9
|
+
f;$APP.T(r,"part","remove");$APP.T(r,"type","button");$APP.T(r,"aria-label","Remove "+$APP.P.i(u));$APP.T(r,"data-index",""+$APP.P.i(e));r.textContent="×";h.appendChild(k);h.appendChild(m);h.appendChild(r);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"}},CF=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)}}},DF=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},EF=function(a,b){var c=yF(a);c=$APP.G(c);var d=$APP.C(c,
|
|
11
|
+
uF),e=$APP.C(c,vF),f=$APP.C(c,wF),h=$APP.C(c,xF);c=$APP.l(a,"__xFileUploadFiles");b=Iaa($APP.Ec(b),d,f,h,c.length);d=$APP.G(b);b=$APP.C(d,nF);d=$APP.C(d,oF);if($APP.n(e)){e=$APP.q(b);f=null;for(var k=h=0;;)if(k<h){var m=f.C(null,k);c.push(m);k+=1}else if(e=$APP.q(e))f=e,$APP.$c(f)?(e=$APP.Fb(f),k=$APP.Gb(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.q(b)&&c.push($APP.t(b));BF(a);CF(a);DF(a);return $APP.hj(a,"x-file-upload-select",{files:$APP.id(b),
|
|
12
|
+
rejected:$APP.id($APP.ye.j(function(r){var u=$APP.G(r);r=$APP.C(u,pF);u=$APP.C(u,$APP.wq);return{file:r,reason:u}},d))})},Jaa=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.z.j(b.key,"Enter")||$APP.z.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&&EF(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.Q(a,"__xFileUploadDragCtr",b);return $APP.z.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.Q(a,"__xFileUploadDragCtr",b);return b<=
|
|
14
|
+
0?($APP.Q(a,"__xFileUploadDragCtr",0),$APP.U(a,"data-drag-over")):null},drop:function(b){b.preventDefault();$APP.Q(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?EF(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);BF(a);CF(a);DF(a);b=$APP.hj(a,"x-file-upload-remove",{file:d,remaining:c.slice()})}return b}return null}}},FF=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"))}},Kaa=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"),r=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(r,"part","live-region");$APP.T(r,"aria-live","polite");$APP.T(r,"aria-atomic","true");d.appendChild(e);d.appendChild(f);d.appendChild(k);b.appendChild(c);
|
|
19
|
+
b.appendChild(d);b.appendChild(m);b.appendChild(r);$APP.Q(a,"__xFileUploadFiles",[]);$APP.Q(a,"__xFileUploadDragCtr",0);$APP.Q(a,"__xFileUploadRefs",{dropZone:d,fileInput:e,content:f,dragOverlay:k,fileList:m,liveRegion:r})}b=a.attachInternals;$APP.n($APP.n(b)?$APP.p($APP.l(a,"__xFileUploadInternals")):b)&&$APP.Q(a,"__xFileUploadInternals",a.attachInternals());FF(a);$APP.Q(a,"__xFileUploadHandlers",Jaa(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"))));zF(a);return DF(a)},
|
|
21
|
+
Laa=function(a){FF(a);a=$APP.l(a,"__xFileUploadRefs");return $APP.n(a)?AF($APP.l(a,"fileList")):null},Maa=function(a,b,c,d){return $APP.I(c,d)?zF(a):null},Naa=function(a,b){$APP.cj(a,"disabled",b);return zF(a)},Oaa=function(a){$APP.l(a,"__xFileUploadFiles").length=0;var b=$APP.l(a,"__xFileUploadRefs");$APP.n(b)&&AF($APP.l(b,"fileList"));BF(a);CF(a);return DF(a)},Paa=function(a){$APP.qj(a,"accept","accept");$APP.qj(a,"name","name");$APP.mj(a,"multiple","multiple");$APP.mj(a,"disabled","disabled");
|
|
22
|
+
$APP.mj(a,"required","required");$APP.rj(a,"maxSize","max-size",0);$APP.rj(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})},GF=function(){return $APP.zi("x-file-upload",new $APP.M(null,8,[$APP.ji,Qaa,$APP.hi,Kaa,$APP.ei,Laa,$APP.di,Maa,$APP.fi,!0,$APP.ci,Naa,$APP.bi,Oaa,$APP.ii,Paa],null))},uF=new $APP.F(null,"accept","accept",1874130431),oF=new $APP.F(null,"rejected","rejected",231052999),nF=new $APP.F(null,"accepted","accepted",-1953464374),sF=new $APP.F(null,"max-size-raw","max-size-raw",1536077032),wF=new $APP.F(null,
|
|
24
|
+
"max-size","max-size",-874966132),vF=new $APP.F(null,"multiple?","multiple?",-490002283),qF=new $APP.F(null,"accept-raw","accept-raw",1407413888),xF=new $APP.F(null,"max-files","max-files",534742526),rF=new $APP.F(null,"multiple-present?","multiple-present?",-1754894397),pF=new $APP.F(null,"file","file",-1269645878),tF=new $APP.F(null,"max-files-raw","max-files-raw",-244409320);var Qaa="accept multiple max-size max-files disabled required name".split(" ");$APP.je(["x-file-upload-select",new $APP.M(null,2,[$APP.fu,!1,$APP.V,new $APP.M(null,2,[new $APP.F(null,"files","files",-472457450),$APP.Aq,oF,$APP.Aq],null)],null),"x-file-upload-remove",new $APP.M(null,2,[$APP.fu,!1,$APP.V,new $APP.M(null,2,[pF,$APP.ct,new $APP.F(null,"remaining","remaining",-138926777),$APP.Aq],null)],null)]);$APP.fa("baredom.exports.x_file_upload.init",GF);export const init=GF;
|
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.I(b,"")&&b!=null,A,E,c,$APP.n(x)?x:"",$APP.D(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"),
|
|
6
|
-
$APP.C(E,$APP.
|
|
7
|
-
A=$APP.C(A,$APP.
|
|
8
|
-
$APP.n(m)&&(m.setFormValue(h),
|
|
9
|
-
"__xFormFieldHandlers",e)}},
|
|
10
|
-
"__xFormFieldInternals");$APP.n(b)&&b.setFormValue("");return
|
|
2
|
+
var R0=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.z.j(f,""):a)?b.setValidity({valueMissing:!0},"Please fill in this field.",c):b.setValidity({},"",c)},S0=function(a,b,c,d){a.textContent=b;$APP.n(c)?a.classList.remove(d):a.classList.add(d)},T0=function(a){if($APP.n($APP.l(a,"__xFormFieldRefs"))){var b=$APP.Gg([$APP.Dj,$APP.Aj,$APP.qq,$APP.Iq,
|
|
3
|
+
$APP.Ej,$APP.Fj,$APP.gl,$APP.Bj,$APP.Sj,$APP.Zp,$APP.Cj],[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.G(b),d=$APP.C(c,$APP.Cj),e=$APP.C(c,$APP.Dj),f=$APP.C(c,$APP.Aj);b=$APP.C(c,$APP.qq);var h=$APP.C(c,$APP.Iq),k=$APP.C(c,$APP.Ej),m=$APP.C(c,$APP.Fj),
|
|
4
|
+
r=$APP.C(c,$APP.gl),u=$APP.C(c,$APP.Bj),x=$APP.C(c,$APP.Sj),y=$APP.C(c,$APP.Zp);c=$APP.n(b)?b:"";var A=$APP.n(h)?h:"",E=$APP.n(e)?e:"",H=[$APP.Yj,$APP.ll,$APP.Vj,$APP.Up,$APP.Uj,$APP.Ui,$APP.st,$APP.N,$APP.Qs,$APP.Rt,$APP.Wj,$APP.fq,$APP.Zj,$APP.Xj];m=$APP.D(m);r=$APP.D(r);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;y=typeof y==="string"&&$APP.ed(uoa,y)?y:"text";b=$APP.Gg(H,[m,r,d,h,f,u,e,y,typeof b===
|
|
5
|
+
"string"&&$APP.I(b,"")&&b!=null,A,E,c,$APP.n(x)?x:"",$APP.D(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"),r=$APP.G(b),E=$APP.C(r,$APP.N),H=$APP.C(r,$APP.Uj),e=$APP.C(r,$APP.Vj),y=$APP.C(r,$APP.Xj),m=$APP.C(r,$APP.ll),u=$APP.C(r,$APP.Yj),r=$APP.C(r,$APP.Zj),k.type=E,k.name=H,k.placeholder=e,k.disabled=y,k.readOnly=m,k.required=u,k.autocomplete=r,E=$APP.G(b),H=$APP.C(E,$APP.Yj),e=
|
|
6
|
+
$APP.C(E,$APP.Qs),$APP.T(k,"aria-required",$APP.n(H)?"true":"false"),$APP.T(k,"aria-invalid",$APP.n(e)?"true":"false"),H=$APP.G(E),E=$APP.C(H,$APP.Up),H=$APP.C(H,$APP.Qs),E=$APP.n($APP.n(E)?H:E)?"hint error":$APP.n(E)?"hint":$APP.n(H)?"error":null,$APP.n(E)?$APP.T(k,"aria-describedby",E):$APP.U(k,"aria-describedby"),H=$APP.G(b),E=$APP.C(H,$APP.Wj),H=$APP.C(H,$APP.st),S0(A,E,H,"label-hidden"),E=$APP.G(b),A=$APP.C(E,$APP.Rt),E=$APP.C(E,$APP.Up),S0(c,A,E,"hint-hidden"),A=$APP.G(b),c=$APP.C(A,$APP.fq),
|
|
7
|
+
A=$APP.C(A,$APP.Qs),S0(x,c,A,"error-hidden"),x=$APP.G(b),x=$APP.C(x,$APP.Qs),$APP.cj(a,"data-invalid",x),x=$APP.l(a,"__xFormFieldInternals"),$APP.n(x)&&R0(a,x,k),a=$APP.Q(a,"__xFormFieldModel",b)):a=null):a=null;return a}return null},voa=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),R0(a,m,f));f=$APP.hj(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),R0(a,m,f));f=$APP.hj(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.Q(a,
|
|
9
|
+
"__xFormFieldHandlers",e)}},U0=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.Q(a,"__xFormFieldHandlers",null)}return null},woa=function(a,b){$APP.cj(a,"disabled",$APP.D(b));return T0(a)},xoa=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 T0(a)},yoa=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"),r={};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
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
|
-
|
|
13
|
-
"__xFormFieldRefs"),$APP.n(b)&&(b=$APP.l(b,"input"),$APP.I(b.value,d)&&(b.value=$APP.n(d)?d:"")));return
|
|
14
|
-
|
|
15
|
-
$APP.
|
|
16
|
-
$APP.X,$APP.W,"autocomplete"],null),new $APP.M(null,2,[$APP.
|
|
12
|
+
r.field=d;r.label=e;r.input=h;r.hint=k;r.error=m;$APP.Q(a,"__xFormFieldRefs",r);$APP.n(a.attachInternals)&&$APP.Q(a,"__xFormFieldInternals",a.attachInternals())}U0(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:""));voa(a);return T0(a)},zoa=function(a){return U0(a)},Aoa=function(a,b,c,d){$APP.z.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 T0(a)},Boa=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
|
+
Coa=function(a){Boa(a);$APP.pj(a,"label","label","");$APP.pj(a,"type","type","");$APP.pj(a,"name","name","");$APP.pj(a,"placeholder","placeholder","");$APP.pj(a,"autocomplete","autocomplete","");$APP.mj(a,"disabled","disabled");$APP.mj(a,"readOnly","readonly");return $APP.mj(a,"required","required")},V0=function(){return $APP.zi("x-form-field",new $APP.M(null,8,[$APP.ji,Doa,$APP.hi,yoa,$APP.ei,zoa,$APP.di,Aoa,$APP.fi,!0,$APP.ci,woa,$APP.bi,xoa,$APP.ii,Coa],null))};var Doa="label type name value placeholder hint error disabled readonly required autocomplete".split(" "),uoa=new $APP.ch(null,new $APP.M(null,6,["url",null,"tel",null,"email",null,"text",null,"number",null,"password",null],null),null);
|
|
15
|
+
$APP.Gg([$APP.Vj,$APP.zm,$APP.Uj,$APP.Ui,$APP.uj,$APP.N,$APP.Wj,$APP.Zj,$APP.ps],[new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"placeholder"],null),new $APP.M(null,2,[$APP.N,$APP.vj,$APP.W,"disabled"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"name"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"value"],null),new $APP.M(null,2,[$APP.N,$APP.vj,$APP.W,"readonly"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"type"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"label"],null),new $APP.M(null,2,[$APP.N,
|
|
16
|
+
$APP.X,$APP.W,"autocomplete"],null),new $APP.M(null,2,[$APP.N,$APP.vj,$APP.W,"required"],null)]);$APP.je(["x-form-field-input",new $APP.M(null,2,[$APP.fu,!1,$APP.V,new $APP.M(null,2,[$APP.Uj,$APP.X,$APP.Ui,$APP.X],null)],null),"x-form-field-change",new $APP.M(null,2,[$APP.fu,!1,$APP.V,new $APP.M(null,2,[$APP.Uj,$APP.X,$APP.Ui,$APP.X],null)],null)]);$APP.fa("baredom.exports.x_form_field.init",V0);export const init=V0;
|
package/dist/x-form.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
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
|
-
e.tagName.toLowerCase(),k=e.getAttribute("type");$APP.z.j(k,"checkbox")||$APP.z.j(k,"radio")||$APP.z.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},
|
|
5
|
-
for(var k={ok:!0},m=h.length,
|
|
6
|
-
if($APP.n(h)){
|
|
7
|
-
$APP.l(c,"submit")),b.removeEventListener("reset",$APP.l(c,"reset")),a.removeEventListener("click",$APP.l(c,"click")),$APP.Q(a,"__xFormHandlers",null)}return null},
|
|
8
|
-
|
|
9
|
-
"reset",{value:function(){var b=
|
|
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})},
|
|
11
|
-
$APP.
|
|
2
|
+
var IZ=function(a){a=new $APP.M(null,3,[$APP.tu,a.getAttribute("loading"),GZ,$APP.n(a.hasAttribute("novalidate"))?"":null,$APP.Sj,a.getAttribute("autocomplete")],null);var b=$APP.G(a),c=$APP.C(b,$APP.tu);a=$APP.C(b,GZ);b=$APP.C(b,$APP.Sj);c=c!=null&&$APP.I(c,"false");b=$APP.ed(Jma,b)?b:"on";return new $APP.M(null,3,[$APP.dq,c,HZ,a!=null,$APP.Zj,b],null)},JZ=function(a){if($APP.n($APP.l(a,"__xFormRefs"))){var b=IZ(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.G(b),e=$APP.C(d,$APP.Zj);d=$APP.C(d,$APP.dq);$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.Q(a,"__xFormModel",b)}else a=null}else a=null;return a}return null},KZ=function(a){var b=a.name;return $APP.n(b)?b:a.getAttribute("name")},Kma=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=KZ(e);
|
|
4
|
+
if($APP.n(function(){var m=f;return $APP.n(m)?$APP.I(f,""):m}())){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.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},Lma=function(a){var b=$APP.l(a,"__xFormRefs");if($APP.n(b)){b=$APP.l(b,"form");var c=function(h){h.preventDefault();h=IZ(a);if($APP.n($APP.dq.i(h)))h=null;
|
|
5
|
+
else{h=HZ.i(h);if(!$APP.n(h)){h=a.querySelectorAll("[name]:not([disabled])");for(var k={ok:!0},m=h.length,r=0;;)if(r<m){var u=h[r];$APP.n(u.reportValidity)&&($APP.n(u.reportValidity())||(k.ok=!1));r+=1}else break;h=k.ok}$APP.n(h)?(h=Kma(a),h=$APP.jj(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 r=h[m];$APP.n(r.formResetCallback)&&r.formResetCallback();m+=1}else break;return $APP.hj(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.n(h)){var k=h.type;h=$APP.n(k)?k:h.getAttribute("type");k=$APP.l(a,"__xFormRefs");if($APP.n(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.Q(a,"__xFormHandlers",
|
|
7
|
+
f)}},LZ=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",$APP.l(c,"submit")),b.removeEventListener("reset",$APP.l(c,"reset")),a.removeEventListener("click",$APP.l(c,"click")),$APP.Q(a,"__xFormHandlers",null)}return null},Mma=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"),
|
|
8
|
+
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;}";$APP.T(d,"part","root");$APP.T(d,"novalidate","");d.appendChild(e);b.appendChild(c);b.appendChild(d);f.form=d;$APP.Q(a,"__xFormRefs",f)}LZ(a);Lma(a);return JZ(a)},Nma=function(a){return LZ(a)},Oma=function(a,b,c,d){return $APP.I(c,d)?JZ(a):null},MZ=function(a){a=$APP.l(a,"__xFormRefs");return $APP.n(a)?
|
|
9
|
+
$APP.l(a,"form"):null},Pma=function(a){Object.defineProperty(a,"submit",{value:function(){var b=MZ(this);return $APP.n(b)?b.requestSubmit():null},writable:!0,configurable:!0});Object.defineProperty(a,"reset",{value:function(){var b=MZ(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.z.j(c,"")||$APP.z.j(c,void 0),f=d.length,h=0;;)if(h<f){var k=d[h];$APP.z.j(KZ(k),
|
|
10
|
+
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]");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})},Rma=function(a){$APP.xj(a,Qma);return Pma(a)},NZ=function(){return $APP.zi("x-form",new $APP.M(null,5,[$APP.ji,Sma,$APP.hi,Mma,$APP.ei,Nma,$APP.di,Oma,
|
|
11
|
+
$APP.ii,Rma],null))},GZ=new $APP.F(null,"novalidate-raw","novalidate-raw",1783236714),HZ=new $APP.F(null,"novalidate?","novalidate?",491529885);var Sma=["loading","novalidate","autocomplete"],Jma=new $APP.ch(null,new $APP.M(null,2,["off",null,"on",null],null),null),Qma=new $APP.M(null,3,[$APP.Am,new $APP.M(null,2,[$APP.N,$APP.vj,$APP.W,"loading"],null),new $APP.F(null,"novalidate","novalidate",-572717086),new $APP.M(null,2,[$APP.N,$APP.vj,$APP.W,"novalidate"],null),$APP.Zj,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"autocomplete"],null)],null);
|
|
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;
|
package/dist/x-gaussian-blur.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
2
|
+
var Upa=function(a,b,c){var d=$APP.w(a);return $APP.Kf.m($APP.Ge,$APP.ye.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),r=Math.sin(e*1.618);r=.7+r*r*.6;var u=.8+.4*Math.sin(e*1.3),x=-(e/$APP.Wo.j(b,1));return new $APP.M(null,7,[$APP.zr,$APP.zc(a,$APP.ud(e,d)),$APP.Bt,h+k,$APP.At,f+m,$APP.Gm,c*r,F2,$APP.ud(e,4),G2,u,H2,x],null)}),$APP.xh(0,b))},Vpa=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
|
-
$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.Q(a,"__xGaussianBlurBackdrop",d);$APP.Q(a,"__xGaussianBlurSlot",f);$APP.Q(a,"__xGaussianBlurBlobs",[]);$APP.Q(a,"__xGaussianBlurInit",!0)},
|
|
5
|
-
$APP.
|
|
6
|
-
typeof c==="string"&&$APP.I("",c.trim())?(c=parseInt(c.trim(),10),c=$APP.n(isFinite(c))?$APP.
|
|
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=
|
|
8
|
-
c=$APP.l(a,"__xGaussianBlurBackdrop");m=$APP.G(b);h=$APP.C(m,$APP.
|
|
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 y=m[e];x=$APP.
|
|
10
|
-
""+$APP.P.i(
|
|
11
|
-
|
|
12
|
-
"__xGaussianBlurInit"))?
|
|
13
|
-
"duration-factor","duration-factor",-409465019);var
|
|
14
|
-
$APP.W,"size",$APP.
|
|
15
|
-
null,"overlay",null],null),null),
|
|
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.Q(a,"__xGaussianBlurBackdrop",d);$APP.Q(a,"__xGaussianBlurSlot",f);$APP.Q(a,"__xGaussianBlurBlobs",[]);$APP.Q(a,"__xGaussianBlurInit",!0)},I2=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")},M2=function(a){var b=
|
|
5
|
+
$APP.Gg([$APP.Ds,$APP.Rn,$APP.qr,$APP.pu,$APP.Gm,$APP.Np,$APP.Pp,$APP.wp,J2],[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,J2);b=$APP.C(c,$APP.Ds);var e=$APP.C(c,$APP.Rn),f=$APP.C(c,$APP.qr),h=$APP.C(c,$APP.pu),k=$APP.C(c,$APP.Gm),m=$APP.C(c,$APP.Np),r=$APP.C(c,$APP.Pp);c=$APP.C(c,$APP.wp);h=K2(h);
|
|
6
|
+
typeof c==="string"&&$APP.I("",c.trim())?(c=parseInt(c.trim(),10),c=$APP.n(isFinite(c))?$APP.po.j(12,$APP.Wo.j(1,c)):5):c=5;if(typeof k==="string"&&$APP.I("",k.trim())){k=k.trim();var u=$APP.C(Wpa,k);$APP.n(u)?k=u:(k=parseFloat(k),u=isFinite(k),k=$APP.n($APP.n(u)?k>0:u)?$APP.po.j(100,$APP.Wo.j(10,k)):50)}else k=50;typeof f==="string"&&$APP.I("",f.trim())?(f=f.trim(),u=$APP.C(Xpa,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.ed(Ypa,
|
|
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=Upa(h,c,k);typeof r==="string"&&$APP.I("",r.trim())?(r=parseFloat(r.trim()),r=$APP.n(isFinite(r))?$APP.po.j(1,$APP.Wo.j(0,r)):.7):r=.7;d=typeof d==="string"&&$APP.ed(Zpa,d)?d:"normal";b=$APP.Gg([$APP.Ds,$APP.Rn,$APP.pu,L2,$APP.Np,$APP.Ju,$APP.Pp,$APP.wp,J2,$pa],[b!=null,e,h,f,m,u,r,c,d,k]);if($APP.I($APP.l(a,"__xGaussianBlurModel"),b)){d=$APP.l(a,"__xGaussianBlurSlot");
|
|
8
|
+
c=$APP.l(a,"__xGaussianBlurBackdrop");m=$APP.G(b);h=$APP.C(m,$APP.Np);r=$APP.C(m,$APP.Pp);m=$APP.C(m,J2);c=c.style;c.setProperty("filter","blur("+$APP.P.i(h)+"px)");c.setProperty("opacity",""+$APP.P.i(r));c.setProperty("mix-blend-mode",m);r=$APP.G(b);h=$APP.C(r,$APP.Ds);r=$APP.C(r,$APP.Rn);$APP.n(h)?$APP.T(a,"data-paused",""):$APP.U(a,"data-paused");$APP.T(a,"data-animation",r);m=$APP.G(b);h=$APP.C(m,$APP.Ju);r=$APP.C(m,$APP.Rn);c=$APP.C(m,L2);$APP.C(m,$APP.Np);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 y=m[e];x=$APP.zc(h,e);u=r;f=c;var A=$APP.G(x),E=$APP.C(A,$APP.zr),H=$APP.C(A,$APP.Bt),O=$APP.C(A,$APP.At),S=$APP.C(A,$APP.Gm),R=$APP.C(A,F2);x=$APP.C(A,G2);A=$APP.C(A,H2);y=y.style;S=""+$APP.P.i(S)+"%";y.setProperty("left",""+$APP.P.i(H)+"%");y.setProperty("top",
|
|
10
|
+
""+$APP.P.i(O)+"%");y.setProperty("width",S);y.setProperty("height",S);y.setProperty("background","radial-gradient(circle,"+$APP.P.i(E)+" 0%,transparent 70%)");y.setProperty("transform","translate(-50%,-50%)");a:switch(E=R,u){case "float":u="x-gb-float-"+$APP.P.i(E);break a;case "pulse":u="x-gb-pulse-"+$APP.P.i(E);break a;default:u=null}$APP.n(u)?(x*=f,f*=A,y.setProperty("animation",""+$APP.P.i(u)+" "+$APP.P.i(x)+"s ease-in-out "+$APP.P.i(f)+"s infinite")):y.removeProperty("animation");e+=1}else break;
|
|
11
|
+
I2(a,d);a=$APP.Q(a,"__xGaussianBlurModel",b)}else a=null;return a},aqa=function(a){function b(){return I2(a,c)}$APP.n($APP.l(a,"__xGaussianBlurInit"))||Vpa(a);var c=$APP.l(a,"__xGaussianBlurSlot");$APP.Q(a,"__xGaussianBlurSlotHandler",b);c.addEventListener("slotchange",b);return M2(a)},bqa=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},cqa=function(a,b,c,d){return $APP.I(c,d)?$APP.n($APP.l(a,
|
|
12
|
+
"__xGaussianBlurInit"))?M2(a):null:null},eqa=function(a){return $APP.xj(a,dqa)},N2=function(){return $APP.zi("x-gaussian-blur",new $APP.M(null,5,[$APP.ji,fqa,$APP.hi,aqa,$APP.ei,bqa,$APP.di,cqa,$APP.ii,eqa],null))},L2=new $APP.F(null,"speed-s","speed-s",-1018350546),J2=new $APP.F(null,"blend","blend",249565561),$pa=new $APP.F(null,"size-pct","size-pct",-741809955),F2=new $APP.F(null,"anim-index","anim-index",-1563021855),H2=new $APP.F(null,"delay-factor","delay-factor",-751650178),G2=new $APP.F(null,
|
|
13
|
+
"duration-factor","duration-factor",-409465019);var fqa="colors blur speed count size opacity animation blend paused".split(" "),dqa=$APP.Gg([$APP.Ds,$APP.Rn,$APP.qr,$APP.pu,$APP.Gm,$APP.Np,$APP.Pp,$APP.wp,J2],[new $APP.M(null,2,[$APP.N,$APP.vj,$APP.W,"paused"],null),new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"animation",$APP.wj,"float"],null),new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"speed",$APP.wj,"medium"],null),new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"colors",$APP.wj,"#6366f1, #ec4899, #14b8a6, #f59e0b"],null),new $APP.M(null,3,[$APP.N,$APP.X,
|
|
14
|
+
$APP.W,"size",$APP.wj,"medium"],null),new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"blur",$APP.wj,"60"],null),new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"opacity",$APP.wj,"0.7"],null),new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"count",$APP.wj,"5"],null),new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"blend",$APP.wj,"normal"],null)]),Ypa=new $APP.ch(null,new $APP.M(null,3,["float",null,"none",null,"pulse",null],null),null),Zpa=new $APP.ch(null,new $APP.M(null,5,["soft-light",null,"multiply",null,"screen",null,"normal",
|
|
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;
|
package/dist/x-grid.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.G(a);a=$APP.C(b,
|
|
4
|
-
$APP.
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
var qY=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"}},rY=function(a,b,c){return $APP.ed(b,a)?a:c},Bla=function(a){switch(a){case "row-dense":return"row dense";case "column-dense":return"column dense";default:return a}},Cla=function(a){return $APP.n($APP.n(a)?$APP.I("",a):a)?a:null},Dla=function(a){return $APP.n($APP.n(a)?$APP.I("",a):a)?a:"16rem"},Hla=function(a){var b=
|
|
3
|
+
$APP.G(a);a=$APP.C(b,sY);var c=$APP.C(b,tY),d=$APP.C(b,$APP.ku),e=$APP.C(b,uY),f=$APP.C(b,vY),h=$APP.C(b,$APP.ys),k=$APP.C(b,wY),m=$APP.C(b,$APP.dr);b=$APP.C(b,$APP.Hr);h=Cla(h);k=Dla(k);var r=rY(b,xY,"md");b=function(){var x=$APP.ed(xY,d)?d:null;return $APP.n(x)?x:r}();var u=function(){var x=$APP.ed(xY,m)?m:null;return $APP.n(x)?x:r}();f=rY(f,yY,"stretch");c=rY(c,yY,"stretch");e=Bla(rY(e,Ela,"row"));h=$APP.n(h)?h:"repeat(auto-fit,minmax("+$APP.P.i(k)+",1fr))";return $APP.Gg([uY,vY,$APP.ys,$APP.dr,
|
|
4
|
+
$APP.Hr,Fla,sY,Gla,$APP.ku,tY],[e,f,h,qY(u),r,b,$APP.D(a),u,qY(b),c])},zY=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.M(null,2,[$APP.Fk,b,$APP.yu,d],null);c.textContent=Ila;$APP.T(d,"part","base");d.className="base";d.appendChild(e);b.appendChild(c);b.appendChild(d);$APP.Q(a,"__xGridRefs",f);a=f}return a},AY=function(a){var b=Hla($APP.Gg([uY,
|
|
5
|
+
vY,$APP.ys,wY,$APP.dr,$APP.Hr,sY,$APP.ku,tY],[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.G(b);var c=$APP.C(b,$APP.ys),d=$APP.C(b,$APP.Hr),e=$APP.C(b,$APP.ku),f=$APP.C(b,$APP.dr),h=$APP.C(b,vY),k=$APP.C(b,tY),m=$APP.C(b,uY),r=zY(a);r=$APP.G(r);
|
|
6
|
+
r=$APP.C(r,$APP.yu);var u=r.style;$APP.T(r,"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.Q(a,"__xGridModel",b)}else a=null;return a},Jla=function(a){zY(a);return AY(a)},Kla=function(a,b,c,d){return $APP.I(c,d)?AY(a):null},BY=function(){return $APP.zi("x-grid",new $APP.M(null,3,[$APP.ji,Lla,$APP.hi,
|
|
7
|
+
Jla,$APP.di,Kla],null))},wY=new $APP.F(null,"min-column-size","min-column-size",-1066019378),sY=new $APP.F(null,"inline","inline",1399884222),Gla=new $APP.F(null,"column-gap-token","column-gap-token",-10192833),vY=new $APP.F(null,"align-items","align-items",-267946462),Fla=new $APP.F(null,"row-gap-token","row-gap-token",-219143816),uY=new $APP.F(null,"auto-flow","auto-flow",-1524521728),tY=new $APP.F(null,"justify-items","justify-items",1638310783);var Lla="columns min-column-size gap row-gap column-gap align-items justify-items auto-flow inline".split(" "),xY=new $APP.ch(null,new $APP.M(null,6,["none",null,"xs",null,"md",null,"lg",null,"xl",null,"sm",null],null),null),yY=new $APP.ch(null,new $APP.M(null,4,["center",null,"start",null,"stretch",null,"end",null],null),null),Ela=new $APP.ch(null,new $APP.M(null,5,["column-dense",null,"row-dense",null,"dense",null,"column",null,"row",null],null),null);var Ila=":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",BY);export const init=BY;
|
package/dist/x-i18n-provider.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.
|
|
4
|
-
e=d.length,f=0;;)if(f<e){var h=d[f];h.closest("x-i18n-provider")===a&&
|
|
5
|
-
$APP.
|
|
6
|
-
b=new $APP.M(null,3,[$APP.
|
|
7
|
-
c.textContent=":host{display:contents}";b.appendChild(c);b.appendChild(d);$APP.
|
|
8
|
-
"translateSubtree",{value:function(){return
|
|
2
|
+
var CY=function(a,b){return typeof a==="string"&&$APP.I(a,"")&&typeof b==="string"&&$APP.I(b,"")?$APP.Ci(a,"{locale}",b):null},DY=function(a){var b=$APP.l(a,"__xI18nProviderAbort");return $APP.n(b)?(b.abort(),$APP.Q(a,"__xI18nProviderAbort",null)):null},EY=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})},Mla=function(a,b,c){var d=a.attributes,e=a.getAttribute("data-i18n-params");e=e!=null?
|
|
3
|
+
$APP.Nn(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),r=h.value;h=function(){var u=$APP.On(b,r);return $APP.n(u)?u:$APP.On(c,r)}();h=typeof h==="string"?$APP.n(e)?$APP.Pn(h,e):h:r;$APP.T(a,m,h)}--f}else break},FY=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&&Mla(h,c,b);f+=1}else return null}else return null},Nla=function(a,b,c,d){var e=CY(b,c);e=EY(e,a);b=$APP.I(d,"")&&$APP.I(d,c)?CY(b,d):null;a=$APP.n(b)?EY(b,a).catch(function(){return null}):Promise.resolve(null);return[e,a]},Ola=function(a,b){DY(a);var c=$APP.G(b);b=$APP.C(c,$APP.ns);var d=$APP.C(c,$APP.cv);c=$APP.C(c,$APP.Ys);var e=CY(b,d);$APP.n(e)&&(e=new AbortController,b=Nla(e.signal,b,d,c),$APP.Q(a,"__xI18nProviderAbort",e),
|
|
5
|
+
$APP.hj(a,"x-i18n-loading",{locale:d}),Promise.all(b).then(function(f){$APP.Q(a,"__xI18nProviderTranslations",{current:f[0],fallback:f[1]});$APP.Q(a,"__xI18nProviderAbort",null);$APP.hj(a,"x-i18n-change",{locale:d});return FY(a)}).catch(function(f){$APP.z.j("AbortError",f.name)?f=null:($APP.Q(a,"__xI18nProviderAbort",null),f=$APP.hj(a,"x-i18n-error",{locale:d,message:f.message}));return f}))},GY=function(a){var b=a.getAttribute("src");var c=a.getAttribute("locale"),d=a.getAttribute("fallback-locale");
|
|
6
|
+
b=new $APP.M(null,3,[$APP.ns,$APP.n(b)?b:"",$APP.cv,typeof c==="string"&&$APP.I(c,"")?c:"en",$APP.Ys,$APP.n(d)?d:""],null);c=$APP.l(a,"__xI18nProviderModel");$APP.I(b,c)?((d=c==null)||(d=$APP.I($APP.ns.i(c),$APP.ns.i(b))||$APP.I($APP.cv.i(c),$APP.cv.i(b))||$APP.I($APP.Ys.i(c),$APP.Ys.i(b))),d&&Ola(a,b),a=$APP.Q(a,"__xI18nProviderModel",b)):a=null;return a},Pla=function(a){if(!$APP.Vi(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.Wi(a,"__xI18nProviderInitialized")}return GY(a)},Qla=function(a){return DY(a)},Rla=function(a,b,c,d){return $APP.I(c,d)?$APP.Vi(a,"__xI18nProviderInitialized")?GY(a):null:null},Sla=function(a){$APP.xj(a,$APP.qv);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 FY(this)},writable:!0,configurable:!0})},HY=function(){return $APP.zi("x-i18n-provider",new $APP.M(null,5,[$APP.ji,Tla,$APP.hi,Pla,$APP.ei,Qla,$APP.di,Rla,$APP.ii,Sla],null))},Tla=["src","locale","fallback-locale"];$APP.fa("baredom.exports.x_i18n_provider.init",HY);export const init=HY;
|
package/dist/x-i18n.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
"span").textContent=d);return $APP.Q(a,"__xI18nModel",b)},
|
|
4
|
-
d=document.createElement("span"),e={};c.textContent=":host{display:inline}[part\x3dtext]{font:var(--x-i18n-font,inherit);color:var(--x-i18n-color,inherit)}";$APP.T(d,"part","text");b.appendChild(c);b.appendChild(d);e.span=d;$APP.Q(a,"__xI18nRefs",e)}
|
|
5
|
-
"__xI18nProvider",null)},
|
|
2
|
+
var FQ=function(a){var b=a.getAttribute("key");a=a.getAttribute("params");return new $APP.M(null,2,[$APP.Vr,$APP.n(b)?b:"",$APP.ho,$APP.Nn(a)],null)},GQ=function(a,b){var c=$APP.l(a,"__xI18nRefs"),d=$APP.l(a,"__xI18nProvider");d=$APP.n(d)?$APP.l(d,"__xI18nProviderTranslations"):null;var e=$APP.n(d)?$APP.l(d,"current"):null,f=$APP.n(d)?$APP.l(d,"fallback"):null;d=$APP.Vr.i(b);var h=$APP.ho.i(b);e=$APP.On(e,d);e=$APP.n(e)?e:$APP.On(f,d);d=typeof e==="string"?$APP.Pn(e,h):$APP.n(d)?d:"";$APP.n(c)&&($APP.l(c,
|
|
3
|
+
"span").textContent=d);return $APP.Q(a,"__xI18nModel",b)},HQ=function(a){var b=FQ(a);return $APP.I(b,$APP.l(a,"__xI18nModel"))?GQ(a,b):null},hga=function(a){var b=a.closest("x-i18n-provider");$APP.Q(a,"__xI18nProvider",b);if($APP.n(b)){var c=function(){var e=$APP.l(a,"__xI18nModel");e=$APP.n(e)?e:FQ(a);return GQ(a,e)},d={};d.change=c;$APP.Q(a,"__xI18nHandlers",d);b.addEventListener("x-i18n-change",c)}},iga=function(a){if(!$APP.n($APP.l(a,"__xI18nRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),
|
|
4
|
+
d=document.createElement("span"),e={};c.textContent=":host{display:inline}[part\x3dtext]{font:var(--x-i18n-font,inherit);color:var(--x-i18n-color,inherit)}";$APP.T(d,"part","text");b.appendChild(c);b.appendChild(d);e.span=d;$APP.Q(a,"__xI18nRefs",e)}hga(a);return HQ(a)},jga=function(a){var b=$APP.l(a,"__xI18nProvider");if($APP.n(b)){var c=$APP.l(a,"__xI18nHandlers");$APP.n(c)&&(c=$APP.l(c,"change"),$APP.n(c)&&b.removeEventListener("x-i18n-change",c))}$APP.Q(a,"__xI18nHandlers",null);return $APP.Q(a,
|
|
5
|
+
"__xI18nProvider",null)},kga=function(a,b,c,d){return $APP.I(c,d)?$APP.n($APP.l(a,"__xI18nRefs"))?HQ(a):null:null},lga=function(a){$APP.xj(a,$APP.rv);return Object.defineProperty(a,"value",{get:function(){var b=$APP.l(this,"__xI18nRefs");return $APP.n(b)?$APP.l(b,"span").textContent:null},enumerable:!0,configurable:!0})},IQ=function(){return $APP.zi("x-i18n",new $APP.M(null,5,[$APP.ji,mga,$APP.hi,iga,$APP.ei,jga,$APP.di,kga,$APP.ii,lga],null))},mga=["key","params"];$APP.fa("baredom.exports.x_i18n.init",IQ);export const init=IQ;
|
package/dist/x-icon.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
d=f:(typeof d==="string"?(d=d.trim(),f=parseInt(d,10),d=$APP.p(isNaN(f))&&f>0&&$APP.z.j(""+$APP.P.i(f),d)?new $APP.M(null,3,[$APP.
|
|
4
|
-
$APP.I($APP.l(a,"__xIconModel"),b)?($APP.
|
|
5
|
-
$APP.n(c)?($APP.T(a,"role","img"),$APP.T(a,"aria-label",e),$APP.U(a,"aria-hidden")):($APP.T(a,"aria-hidden","true"),$APP.U(a,"role"),$APP.U(a,"aria-label")),a=$APP.Q(a,"__xIconModel",b)):a=null;return a},
|
|
6
|
-
"label-present?","label-present?",-367749525),
|
|
7
|
-
1,[$APP.
|
|
8
|
-
"md"),
|
|
2
|
+
var hY=function(a,b){return"var("+$APP.P.i(a)+","+$APP.P.i(b)+")"},nY=function(a){var b=new $APP.M(null,4,[$APP.nn,a.getAttribute("size"),$APP.gv,a.getAttribute("color"),$APP.Dj,a.getAttribute("label"),iY,a.hasAttribute("label")],null);var c=$APP.G(b),d=$APP.C(c,$APP.nn),e=$APP.C(c,$APP.gv);b=$APP.C(c,$APP.Dj);c=$APP.C(c,iY);if(typeof d==="string"){var f=d.trim().toLowerCase();var h=$APP.C(jY,f);f=$APP.n(h)?new $APP.M(null,3,[$APP.vp,""+$APP.P.i(h)+"px",kY,f,$APP.bt,h],null):null}else f=null;$APP.n(f)?
|
|
3
|
+
d=f:(typeof d==="string"?(d=d.trim(),f=parseInt(d,10),d=$APP.p(isNaN(f))&&f>0&&$APP.z.j(""+$APP.P.i(f),d)?new $APP.M(null,3,[$APP.vp,""+$APP.P.i(f)+"px",kY,null,$APP.bt,f],null):null):d=null,d=$APP.n(d)?d:tla);typeof e==="string"?(e=e.trim().toLowerCase(),e=$APP.ed(ula,e)?e:"inherit"):e="inherit";b=$APP.n($APP.n(c)?typeof b==="string":c)?b:"";b=new $APP.M(null,4,[$APP.Ks,$APP.vp.i(d),$APP.op,$APP.Je(lY,new $APP.J(null,2,5,$APP.K,[e,$APP.vp],null)),$APP.Wj,b,mY,$APP.D($APP.n(c)?$APP.I("",b):c)],null);
|
|
4
|
+
$APP.I($APP.l(a,"__xIconModel"),b)?($APP.Vi(a,"__xIconInitialized")||(c=a.attachShadow({mode:"open"}),e=document.createElement("style"),d=document.createElement("span"),f=document.createElement("slot"),e.textContent=vla,$APP.T(d,"part","box"),d.appendChild(f),c.appendChild(e),c.appendChild(d),$APP.Wi(a,"__xIconInitialized")),e=$APP.G(b),c=$APP.C(e,$APP.Ks),e=$APP.C(e,$APP.op),d=a.style,d.setProperty("--x-icon-size",c),d.setProperty("--x-icon-color",e),e=$APP.G(b),c=$APP.C(e,mY),e=$APP.C(e,$APP.Wj),
|
|
5
|
+
$APP.n(c)?($APP.T(a,"role","img"),$APP.T(a,"aria-label",e),$APP.U(a,"aria-hidden")):($APP.T(a,"aria-hidden","true"),$APP.U(a,"role"),$APP.U(a,"aria-label")),a=$APP.Q(a,"__xIconModel",b)):a=null;return a},xla=function(a){return $APP.xj(a,wla)},yla=function(a){return nY(a)},zla=function(a,b,c,d){return $APP.I(c,d)?nY(a):null},oY=function(){return $APP.zi("x-icon",new $APP.M(null,4,[$APP.ji,Ala,$APP.hi,yla,$APP.di,zla,$APP.ii,xla],null))},kY=new $APP.F(null,"token","token",-1211463215),iY=new $APP.F(null,
|
|
6
|
+
"label-present?","label-present?",-367749525),mY=new $APP.F(null,"labelled?","labelled?",-1907816908);var Ala=["size","color","label"],jY=new $APP.M(null,4,["sm",16,"md",20,"lg",24,"xl",32],null),lY=new $APP.M(null,8,["inherit",new $APP.M(null,1,[$APP.vp,"inherit"],null),"primary",new $APP.M(null,1,[$APP.vp,hY("--x-color-primary","#2563eb")],null),"secondary",new $APP.M(null,1,[$APP.vp,hY("--x-color-secondary","#64748b")],null),"tertiary",new $APP.M(null,1,[$APP.vp,hY("--x-color-tertiary","#94a3b8")],null),"success",new $APP.M(null,1,[$APP.vp,hY("--x-color-success","#16a34a")],null),"warning",new $APP.M(null,
|
|
7
|
+
1,[$APP.vp,hY("--x-color-warning","#d97706")],null),"danger",new $APP.M(null,1,[$APP.vp,hY("--x-color-danger","#dc2626")],null),"muted",new $APP.M(null,1,[$APP.vp,hY("--x-color-text-muted","#64748b")],null)],null),ula=$APP.hh($APP.Vg(lY)),wla=new $APP.M(null,3,[$APP.Gm,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"size",$APP.wj,""],null),$APP.zr,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"color",$APP.wj,""],null),$APP.Wj,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"label",$APP.wj,""],null)],null),pY=$APP.C(jY,
|
|
8
|
+
"md"),tla=new $APP.M(null,3,[$APP.vp,""+$APP.P.i(pY)+"px",kY,"md",$APP.bt,pY],null);var vla=":host{display:inline-flex;align-items:center;justify-content:center;line-height:0;vertical-align:middle;color:var("+$APP.P.i("--x-icon-color")+",currentColor);"+$APP.P.i("--x-icon-size")+":20px;}[part\x3dbox]{display:inline-flex;align-items:center;justify-content:center;width:var("+$APP.P.i("--x-icon-size")+");height:var("+$APP.P.i("--x-icon-size")+');}::slotted(svg){display:block;width:100%;height:100%;}::slotted(svg[fill\x3d"currentColor"]),::slotted(svg[stroke\x3d"currentColor"]){color:inherit;}';$APP.fa("baredom.exports.x_icon.init",oY);export const init=oY;
|