@vanelsas/baredom 3.11.0 → 3.12.1
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 +38 -0
- package/custom-elements.json +10629 -10595
- package/dist/baredom.d.ts +92 -92
- package/dist/base.js +598 -598
- package/dist/integrity.json +111 -111
- 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 +8 -8
- 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 +31 -31
- package/dist/x-chart.js +44 -44
- 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 +8 -8
- package/dist/x-color-picker.js +44 -44
- package/dist/x-combobox.js +31 -31
- 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 +19 -19
- package/dist/x-copy.js +1 -1
- package/dist/x-currency-field.js +24 -23
- package/dist/x-date-picker.js +34 -34
- package/dist/x-divider.js +9 -9
- package/dist/x-drag-panel.js +32 -32
- package/dist/x-drawer.js +10 -10
- package/dist/x-drop-zone.js +11 -11
- package/dist/x-dropdown.js +12 -12
- package/dist/x-fieldset.js +5 -5
- package/dist/x-file-download.d.ts +4 -0
- package/dist/x-file-download.js +14 -6
- package/dist/x-file-upload.js +23 -23
- package/dist/x-floating-panel.js +21 -21
- package/dist/x-form-field.js +14 -14
- package/dist/x-form.js +10 -10
- package/dist/x-gaussian-blur.js +11 -11
- 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 +16 -16
- package/dist/x-kbd.js +11 -11
- package/dist/x-kinetic-canvas.js +24 -24
- package/dist/x-kinetic-font.js +22 -22
- package/dist/x-kinetic-typography.js +31 -31
- package/dist/x-liquid-dock.js +29 -29
- package/dist/x-liquid-fill.js +38 -38
- package/dist/x-liquid-glass.js +25 -25
- package/dist/x-menu-item.js +8 -8
- package/dist/x-menu.js +9 -9
- package/dist/x-metaball-cursor.js +22 -22
- package/dist/x-modal.js +10 -10
- package/dist/x-morph-stack.js +37 -37
- package/dist/x-multi-combobox.js +38 -37
- package/dist/x-navbar.js +13 -13
- package/dist/x-neural-glow.js +29 -29
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +15 -15
- package/dist/x-organic-progress.js +32 -32
- package/dist/x-organic-shape.js +12 -12
- package/dist/x-otp-input.js +20 -20
- package/dist/x-pagination.js +14 -14
- package/dist/x-particle-button.js +39 -39
- package/dist/x-popover.js +24 -24
- package/dist/x-progress-circle.js +6 -6
- package/dist/x-progress.js +6 -6
- package/dist/x-proximity-list.js +20 -20
- package/dist/x-radio.js +12 -12
- package/dist/x-range-slider.js +28 -28
- package/dist/x-rating.js +24 -24
- package/dist/x-ripple-effect.js +8 -8
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +16 -16
- package/dist/x-scroll-story.js +30 -30
- package/dist/x-scroll-timeline.js +45 -45
- package/dist/x-scroll.js +34 -34
- package/dist/x-search-field.js +1 -1
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.js +15 -15
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +16 -16
- package/dist/x-soft-body.js +17 -17
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +11 -11
- package/dist/x-split-pane.js +14 -14
- package/dist/x-spotlight-card.js +12 -12
- package/dist/x-stat.js +8 -8
- package/dist/x-stepper.js +13 -13
- package/dist/x-switch.js +11 -11
- package/dist/x-tab.js +6 -6
- package/dist/x-table-cell.js +17 -17
- 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 +18 -18
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.js +20 -20
- package/dist/x-toaster.js +6 -6
- package/dist/x-tooltip.js +11 -11
- 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 +1 -1
package/dist/x-dropdown.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
e=$APP.C(f,$APP.
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
null},docKeydown:function(b){b=$APP.z.j(b.key,"Escape");return $APP.n(b?a.hasAttribute("open"):b)?
|
|
7
|
-
$APP.l(c,"triggerKeydown"));a.removeEventListener("focusout",$APP.l(c,"hostFocusout"));$APP.n(b)&&b.removeEventListener("click",$APP.l(c,"panelClick"))}}},
|
|
8
|
-
var d=document.createElement("button"),e=document.createElement("span"),f=document.createElement("span");$APP.S(d,"part","trigger");$APP.S(d,"type","button");$APP.S(d,"aria-haspopup","true");$APP.S(d,"aria-expanded","false");$APP.S(d,"aria-controls","panel");$APP.S(e,"part","trigger-label");$APP.S(f,"part","chevron");$APP.S(f,"aria-hidden","true");f.textContent="▾";d.appendChild(e);d.appendChild(f);f=$APP.G(new $APP.M(null,3,[$APP.
|
|
9
|
-
f=$APP.C(f,
|
|
10
|
-
|
|
11
|
-
$APP.z.j(b,"open")?$APP.n(a.hasAttribute("open"))?
|
|
12
|
-
configurable:!0})},
|
|
13
|
-
$APP.
|
|
2
|
+
var $A=function(a){if($APP.n($APP.l(a,"__xDropdownRefs"))){var b=a.hasAttribute("open");var c=a.hasAttribute("disabled"),d=a.getAttribute("label");d=$APP.n(d)?d:"";var e=a.getAttribute("placement");e=$APP.dd(waa,e)?e:"bottom-start";b=new $APP.M(null,4,[$APP.Bv,b,$APP.Xj,c,$APP.Z,d,$APP.gs,e],null);if($APP.I($APP.l(a,"__xDropdownModel"),b))if(e=$APP.l(a,"__xDropdownRefs"),$APP.n(e)){d=$APP.l(e,"trigger");c=$APP.l(e,"panel");e=$APP.l(e,"label");var f=$APP.G(b);f=$APP.C(f,$APP.Z);e.textContent=f;f=$APP.G(b);
|
|
3
|
+
e=$APP.C(f,$APP.Bv);f=$APP.C(f,$APP.Xj);$APP.S(d,"aria-expanded",$APP.n(e)?"true":"false");$APP.aj(d,"disabled",f);d=$APP.G(b);d=$APP.C(d,$APP.gs);$APP.S(c,"data-placement",d);a=$APP.Q(a,"__xDropdownModel",b)}else a=null;else a=null;return a}return null},aB=function(a,b){if($APP.n(a.hasAttribute("disabled")))return null;var c=$APP.p(a.hasAttribute("open"));return $APP.hj(a,"x-dropdown-toggle",{open:c,source:b})?(c?$APP.S(a,"open",""):$APP.U(a,"open"),$APP.fj(a,"x-dropdown-change",{open:c})):null},
|
|
4
|
+
bB=function(a){var b=$APP.l(a,"__xDropdownHandlers");if($APP.n(b)){var c=$APP.l(b,"docClick"),d=$APP.l(b,"docKeydown");return queueMicrotask(function(){return $APP.n(a.hasAttribute("open"))?(document.addEventListener("click",c),document.addEventListener("keydown",d)):null})}return null},cB=function(a){a=$APP.l(a,"__xDropdownHandlers");if($APP.n(a)){var b=$APP.l(a,"docKeydown");document.removeEventListener("click",$APP.l(a,"docClick"));return document.removeEventListener("keydown",b)}return null},
|
|
5
|
+
xaa=function(a){return{triggerClick:function(){return aB(a,"pointer")},triggerKeydown:function(b){var c=b.key;return $APP.z.j(c," ")||$APP.z.j(c,"Enter")?(b.preventDefault(),aB(a,"keyboard")):null},hostFocusout:function(b){return $APP.n(a.hasAttribute("open"))?(b=b.relatedTarget,b==null||$APP.p(a.contains(b))?aB(a,"focusout"):null):null},docClick:function(b){return $APP.n(a.hasAttribute("open"))?(b=$APP.Fc(b.composedPath()),b=$APP.pe(function(c){return c===a},b),$APP.n(b)?null:aB(a,"outside-click")):
|
|
6
|
+
null},docKeydown:function(b){b=$APP.z.j(b.key,"Escape");return $APP.n(b?a.hasAttribute("open"):b)?aB(a,"escape"):null},panelClick:function(b){return $APP.n(a.hasAttribute("open"))?$APP.n(b.target.closest("button, a, [role\x3dmenuitem]"))?aB(a,"item-select"):null:null}}},dB=function(a){var b=$APP.l(a,"__xDropdownRefs");if($APP.n(b)){var c=$APP.l(a,"__xDropdownHandlers");if($APP.n(c)){var d=$APP.l(b,"trigger");b=$APP.l(b,"panel");d.removeEventListener("click",$APP.l(c,"triggerClick"));d.removeEventListener("keydown",
|
|
7
|
+
$APP.l(c,"triggerKeydown"));a.removeEventListener("focusout",$APP.l(c,"hostFocusout"));$APP.n(b)&&b.removeEventListener("click",$APP.l(c,"panelClick"))}}},yaa=function(a){if(!$APP.n($APP.l(a,"__xDropdownRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style");c.textContent=":host{display:inline-block;position:relative;color-scheme:light dark;--x-dropdown-trigger-bg:var(--x-color-surface-hover,#f8fafc);--x-dropdown-trigger-bg-hover:var(--x-color-surface-active,#f1f5f9);--x-dropdown-trigger-bg-active:var(--x-color-surface-active,#e2e8f0);--x-dropdown-trigger-color:var(--x-color-text,#0f172a);--x-dropdown-trigger-border:1px solid var(--x-color-border,#e2e8f0);--x-dropdown-trigger-radius:var(--x-radius-md,6px);--x-dropdown-trigger-padding:0 0.75rem;--x-dropdown-trigger-height:2.25rem;--x-dropdown-trigger-font-size:var(--x-font-size-sm,0.9375rem);--x-dropdown-trigger-font-weight:500;--x-dropdown-chevron-color:var(--x-color-text-muted,#64748b);--x-dropdown-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-dropdown-panel-bg:var(--x-color-bg,#ffffff);--x-dropdown-panel-border:1px solid var(--x-color-border,#e2e8f0);--x-dropdown-panel-radius:var(--x-radius-md,8px);--x-dropdown-panel-shadow:var(--x-shadow-md,0 4px 16px rgba(0,0,0,0.12));--x-dropdown-panel-padding:0.25rem;--x-dropdown-panel-min-width:10rem;--x-dropdown-panel-max-height:20rem;--x-dropdown-panel-offset:4px;--x-dropdown-transition-duration:var(--x-transition-duration,150ms);--x-dropdown-transition-easing:var(--x-transition-easing,ease);}@media (prefers-color-scheme:dark){:host{--x-dropdown-trigger-bg:var(--x-color-surface-hover,#1e293b);--x-dropdown-trigger-bg-hover:var(--x-color-surface-active,#334155);--x-dropdown-trigger-bg-active:var(--x-color-surface-active,#475569);--x-dropdown-trigger-color:var(--x-color-text,#e2e8f0);--x-dropdown-trigger-border:1px solid var(--x-color-border,#334155);--x-dropdown-chevron-color:var(--x-color-text-muted,#94a3b8);--x-dropdown-focus-ring:var(--x-color-focus-ring,#93c5fd);--x-dropdown-panel-bg:var(--x-color-bg,#1e293b);--x-dropdown-panel-border:1px solid var(--x-color-border,#334155);--x-dropdown-panel-shadow:var(--x-shadow-md,0 4px 24px rgba(0,0,0,0.4));}}[part\x3dtrigger]{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:0.375rem;height:var(--x-dropdown-trigger-height);padding:var(--x-dropdown-trigger-padding);background:var(--x-dropdown-trigger-bg);color:var(--x-dropdown-trigger-color);border:var(--x-dropdown-trigger-border);border-radius:var(--x-dropdown-trigger-radius);font-size:var(--x-dropdown-trigger-font-size);font-weight:var(--x-dropdown-trigger-font-weight);font-family:inherit;cursor:pointer;user-select:none;white-space:nowrap;}[part\x3dtrigger]:hover:not(:disabled){background:var(--x-dropdown-trigger-bg-hover);}[part\x3dtrigger]:active:not(:disabled){background:var(--x-dropdown-trigger-bg-active);}[part\x3dtrigger]:disabled{cursor:default;opacity:0.55;}[part\x3dtrigger]:focus-visible{outline:none;box-shadow:0 0 0 2px var(--x-dropdown-focus-ring);}[part\x3dtrigger-label]{flex:1;}[part\x3dchevron]{display:inline-block;color:var(--x-dropdown-chevron-color);font-style:normal;flex-shrink:0;transition:transform 200ms ease;}:host([open]) [part\x3dchevron]{transform:rotate(180deg);}[part\x3dpanel]{position:absolute;z-index:1000;box-sizing:border-box;background:var(--x-dropdown-panel-bg);border:var(--x-dropdown-panel-border);border-radius:var(--x-dropdown-panel-radius);box-shadow:var(--x-dropdown-panel-shadow);padding:var(--x-dropdown-panel-padding);min-width:var(--x-dropdown-panel-min-width);max-width:calc(100vw - 1rem);max-height:var(--x-dropdown-panel-max-height);overflow-y:auto;visibility:hidden;pointer-events:none;opacity:0;transform:scaleY(0.95);transition:opacity var(--x-dropdown-transition-duration) var(--x-dropdown-transition-easing),transform var(--x-dropdown-transition-duration) var(--x-dropdown-transition-easing),visibility 0s var(--x-dropdown-transition-duration);}:host([open]) [part\x3dpanel]{visibility:visible;pointer-events:auto;opacity:1;transform:scaleY(1);transition:opacity var(--x-dropdown-transition-duration) var(--x-dropdown-transition-easing),transform var(--x-dropdown-transition-duration) var(--x-dropdown-transition-easing),visibility 0s 0s;}[part\x3dpanel][data-placement\x3dbottom-start]{top:calc(100% + var(--x-dropdown-panel-offset));left:0;transform-origin:top left;}[part\x3dpanel][data-placement\x3dbottom-end]{top:calc(100% + var(--x-dropdown-panel-offset));right:0;transform-origin:top right;}[part\x3dpanel][data-placement\x3dtop-start]{bottom:calc(100% + var(--x-dropdown-panel-offset));left:0;transform-origin:bottom left;}[part\x3dpanel][data-placement\x3dtop-end]{bottom:calc(100% + var(--x-dropdown-panel-offset));right:0;transform-origin:bottom right;}[part\x3dpanel-inner]{display:contents;}@media (prefers-reduced-motion:reduce){[part\x3dpanel]{transition:none !important;}[part\x3dchevron]{transition:none !important;}}";
|
|
8
|
+
var d=document.createElement("button"),e=document.createElement("span"),f=document.createElement("span");$APP.S(d,"part","trigger");$APP.S(d,"type","button");$APP.S(d,"aria-haspopup","true");$APP.S(d,"aria-expanded","false");$APP.S(d,"aria-controls","panel");$APP.S(e,"part","trigger-label");$APP.S(f,"part","chevron");$APP.S(f,"aria-hidden","true");f.textContent="▾";d.appendChild(e);d.appendChild(f);f=$APP.G(new $APP.M(null,3,[$APP.hs,d,$APP.Z,e,eB,f],null));d=$APP.C(f,$APP.hs);e=$APP.C(f,$APP.Z);
|
|
9
|
+
f=$APP.C(f,eB);var h=document.createElement("div"),k=document.createElement("div"),m=document.createElement("slot");$APP.S(h,"part","panel");$APP.S(h,"id","panel");$APP.S(h,"data-placement","bottom-start");$APP.S(k,"part","panel-inner");k.appendChild(m);h.appendChild(k);h=$APP.G(new $APP.M(null,1,[$APP.Wl,h],null));h=$APP.C(h,$APP.Wl);e={trigger:d,label:e,chevron:f,panel:h};b.appendChild(c);b.appendChild(d);b.appendChild(h);$APP.Q(a,"__xDropdownRefs",e)}dB(a);cB(a);$APP.Q(a,"__xDropdownHandlers",
|
|
10
|
+
xaa(a));d=$APP.l(a,"__xDropdownRefs");$APP.n(d)&&(b=$APP.l(a,"__xDropdownHandlers"),$APP.n(b)&&(c=$APP.l(d,"trigger"),d=$APP.l(d,"panel"),c.addEventListener("click",$APP.l(b,"triggerClick")),c.addEventListener("keydown",$APP.l(b,"triggerKeydown")),a.addEventListener("focusout",$APP.l(b,"hostFocusout")),$APP.n(d)&&d.addEventListener("click",$APP.l(b,"panelClick"))));$APP.n(a.hasAttribute("open"))&&bB(a);return $A(a)},zaa=function(a){dB(a);return cB(a)},Aaa=function(a,b,c,d){return $APP.I(c,d)?($A(a),
|
|
11
|
+
$APP.z.j(b,"open")?$APP.n(a.hasAttribute("open"))?bB(a):cB(a):null):null},Caa=function(a){$APP.uj(a,Baa);Object.defineProperty(a,"show",{value:function(){return $APP.n(this.hasAttribute("open"))?null:aB(this,"programmatic")},writable:!0,configurable:!0});Object.defineProperty(a,"hide",{value:function(){return $APP.n(this.hasAttribute("open"))?aB(this,"programmatic"):null},writable:!0,configurable:!0});return Object.defineProperty(a,"toggle",{value:function(){return aB(this,"programmatic")},writable:!0,
|
|
12
|
+
configurable:!0})},fB=function(){return $APP.si("x-dropdown",new $APP.M(null,5,[$APP.ji,Daa,$APP.hi,yaa,$APP.ei,zaa,$APP.di,Aaa,$APP.ii,Caa],null))},eB=new $APP.F(null,"chevron","chevron",1127691895);var waa=new $APP.ch(null,new $APP.M(null,4,["bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null],null),null),Daa=["open","disabled","label","placement"],Baa=new $APP.M(null,4,[$APP.Wu,new $APP.M(null,2,[$APP.N,$APP.sj,$APP.W,"open"],null),$APP.un,new $APP.M(null,2,[$APP.N,$APP.sj,$APP.W,"disabled"],null),$APP.Z,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"label"],null),$APP.gs,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"placement"],null)],null);
|
|
13
|
+
$APP.je(["x-dropdown-toggle",new $APP.M(null,2,[$APP.$u,!0,$APP.V,new $APP.M(null,2,[$APP.Wu,$APP.sj,$APP.cu,$APP.X],null)],null),"x-dropdown-change",new $APP.M(null,2,[$APP.$u,!1,$APP.V,new $APP.M(null,1,[$APP.Wu,$APP.sj],null)],null)]);$APP.ha("baredom.exports.x_dropdown.init",fB);export const init=fB;
|
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 fR=function(a){if($APP.n($APP.l(a,"__xFieldsetRefs"))){var b=new $APP.M(null,4,[cR,a.getAttribute("legend"),$APP.Qj,a.hasAttribute("disabled"),$APP.bm,a.getAttribute("aria-label"),$APP.cm,a.getAttribute("aria-describedby")],null);var c=$APP.G(b),d=$APP.C(c,cR),e=$APP.C(c,$APP.Qj);b=$APP.C(c,$APP.bm);c=$APP.C(c,$APP.cm);d=$APP.n(d)?d:"";e=$APP.D(e);b=new $APP.M(null,5,[dR,d,eR,$APP.I(d,""),$APP.Xj,e,$APP.km,b,$APP.jm,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,dR);f=$APP.C(f,eR);d.textContent=h;$APP.n(f)?$APP.U(d,"hidden"):$APP.S(d,"hidden","");f=$APP.G(b);d=$APP.C(f,$APP.km);h=$APP.C(f,$APP.jm);f=$APP.C(f,eR);$APP.n(d)?($APP.S(c,"aria-label",d),$APP.U(c,"aria-labelledby")):($APP.U(c,"aria-label"),$APP.n(f)?$APP.S(c,"aria-labelledby","x-fieldset-legend"):$APP.U(c,"aria-labelledby"));$APP.n(h)?$APP.S(c,"aria-describedby",h):$APP.U(c,"aria-describedby");
|
|
4
|
+
c=$APP.G(b);c=$APP.C(c,$APP.Xj);$APP.aj(a,"data-disabled",c);$APP.aj(e,"inert",c);a=$APP.Q(a,"__xFieldsetModel",b)}else a=null;else a=null;return a}return null},nja=function(a){if(!$APP.n(document.getElementById("x-fieldset-input-styles"))){var b=document.createElement("style");$APP.S(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.S(d,"part","root");$APP.S(d,"role","group");$APP.S(e,"part","legend");$APP.S(e,"id","x-fieldset-legend");$APP.S(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.S(d,"part","root");$APP.S(d,"role","group");$APP.S(e,"part","legend");$APP.S(e,"id","x-fieldset-legend");$APP.S(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 fR(a)},oja=function(a,b,c,d){return $APP.I(c,d)?fR(a):null},qja=function(a){return $APP.uj(a,pja)},gR=function(){return $APP.si("x-fieldset",new $APP.M(null,4,[$APP.ji,rja,$APP.hi,nja,
|
|
7
|
+
$APP.di,oja,$APP.ii,qja],null))},eR=new $APP.F(null,"legend-visible?","legend-visible?",-281107501),cR=new $APP.F(null,"legend-raw","legend-raw",907427195),dR=new $APP.F(null,"legend","legend",-1027192245);var rja=["legend","disabled","aria-label","aria-describedby"],pja=new $APP.M(null,2,[dR,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"legend"],null),$APP.un,new $APP.M(null,2,[$APP.N,$APP.sj,$APP.W,"disabled"],null)],null);$APP.ha("baredom.exports.x_fieldset.init",gR);export const init=gR;
|
|
@@ -4,12 +4,16 @@ export function init(): void;
|
|
|
4
4
|
|
|
5
5
|
export interface XFileDownloadEventMap {
|
|
6
6
|
"x-file-download-click": CustomEvent<{ href: string; filename: string }>;
|
|
7
|
+
"x-file-download-success": CustomEvent<{ filename: string }>;
|
|
8
|
+
"x-file-download-cancel": CustomEvent<{}>;
|
|
9
|
+
"x-file-download-error": CustomEvent<{ error: string; phase: string }>;
|
|
7
10
|
}
|
|
8
11
|
|
|
9
12
|
export interface XFileDownload extends HTMLElement {
|
|
10
13
|
href: string;
|
|
11
14
|
filename: string;
|
|
12
15
|
disabled: boolean;
|
|
16
|
+
picker: boolean;
|
|
13
17
|
|
|
14
18
|
addEventListener<K extends keyof XFileDownloadEventMap>(
|
|
15
19
|
type: K,
|
package/dist/x-file-download.js
CHANGED
|
@@ -1,8 +1,16 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
var oH=function(a){var b=typeof a==="string";return b?a.startsWith("data:"):b},pH=function(a,b){b=$APP.G(b);b=$APP.C(b,$APP.Vv);a.href=b},qH=function(a,b){var c=$APP.G(b);b=$APP.C(c,$APP.Vv);c=$APP.C(c,$APP.Du);b=$APP.Ei(c)?c:$APP.n(oH(b))?"":null;b==null?$APP.U(a,"download"):$APP.S(a,"download",b)},uH=function(a){if($APP.n($APP.l(a,"__xFileDownloadRefs"))){var b=new $APP.M(null,5,[rH,a.getAttribute("href"),$APP.Mq,a.getAttribute("filename"),$APP.Qj,a.hasAttribute("disabled"),$APP.bm,a.getAttribute("aria-label"),
|
|
3
|
+
sH,a.hasAttribute("picker")],null);var c=$APP.G(b);b=$APP.C(c,rH);var d=$APP.C(c,$APP.Mq),e=$APP.C(c,$APP.Qj),f=$APP.C(c,$APP.bm);c=$APP.C(c,sH);b=new $APP.M(null,5,[$APP.Vv,$APP.Qi(b),$APP.Du,$APP.n(d)?d:"",$APP.Xj,$APP.D(e),$APP.km,f,tH,$APP.D(c)],null);$APP.I($APP.l(a,"__xFileDownloadModel"),b)?(d=$APP.l(a,"__xFileDownloadRefs"),$APP.n(d)?(d=$APP.l(d,"anchor-el"),pH(d,b),qH(d,b),f=$APP.G(b),e=$APP.C(f,$APP.Xj),f=$APP.C(f,$APP.km),$APP.n(e)?$APP.S(d,"aria-disabled","true"):$APP.U(d,"aria-disabled"),
|
|
4
|
+
$APP.n(f)?$APP.S(d,"aria-label",f):$APP.U(d,"aria-label"),d=$APP.G(b),d=$APP.C(d,$APP.Xj),$APP.aj(a,"data-disabled",d),a=$APP.Q(a,"__xFileDownloadModel",b)):a=null):a=null;return a}return null},vH=function(a,b){$APP.$i(a,"__xFileDownloadAbort",b);b=b!=null;var c=$APP.l($APP.l(a,"__xFileDownloadRefs"),"anchor-el");$APP.aj(a,"data-busy",b);$APP.n(b)?$APP.S(c,"aria-busy","true"):$APP.U(c,"aria-busy")},wH=function(a){return function(b){var c=Promise,d=c.reject;$APP.Xc(b)||(b=b!=null?b.name:null,b=$APP.Ei(b)?
|
|
5
|
+
b:"Error",b=new $APP.M(null,2,[$APP.tr,a,$APP.wj,b],null));return d.call(c,b)}},lea=function(a){return new Promise(function(b){var c=window,d=c.showSaveFilePicker,e=$APP.G(a),f=$APP.C(e,$APP.Vv);e=$APP.C(e,$APP.Du);if($APP.Ei(e))var h=e;else{if(e=typeof f==="string")if(e=$APP.p(oH(f)))e=typeof f==="string",e=$APP.p(e?f.startsWith("blob:"):e);if(e){f=$APP.Ic($APP.t(f.split(/[?#]/)).replace(jea,"").split("/"));try{h=decodeURIComponent(f)}catch(k){h=f}h=$APP.q(h)?h:null}else h=null}c=d.call(c,$APP.an(h==
|
|
6
|
+
null?$APP.ke:new $APP.M(null,1,[kea,h],null)));return b.i?b.i(c):b.call(null,c)})},mea=function(a,b){return fetch(b,{signal:a}).then(function(c){return $APP.n(c.ok)?c:Promise.reject(new $APP.M(null,2,[$APP.tr,"fetch",$APP.wj,"HTTP "+$APP.P.i(c.status)],null))})},nea=function(a,b,c){return b.createWritable().then(function(d){var e=c.body;return($APP.n(e)?e:(new Response("")).body).pipeTo(d,{signal:a})})},oea=function(a,b,c){return mea(a,b).catch(wH("fetch")).then(function(d){return nea(a,c,d).catch(wH("write"))}).then(function(){return c.name})},
|
|
7
|
+
qea=function(a,b){var c=new AbortController,d=c.signal;vH(a,c);return lea(b).catch(wH("pick")).then(function(e){return oea(d,$APP.Vv.i(b),e)}).then(function(e){vH(a,null);return $APP.fj(a,"x-file-download-success",{filename:e})},function(e){a:{var f=$APP.G(e);e=$APP.C(f,$APP.tr);var h=$APP.C(f,$APP.wj);vH(a,null);var k=$APP.G(f);f=$APP.C(k,$APP.tr);k=$APP.C(k,$APP.wj);f=$APP.Lc(pea,new $APP.J(null,2,5,$APP.K,[f,k],null),$APP.wj);f=f instanceof $APP.F?f.da:null;switch(f){case "cancel":e=$APP.fj(a,
|
|
8
|
+
"x-file-download-cancel",{});break a;case "fallback":e=document.createElement("a");pH(e,b);qH(e,b);e=e.click();break a;case "error":e=$APP.fj(a,"x-file-download-error",{error:h,phase:e});break a;default:throw Error("No matching clause: "+$APP.P.i(f));}}return e})},rea=function(a,b){var c=$APP.l(a,"__xFileDownloadModel"),d=$APP.Xj.i(c);if($APP.n($APP.n(d)?d:$APP.l(a,"__xFileDownloadAbort")!=null))return b.preventDefault();var e=$APP.G(c);d=$APP.C(e,$APP.Vv);e=$APP.C(e,$APP.Du);if($APP.hj(a,"x-file-download-click",
|
|
9
|
+
{href:d,filename:e})){e=$APP.G(c);d=$APP.C(e,tH);e=$APP.C(e,$APP.Vv);if($APP.n(d)&&(d=$APP.I(e,""))&&(d=window.showSaveFilePicker,d=(e=typeof d==="function")?e:d!=null?$APP.Xb===d.pc?!0:d.bc?!1:$APP.ta($APP.Da,d):$APP.ta($APP.Da,d)))try{d=window.top.location.href!=null}catch(f){d=!1}return $APP.n(d)?(b.preventDefault(),qea(a,c)):null}return b.preventDefault()},sea=function(a){function b(d){return rea(a,d)}var c={};$APP.l($APP.l(a,"__xFileDownloadRefs"),"anchor-el").addEventListener("click",b);c.click=
|
|
10
|
+
b;$APP.Q(a,"__xFileDownloadHandlers",c)},xH=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));$APP.Q(a,"__xFileDownloadHandlers",null)},tea=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"),
|
|
11
|
+
h=document.createElement("slot");c.textContent=":host{display:inline-block;color-scheme:light dark;--x-file-download-bg:var(--x-color-primary,#2563eb);--x-file-download-color:var(--x-color-surface,#ffffff);--x-file-download-hover-bg:var(--x-color-primary-hover,#1d4ed8);--x-file-download-active-bg:var(--x-color-primary-active,#1e40af);--x-file-download-border-radius:var(--x-radius-md,6px);--x-file-download-padding:0.5rem 1rem;--x-file-download-font-size:var(--x-font-size-sm,0.875rem);--x-file-download-font-weight:500;--x-file-download-gap:0.375rem;--x-file-download-icon-size:1em;--x-file-download-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-file-download-disabled-opacity:0.45;--x-file-download-transition:background var(--x-transition-duration,120ms) ease;}@media (prefers-color-scheme:dark){:host{--x-file-download-bg:var(--x-color-primary,#3b82f6);--x-file-download-hover-bg:var(--x-color-primary-hover,#2563eb);--x-file-download-active-bg:var(--x-color-primary-active,#1d4ed8);--x-file-download-focus-ring:var(--x-color-focus-ring,#93c5fd);}}[part\x3danchor]{display:inline-flex;align-items:center;gap:var(--x-file-download-gap);padding:var(--x-file-download-padding);background:var(--x-file-download-bg);color:var(--x-file-download-color);border-radius:var(--x-file-download-border-radius);font-size:var(--x-file-download-font-size);font-weight:var(--x-file-download-font-weight);text-decoration:none;cursor:pointer;box-sizing:border-box;transition:var(--x-file-download-transition);outline:none;user-select:none;-webkit-user-select:none;}[part\x3danchor]:hover{background:var(--x-file-download-hover-bg);}[part\x3danchor]:active{background:var(--x-file-download-active-bg);}[part\x3danchor]:focus-visible{outline:2px solid var(--x-file-download-focus-ring);outline-offset:2px;}[part\x3dicon]{display:inline-flex;align-items:center;justify-content:center;width:var(--x-file-download-icon-size);height:var(--x-file-download-icon-size);flex-shrink:0;}[part\x3dcontent]{display:inline;}:host([data-disabled]) [part\x3danchor]{opacity:var(--x-file-download-disabled-opacity);pointer-events:none;cursor:default;}:host([data-busy]) [part\x3danchor]{cursor:progress;}@media (prefers-reduced-motion:reduce){[part\x3danchor]{transition:none;}}";
|
|
7
12
|
$APP.S(d,"part","anchor");$APP.S(e,"part","icon");$APP.S(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)}
|
|
13
|
+
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)}xH(a);sea(a);return uH(a)},uea=function(a){xH(a);a=$APP.l(a,"__xFileDownloadAbort");return a==null?null:a.abort()},vea=function(a,b,c,d){return $APP.I(c,d)?uH(a):null},xea=function(a){return $APP.uj(a,wea)},yH=function(){return $APP.si("x-file-download",new $APP.M(null,5,[$APP.ji,yea,$APP.hi,tea,$APP.ei,uea,$APP.di,vea,$APP.ii,
|
|
14
|
+
xea],null))},sH=new $APP.F(null,"picker-present?","picker-present?",1691235229),rH=new $APP.F(null,"href-raw","href-raw",-1680949453),tH=new $APP.F(null,"picker?","picker?",44872543),kea=new $APP.F(null,"suggestedName","suggestedName",1964460200);var yea=["href","filename","disabled","aria-label","picker"],wea=new $APP.M(null,4,[$APP.Vv,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"href",$APP.tj,""],null),$APP.Du,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"filename",$APP.tj,""],null),$APP.un,new $APP.M(null,2,[$APP.N,$APP.sj,$APP.W,"disabled"],null),new $APP.F(null,"picker","picker",-659389603),new $APP.M(null,2,[$APP.N,$APP.sj,$APP.W,"picker"],null)],null);
|
|
15
|
+
$APP.je(["x-file-download-click",new $APP.M(null,2,[$APP.$u,!0,$APP.V,new $APP.M(null,2,[$APP.Vv,$APP.X,$APP.Du,$APP.X],null)],null),"x-file-download-success",new $APP.M(null,2,[$APP.$u,!1,$APP.V,new $APP.M(null,1,[$APP.Du,$APP.X],null)],null),"x-file-download-cancel",new $APP.M(null,2,[$APP.$u,!1,$APP.V,$APP.ke],null),"x-file-download-error",new $APP.M(null,2,[$APP.$u,!1,$APP.V,new $APP.M(null,2,[$APP.wj,$APP.X,$APP.tr,$APP.X],null)],null)]);
|
|
16
|
+
var jea=/^(?:[A-Za-z][A-Za-z0-9+.-]*:)?\/\/[^\/?#]*/,pea=$APP.je([new $APP.J(null,2,5,$APP.K,["pick","AbortError"],null),$APP.Zv,new $APP.J(null,2,5,$APP.K,["pick","SecurityError"],null),$APP.Eu]);$APP.ha("baredom.exports.x_file_download.init",yH);export const init=yH;
|
package/dist/x-file-upload.js
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
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
|
-
2,[
|
|
5
|
-
|
|
6
|
-
"accept"):$APP.S(c,"accept",f);$APP.n(e)?$APP.S(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 HE=function(a){return a!=null?(a=parseInt(a,10),$APP.p(isNaN(a))&&a>0?a:null):null},Vca=function(a){var b=a.lastIndexOf(".");return b>0?a.substring(b).toLowerCase():null},Wca=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=Vca(a.name);b=$APP.ye.j($APP.Ai,$APP.yi(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))},Xca=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,[IE,f,JE,h],null);var k=$APP.t(a);var m=k;var r=b,u=c;m=$APP.Ei(r)&&!Wca(m,r)?new $APP.M(null,2,[$APP.hm,!1,$APP.Zq,"File type not accepted"],null):u!=null&&m.size>u?new $APP.M(null,2,[$APP.hm,!1,$APP.Zq,"File too large"],null):new $APP.M(null,2,[$APP.hm,!0,$APP.Zq,null],null);$APP.p($APP.hm.i(m))?(a=$APP.v(a),h=$APP.Bd.j(h,new $APP.M(null,
|
|
4
|
+
2,[KE,k,$APP.Zq,$APP.Zq.i(m)],null))):d!=null&&e>=d?(a=$APP.v(a),h=$APP.Bd.j(h,new $APP.M(null,2,[KE,k,$APP.Zq,"Maximum files reached"],null))):(a=$APP.v(a),f=$APP.Bd.j(f,k),e+=1)}},TE=function(a){a=new $APP.M(null,7,[LE,a.getAttribute("accept"),ME,a.hasAttribute("multiple"),NE,a.getAttribute("max-size"),OE,a.getAttribute("max-files"),$APP.Qj,a.hasAttribute("disabled"),$APP.Rj,a.hasAttribute("required"),$APP.Mj,a.getAttribute("name")],null);var b=$APP.G(a);a=$APP.C(b,LE);var c=$APP.C(b,ME),d=$APP.C(b,
|
|
5
|
+
NE),e=$APP.C(b,OE),f=$APP.C(b,$APP.Qj),h=$APP.C(b,$APP.Rj);b=$APP.C(b,$APP.Mj);return new $APP.M(null,7,[PE,$APP.n(a)?a:"",QE,$APP.D(c),RE,HE(d),SE,HE(e),$APP.Xj,$APP.D(f),$APP.xj,$APP.D(h),$APP.Vj,$APP.n(b)?b:""],null)},UE=function(a){if($APP.n($APP.l(a,"__xFileUploadRefs"))){var b=TE(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,PE);e=$APP.C(e,QE);$APP.z.j(f,"")?$APP.U(c,
|
|
6
|
+
"accept"):$APP.S(c,"accept",f);$APP.n(e)?$APP.S(c,"multiple",""):$APP.U(c,"multiple");c=$APP.G(b);c=$APP.C(c,$APP.Xj);$APP.S(d,"tabindex",$APP.n(c)?"-1":"0");$APP.S(d,"aria-disabled",""+$APP.P.i(c));a=$APP.Q(a,"__xFileUploadModel",b)}else a=null}else a=null;return a}return null},VE=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},WE=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;VE(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.S(h,"part","file-item");
|
|
8
8
|
$APP.S(h,"role","listitem");var x=f.type,y=typeof x==="string";$APP.n(y?x.startsWith("image/"):y)&&(x=document.createElement("img"),$APP.S(x,"part","thumbnail"),x.src=URL.createObjectURL(f),$APP.S(x,"alt",u),h.appendChild(x));$APP.S(k,"part","file-name");k.textContent=u;$APP.S(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.S(r,"part","remove");$APP.S(r,"type","button");$APP.S(r,"aria-label","Remove "+$APP.P.i(u));$APP.S(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"}},
|
|
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"))}},
|
|
9
|
+
f;$APP.S(r,"part","remove");$APP.S(r,"type","button");$APP.S(r,"aria-label","Remove "+$APP.P.i(u));$APP.S(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"}},XE=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)}}},YE=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},ZE=function(a,b){var c=TE(a);c=$APP.G(c);var d=$APP.C(c,
|
|
11
|
+
PE),e=$APP.C(c,QE),f=$APP.C(c,RE),h=$APP.C(c,SE);c=$APP.l(a,"__xFileUploadFiles");b=Xca($APP.Ec(b),d,f,h,c.length);d=$APP.G(b);b=$APP.C(d,IE);d=$APP.C(d,JE);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));WE(a);XE(a);YE(a);return $APP.fj(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,KE);u=$APP.C(u,$APP.Zq);return{file:r,reason:u}},d))})},Yca=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&&ZE(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.S(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?ZE(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);WE(a);XE(a);YE(a);b=$APP.fj(a,"x-file-upload-remove",{file:d,remaining:c.slice()})}return b}return null}}},$E=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"))}},Zca=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
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
18
|
$APP.S(d,"part","drop-zone");$APP.S(d,"role","button");$APP.S(d,"tabindex","0");$APP.S(e,"type","file");$APP.S(e,"aria-hidden","true");$APP.S(e,"tabindex","-1");$APP.S(f,"part","content");f.appendChild(h);$APP.S(k,"part","drag-overlay");$APP.S(k,"hidden","");k.textContent="Drop files here";$APP.S(m,"part","file-list");$APP.S(m,"role","list");$APP.S(r,"part","live-region");$APP.S(r,"aria-live","polite");$APP.S(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())
|
|
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
|
-
$APP.
|
|
23
|
-
1874130431),
|
|
24
|
-
|
|
25
|
-
$APP.
|
|
26
|
-
2,[$APP.N,$APP.
|
|
27
|
-
$APP.
|
|
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());$E(a);$APP.Q(a,"__xFileUploadHandlers",Yca(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"))));UE(a);return YE(a)},
|
|
21
|
+
$ca=function(a){$E(a);a=$APP.l(a,"__xFileUploadRefs");return $APP.n(a)?VE($APP.l(a,"fileList")):null},ada=function(a,b,c,d){return $APP.I(c,d)?UE(a):null},bda=function(a,b){$APP.aj(a,"disabled",b);return UE(a)},cda=function(a){$APP.l(a,"__xFileUploadFiles").length=0;var b=$APP.l(a,"__xFileUploadRefs");$APP.n(b)&&VE($APP.l(b,"fileList"));WE(a);XE(a);return YE(a)},dda=function(a){$APP.Gj(a,"__xFileUploadInternals");$APP.oj(a,"accept","accept");$APP.oj(a,"name","name");$APP.kj(a,"multiple","multiple");
|
|
22
|
+
$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.n(b)?b:[]).slice()}})},aF=function(){return $APP.si("x-file-upload",new $APP.M(null,8,[$APP.ji,eda,$APP.hi,Zca,$APP.ei,$ca,$APP.di,ada,$APP.fi,!0,$APP.ci,bda,$APP.bi,cda,$APP.ii,dda],null))},PE=new $APP.F(null,"accept","accept",
|
|
23
|
+
1874130431),bF=new $APP.F(null,"files","files",-472457450),JE=new $APP.F(null,"rejected","rejected",231052999),IE=new $APP.F(null,"accepted","accepted",-1953464374),NE=new $APP.F(null,"max-size-raw","max-size-raw",1536077032),RE=new $APP.F(null,"max-size","max-size",-874966132),QE=new $APP.F(null,"multiple?","multiple?",-490002283),LE=new $APP.F(null,"accept-raw","accept-raw",1407413888),SE=new $APP.F(null,"max-files","max-files",534742526),fda=new $APP.F(null,"remaining","remaining",-138926777),
|
|
24
|
+
ME=new $APP.F(null,"multiple-present?","multiple-present?",-1754894397),KE=new $APP.F(null,"file","file",-1269645878),OE=new $APP.F(null,"max-files-raw","max-files-raw",-244409320);var eda="accept multiple max-size max-files disabled required name".split(" ");
|
|
25
|
+
$APP.wg([$APP.cw,$APP.mv,$APP.Or,$APP.un,$APP.Vj,new $APP.F(null,"multiple","multiple",1244445549),bF,$APP.Wt,new $APP.F(null,"maxFiles","maxFiles",-1897204198),new $APP.F(null,"maxSize","maxSize",-1434884613),$APP.Zs,$APP.gt,PE],[new $APP.M(null,2,[$APP.N,$APP.X,$APP.rj,!0],null),new $APP.M(null,2,[$APP.N,$APP.vs,$APP.rj,!0],null),new $APP.M(null,2,[$APP.N,$APP.sj,$APP.rj,!0],null),new $APP.M(null,2,[$APP.N,$APP.sj,$APP.W,"disabled"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"name"],null),new $APP.M(null,
|
|
26
|
+
2,[$APP.N,$APP.sj,$APP.W,"multiple"],null),new $APP.M(null,2,[$APP.N,$APP.cr,$APP.Ps,!0],null),new $APP.M(null,2,[$APP.N,$APP.rt,$APP.rj,!0],null),new $APP.M(null,2,[$APP.N,$APP.Y,$APP.W,"max-files"],null),new $APP.M(null,2,[$APP.N,$APP.Y,$APP.W,"max-size"],null),new $APP.M(null,2,[$APP.N,$APP.sj,$APP.W,"required"],null),new $APP.M(null,2,[$APP.N,$APP.Ms,$APP.rj,!0],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"accept"],null)]);
|
|
27
|
+
$APP.je(["x-file-upload-select",new $APP.M(null,2,[$APP.$u,!1,$APP.V,new $APP.M(null,2,[bF,$APP.cr,JE,$APP.cr],null)],null),"x-file-upload-remove",new $APP.M(null,2,[$APP.$u,!1,$APP.V,new $APP.M(null,2,[KE,$APP.St,fda,$APP.cr],null)],null)]);$APP.ha("baredom.exports.x_file_upload.init",aF);export const init=aF;
|
package/dist/x-floating-panel.js
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
2,[$APP.
|
|
4
|
-
|
|
5
|
-
{x:b,y:d,source:c})},
|
|
6
|
-
"__xFloatingPanelRaf",null);var b=$APP.l(a,"__xFloatingPanelDrag");b=$APP.n(b)?
|
|
7
|
-
null},
|
|
8
|
-
0:m);c=$APP.G(new $APP.M(null,8,[$APP.
|
|
9
|
-
$APP.I(c,b)?(d=
|
|
10
|
-
{open:d}),$APP.n(d)?(
|
|
11
|
-
e}d=!$APP.D(d)&&$APP.l(a,"__xFloatingPanelDrag")==null}if(d){d=
|
|
12
|
-
"__xFloatingPanelDrag"),$APP.
|
|
13
|
-
f=$APP.C(f,$APP.
|
|
14
|
-
(d=$APP.z.j("Escape",c.key))?
|
|
15
|
-
0,null),r=$APP.A(k,1,null),u=$APP.A(k,2,null);k=$APP.A(k,3,null);var x=$APP.l(c,m),y=$APP.l(a,u);$APP.n(function(){var H=x;return $APP.n(H)?y:H}())&&($APP.n(b)?x.addEventListener(r,y,k):x.removeEventListener(r,y,k));h+=1}else if(d=$APP.q(d)){if($APP
|
|
16
|
-
E,k):B.removeEventListener(r,E,k));d=$APP.v(d);e=null;f=0}h=0}else break},
|
|
17
|
-
$APP.S(this,"open","")},enumerable:!0,configurable:!0,writable:!0});Object.defineProperty(a,"hide",{value:function(){return $APP.U(this,"open")},enumerable:!0,configurable:!0,writable:!0});return Object.defineProperty(a,"toggle",{value:function(){return $APP.n(this.hasAttribute("open"))?$APP.U(this,"open"):$APP.n(this.hasAttribute("open"))?null:$APP.S(this,"open","")},enumerable:!0,configurable:!0,writable:!0})},
|
|
2
|
+
var Fz=function(a){return typeof a==="string"&&(a=a.trim(),$APP.I("",a))?(a=parseFloat(a),$APP.n(isFinite(a))?a:null):null},Gz=function(a){var b=$APP.G(a);a=$APP.C(b,$APP.It);var c=$APP.C(b,$APP.Ht),d=$APP.C(b,$APP.Cq);b=$APP.C(b,$APP.Dq);return new $APP.M(null,2,[$APP.vu,a-d,$APP.uu,c-b],null)},Hz=function(a,b){a=$APP.l(a,"__xFloatingPanelRefs");return $APP.n(a)?$APP.l(a,b):null},Iz=function(a){var b=$APP.l(a,"__xFloatingPanelModel"),c=Hz(a,"panel").getBoundingClientRect();return new $APP.M(null,
|
|
3
|
+
2,[$APP.vu,function(){var d=$APP.vu.i(b);return $APP.n(d)?d:c.left}(),$APP.uu,function(){var d=$APP.uu.i(b);return $APP.n(d)?d:c.top}()],null)},Nz=function(a,b,c){var d=$APP.G(b);b=$APP.C(d,$APP.vu);d=$APP.C(d,$APP.uu);var e=Hz(a,"panel").getBoundingClientRect(),f=$APP.G(new $APP.M(null,6,[$APP.vu,b,$APP.uu,d,Jz,e.width,Kz,Hz(a,"handle").offsetHeight,Lz,window.innerWidth,Mz,window.innerHeight],null));b=$APP.C(f,$APP.vu);d=$APP.C(f,$APP.uu);var h=$APP.C(f,Jz);e=$APP.C(f,Kz);var k=$APP.C(f,Lz);f=$APP.C(f,
|
|
4
|
+
Mz);var m=$APP.Sl.j(64,h);h=m-h;k-=m;e=$APP.Rl.j(0,f-e);b=new $APP.M(null,2,[$APP.vu,$APP.Rl.j(h,$APP.Sl.j(b,k)),$APP.uu,$APP.Rl.j(0,$APP.Sl.j(d,e))],null);d=$APP.G(b);b=$APP.C(d,$APP.vu);d=$APP.C(d,$APP.uu);e=""+$APP.P.i(b);c.m?c.m(a,"x",e):c.call(null,a,"x",e);e=""+$APP.P.i(d);c.m?c.m(a,"y",e):c.call(null,a,"y",e);return new $APP.M(null,2,[$APP.vu,b,$APP.uu,d],null)},Oz=function(a,b,c){b=Nz(a,b,$APP.S);var d=$APP.G(b);b=$APP.C(d,$APP.vu);d=$APP.C(d,$APP.uu);return $APP.fj(a,"x-floating-panel-move",
|
|
5
|
+
{x:b,y:d,source:c})},Pz=function(a){var b=$APP.l(a,"__xFloatingPanelModel");return $APP.n(function(){var c=a.isConnected;return $APP.n(c)?$APP.n(b)?(c=$APP.Bv.i(b),$APP.n(c)?$APP.vu.i(b)!=null&&$APP.uu.i(b)!=null:c):b:c}())?Nz(a,new $APP.M(null,2,[$APP.vu,$APP.vu.i(b),$APP.uu,$APP.uu.i(b)],null),$APP.S):null},Qz=function(a){return setTimeout(function(){return Pz(a)},0)},Rz=function(a){return $APP.n($APP.l(a,"__xFloatingPanelRaf"))?null:$APP.$i(a,"__xFloatingPanelRaf",requestAnimationFrame(function(){$APP.$i(a,
|
|
6
|
+
"__xFloatingPanelRaf",null);var b=$APP.l(a,"__xFloatingPanelDrag");b=$APP.n(b)?Gz(b):null;return $APP.n(b)?Nz(a,b,$APP.Zi):null}))},Sz=function(a,b){a=$APP.l(a,"__xFloatingPanelDrag");return $APP.n(a)?$APP.z.j($APP.ku.i(a),b.pointerId):null},Tz=function(a){var b=$APP.l(a,"__xFloatingPanelRaf");$APP.n(b)&&(cancelAnimationFrame(b),$APP.$i(a,"__xFloatingPanelRaf",null));$APP.Q(a,"__xFloatingPanelDrag",null)},Uz=function(a,b){return $APP.hj(a,"x-floating-panel-dismiss-request",{reason:b})?$APP.U(a,"open"):
|
|
7
|
+
null},Vz=function(a){$APP.Q(a,"__xFloatingPanelRestore",document.activeElement);setTimeout(function(){var b=Hz(a,"handle");return $APP.n(b)?$APP.n(a.hasAttribute("open"))?b.focus():null:null},0)},cA=function(a){if($APP.n($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 m=Hz(a,"headerSlot");m=$APP.D($APP.n(m)?m.assignedNodes({flatten:!0}).length>
|
|
8
|
+
0:m);c=$APP.G(new $APP.M(null,8,[$APP.Oq,b,Wz,c,Xz,d,Yz,e,$APP.Pj,f,Zz,h,$APP.es,k,$z,m],null));e=$APP.C(c,$APP.Oq);h=$APP.C(c,Wz);m=$APP.C(c,Xz);k=$APP.C(c,Yz);f=$APP.C(c,$APP.Pj);d=$APP.C(c,Zz);b=$APP.C(c,$APP.es);c=$APP.C(c,$z);e=$APP.D(e);h=Fz(h);m=Fz(m);k=$APP.D(k);f=typeof f==="string"&&$APP.I(f,"")?f:"Floating panel";d=$APP.D(d);b=Fz(b);b=new $APP.M(null,8,[$APP.Bv,e,$APP.vu,h,$APP.uu,m,aA,k,$APP.Z,f,bA,d,$APP.qv,$APP.n($APP.n(b)?b>0:b)?b:10,$z,$APP.D(c)],null);c=$APP.l(a,"__xFloatingPanelModel");
|
|
9
|
+
$APP.I(c,b)?(d=Hz(a,"panel"),f=$APP.G(b),e=$APP.C(f,$APP.vu),f=$APP.C(f,$APP.uu),h=d.style,e!=null?h.setProperty("left",""+$APP.P.i(e)+$APP.P.i("px")):h.removeProperty("left"),f!=null?h.setProperty("top",""+$APP.P.i(f)+$APP.P.i("px")):h.removeProperty("top"),f=$APP.G(b),e=$APP.C(f,$APP.Z),f=$APP.C(f,$z),$APP.n(f)?($APP.S(d,"aria-labelledby","title"),$APP.U(d,"aria-label")):($APP.S(d,"aria-label",e),$APP.U(d,"aria-labelledby")),c=$APP.D($APP.Bv.i(c)),d=$APP.Bv.i(b),$APP.I(c,d)&&($APP.fj(a,"x-floating-panel-toggle",
|
|
10
|
+
{open:d}),$APP.n(d)?(Qz(a),$APP.n(bA.i(b))&&Vz(a)):(c=$APP.l(a,"__xFloatingPanelRestore"),d=document.activeElement,d=$APP.D($APP.n(d)?a.contains(d):d),$APP.Q(a,"__xFloatingPanelRestore",null),$APP.n($APP.n(c)?d?c.isConnected:d:c)&&c.focus())),a=$APP.Q(a,"__xFloatingPanelModel",b)):a=null;return a}return null},eA=function(a){var b={};$APP.ka(b,"pointerDown",function(c){var d;if(d=$APP.z.j(0,c.button)){d=c.target;if($APP.n(d)){var e=d.closest;d=$APP.n(e)?d.closest("[part\x3dclose],[data-no-drag]"):
|
|
11
|
+
e}d=!$APP.D(d)&&$APP.l(a,"__xFloatingPanelDrag")==null}if(d){d=Hz(a,"handle");e=Hz(a,"panel").getBoundingClientRect();try{d.setPointerCapture(c.pointerId)}catch(f){}$APP.Q(a,"__xFloatingPanelDrag",new $APP.M(null,7,[$APP.ku,c.pointerId,$APP.Cq,c.clientX-e.left,$APP.Dq,c.clientY-e.top,$APP.It,c.clientX,$APP.Ht,c.clientY,$APP.Tp,e.left,$APP.Xp,e.top],null));c=c.preventDefault()}else c=null;return c});$APP.ka(b,"pointerMove",function(c){$APP.n(Sz(a,c))?($APP.$i(a,"__xFloatingPanelDrag",$APP.$g.B($APP.l(a,
|
|
12
|
+
"__xFloatingPanelDrag"),$APP.It,c.clientX,$APP.Ec([$APP.Ht,c.clientY]))),c=Rz(a)):c=null;return c});$APP.ka(b,"pointerEnd",function(c){if($APP.n(Sz(a,c))){c=$APP.l(a,"__xFloatingPanelDrag");Tz(a);var d=$APP.G(c),e=$APP.C(d,$APP.Tp),f=$APP.C(d,$APP.Xp);c=$APP.I(Gz(d),new $APP.M(null,2,[$APP.vu,e,$APP.uu,f],null))?Oz(a,Gz(c),"pointer"):null}else c=null;return c});$APP.ka(b,"handleKeydown",function(c){var d=$APP.C(dA,c.key);if($APP.n(d)){c.preventDefault();var e=Iz(a),f=$APP.G(e);e=$APP.C(f,$APP.vu);
|
|
13
|
+
f=$APP.C(f,$APP.uu);var h=$APP.l(a,"__xFloatingPanelModel");c=$APP.n(c.shiftKey)?1:$APP.qv.j(h,10);d=new $APP.M(null,5,[$APP.vu,e,$APP.uu,f,$APP.Ws,$APP.Ws.i(d),$APP.Vs,$APP.Vs.i(d),$APP.qv,c],null);h=$APP.G(d);d=$APP.C(h,$APP.vu);c=$APP.C(h,$APP.uu);e=$APP.C(h,$APP.Ws);f=$APP.C(h,$APP.Vs);h=$APP.C(h,$APP.qv);d=Oz(a,new $APP.M(null,2,[$APP.vu,($APP.n(d)?d:0)+($APP.n(e)?e:0)*h,$APP.uu,($APP.n(c)?c:0)+($APP.n(f)?f:0)*h],null),"keyboard")}else d=null;return d});$APP.ka(b,"panelKeydown",function(c){var d=
|
|
14
|
+
(d=$APP.z.j("Escape",c.key))?aA.i($APP.l(a,"__xFloatingPanelModel")):d;$APP.n(d)?(c.preventDefault(),c=Uz(a,"escape")):c=null;return c});$APP.ka(b,"closeClick",function(){return Uz(a,"close-button")});$APP.ka(b,"slotChange",function(){return cA(a)});$APP.ka(b,"windowResize",function(){return Pz(a)});return b},gA=function(a,b){var c=$APP.l(a,"__xFloatingPanelRefs");a=$APP.l(a,"__xFloatingPanelHandlers");if($APP.n($APP.n(c)?a:c))for(var d=$APP.q(fA),e=null,f=0,h=0;;)if(h<f){var k=e.C(null,h),m=$APP.A(k,
|
|
15
|
+
0,null),r=$APP.A(k,1,null),u=$APP.A(k,2,null);k=$APP.A(k,3,null);var x=$APP.l(c,m),y=$APP.l(a,u);$APP.n(function(){var H=x;return $APP.n(H)?y:H}())&&($APP.n(b)?x.addEventListener(r,y,k):x.removeEventListener(r,y,k));h+=1}else if(d=$APP.q(d)){if($APP.$c(d))r=$APP.Fb(d),d=$APP.Gb(d),m=r,r=$APP.w(r),e=m,f=r;else{e=$APP.t(d);m=$APP.A(e,0,null);r=$APP.A(e,1,null);u=$APP.A(e,2,null);k=$APP.A(e,3,null);var B=$APP.l(c,m),E=$APP.l(a,u);$APP.n(function(){var H=B;return $APP.n(H)?E:H}())&&($APP.n(b)?B.addEventListener(r,
|
|
16
|
+
E,k):B.removeEventListener(r,E,k));d=$APP.v(d);e=null;f=0}h=0}else break},hA=function(a){gA(a,!1);$APP.Q(a,"__xFloatingPanelHandlers",null)},iA=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.n(this.hasAttribute("open"))?null:
|
|
17
|
+
$APP.S(this,"open","")},enumerable:!0,configurable:!0,writable:!0});Object.defineProperty(a,"hide",{value:function(){return $APP.U(this,"open")},enumerable:!0,configurable:!0,writable:!0});return Object.defineProperty(a,"toggle",{value:function(){return $APP.n(this.hasAttribute("open"))?$APP.U(this,"open"):$APP.n(this.hasAttribute("open"))?null:$APP.S(this,"open","")},enumerable:!0,configurable:!0,writable:!0})},jA=function(a){if(!$APP.n($APP.l(a,"__xFloatingPanelRefs"))){var b=a.attachShadow({mode:"open"}),
|
|
18
18
|
c=document.createElement("style"),d={};c.textContent=':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);}[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: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: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: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);}}';
|
|
19
19
|
b.appendChild(c);c=b.appendChild;var e=document.createElement("div");$APP.S(e,"part","panel");$APP.S(e,"role","dialog");$APP.S(e,"aria-modal","false");var f=e.appendChild,h=document.createElement("div"),k=document.createElement("span"),m=document.createElement("slot"),r=document.createElement("button");$APP.S(h,"part","handle");$APP.S(h,"role","button");$APP.S(h,"tabindex","0");$APP.S(h,"aria-label","Move panel");$APP.S(h,"aria-roledescription","Drag handle");$APP.S(h,"aria-keyshortcuts","ArrowUp ArrowDown ArrowLeft ArrowRight");
|
|
20
|
-
$APP.S(k,"id","title");$APP.S(m,"name","header");$APP.S(r,"part","close");$APP.S(r,"type","button");$APP.S(r,"aria-label","Close panel");r.textContent="✕";k.appendChild(m);h.appendChild(k);h.appendChild(r);d.handle=h;d.title=k;d.headerSlot=m;d.close=r;f.call(e,h);f=e.appendChild;h=document.createElement("div");k=document.createElement("slot");$APP.S(h,"part","body");h.appendChild(k);d.body=h;f.call(e,h);d.panel=e;c.call(b,e);d.window=window;$APP.Q(a,"__xFloatingPanelRefs",d)}
|
|
21
|
-
|
|
22
|
-
new $APP.F(null,"y-raw","y-raw",-1767821948),
|
|
23
|
-
$APP.
|
|
24
|
-
["close","click","closeClick",!1],null),new $APP.J(null,4,5,$APP.K,["headerSlot","slotchange","slotChange",!1],null),new $APP.J(null,4,5,$APP.K,["window","resize","windowResize",!1],null)],null);$APP.ha("baredom.exports.x_floating_panel.init",
|
|
20
|
+
$APP.S(k,"id","title");$APP.S(m,"name","header");$APP.S(r,"part","close");$APP.S(r,"type","button");$APP.S(r,"aria-label","Close panel");r.textContent="✕";k.appendChild(m);h.appendChild(k);h.appendChild(r);d.handle=h;d.title=k;d.headerSlot=m;d.close=r;f.call(e,h);f=e.appendChild;h=document.createElement("div");k=document.createElement("slot");$APP.S(h,"part","body");h.appendChild(k);d.body=h;f.call(e,h);d.panel=e;c.call(b,e);d.window=window;$APP.Q(a,"__xFloatingPanelRefs",d)}hA(a);$APP.Q(a,"__xFloatingPanelHandlers",
|
|
21
|
+
eA(a));gA(a,!0);cA(a);return Qz(a)},kA=function(a){Tz(a);hA(a);return $APP.Q(a,"__xFloatingPanelRestore",null)},aaa=function(a,b,c,d){return $APP.I(c,d)?cA(a):null},lA=function(){return $APP.si("x-floating-panel",new $APP.M(null,5,[$APP.ji,baa,$APP.hi,jA,$APP.ei,kA,$APP.di,aaa,$APP.ii,iA],null))},$z=new $APP.F(null,"header-slotted?","header-slotted?",-2101756250),bA=new $APP.F(null,"focus-on-open?","focus-on-open?",139502623),Yz=new $APP.F(null,"closable-present?","closable-present?",1978796413),
|
|
22
|
+
Xz=new $APP.F(null,"y-raw","y-raw",-1767821948),Wz=new $APP.F(null,"x-raw","x-raw",90704001),aA=new $APP.F(null,"closable?","closable?",460849191),Kz=new $APP.F(null,"handle-h","handle-h",-1728839580),Zz=new $APP.F(null,"focus-on-open-present?","focus-on-open-present?",-1366081338),Jz=new $APP.F(null,"w","w",354169001),Mz=new $APP.F(null,"vh","vh",79552846),Lz=new $APP.F(null,"vw","vw",1941049135);var baa="open x y closable resizable label focus-on-open step".split(" "),dA=new $APP.M(null,4,["ArrowLeft",new $APP.M(null,2,[$APP.Ws,-1,$APP.Vs,0],null),"ArrowRight",new $APP.M(null,2,[$APP.Ws,1,$APP.Vs,0],null),"ArrowUp",new $APP.M(null,2,[$APP.Ws,0,$APP.Vs,-1],null),"ArrowDown",new $APP.M(null,2,[$APP.Ws,0,$APP.Vs,1],null)],null);
|
|
23
|
+
$APP.je(["x-floating-panel-toggle",new $APP.M(null,2,[$APP.$u,!1,$APP.V,new $APP.M(null,1,[$APP.Wu,$APP.sj],null)],null),"x-floating-panel-dismiss-request",new $APP.M(null,2,[$APP.$u,!0,$APP.V,new $APP.M(null,1,[$APP.Zq,$APP.X],null)],null),"x-floating-panel-move",new $APP.M(null,2,[$APP.$u,!1,$APP.V,new $APP.M(null,3,[$APP.vu,$APP.Y,$APP.uu,$APP.Y,$APP.cu,$APP.X],null)],null)]);var fA=new $APP.J(null,9,5,$APP.K,[new $APP.J(null,4,5,$APP.K,["handle","pointerdown","pointerDown",!1],null),new $APP.J(null,4,5,$APP.K,["handle","pointermove","pointerMove",!1],null),new $APP.J(null,4,5,$APP.K,["handle","pointerup","pointerEnd",!1],null),new $APP.J(null,4,5,$APP.K,["handle","pointercancel","pointerEnd",!1],null),new $APP.J(null,4,5,$APP.K,["handle","keydown","handleKeydown",!1],null),new $APP.J(null,4,5,$APP.K,["panel","keydown","panelKeydown",!1],null),new $APP.J(null,4,5,$APP.K,
|
|
24
|
+
["close","click","closeClick",!1],null),new $APP.J(null,4,5,$APP.K,["headerSlot","slotchange","slotChange",!1],null),new $APP.J(null,4,5,$APP.K,["window","resize","windowResize",!1],null)],null);$APP.ha("baredom.exports.x_floating_panel.init",lA);export const init=lA;
|
package/dist/x-form-field.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var $0=function(a,b,c){$APP.
|
|
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.
|
|
4
|
-
c=$APP.n(b)?b:"";var B=$APP.n(h)?h:"",E=$APP.n(e)?e:"",H=[$APP.
|
|
5
|
-
"__xFormFieldModel"),b)?(x=$APP.l(a,"__xFormFieldRefs"),$APP.n(x)?(B=$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.
|
|
6
|
-
$APP.n(e)?"true":"false"),H=$APP.G(E),E=$APP.C(H,$APP.
|
|
7
|
-
x),x=$APP.l(a,"__xFormFieldInternals"),$APP.n(x)&&$0(a,x,k),a=$APP.Q(a,"__xFormFieldModel",b)):a=null):a=null;return a}return null},
|
|
8
|
-
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),$0(a,m,f));f=$APP.
|
|
9
|
-
$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},
|
|
2
|
+
var $0=function(a,b,c){$APP.Cj(b,c,new $APP.M(null,5,[$APP.vj,a.hasAttribute("error"),$APP.wj,a.getAttribute("error"),$APP.xj,a.hasAttribute("required"),$APP.yj,$APP.z.j(c.value,""),$APP.zj,"Please fill in this field."],null))},a1=function(a,b,c,d){a.textContent=b;$APP.n(c)?a.classList.remove(d):a.classList.add(d)},b1=function(a){if($APP.n($APP.l(a,"__xFormFieldRefs"))){var b=$APP.wg([$APP.Pj,$APP.Mj,$APP.to,$APP.kr,$APP.Qj,$APP.Rj,$APP.am,$APP.Nj,$APP.Sj,$APP.Fq,$APP.Oj],[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.Oj),e=$APP.C(c,$APP.Pj),f=$APP.C(c,$APP.Mj);b=$APP.C(c,$APP.to);var h=$APP.C(c,$APP.kr),k=$APP.C(c,$APP.Qj),m=$APP.C(c,$APP.Rj),r=$APP.C(c,$APP.am),u=$APP.C(c,$APP.Nj),x=$APP.C(c,$APP.Sj),y=$APP.C(c,$APP.Fq);
|
|
4
|
+
c=$APP.n(b)?b:"";var B=$APP.n(h)?h:"",E=$APP.n(e)?e:"",H=[$APP.xj,$APP.fm,$APP.Wj,$APP.yq,$APP.Vj,$APP.Ui,$APP.mu,$APP.N,$APP.vj,$APP.Lu,$APP.Z,$APP.wj,$APP.Yj,$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.dd(Xqa,y)?y:"text";b=$APP.wg(H,[m,r,d,h,f,u,e,y,typeof b==="string"&&$APP.I(b,"")&&b!=null,B,E,c,$APP.n(x)?x:"",$APP.D(k)]);$APP.I($APP.l(a,
|
|
5
|
+
"__xFormFieldModel"),b)?(x=$APP.l(a,"__xFormFieldRefs"),$APP.n(x)?(B=$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.Vj),e=$APP.C(r,$APP.Wj),y=$APP.C(r,$APP.Xj),m=$APP.C(r,$APP.fm),u=$APP.C(r,$APP.xj),r=$APP.C(r,$APP.Yj),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.xj),e=$APP.C(E,$APP.vj),$APP.S(k,"aria-required",$APP.n(H)?"true":"false"),$APP.S(k,"aria-invalid",
|
|
6
|
+
$APP.n(e)?"true":"false"),H=$APP.G(E),E=$APP.C(H,$APP.yq),H=$APP.C(H,$APP.vj),E=$APP.n($APP.n(E)?H:E)?"hint error":$APP.n(E)?"hint":$APP.n(H)?"error":null,$APP.n(E)?$APP.S(k,"aria-describedby",E):$APP.U(k,"aria-describedby"),H=$APP.G(b),E=$APP.C(H,$APP.Z),H=$APP.C(H,$APP.mu),a1(B,E,H,"label-hidden"),E=$APP.G(b),B=$APP.C(E,$APP.Lu),E=$APP.C(E,$APP.yq),a1(c,B,E,"hint-hidden"),B=$APP.G(b),c=$APP.C(B,$APP.wj),B=$APP.C(B,$APP.vj),a1(x,c,B,"error-hidden"),x=$APP.G(b),x=$APP.C(x,$APP.vj),$APP.aj(a,"data-invalid",
|
|
7
|
+
x),x=$APP.l(a,"__xFormFieldInternals"),$APP.n(x)&&$0(a,x,k),a=$APP.Q(a,"__xFormFieldModel",b)):a=null):a=null;return a}return null},Yqa=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");$APP.n(m)&&(m.setFormValue(h),$0(a,m,f));f=$APP.fj(a,"x-form-field-input",{name:k,value:h})}else f=
|
|
8
|
+
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),$0(a,m,f));f=$APP.fj(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,"__xFormFieldHandlers",e)}},c1=function(a){var b=$APP.l(a,"__xFormFieldRefs");if($APP.n(b)){var c=
|
|
9
|
+
$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},Zqa=function(a,b){$APP.aj(a,"disabled",$APP.D(b));return b1(a)},$qa=function(a){$APP.U(a,"value");$APP.U(a,"error");var b=$APP.l(a,"__xFormFieldRefs");$APP.n(b)&&($APP.l(b,"input").value="");b=$APP.l(a,"__xFormFieldInternals");$APP.n(b)&&b.setFormValue("");return b1(a)},ara=function(a){if(!$APP.n($APP.l(a,
|
|
10
10
|
"__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.S(d,"part","field");$APP.S(e,"part","label");$APP.S(e,"id","label");$APP.S(e,"for","input");$APP.S(f,"part","input-wrapper");$APP.S(h,"part","input");$APP.S(h,"id","input");$APP.S(h,"aria-labelledby","label");$APP.S(k,"part","hint");$APP.S(k,"id","hint");$APP.S(k,"aria-live","polite");$APP.S(m,"part","error");$APP.S(m,"id","error");$APP.S(m,"role","alert");$APP.S(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
|
-
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())}c1(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:""));
|
|
13
|
-
"__xFormFieldRefs"),$APP.n(b)&&(b=$APP.l(b,"input"),$APP.I(b.value,d)&&(b.value=$APP.n(d)?d:"")));return b1(a)},
|
|
14
|
-
|
|
15
|
-
$APP.
|
|
16
|
-
new $APP.M(null,2,[$APP.N,$APP.
|
|
17
|
-
$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())}c1(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:""));Yqa(a);return b1(a)},bra=function(a){return c1(a)},cra=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 b1(a)},dra=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.S(this,"value",b);var c=$APP.l(this,"__xFormFieldRefs");return $APP.n(c)?$APP.l(c,"input").value=b:null}})},
|
|
14
|
+
era=function(a){$APP.Gj(a,"__xFormFieldInternals");dra(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.kj(a,"disabled","disabled");$APP.kj(a,"readOnly","readonly");return $APP.kj(a,"required","required")},d1=function(){return $APP.si("x-form-field",new $APP.M(null,8,[$APP.ji,fra,$APP.hi,ara,$APP.ei,bra,$APP.di,cra,$APP.fi,!0,$APP.ci,Zqa,$APP.bi,$qa,$APP.ii,era],null))};var fra="label type name value placeholder hint error disabled readonly required autocomplete".split(" "),Xqa=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.wg([$APP.cw,$APP.mv,$APP.Or,$APP.Wj,$APP.un,$APP.Vj,$APP.Ui,$APP.rj,$APP.N,$APP.Z,$APP.Yj,$APP.Wt,$APP.Zs,$APP.gt],[new $APP.M(null,2,[$APP.N,$APP.X,$APP.rj,!0],null),new $APP.M(null,2,[$APP.N,$APP.vs,$APP.rj,!0],null),new $APP.M(null,2,[$APP.N,$APP.sj,$APP.rj,!0],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"placeholder"],null),new $APP.M(null,2,[$APP.N,$APP.sj,$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),
|
|
16
|
+
new $APP.M(null,2,[$APP.N,$APP.sj,$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,$APP.X,$APP.W,"autocomplete"],null),new $APP.M(null,2,[$APP.N,$APP.rt,$APP.rj,!0],null),new $APP.M(null,2,[$APP.N,$APP.sj,$APP.W,"required"],null),new $APP.M(null,2,[$APP.N,$APP.Ms,$APP.rj,!0],null)]);
|
|
17
|
+
$APP.je(["x-form-field-input",new $APP.M(null,2,[$APP.$u,!1,$APP.V,new $APP.M(null,2,[$APP.Vj,$APP.X,$APP.Ui,$APP.X],null)],null),"x-form-field-change",new $APP.M(null,2,[$APP.$u,!1,$APP.V,new $APP.M(null,2,[$APP.Vj,$APP.X,$APP.Ui,$APP.X],null)],null)]);$APP.ha("baredom.exports.x_form_field.init",d1);export const init=d1;
|
package/dist/x-form.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var ZZ=function(a){a=new $APP.M(null,3,[$APP.
|
|
3
|
-
$APP.l(c,"form");var d=$APP.G(b),e=$APP.C(d,$APP.
|
|
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},
|
|
5
|
-
else{h=YZ.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=
|
|
2
|
+
var ZZ=function(a){a=new $APP.M(null,3,[$APP.lv,a.getAttribute("loading"),XZ,$APP.n(a.hasAttribute("novalidate"))?"":null,$APP.Sj,a.getAttribute("autocomplete")],null);var b=$APP.G(a),c=$APP.C(b,$APP.lv);a=$APP.C(b,XZ);b=$APP.C(b,$APP.Sj);c=c!=null&&$APP.I(c,"false");b=$APP.dd(ypa,b)?b:"on";return new $APP.M(null,3,[$APP.Jq,c,YZ,a!=null,$APP.Yj,b],null)},$Z=function(a){if($APP.n($APP.l(a,"__xFormRefs"))){var b=ZZ(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.Yj);d=$APP.C(d,$APP.Jq);$APP.S(c,"autocomplete",e);$APP.n(d)?($APP.S(c,"aria-busy","true"),$APP.S(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},a_=function(a){var b=a.name;return $APP.n(b)?b:a.getAttribute("name")},zpa=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=a_(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},Apa=function(a){var b=$APP.l(a,"__xFormRefs");if($APP.n(b)){b=$APP.l(b,"form");var c=function(h){h.preventDefault();h=ZZ(a);if($APP.n($APP.Jq.i(h)))h=null;
|
|
5
|
+
else{h=YZ.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=zpa(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,m=0;;)if(m<k){var r=h[m];$APP.n(r.formResetCallback)&&r.formResetCallback();m+=1}else break;return $APP.fj(a,"x-form-reset",{})},e=function(h){a:{h=
|
|
6
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)}},b_=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},
|
|
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.S(d,"part","root");$APP.S(d,"novalidate","");d.appendChild(e);b.appendChild(c);b.appendChild(d);f.form=d;$APP.Q(a,"__xFormRefs",f)}b_(a);
|
|
9
|
-
$APP.l(a,"form"):null},
|
|
10
|
-
b)&&(e?$APP.U(k,"error"):$APP.S(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})},
|
|
11
|
-
$APP.
|
|
12
|
-
$APP.
|
|
7
|
+
f)}},b_=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},Bpa=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.S(d,"part","root");$APP.S(d,"novalidate","");d.appendChild(e);b.appendChild(c);b.appendChild(d);f.form=d;$APP.Q(a,"__xFormRefs",f)}b_(a);Apa(a);return $Z(a)},Cpa=function(a){return b_(a)},Dpa=function(a,b,c,d){return $APP.I(c,d)?$Z(a):null},c_=function(a){a=$APP.l(a,"__xFormRefs");return $APP.n(a)?
|
|
9
|
+
$APP.l(a,"form"):null},Epa=function(a){Object.defineProperty(a,"submit",{value:function(){var b=c_(this);return $APP.n(b)?b.requestSubmit():null},writable:!0,configurable:!0});Object.defineProperty(a,"reset",{value:function(){var b=c_(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(a_(k),
|
|
10
|
+
b)&&(e?$APP.U(k,"error"):$APP.S(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})},Gpa=function(a){$APP.uj(a,Fpa);return Epa(a)},d_=function(){return $APP.si("x-form",new $APP.M(null,5,[$APP.ji,Hpa,$APP.hi,Bpa,$APP.ei,Cpa,$APP.di,Dpa,
|
|
11
|
+
$APP.ii,Gpa],null))},XZ=new $APP.F(null,"novalidate-raw","novalidate-raw",1783236714),YZ=new $APP.F(null,"novalidate?","novalidate?",491529885);var Hpa=["loading","novalidate","autocomplete"],ypa=new $APP.ch(null,new $APP.M(null,2,["off",null,"on",null],null),null),Fpa=new $APP.M(null,3,[$APP.vn,new $APP.M(null,2,[$APP.N,$APP.sj,$APP.W,"loading"],null),new $APP.F(null,"novalidate","novalidate",-572717086),new $APP.M(null,2,[$APP.N,$APP.sj,$APP.W,"novalidate"],null),$APP.Yj,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.$u,!0,$APP.V,new $APP.M(null,1,[new $APP.F(null,"values","values",372645556),$APP.St],null)],null),"x-form-reset",new $APP.M(null,2,[$APP.$u,!1,$APP.V,$APP.ke],null)]);$APP.ha("baredom.exports.x_form.init",d_);export const init=d_;
|