@vanelsas/baredom 2.8.0 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +45 -0
- package/README.md +1 -1
- package/custom-elements.json +467 -0
- package/dist/baredom.d.ts +25 -0
- package/dist/base.js +541 -452
- package/dist/integrity.json +103 -97
- package/dist/x-alert.js +16 -17
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +14 -15
- package/dist/x-badge.js +9 -9
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +13 -13
- package/dist/x-button.js +1 -16
- 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 +47 -47
- package/dist/x-checkbox.js +1 -11
- package/dist/x-chip.js +1 -1
- package/dist/x-collapse.js +10 -10
- package/dist/x-color-picker.js +45 -44
- package/dist/x-combobox.js +26 -26
- package/dist/x-command-palette.js +24 -24
- package/dist/x-confetti.d.ts +50 -0
- package/dist/x-confetti.js +25 -0
- package/dist/x-container.js +5 -4
- package/dist/x-context-menu.js +20 -20
- package/dist/x-copy.js +20 -20
- package/dist/x-currency-field.js +23 -23
- package/dist/x-date-picker.js +40 -40
- package/dist/x-divider.js +9 -9
- package/dist/x-drawer.js +9 -9
- package/dist/x-dropdown.js +11 -11
- package/dist/x-fieldset.js +5 -5
- package/dist/x-file-download.js +7 -7
- package/dist/x-file-upload.js +22 -22
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.js +9 -9
- package/dist/x-gaussian-blur.js +12 -12
- package/dist/x-grid.js +7 -6
- package/dist/x-i18n-provider.js +7 -7
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +6 -6
- package/dist/x-image.js +16 -17
- package/dist/x-kbd.d.ts +17 -0
- package/dist/x-kbd.js +17 -0
- 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 +38 -39
- package/dist/x-liquid-fill.js +44 -44
- package/dist/x-liquid-glass.js +47 -47
- package/dist/x-menu-item.js +8 -8
- package/dist/x-menu.js +10 -9
- package/dist/x-metaball-cursor.js +26 -27
- package/dist/x-modal.js +10 -10
- package/dist/x-morph-stack.js +36 -37
- package/dist/x-multi-combobox.js +36 -36
- package/dist/x-navbar.js +12 -12
- package/dist/x-neural-glow.js +32 -32
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +17 -17
- package/dist/x-organic-progress.js +37 -37
- package/dist/x-organic-shape.js +13 -13
- package/dist/x-otp-input.d.ts +55 -0
- package/dist/x-otp-input.js +23 -0
- package/dist/x-pagination.js +15 -15
- package/dist/x-particle-button.js +51 -51
- package/dist/x-popover.js +25 -26
- package/dist/x-progress-circle.js +8 -8
- package/dist/x-progress.js +10 -10
- package/dist/x-proximity-list.d.ts +43 -0
- package/dist/x-proximity-list.js +21 -0
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.js +10 -10
- package/dist/x-scroll-parallax.js +18 -18
- package/dist/x-scroll-stack.js +17 -17
- package/dist/x-scroll-story.js +34 -34
- package/dist/x-scroll-timeline.js +45 -45
- package/dist/x-scroll.js +38 -38
- package/dist/x-search-field.js +1 -15
- package/dist/x-select.js +1 -11
- 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 +15 -15
- package/dist/x-soft-body.js +22 -22
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +12 -12
- package/dist/x-spotlight-card.d.ts +19 -0
- package/dist/x-spotlight-card.js +13 -0
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +14 -14
- package/dist/x-switch.js +10 -10
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.js +18 -18
- package/dist/x-table-row.js +8 -8
- package/dist/x-table.js +12 -12
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +19 -19
- package/dist/x-theme.js +25 -25
- package/dist/x-timeline-item.js +20 -21
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.js +21 -22
- package/dist/x-toaster.js +8 -8
- package/dist/x-tooltip.js +12 -12
- package/dist/x-trace-history.d.ts +242 -0
- package/dist/x-trace-history.js +118 -0
- package/dist/x-typography.js +9 -9
- package/dist/x-welcome-tour.js +60 -59
- package/package.json +32 -2
package/dist/x-dropdown.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
var c=$APP.p(a.hasAttribute("open"));return $APP.
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
$APP.
|
|
2
|
+
var Rv=function(a){var b=$APP.k(a,"__xDropdownRefs");if($APP.n(b)){var c=$APP.k(b,"trigger"),d=$APP.k(b,"label");b=$APP.k(b,"panel");var e=a.hasAttribute("open"),f=a.hasAttribute("disabled");var h=a.getAttribute("label");h=$APP.n(h)?h:"";a=a.getAttribute("placement");a=$APP.$c(Qv,a)?a:"bottom-start";d.textContent=h;$APP.S(c,"aria-expanded",$APP.n(e)?"true":"false");$APP.Ih(c,"disabled",f);return $APP.S(b,"data-placement",a)}return null},Sv=function(a,b){if($APP.n(a.hasAttribute("disabled")))return null;
|
|
3
|
+
var c=$APP.p(a.hasAttribute("open"));return $APP.Ph(a,"x-dropdown-toggle",{open:c,source:b})?(c?$APP.S(a,"open",""):$APP.T(a,"open"),$APP.Nh(a,"x-dropdown-change",{open:c})):null},Tv=function(a){var b=$APP.k(a,"__xDropdownHandlers");if($APP.n(b)){var c=$APP.k(b,"docClick"),d=$APP.k(b,"docKeydown");return queueMicrotask(function(){return $APP.n(a.hasAttribute("open"))?(document.addEventListener("click",c),document.addEventListener("keydown",d)):null})}return null},Uv=function(a){a=$APP.k(a,"__xDropdownHandlers");
|
|
4
|
+
if($APP.n(a)){var b=$APP.k(a,"docKeydown");document.removeEventListener("click",$APP.k(a,"docClick"));return document.removeEventListener("keydown",b)}return null},Vv=function(a){return{triggerClick:function(){return Sv(a,"pointer")},triggerKeydown:function(b){var c=b.key;return $APP.A.j(c," ")||$APP.A.j(c,"Enter")?(b.preventDefault(),Sv(a,"keyboard")):null},hostFocusout:function(b){return $APP.n(a.hasAttribute("open"))?(b=b.relatedTarget,b==null||$APP.p(a.contains(b))?Sv(a,"focusout"):null):null},
|
|
5
|
+
docClick:function(b){return $APP.n(a.hasAttribute("open"))?(b=$APP.Ac(b.composedPath()),b=$APP.ge(function(c){return c===a},b),$APP.n(b)?null:Sv(a,"outside-click")):null},docKeydown:function(b){b=$APP.A.j(b.key,"Escape");return $APP.n(b?a.hasAttribute("open"):b)?Sv(a,"escape"):null},panelClick:function(b){return $APP.n(a.hasAttribute("open"))?$APP.n(b.target.closest("button, a, [role\x3dmenuitem]"))?Sv(a,"item-select"):null:null}}},Wv=function(a){var b=$APP.k(a,"__xDropdownRefs");if($APP.n(b)){var c=
|
|
6
|
+
$APP.k(a,"__xDropdownHandlers");if($APP.n(c)){var d=$APP.k(b,"trigger");b=$APP.k(b,"panel");d.removeEventListener("click",$APP.k(c,"triggerClick"));d.removeEventListener("keydown",$APP.k(c,"triggerKeydown"));a.removeEventListener("focusout",$APP.k(c,"hostFocusout"));$APP.n(b)&&b.removeEventListener("click",$APP.k(c,"panelClick"))}}},Xv=function(a){if(!$APP.n($APP.k(a,"__xDropdownRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("button"),e=document.createElement("span"),
|
|
7
|
+
f=document.createElement("span"),h=document.createElement("div"),l=document.createElement("div"),m=document.createElement("slot");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
|
+
$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="▾";$APP.S(h,"part","panel");$APP.S(h,"id","panel");$APP.S(h,"data-placement","bottom-start");$APP.S(l,"part","panel-inner");d.appendChild(e);d.appendChild(f);l.appendChild(m);h.appendChild(l);b.appendChild(c);b.appendChild(d);b.appendChild(h);
|
|
9
|
+
a.__xDropdownRefs={trigger:d,label:e,chevron:f,panel:h}}Wv(a);Uv(a);a.__xDropdownHandlers=Vv(a);d=$APP.k(a,"__xDropdownRefs");$APP.n(d)&&(b=$APP.k(a,"__xDropdownHandlers"),$APP.n(b)&&(c=$APP.k(d,"trigger"),d=$APP.k(d,"panel"),c.addEventListener("click",$APP.k(b,"triggerClick")),c.addEventListener("keydown",$APP.k(b,"triggerKeydown")),a.addEventListener("focusout",$APP.k(b,"hostFocusout")),$APP.n(d)&&d.addEventListener("click",$APP.k(b,"panelClick"))));$APP.n(a.hasAttribute("open"))&&Tv(a);return Rv(a)},
|
|
10
|
+
Yv=function(a){Wv(a);return Uv(a)},Zv=function(a,b){return $APP.n($APP.k(a,"__xDropdownRefs"))?(Rv(a),$APP.A.j(b,"open")?$APP.n(a.hasAttribute("open"))?Tv(a):Uv(a):null):null},aw=function(a){$APP.Zh(a,$v);a.show=function(){return $APP.n(this.hasAttribute("open"))?null:Sv(this,"programmatic")};a.hide=function(){return $APP.n(this.hasAttribute("open"))?Sv(this,"programmatic"):null};return a.toggle=function(){return Sv(this,"programmatic")}},cw=function(){return $APP.Ah("x-dropdown",new $APP.O(null,
|
|
11
|
+
5,[$APP.qh,bw,$APP.oh,Xv,$APP.lh,Yv,$APP.kh,Zv,$APP.ph,aw],null))};var Qv=new $APP.pg(null,new $APP.O(null,4,["bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null],null),null),bw=["open","disabled","label","placement"],$v=new $APP.O(null,4,[$APP.wq,new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"open"],null),$APP.ck,new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"disabled"],null),$APP.Z,new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"label"],null),$APP.Vn,new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"placement"],null)],null);
|
|
12
|
+
$APP.ce(["x-dropdown-toggle",new $APP.O(null,2,[$APP.Aq,!0,$APP.U,new $APP.O(null,2,[$APP.wq,$APP.Xh,$APP.Jp,$APP.X],null)],null),"x-dropdown-change",new $APP.O(null,2,[$APP.Aq,!1,$APP.U,new $APP.O(null,1,[$APP.wq,$APP.Xh],null)],null)]);$APP.ha("baredom.exports.x_dropdown.init",cw);export const init=cw;
|
package/dist/x-fieldset.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
f],null);h=
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
document.head.appendChild(c));a.__xFieldsetRefs={root:b,"root-el":d,"legend-el":e,"content-el":f}}return
|
|
2
|
+
var XS=function(a){var b=$APP.k(a,"__xFieldsetRefs");if($APP.n(b)){var c=$APP.k(b,"root-el"),d=$APP.k(b,"legend-el");b=$APP.k(b,"content-el");var e=new $APP.O(null,4,[US,a.getAttribute("legend"),$APP.vi,a.hasAttribute("disabled"),$APP.yj,a.getAttribute("aria-label"),$APP.zj,a.getAttribute("aria-describedby")],null),f=$APP.G(e),h=$APP.C(f,US);var l=$APP.C(f,$APP.vi);e=$APP.C(f,$APP.yj);f=$APP.C(f,$APP.zj);h=$APP.n(h)?h:"";l=$APP.D(l);l=new $APP.O(null,5,[VS,h,WS,$APP.I(h,""),$APP.Bi,l,$APP.Lj,e,$APP.Kj,
|
|
3
|
+
f],null);h=VS.i(l);f=WS.i(l);e=$APP.Bi.i(l);d.textContent=h;$APP.n(f)?$APP.T(d,"hidden"):$APP.S(d,"hidden","");d=$APP.Lj.i(l);$APP.n(d)?($APP.S(c,"aria-label",d),$APP.T(c,"aria-labelledby")):($APP.T(c,"aria-label"),$APP.n(f)?$APP.S(c,"aria-labelledby","x-fieldset-legend"):$APP.T(c,"aria-labelledby"));d=$APP.Kj.i(l);$APP.n(d)?$APP.S(c,"aria-describedby",d):$APP.T(c,"aria-describedby");$APP.Ih(a,"data-disabled",e);return $APP.Ih(b,"inert",e)}return null},YS=function(a){if(!$APP.n($APP.k(a,"__xFieldsetRefs"))){var b=
|
|
4
|
+
a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),f=document.createElement("div"),h=document.createElement("slot");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);}";
|
|
5
|
+
$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);$APP.n(document.getElementById("x-fieldset-input-styles"))||(c=document.createElement("style"),$APP.S(c,"id","x-fieldset-input-styles"),c.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);}",
|
|
6
|
+
document.head.appendChild(c));a.__xFieldsetRefs={root:b,"root-el":d,"legend-el":e,"content-el":f}}return XS(a)},ZS=function(){return null},$S=function(a){return XS(a)},bT=function(a){return $APP.Zh(a,aT)},dT=function(){return $APP.Ah("x-fieldset",new $APP.O(null,5,[$APP.qh,cT,$APP.oh,YS,$APP.lh,ZS,$APP.kh,$S,$APP.ph,bT],null))},WS=new $APP.F(null,"legend-visible?","legend-visible?",-281107501),US=new $APP.F(null,"legend-raw","legend-raw",907427195),VS=new $APP.F(null,"legend","legend",-1027192245);var cT=["legend","disabled","aria-label","aria-describedby"],aT=new $APP.O(null,2,[VS,new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"legend"],null),$APP.ck,new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"disabled"],null)],null);$APP.ha("baredom.exports.x_fieldset.init",dT);export const init=dT;
|
package/dist/x-file-download.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
c=$APP.
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
f.appendChild(h);d.appendChild(e);d.appendChild(f);b.appendChild(c);b.appendChild(d);a.__xFileDownloadRefs={"anchor-el":d,"icon-el":e,"content-el":f}}
|
|
8
|
-
|
|
2
|
+
var yF=function(a){a=new $APP.O(null,4,[vF,a.getAttribute("href"),wF,a.getAttribute("filename"),$APP.vi,a.hasAttribute("disabled"),$APP.yj,a.getAttribute("aria-label")],null);var b=$APP.G(a);a=$APP.C(b,vF);var c=$APP.C(b,wF),d=$APP.C(b,$APP.vi);b=$APP.C(b,$APP.yj);return new $APP.O(null,4,[$APP.lr,$APP.oi(a),xF,$APP.n(c)?c:"",$APP.Bi,$APP.D(d),$APP.Lj,b],null)},zF=function(a){var b=$APP.k(a,"__xFileDownloadRefs");if($APP.n(b)){b=$APP.k(b,"anchor-el");var c=yF(a),d=$APP.lr.i(c),e=xF.i(c),f=$APP.Bi.i(c);
|
|
3
|
+
c=$APP.Lj.i(c);b.href=d;typeof e==="string"&&$APP.I(e,"")?$APP.S(b,"download",e):(e=typeof d==="string",$APP.n(e?d.startsWith("data:"):e)?$APP.S(b,"download",""):$APP.T(b,"download"));$APP.n(f)?$APP.S(b,"aria-disabled","true"):$APP.T(b,"aria-disabled");$APP.n(c)?$APP.S(b,"aria-label",c):$APP.T(b,"aria-label");return $APP.Ih(a,"data-disabled",f)}return null},AF=function(a){return function(b){if($APP.n(a.hasAttribute("disabled")))return b.preventDefault();var c=yF(a);c={href:$APP.lr.i(c),filename:xF.i(c)};
|
|
4
|
+
return $APP.Ph(a,"x-file-download-click",c)?null:b.preventDefault()}},BF=function(a){var b=$APP.k(a,"__xFileDownloadHandlers"),c=$APP.k(a,"__xFileDownloadRefs");$APP.n($APP.n(b)?c:b)&&(c=$APP.k(c,"anchor-el"),b=$APP.k(b,"click"),$APP.n(b)&&c.removeEventListener("click",b));return a.__xFileDownloadHandlers=null},CF=function(a){if(!$APP.n($APP.k(a,"__xFileDownloadRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("a"),e=document.createElement("span"),
|
|
5
|
+
f=document.createElement("span"),h=document.createElement("slot");c.textContent=":host{display:inline-block;color-scheme:light dark;--x-file-download-bg:var(--x-color-primary,#2563eb);--x-file-download-color:var(--x-color-surface,#ffffff);--x-file-download-hover-bg:var(--x-color-primary-hover,#1d4ed8);--x-file-download-active-bg:var(--x-color-primary-active,#1e40af);--x-file-download-border-radius:var(--x-radius-md,6px);--x-file-download-padding:0.5rem 1rem;--x-file-download-font-size:var(--x-font-size-sm,0.875rem);--x-file-download-font-weight:500;--x-file-download-gap:0.375rem;--x-file-download-icon-size:1em;--x-file-download-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-file-download-disabled-opacity:0.45;--x-file-download-transition:background var(--x-transition-duration,120ms) ease;}@media (prefers-color-scheme:dark){:host{--x-file-download-bg:var(--x-color-primary,#3b82f6);--x-file-download-hover-bg:var(--x-color-primary-hover,#2563eb);--x-file-download-active-bg:var(--x-color-primary-active,#1d4ed8);--x-file-download-focus-ring:var(--x-color-focus-ring,#93c5fd);}}[part\x3danchor]{display:inline-flex;align-items:center;gap:var(--x-file-download-gap);padding:var(--x-file-download-padding);background:var(--x-file-download-bg);color:var(--x-file-download-color);border-radius:var(--x-file-download-border-radius);font-size:var(--x-file-download-font-size);font-weight:var(--x-file-download-font-weight);text-decoration:none;cursor:pointer;box-sizing:border-box;transition:var(--x-file-download-transition);outline:none;user-select:none;-webkit-user-select:none;}[part\x3danchor]:hover{background:var(--x-file-download-hover-bg);}[part\x3danchor]:active{background:var(--x-file-download-active-bg);}[part\x3danchor]:focus-visible{outline:2px solid var(--x-file-download-focus-ring);outline-offset:2px;}[part\x3dicon]{display:inline-flex;align-items:center;justify-content:center;width:var(--x-file-download-icon-size);height:var(--x-file-download-icon-size);flex-shrink:0;}[part\x3dcontent]{display:inline;}:host([data-disabled]) [part\x3danchor]{opacity:var(--x-file-download-disabled-opacity);pointer-events:none;cursor:default;}@media (prefers-reduced-motion:reduce){[part\x3danchor]{transition:none;}}";
|
|
6
|
+
$APP.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';
|
|
7
|
+
f.appendChild(h);d.appendChild(e);d.appendChild(f);b.appendChild(c);b.appendChild(d);a.__xFileDownloadRefs={"anchor-el":d,"icon-el":e,"content-el":f}}BF(a);b=AF(a);$APP.k($APP.k(a,"__xFileDownloadRefs"),"anchor-el").addEventListener("click",b);a.__xFileDownloadHandlers={click:b};return zF(a)},DF=function(a){return BF(a)},EF=function(a){return zF(a)},GF=function(a){return $APP.Zh(a,FF)},IF=function(){return $APP.Ah("x-file-download",new $APP.O(null,5,[$APP.qh,HF,$APP.oh,CF,$APP.lh,DF,$APP.kh,EF,$APP.ph,
|
|
8
|
+
GF],null))},wF=new $APP.F(null,"filename-raw","filename-raw",-706184256),vF=new $APP.F(null,"href-raw","href-raw",-1680949453),xF=new $APP.F(null,"filename","filename",-1428840783);var HF=["href","filename","disabled","aria-label"],FF=new $APP.O(null,3,[$APP.lr,new $APP.O(null,3,[$APP.Q,$APP.X,$APP.W,"href",$APP.Yh,""],null),xF,new $APP.O(null,3,[$APP.Q,$APP.X,$APP.W,"filename",$APP.Yh,""],null),$APP.ck,new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"disabled"],null)],null);$APP.ce(["x-file-download-click",new $APP.O(null,2,[$APP.Aq,!0,$APP.U,new $APP.O(null,2,[$APP.lr,$APP.X,xF,$APP.X],null)],null)]);$APP.ha("baredom.exports.x_file_download.init",IF);export const init=IF;
|
package/dist/x-file-upload.js
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
c.startsWith(""+$APP.
|
|
4
|
-
[
|
|
5
|
-
a=$APP.C(b,
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
"
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
$APP.
|
|
20
|
-
|
|
21
|
-
"disabled"
|
|
22
|
-
|
|
23
|
-
"accept-raw","accept-raw",1407413888),
|
|
2
|
+
var FB=function(a){return a!=null?(a=parseInt(a,10),$APP.p(isNaN(a))&&a>0?a:null):null},GB=function(a){var b=a.lastIndexOf(".");return b>0?a.substring(b).toLowerCase():null},HB=function(a,b){if(b==null||$APP.A.j(b,""))return!0;var c=function(){var e=a.type;return $APP.n(e)?e:""}().toLowerCase(),d=GB(a.name);b=$APP.pe.j($APP.gi,$APP.ei(b,/,/));return $APP.D($APP.ge(function(e){e=e.toLowerCase();return $APP.n(e.startsWith("."))?$APP.A.j(e,d):$APP.n(e.endsWith("/*"))?(e=e.substring(0,e.indexOf("/")),
|
|
3
|
+
c.startsWith(""+$APP.V.i(e)+"/")):$APP.A.j(e,c)},b))},LB=function(a,b,c,d,e){a=$APP.t(a);for(var f=$APP.ye,h=$APP.ye;;){if($APP.p(a))return new $APP.O(null,2,[IB,f,JB,h],null);var l=$APP.u(a);var m=l;var q=b,r=c;m=$APP.ji(q)&&!HB(m,q)?new $APP.O(null,2,[$APP.Ej,!1,$APP.Ym,"File type not accepted"],null):r!=null&&m.size>r?new $APP.O(null,2,[$APP.Ej,!1,$APP.Ym,"File too large"],null):new $APP.O(null,2,[$APP.Ej,!0,$APP.Ym,null],null);$APP.p($APP.Ej.i(m))?(a=$APP.w(a),h=$APP.wd.j(h,new $APP.O(null,2,
|
|
4
|
+
[KB,l,$APP.Ym,$APP.Ym.i(m)],null))):d!=null&&e>=d?(a=$APP.w(a),h=$APP.wd.j(h,new $APP.O(null,2,[KB,l,$APP.Ym,"Maximum files reached"],null))):(a=$APP.w(a),f=$APP.wd.j(f,l),e+=1)}},MB=function(a){return document.createElement(a)},VB=function(a){a=new $APP.O(null,7,[NB,a.getAttribute("accept"),OB,a.hasAttribute("multiple"),PB,a.getAttribute("max-size"),QB,a.getAttribute("max-files"),$APP.vi,a.hasAttribute("disabled"),$APP.wi,a.hasAttribute("required"),$APP.ri,a.getAttribute("name")],null);var b=$APP.G(a);
|
|
5
|
+
a=$APP.C(b,NB);var c=$APP.C(b,OB),d=$APP.C(b,PB),e=$APP.C(b,QB),f=$APP.C(b,$APP.vi),h=$APP.C(b,$APP.wi);b=$APP.C(b,$APP.ri);return new $APP.O(null,7,[RB,$APP.n(a)?a:"",SB,$APP.D(c),TB,FB(d),UB,FB(e),$APP.Bi,$APP.D(f),$APP.Ci,$APP.D(h),$APP.zi,$APP.n(b)?b:""],null)},WB=function(a){var b=$APP.k(a,"__xFileUploadRefs");if($APP.n(b)){a=VB(a);var c=$APP.G(a);a=$APP.C(c,RB);var d=$APP.C(c,SB);c=$APP.C(c,$APP.Bi);var e=$APP.k(b,"fileInput");b=$APP.k(b,"dropZone");$APP.A.j(a,"")?e.removeAttribute("accept"):
|
|
6
|
+
$APP.S(e,"accept",a);$APP.n(d)?$APP.S(e,"multiple",""):e.removeAttribute("multiple");$APP.S(b,"tabindex",$APP.n(c)?"-1":"0");return $APP.S(b,"aria-disabled",""+$APP.V.i(c))}return null},XB=function(a){a=$APP.t($APP.zc(a.querySelectorAll("[part\x3dthumbnail]")));for(var b=null,c=0,d=0;;)if(d<c){var e=b.F(null,d);URL.revokeObjectURL(e.src);d+=1}else if(a=$APP.t(a))b=a,$APP.Wc(b)?(a=$APP.Ab(b),c=$APP.Bb(b),b=a,e=$APP.y(a),a=c,c=e):(e=$APP.u(b),URL.revokeObjectURL(e.src),a=$APP.w(b),b=null,c=0),d=0;else return null},
|
|
7
|
+
YB=function(a){var b=$APP.k(a,"__xFileUploadRefs");if($APP.n(b)){var c=$APP.k(b,"fileList");b=$APP.k(b,"liveRegion");a=$APP.k(a,"__xFileUploadFiles");var d=a.length;XB(c);c.textContent="";for(var e=0;;)if(e<d){var f=a[e],h=MB("div"),l=MB("span"),m=MB("span"),q=MB("button"),r=f.name;$APP.S(h,"part","file-item");$APP.S(h,"role","listitem");var v=f.type,x=typeof v==="string";$APP.n(x?v.startsWith("image/"):x)&&(v=MB("img"),$APP.S(v,"part","thumbnail"),v.src=URL.createObjectURL(f),$APP.S(v,"alt",r),h.appendChild(v));
|
|
8
|
+
$APP.S(l,"part","file-name");l.textContent=r;$APP.S(m,"part","file-size");v=m;f=f.size;f=f<1024?""+$APP.V.i(f)+" B":f<1048576?""+$APP.V.i((f/1024).toFixed(1))+" KB":f<1073741824?""+$APP.V.i((f/1048576).toFixed(1))+" MB":""+$APP.V.i((f/1073741824).toFixed(1))+" GB";v.textContent=f;$APP.S(q,"part","remove");$APP.S(q,"type","button");$APP.S(q,"aria-label","Remove "+$APP.V.i(r));$APP.S(q,"data-index",""+$APP.V.i(e));q.textContent="×";h.appendChild(l);h.appendChild(m);h.appendChild(q);c.appendChild(h);
|
|
9
|
+
e+=1}else break;b.textContent=d===0?"":""+$APP.V.i(d)+" file"+$APP.V.i($APP.I(d,1)?"s":null)+" selected"}},ZB=function(a){var b=$APP.k(a,"__xFileUploadInternals");if($APP.n(b)){var c=$APP.k(a,"__xFileUploadFiles");a=a.getAttribute("name");a=$APP.n(a)?a:"file";if(c.length===0)b.setFormValue(null);else{for(var d=new FormData,e=c.length,f=0;;)if(f<e)d.append(a,c[f]),f+=1;else break;b.setFormValue(d)}}},$B=function(a){var b=$APP.k(a,"__xFileUploadInternals");if($APP.n(b)){var c=$APP.k(a,"__xFileUploadRefs");
|
|
10
|
+
if($APP.n(c)){var d=a.hasAttribute("required");a=$APP.k(a,"__xFileUploadFiles");c=$APP.k(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},aC=function(a,b){var c=VB(a);c=$APP.G(c);var d=$APP.C(c,RB),e=$APP.C(c,SB),f=$APP.C(c,TB),h=$APP.C(c,UB);c=$APP.k(a,"__xFileUploadFiles");b=LB($APP.zc(b),d,f,h,c.length);d=$APP.G(b);b=$APP.C(d,IB);d=$APP.C(d,JB);if($APP.n(e)){e=$APP.t(b);f=null;for(var l=h=0;;)if(l<
|
|
11
|
+
h){var m=f.F(null,l);c.push(m);l+=1}else if(e=$APP.t(e))f=e,$APP.Wc(f)?(e=$APP.Ab(f),l=$APP.Bb(f),f=e,h=$APP.y(e),e=l):(e=$APP.u(f),c.push(e),e=$APP.w(f),f=null,h=0),l=0;else break}else c.length=0,$APP.t(b)&&c.push($APP.u(b));YB(a);ZB(a);$B(a);return $APP.Nh(a,"x-file-upload-select",{files:$APP.fd(b),rejected:$APP.fd($APP.pe.j(function(q){var r=$APP.G(q);q=$APP.C(r,KB);r=$APP.C(r,$APP.Ym);return{file:q,reason:r}},d))})},bC=function(a){return{zoneClick:function(){if($APP.n(a.hasAttribute("disabled")))return null;
|
|
12
|
+
var b=$APP.k(a,"__xFileUploadRefs");return $APP.n(b)?$APP.k(b,"fileInput").click():null},zoneKeydown:function(b){return($APP.A.j(b.key,"Enter")||$APP.A.j(b.key," "))&&$APP.p(a.hasAttribute("disabled"))?(b.preventDefault(),b=$APP.k(a,"__xFileUploadRefs"),$APP.n(b)?$APP.k(b,"fileInput").click():null):null},fileChange:function(b){b=b.target;var c=b.files;c.length>0&&aC(a,c);return b.value=""},dragenter:function(b){b.preventDefault();if($APP.n(a.hasAttribute("disabled")))return null;b=$APP.k(a,"__xFileUploadDragCtr")+
|
|
13
|
+
1;$APP.R(a,"__xFileUploadDragCtr",b);return $APP.A.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.k(a,"__xFileUploadDragCtr")-1;$APP.R(a,"__xFileUploadDragCtr",b);return b<=0?($APP.R(a,"__xFileUploadDragCtr",0),$APP.T(a,"data-drag-over")):null},drop:function(b){b.preventDefault();$APP.R(a,"__xFileUploadDragCtr",0);$APP.T(a,"data-drag-over");if($APP.n(a.hasAttribute("disabled")))return null;
|
|
14
|
+
b=b.dataTransfer.files;return b.length>0?aC(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.k(a,"__xFileUploadFiles"),d=c[b];c.splice(b,1);YB(a);ZB(a);$B(a);b=$APP.Nh(a,"x-file-upload-remove",{file:d,remaining:c.slice()})}return b}return null}}},cC=function(a){var b=$APP.k(a,"__xFileUploadRefs");if($APP.n(b)&&(a=$APP.k(a,"__xFileUploadHandlers"),
|
|
15
|
+
$APP.n(a))){var c=$APP.k(b,"dropZone"),d=$APP.k(b,"fileInput");b=$APP.k(b,"fileList");c.removeEventListener("click",$APP.k(a,"zoneClick"));c.removeEventListener("keydown",$APP.k(a,"zoneKeydown"));c.removeEventListener("dragenter",$APP.k(a,"dragenter"));c.removeEventListener("dragover",$APP.k(a,"dragover"));c.removeEventListener("dragleave",$APP.k(a,"dragleave"));c.removeEventListener("drop",$APP.k(a,"drop"));d.removeEventListener("change",$APP.k(a,"fileChange"));b.removeEventListener("click",$APP.k(a,
|
|
16
|
+
"fileListClick"))}},dC=function(a){if(!$APP.n($APP.k(a,"__xFileUploadRefs"))){var b=a.attachShadow({mode:"open"}),c=MB("style"),d=MB("div"),e=MB("input"),f=MB("div"),h=MB("slot"),l=MB("div"),m=MB("div"),q=MB("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;}}";
|
|
17
|
+
$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(l,"part","drag-overlay");$APP.S(l,"hidden","");l.textContent="Drop files here";$APP.S(m,"part","file-list");$APP.S(m,"role","list");$APP.S(q,"part","live-region");$APP.S(q,"aria-live","polite");$APP.S(q,"aria-atomic","true");d.appendChild(e);d.appendChild(f);d.appendChild(l);b.appendChild(c);
|
|
18
|
+
b.appendChild(d);b.appendChild(m);b.appendChild(q);$APP.R(a,"__xFileUploadFiles",[]);$APP.R(a,"__xFileUploadDragCtr",0);$APP.R(a,"__xFileUploadRefs",{dropZone:d,fileInput:e,content:f,dragOverlay:l,fileList:m,liveRegion:q})}b=a.attachInternals;$APP.n($APP.n(b)?$APP.p($APP.k(a,"__xFileUploadInternals")):b)&&$APP.R(a,"__xFileUploadInternals",a.attachInternals());cC(a);$APP.R(a,"__xFileUploadHandlers",bC(a));e=$APP.k(a,"__xFileUploadRefs");$APP.n(e)&&(b=$APP.k(a,"__xFileUploadHandlers"),$APP.n(b)&&(c=
|
|
19
|
+
$APP.k(e,"dropZone"),d=$APP.k(e,"fileInput"),e=$APP.k(e,"fileList"),c.addEventListener("click",$APP.k(b,"zoneClick")),c.addEventListener("keydown",$APP.k(b,"zoneKeydown")),c.addEventListener("dragenter",$APP.k(b,"dragenter")),c.addEventListener("dragover",$APP.k(b,"dragover")),c.addEventListener("dragleave",$APP.k(b,"dragleave")),c.addEventListener("drop",$APP.k(b,"drop")),d.addEventListener("change",$APP.k(b,"fileChange")),e.addEventListener("click",$APP.k(b,"fileListClick"))));WB(a);return $B(a)},
|
|
20
|
+
eC=function(a){cC(a);a=$APP.k(a,"__xFileUploadRefs");return $APP.n(a)?XB($APP.k(a,"fileList")):null},fC=function(a){return $APP.n($APP.k(a,"__xFileUploadRefs"))?WB(a):null},gC=function(a,b){$APP.Ih(a,"disabled",b);return WB(a)},hC=function(a){$APP.k(a,"__xFileUploadFiles").length=0;var b=$APP.k(a,"__xFileUploadRefs");$APP.n(b)&&XB($APP.k(b,"fileList"));YB(a);ZB(a);return $B(a)},iC=function(a){$APP.Uh(a,"accept","accept");$APP.Uh(a,"name","name");$APP.Sh(a,"multiple","multiple");$APP.Sh(a,"disabled",
|
|
21
|
+
"disabled");$APP.Sh(a,"required","required");$APP.Vh(a,"maxSize","max-size",0);$APP.Vh(a,"maxFiles","max-files",0);Object.defineProperty(a,"files",{configurable:!0,enumerable:!0,get:function(){var b=$APP.k(this,"__xFileUploadFiles");return($APP.n(b)?b:[]).slice()}});a.checkValidity=function(){var b=$APP.k(this,"__xFileUploadInternals");return $APP.n(b)?b.checkValidity():null};return a.reportValidity=function(){var b=$APP.k(this,"__xFileUploadInternals");return $APP.n(b)?b.reportValidity():null}},
|
|
22
|
+
kC=function(){return $APP.Ah("x-file-upload",new $APP.O(null,8,[$APP.qh,jC,$APP.oh,dC,$APP.lh,eC,$APP.kh,fC,$APP.mh,!0,$APP.jh,gC,$APP.ih,hC,$APP.ph,iC],null))},RB=new $APP.F(null,"accept","accept",1874130431),JB=new $APP.F(null,"rejected","rejected",231052999),IB=new $APP.F(null,"accepted","accepted",-1953464374),PB=new $APP.F(null,"max-size-raw","max-size-raw",1536077032),TB=new $APP.F(null,"max-size","max-size",-874966132),SB=new $APP.F(null,"multiple?","multiple?",-490002283),NB=new $APP.F(null,
|
|
23
|
+
"accept-raw","accept-raw",1407413888),UB=new $APP.F(null,"max-files","max-files",534742526),OB=new $APP.F(null,"multiple-present?","multiple-present?",-1754894397),KB=new $APP.F(null,"file","file",-1269645878),QB=new $APP.F(null,"max-files-raw","max-files-raw",-244409320);var jC="accept multiple max-size max-files disabled required name".split(" ");$APP.ce(["x-file-upload-select",new $APP.O(null,2,[$APP.Aq,!1,$APP.U,new $APP.O(null,2,[new $APP.F(null,"files","files",-472457450),$APP.$m,JB,$APP.$m],null)],null),"x-file-upload-remove",new $APP.O(null,2,[$APP.Aq,!1,$APP.U,new $APP.O(null,2,[KB,$APP.Ap,new $APP.F(null,"remaining","remaining",-138926777),$APP.$m],null)],null)]);$APP.ha("baredom.exports.x_file_upload.init",kC);export const init=kC;
|
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
|
-
$APP.
|
|
5
|
-
"string"&&$APP.
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
$APP.
|
|
16
|
-
$APP.
|
|
2
|
+
var b2=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;return $APP.n(d)?b.setValidity({customError:!0},e,c):$APP.n($APP.n(a)?$APP.A.j(f,""):a)?b.setValidity({valueMissing:!0},"Please fill in this field.",c):b.setValidity({},"",c)},c2=function(a){var b=$APP.k(a,"__xFormFieldRefs");if($APP.n(b)){var c=$APP.k(b,"label"),d=$APP.k(b,"input"),e=$APP.k(b,"hint");b=$APP.k(b,"error");var f=$APP.Wf([$APP.ui,$APP.ri,$APP.Sm,
|
|
3
|
+
$APP.hn,$APP.vi,$APP.wi,$APP.xj,$APP.si,$APP.xi,$APP.Hm,$APP.ti],[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 h=$APP.G(f),l=$APP.C(h,$APP.ti),m=$APP.C(h,$APP.ui),q=$APP.C(h,$APP.ri);f=$APP.C(h,$APP.Sm);var r=$APP.C(h,$APP.hn),v=$APP.C(h,$APP.vi),x=$APP.C(h,
|
|
4
|
+
$APP.wi),z=$APP.C(h,$APP.xj),B=$APP.C(h,$APP.si),E=$APP.C(h,$APP.xi),H=$APP.C(h,$APP.Hm);h=$APP.n(f)?f:"";var K=$APP.n(r)?r:"",J=$APP.n(m)?m:"",P=[$APP.Ci,$APP.Cj,$APP.Ai,$APP.Dm,$APP.zi,$APP.Eh,$APP.Sp,$APP.Q,$APP.np,$APP.nq,$APP.Z,$APP.Nm,$APP.Di,$APP.Bi];x=$APP.D(x);z=$APP.D(z);l=$APP.n(l)?l:"";r=typeof r==="string"&&$APP.I(r,"")&&r!=null;q=$APP.n(q)?q:"";B=$APP.n(B)?B:"";m=typeof m==="string"&&$APP.I(m,"")&&m!=null;H=typeof H==="string"&&$APP.$c(fga,H)?H:"text";f=$APP.Wf(P,[x,z,l,r,q,B,m,H,typeof f===
|
|
5
|
+
"string"&&$APP.I(f,"")&&f!=null,K,J,h,$APP.n(E)?E:"",$APP.D(v)]);v=$APP.np.i(f);E=$APP.Dm.i(f);h=$APP.Sp.i(f);d.type=$APP.Q.i(f);d.name=$APP.zi.i(f);d.placeholder=$APP.Ai.i(f);d.disabled=$APP.Bi.i(f);d.readOnly=$APP.Cj.i(f);d.required=$APP.Ci.i(f);d.autocomplete=$APP.Di.i(f);$APP.S(d,"aria-required",$APP.n($APP.Ci.i(f))?"true":"false");$APP.S(d,"aria-invalid",$APP.n(v)?"true":"false");K=$APP.n($APP.n(E)?v:E)?"hint error":$APP.n(E)?"hint":$APP.n(v)?"error":null;$APP.n(K)?$APP.S(d,"aria-describedby",
|
|
6
|
+
K):$APP.T(d,"aria-describedby");c.textContent=$APP.Z.i(f);$APP.n(h)?c.classList.remove("label-hidden"):c.classList.add("label-hidden");e.textContent=$APP.nq.i(f);$APP.n(E)?e.classList.remove("hint-hidden"):e.classList.add("hint-hidden");b.textContent=$APP.Nm.i(f);$APP.n(v)?b.classList.remove("error-hidden"):b.classList.add("error-hidden");$APP.Ih(a,"data-invalid",v);c=$APP.k(a,"__xFormFieldInternals");return $APP.n(c)?b2(a,c,d):null}return null},gga=function(a){return function(){var b=$APP.k(a,"__xFormFieldRefs");
|
|
7
|
+
if($APP.n(b)){b=$APP.k(b,"input");var c=b.value;var d=a.getAttribute("name");d=$APP.n(d)?d:"";var e=$APP.k(a,"__xFormFieldInternals");$APP.n(e)&&(e.setFormValue(c),b2(a,e,b));return $APP.Nh(a,"x-form-field-input",{name:d,value:c})}return null}},hga=function(a){return function(){var b=$APP.k(a,"__xFormFieldRefs");if($APP.n(b)){b=$APP.k(b,"input");var c=b.value;var d=a.getAttribute("name");d=$APP.n(d)?d:"";var e=$APP.k(a,"__xFormFieldInternals");$APP.n(e)&&(e.setFormValue(c),b2(a,e,b));return $APP.Nh(a,
|
|
8
|
+
"x-form-field-change",{name:d,value:c})}return null}},d2=function(a){var b=$APP.k(a,"__xFormFieldRefs");if($APP.n(b)){var c=$APP.k(a,"__xFormFieldHandlers");if($APP.n(c)){b=$APP.k(b,"input");b.removeEventListener("input",$APP.k(c,"input"));b.removeEventListener("change",$APP.k(c,"change"));a.__xFormFieldHandlers=null;return}}return null},iga=function(a,b){$APP.Ih(a,"disabled",$APP.D(b));return c2(a)},jga=function(a){$APP.T(a,"value");var b=$APP.k(a,"__xFormFieldRefs");$APP.n(b)&&($APP.k(b,"input").value=
|
|
9
|
+
"");b=$APP.k(a,"__xFormFieldInternals");$APP.n(b)&&b.setFormValue("");return c2(a)},kga=function(a){if(!$APP.n($APP.k(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"),l=document.createElement("span"),m=document.createElement("span");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;}}";
|
|
10
|
+
$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(l,"part","hint");$APP.S(l,"id","hint");$APP.S(l,"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(l);d.appendChild(m);b.appendChild(c);b.appendChild(d);
|
|
11
|
+
a.__xFormFieldRefs={field:d,label:e,input:h,hint:l,error:m};$APP.n(a.attachInternals)&&(b=a.attachInternals(),a.__xFormFieldInternals=b)}d2(a);b=$APP.k(a,"__xFormFieldRefs");$APP.n(b)&&(b=$APP.k(b,"input"),c=a.getAttribute("value"),$APP.n(c)&&(b.value=c));b=$APP.k(a,"__xFormFieldInternals");$APP.n(b)&&(c=b.setFormValue,d=a.getAttribute("value"),c.call(b,$APP.n(d)?d:""));b=$APP.k(a,"__xFormFieldRefs");$APP.n(b)&&(b=$APP.k(b,"input"),c=gga(a),d=hga(a),b.addEventListener("input",c),b.addEventListener("change",
|
|
12
|
+
d),a.__xFormFieldHandlers={input:c,change:d});return c2(a)},lga=function(a){return d2(a)},mga=function(a,b,c,d){$APP.A.j(b,"value")&&(b=$APP.k(a,"__xFormFieldRefs"),$APP.n(b)&&(b=$APP.k(b,"input"),$APP.I(b.value,d)&&(b.value=$APP.n(d)?d:"")));return c2(a)},nga=function(a){Object.defineProperty(a,"value",{configurable:!0,enumerable:!0,get:function(){var b=$APP.k(this,"__xFormFieldRefs");if($APP.n(b))return $APP.k(b,"input").value;b=this.getAttribute("value");return $APP.n(b)?b:""},set:function(b){b=
|
|
13
|
+
b!=null&&$APP.I(b)?""+$APP.V.i(b):"";$APP.S(this,"value",b);var c=$APP.k(this,"__xFormFieldRefs");return $APP.n(c)?$APP.k(c,"input").value=b:null}})},oga=function(a){nga(a);$APP.Th(a,"label","label","");$APP.Th(a,"type","type","");$APP.Th(a,"name","name","");$APP.Th(a,"placeholder","placeholder","");$APP.Th(a,"autocomplete","autocomplete","");$APP.Sh(a,"disabled","disabled");$APP.Sh(a,"readOnly","readonly");return $APP.Sh(a,"required","required")},e2=function(){return $APP.Ah("x-form-field",new $APP.O(null,
|
|
14
|
+
8,[$APP.qh,pga,$APP.oh,kga,$APP.lh,lga,$APP.kh,mga,$APP.mh,!0,$APP.jh,iga,$APP.ih,jga,$APP.ph,oga],null))};var pga="label type name value placeholder hint error disabled readonly required autocomplete".split(" "),fga=new $APP.pg(null,new $APP.O(null,6,["url",null,"tel",null,"email",null,"text",null,"number",null,"password",null],null),null);
|
|
15
|
+
$APP.Wf([$APP.Ai,$APP.ck,$APP.zi,$APP.Eh,$APP.Wh,$APP.Q,$APP.Z,$APP.Di,$APP.Ho],[new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"placeholder"],null),new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"disabled"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"name"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"value"],null),new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"readonly"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"type"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"label"],null),new $APP.O(null,2,[$APP.Q,
|
|
16
|
+
$APP.X,$APP.W,"autocomplete"],null),new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"required"],null)]);$APP.ce(["x-form-field-input",new $APP.O(null,2,[$APP.Aq,!1,$APP.U,new $APP.O(null,2,[$APP.zi,$APP.X,$APP.Eh,$APP.X],null)],null),"x-form-field-change",new $APP.O(null,2,[$APP.Aq,!1,$APP.U,new $APP.O(null,2,[$APP.zi,$APP.X,$APP.Eh,$APP.X],null)],null)]);$APP.ha("baredom.exports.x_form_field.init",e2);export const init=e2;
|
package/dist/x-form.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
"true")
|
|
4
|
-
|
|
5
|
-
{values:f})):f=null}return f},d=function(){for(var f=a.querySelectorAll("[name]"),h=f.length,l=0;;)if(l<h){var m=f[l];$APP.n(m.formResetCallback)&&m.formResetCallback();l+=1}else break;return $APP.
|
|
6
|
-
b.addEventListener("submit",c);b.addEventListener("reset",d);a.addEventListener("click",e);$APP.
|
|
7
|
-
a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("form"),e=document.createElement("slot");c.textContent=":host{display:block;}[part\x3droot]{display:flex;flex-direction:column;gap:var(--x-form-gap,1rem);width:var(--x-form-width,100%);}:host([loading]){pointer-events:none;opacity:0.6;}"
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
$APP.
|
|
2
|
+
var e0=function(a){a=new $APP.O(null,3,[$APP.Mq,a.getAttribute("loading"),c0,$APP.n(a.hasAttribute("novalidate"))?"":null,$APP.xi,a.getAttribute("autocomplete")],null);var b=$APP.G(a),c=$APP.C(b,$APP.Mq);a=$APP.C(b,c0);b=$APP.C(b,$APP.xi);c=c!=null&&$APP.I(c,"false");b=$APP.$c(Fea,b)?b:"on";return new $APP.O(null,3,[$APP.Lm,c,d0,a!=null,$APP.Di,b],null)},f0=function(a){var b=$APP.k(a,"__xFormRefs");if($APP.n(b)){b=$APP.k(b,"form");a=e0(a);$APP.S(b,"autocomplete",$APP.Di.i(a));if($APP.n($APP.Lm.i(a)))return $APP.S(b,
|
|
3
|
+
"aria-busy","true"),$APP.S(b,"data-loading","");$APP.T(b,"aria-busy");return $APP.T(b,"data-loading")}return null},Gea=function(a){a=a.querySelectorAll("[name]:not([disabled])");for(var b={},c=a.length,d=0;;)if(d<c){var e=a[d],f=e.name;if($APP.n(function(){var m=f;return $APP.n(m)?$APP.I(f,""):m}())){var h=e.tagName.toLowerCase(),l=e.getAttribute("type");$APP.A.j(l,"checkbox")||$APP.A.j(l,"radio")||$APP.A.j(h,"x-checkbox")?$APP.n(e.checked)&&(b[f]=function(){var m=e.value;return $APP.n(m)?m:"on"}()):
|
|
4
|
+
b[f]=function(){var m=e.value;return $APP.n(m)?m:""}()}d+=1}else break;return b},Hea=function(a){var b=$APP.k(a,"__xFormRefs");if($APP.n(b)){b=$APP.k(b,"form");var c=function(f){f.preventDefault();f=e0(a);if($APP.n($APP.Lm.i(f)))f=null;else{f=d0.i(f);if(!$APP.n(f)){f=a.querySelectorAll("[name]:not([disabled])");for(var h={ok:!0},l=f.length,m=0;;)if(m<l){var q=f[m];$APP.n(q.reportValidity)&&($APP.n(q.reportValidity())||(h.ok=!1));m+=1}else break;f=h.ok}$APP.n(f)?(f=Gea(a),f=$APP.Ph(a,"x-form-submit",
|
|
5
|
+
{values:f})):f=null}return f},d=function(){for(var f=a.querySelectorAll("[name]"),h=f.length,l=0;;)if(l<h){var m=f[l];$APP.n(m.formResetCallback)&&m.formResetCallback();l+=1}else break;return $APP.Nh(a,"x-form-reset",{})},e=function(f){a:{f=f.target.closest("button,input[type\x3dsubmit],input[type\x3dreset]");if($APP.n(f)){f=f.type;var h=$APP.k(a,"__xFormRefs");if($APP.n(h)){h=$APP.k(h,"form");f=$APP.A.j(f,"submit")||$APP.A.j(f,"")?h.requestSubmit():$APP.A.j(f,"reset")?h.reset():null;break a}}f=null}return f};
|
|
6
|
+
b.addEventListener("submit",c);b.addEventListener("reset",d);a.addEventListener("click",e);$APP.ja(a,"__xFormHandlers",{submit:c,reset:d,click:e})}},g0=function(a){var b=$APP.k(a,"__xFormRefs");if($APP.n(b)){var c=$APP.k(a,"__xFormHandlers");if($APP.n(c)){b=$APP.k(b,"form");b.removeEventListener("submit",$APP.k(c,"submit"));b.removeEventListener("reset",$APP.k(c,"reset"));a.removeEventListener("click",$APP.k(c,"click"));a.__xFormHandlers=null;return}}return null},Iea=function(a){if(!$APP.n(a.shadowRoot)){var b=
|
|
7
|
+
a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("form"),e=document.createElement("slot");c.textContent=":host{display:block;}[part\x3droot]{display:flex;flex-direction:column;gap:var(--x-form-gap,1rem);width:var(--x-form-width,100%);}:host([loading]){pointer-events:none;opacity:0.6;}";$APP.S(d,"part","root");$APP.S(d,"novalidate","");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xFormRefs={form:d}}g0(a);Hea(a);return f0(a)},Jea=function(a){return g0(a)},
|
|
8
|
+
Kea=function(a){return f0(a)},Mea=function(a){$APP.Zh(a,Lea);a.submit=function(){var b=$APP.k(this,"__xFormRefs");return $APP.n(b)?$APP.k(b,"form").requestSubmit():null};a.reset=function(){var b=$APP.k(this,"__xFormRefs");return $APP.n(b)?$APP.k(b,"form").reset():null};a.setFieldError=function(b,c){b=this.querySelector('[name\x3d"'+$APP.V.i(b)+'"]');return $APP.n(b)?c==null||$APP.A.j(c,"")||$APP.A.j(c,void 0)?$APP.T(b,"error"):$APP.S(b,"error",c):null};return a.clearErrors=function(){for(var b=this.querySelectorAll("[error]"),
|
|
9
|
+
c=b.length,d=0;;)if(d<c)$APP.T(b[d],"error"),d+=1;else return null}},h0=function(){return $APP.Ah("x-form",new $APP.O(null,5,[$APP.qh,Nea,$APP.oh,Iea,$APP.lh,Jea,$APP.kh,Kea,$APP.ph,Mea],null))},c0=new $APP.F(null,"novalidate-raw","novalidate-raw",1783236714),d0=new $APP.F(null,"novalidate?","novalidate?",491529885);var Nea=["loading","novalidate","autocomplete"],Fea=new $APP.pg(null,new $APP.O(null,2,["off",null,"on",null],null),null),Lea=new $APP.O(null,3,[$APP.dk,new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"loading"],null),new $APP.F(null,"novalidate","novalidate",-572717086),new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"novalidate"],null),$APP.Di,new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"autocomplete"],null)],null);
|
|
10
|
+
$APP.ce(["x-form-submit",new $APP.O(null,2,[$APP.Aq,!0,$APP.U,new $APP.O(null,1,[new $APP.F(null,"values","values",372645556),$APP.Ap],null)],null),"x-form-reset",new $APP.O(null,2,[$APP.Aq,!1,$APP.U,$APP.de],null)]);$APP.ha("baredom.exports.x_form.init",h0);export const init=h0;
|
package/dist/x-gaussian-blur.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
2
|
+
var gha=function(a,b,c){var d=$APP.y(a);return $APP.sf.m($APP.ye,$APP.pe.i(function(e){var f=e*2.39996323,h=50+30*Math.cos(f);f=50+30*Math.sin(f);var l=10*Math.sin(e*2.39996323),m=10*Math.cos(e*Math.PI),q=Math.sin(e*1.618);q=.7+q*q*.6;var r=.8+.4*Math.sin(e*1.3),v=-(e/$APP.Gl.j(b,1));return new $APP.O(null,7,[$APP.Un,$APP.tc(a,$APP.qd(e,d)),$APP.aq,h+l,$APP.$p,f+m,$APP.ok,c*q,r3,$APP.qd(e,4),s3,r,t3,v],null)}),$APP.Eg(0,b))},hha=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
|
-
d.setAttribute("part","backdrop");d.setAttribute("aria-hidden","true");e.setAttribute("part","content");e.appendChild(f);b.appendChild(c);b.appendChild(d);b.appendChild(e);a.__xGaussianBlurBackdrop=d;a.__xGaussianBlurSlot=f;a.__xGaussianBlurBlobs=[];a.__xGaussianBlurInit=!0},
|
|
5
|
-
$APP.
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
$APP.
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
new $APP.
|
|
13
|
-
"size",$APP.
|
|
14
|
-
null],null),null),
|
|
4
|
+
d.setAttribute("part","backdrop");d.setAttribute("aria-hidden","true");e.setAttribute("part","content");e.appendChild(f);b.appendChild(c);b.appendChild(d);b.appendChild(e);a.__xGaussianBlurBackdrop=d;a.__xGaussianBlurSlot=f;a.__xGaussianBlurBlobs=[];a.__xGaussianBlurInit=!0},u3=function(a,b){if($APP.n($APP.n(b)?b.assignedNodes().length>0:null))return $APP.T(a,"role"),$APP.T(a,"aria-hidden");$APP.S(a,"role","presentation");return $APP.S(a,"aria-hidden","true")},y3=function(a){var b=$APP.Wf([$APP.ap,
|
|
5
|
+
$APP.ml,$APP.Mn,$APP.Iq,$APP.ok,$APP.xm,$APP.ym,$APP.jm,v3],[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);b=$APP.C(c,v3);var d=$APP.C(c,$APP.ap),e=$APP.C(c,$APP.ml),f=$APP.C(c,$APP.Mn);var h=$APP.C(c,$APP.Iq);var l=$APP.C(c,$APP.ok),m=$APP.C(c,$APP.xm),q=$APP.C(c,$APP.ym);c=$APP.C(c,$APP.jm);h=w3(h);typeof c===
|
|
6
|
+
"string"&&$APP.I("",c.trim())?(c=parseInt(c.trim(),10),c=$APP.n(isFinite(c))?$APP.Hl.j(12,$APP.Gl.j(1,c)):5):c=5;if(typeof l==="string"&&$APP.I("",l.trim())){l=l.trim();var r=$APP.C(iha,l);$APP.n(r)?l=r:(l=parseFloat(l),r=isFinite(l),l=$APP.n($APP.n(r)?l>0:r)?$APP.Hl.j(100,$APP.Gl.j(10,l)):50)}else l=50;typeof f==="string"&&$APP.I("",f.trim())?(f=f.trim(),r=$APP.C(jha,f),$APP.n(r)?f=r:(f=parseFloat(f),r=isFinite(f),f=$APP.n($APP.n(r)?f>0:r)?f:10)):f=10;e=typeof e==="string"&&$APP.$c(kha,e)?e:"float";
|
|
7
|
+
d=d!=null;typeof m==="string"&&$APP.I("",m.trim())?(m=parseFloat(m.trim()),r=isFinite(m),m=$APP.n($APP.n(r)?m>0:r)?m:60):m=60;r=gha(h,c,l);typeof q==="string"&&$APP.I("",q.trim())?(q=parseFloat(q.trim()),q=$APP.n(isFinite(q))?$APP.Hl.j(1,$APP.Gl.j(0,q)):.7):q=.7;b=typeof b==="string"&&$APP.$c(lha,b)?b:"normal";h=$APP.Wf([$APP.ap,$APP.ml,$APP.Iq,x3,$APP.xm,$APP.ar,$APP.ym,$APP.jm,v3,mha],[d,e,h,f,m,r,q,c,b,l]);b=$APP.G(h);q=$APP.C(b,$APP.xm);c=$APP.C(b,$APP.ym);m=$APP.C(b,v3);l=$APP.C(b,$APP.ml);d=
|
|
8
|
+
$APP.C(b,$APP.ap);e=$APP.k(a,"__xGaussianBlurBackdrop");b=$APP.k(a,"__xGaussianBlurSlot");e.style.setProperty("filter","blur("+$APP.V.i(q)+"px)");e.style.setProperty("opacity",""+$APP.V.i(c));e.style.setProperty("mix-blend-mode",m);$APP.n(d)?$APP.S(a,"data-paused",""):$APP.T(a,"data-paused");$APP.S(a,"data-animation",l);a:{m=$APP.G(h);h=$APP.C(m,$APP.ar);q=$APP.C(m,$APP.ml);c=$APP.C(m,x3);$APP.C(m,$APP.xm);d=$APP.k(a,"__xGaussianBlurBackdrop");m=$APP.k(a,"__xGaussianBlurBlobs");e=m.length;l=$APP.y(h);
|
|
9
|
+
for(f=e;;)if(f<l)r=document.createElement("div"),r.className="blob",d.appendChild(r),m.push(r),f+=1;else break;for(;;)if(e>l)f=m.pop(),d.removeChild(f),--e;else break;for(d=0;;)if(d<l){var v=m[d];r=$APP.tc(h,d);f=q;e=c;var x=$APP.G(r),z=$APP.C(x,$APP.Un),B=$APP.C(x,$APP.aq),E=$APP.C(x,$APP.$p),H=$APP.C(x,$APP.ok),K=$APP.C(x,r3);r=$APP.C(x,s3);x=$APP.C(x,t3);v=v.style;H=""+$APP.V.i(H)+"%";v.setProperty("left",""+$APP.V.i(B)+"%");v.setProperty("top",""+$APP.V.i(E)+"%");v.setProperty("width",H);v.setProperty("height",
|
|
10
|
+
H);v.setProperty("background","radial-gradient(circle,"+$APP.V.i(z)+" 0%,transparent 70%)");v.setProperty("transform","translate(-50%,-50%)");b:switch(z=K,f){case "float":f="x-gb-float-"+$APP.V.i(z);break b;case "pulse":f="x-gb-pulse-"+$APP.V.i(z);break b;default:f=null}$APP.n(f)?(r*=e,e*=x,v.setProperty("animation",""+$APP.V.i(f)+" "+$APP.V.i(r)+"s ease-in-out "+$APP.V.i(e)+"s infinite")):v.removeProperty("animation");d+=1}else break a}u3(a,b)},nha=function(a){function b(){return u3(a,c)}$APP.n($APP.k(a,
|
|
11
|
+
"__xGaussianBlurInit"))||hha(a);var c=$APP.k(a,"__xGaussianBlurSlot");a.__xGaussianBlurSlotHandler=b;c.addEventListener("slotchange",b);y3(a);return null},oha=function(a){var b=$APP.k(a,"__xGaussianBlurSlot");a=$APP.k(a,"__xGaussianBlurSlotHandler");$APP.n($APP.n(b)?a:b)&&b.removeEventListener("slotchange",a);return null},pha=function(a,b,c,d){$APP.I(c,d)&&$APP.n($APP.k(a,"__xGaussianBlurInit"))&&y3(a);return null},rha=function(a){return $APP.Zh(a,qha)},z3=function(){return $APP.Ah("x-gaussian-blur",
|
|
12
|
+
new $APP.O(null,5,[$APP.qh,sha,$APP.oh,nha,$APP.lh,oha,$APP.kh,pha,$APP.ph,rha],null))},x3=new $APP.F(null,"speed-s","speed-s",-1018350546),v3=new $APP.F(null,"blend","blend",249565561),mha=new $APP.F(null,"size-pct","size-pct",-741809955),r3=new $APP.F(null,"anim-index","anim-index",-1563021855),t3=new $APP.F(null,"delay-factor","delay-factor",-751650178),s3=new $APP.F(null,"duration-factor","duration-factor",-409465019);var sha="colors blur speed count size opacity animation blend paused".split(" "),qha=$APP.Wf([$APP.ap,$APP.ml,$APP.Mn,$APP.Iq,$APP.ok,$APP.xm,$APP.ym,$APP.jm,v3],[new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"paused"],null),new $APP.O(null,3,[$APP.Q,$APP.X,$APP.W,"animation",$APP.Yh,"float"],null),new $APP.O(null,3,[$APP.Q,$APP.X,$APP.W,"speed",$APP.Yh,"medium"],null),new $APP.O(null,3,[$APP.Q,$APP.X,$APP.W,"colors",$APP.Yh,"#6366f1, #ec4899, #14b8a6, #f59e0b"],null),new $APP.O(null,3,[$APP.Q,$APP.X,
|
|
13
|
+
$APP.W,"size",$APP.Yh,"medium"],null),new $APP.O(null,3,[$APP.Q,$APP.X,$APP.W,"blur",$APP.Yh,"60"],null),new $APP.O(null,3,[$APP.Q,$APP.X,$APP.W,"opacity",$APP.Yh,"0.7"],null),new $APP.O(null,3,[$APP.Q,$APP.X,$APP.W,"count",$APP.Yh,"5"],null),new $APP.O(null,3,[$APP.Q,$APP.X,$APP.W,"blend",$APP.Yh,"normal"],null)]),kha=new $APP.pg(null,new $APP.O(null,3,["float",null,"none",null,"pulse",null],null),null),lha=new $APP.pg(null,new $APP.O(null,5,["soft-light",null,"multiply",null,"screen",null,"normal",
|
|
14
|
+
null,"overlay",null],null),null),jha=new $APP.O(null,3,["slow",18,"medium",10,"fast",5],null),iha=new $APP.O(null,3,["small",30,"medium",50,"large",70],null),w3=function w3(a){return typeof a==="string"&&$APP.I("",a.trim())?(a=a.trim().split(/,/),$APP.sf.m($APP.ye,$APP.Il.j($APP.pe.i(function(c){return c.trim()}),$APP.ve(function(c){return $APP.I("",c)})),a)):w3.i?w3.i("#6366f1, #ec4899, #14b8a6, #f59e0b"):w3.call(null,"#6366f1, #ec4899, #14b8a6, #f59e0b")};$APP.ha("baredom.exports.x_gaussian_blur.init",z3);export const init=z3;
|
package/dist/x-grid.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
$APP.
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
d.setAttribute("part","base");d.className="base";d.appendChild(e);b.appendChild(c);b.appendChild(d);
|
|
7
|
-
|
|
2
|
+
var RZ=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"}},SZ=function(a,b,c){return $APP.$c(b,a)?a:c},zda=function(a){switch(a){case "row-dense":return"row dense";case "column-dense":return"column dense";default:return a}},Ada=function(a){return $APP.n($APP.n(a)?$APP.I("",a):a)?a:null},Bda=function(a){return $APP.n($APP.n(a)?$APP.I("",a):a)?a:"16rem"},Fda=function(a){var b=
|
|
3
|
+
$APP.G(a);a=$APP.C(b,TZ);var c=$APP.C(b,UZ),d=$APP.C(b,$APP.Eq),e=$APP.C(b,VZ),f=$APP.C(b,WZ),h=$APP.C(b,$APP.Wo),l=$APP.C(b,XZ),m=$APP.C(b,$APP.Bn);b=$APP.C(b,$APP.bo);h=Ada(h);l=Bda(l);var q=SZ(b,YZ,"md");b=function(){var v=$APP.$c(YZ,d)?d:null;return $APP.n(v)?v:q}();var r=function(){var v=$APP.$c(YZ,m)?m:null;return $APP.n(v)?v:q}();f=SZ(f,ZZ,"stretch");c=SZ(c,ZZ,"stretch");e=zda(SZ(e,Cda,"row"));h=$APP.n(h)?h:"repeat(auto-fit,minmax("+$APP.V.i(l)+",1fr))";return $APP.Wf([VZ,WZ,$APP.Wo,$APP.Bn,
|
|
4
|
+
$APP.bo,Dda,TZ,Eda,$APP.Eq,UZ],[e,f,h,RZ(r),q,b,$APP.D(a),r,RZ(b),c])},$Z=function(a){var b=$APP.Wf([VZ,WZ,$APP.Wo,XZ,$APP.Bn,$APP.bo,TZ,$APP.Eq,UZ],[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")]);b=Fda(b);a=$APP.k(a,"__xGridBase");if($APP.n(a)){var c=a.style;a.setAttribute("data-gap",$APP.bo.i(b));
|
|
5
|
+
c.setProperty("--x-grid-columns",$APP.Wo.i(b));c.setProperty("--x-grid-row-gap",$APP.Eq.i(b));c.setProperty("--x-grid-column-gap",$APP.Bn.i(b));c.setProperty("--x-grid-align-items",WZ.i(b));c.setProperty("--x-grid-justify-items",UZ.i(b));b=c.setProperty("--x-grid-auto-flow",VZ.i(b))}else b=null;return b},a_=function(a){if(!$APP.Fh(a,"__xGridInitialized")){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("slot");c.textContent=
|
|
6
|
+
"\n :host {\n display:block;\n }\n\n :host([inline]) {\n display:inline-block;\n }\n\n .base {\n display:grid;\n box-sizing:border-box;\n grid-template-columns:var(--x-grid-columns);\n row-gap:var(--x-grid-row-gap);\n column-gap:var(--x-grid-column-gap);\n align-items:var(--x-grid-align-items);\n justify-items:var(--x-grid-justify-items);\n grid-auto-flow:var(--x-grid-auto-flow);\n }\n ";d.setAttribute("part","base");d.className="base";d.appendChild(e);b.appendChild(c);b.appendChild(d);
|
|
7
|
+
$APP.R(a,"__xGridRoot",b);$APP.R(a,"__xGridBase",d);$APP.R(a,"__xGridInitialized",!0)}$Z(a);return a},Gda=function(a){return a_(a)},Hda=function(a){return $APP.Fh(a,"__xGridInitialized")?$Z(a):a_(a)},b_=function(){return $APP.Ah("x-grid",new $APP.O(null,3,[$APP.qh,Ida,$APP.oh,Gda,$APP.kh,Hda],null))},XZ=new $APP.F(null,"min-column-size","min-column-size",-1066019378),TZ=new $APP.F(null,"inline","inline",1399884222),Eda=new $APP.F(null,"column-gap-token","column-gap-token",-10192833),WZ=new $APP.F(null,
|
|
8
|
+
"align-items","align-items",-267946462),Dda=new $APP.F(null,"row-gap-token","row-gap-token",-219143816),VZ=new $APP.F(null,"auto-flow","auto-flow",-1524521728),UZ=new $APP.F(null,"justify-items","justify-items",1638310783);var Ida="columns min-column-size gap row-gap column-gap align-items justify-items auto-flow inline".split(" "),YZ=new $APP.pg(null,new $APP.O(null,6,["none",null,"xs",null,"md",null,"lg",null,"xl",null,"sm",null],null),null),ZZ=new $APP.pg(null,new $APP.O(null,4,["center",null,"start",null,"stretch",null,"end",null],null),null),Cda=new $APP.pg(null,new $APP.O(null,5,["column-dense",null,"row-dense",null,"dense",null,"column",null,"row",null],null),null);$APP.ha("baredom.exports.x_grid.init",b_);export const init=b_;
|