@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-date-picker.js
CHANGED
|
@@ -1,46 +1,46 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var e1=function(a){return typeof a==="string"?(a=a.trim(),$APP.I(a,"")?a:null):null},h1=function(a,b){var c=$APP.G(b);b=$APP.C(c,f1);c=$APP.C(c,$APP.
|
|
3
|
-
$APP.
|
|
4
|
-
e,function(){var E=e1(k);return $APP.n(E)?E:""}()]);var y=$APP.
|
|
5
|
-
a.getAttribute("locale"),$APP.
|
|
6
|
-
$APP.
|
|
7
|
-
$APP.
|
|
8
|
-
$APP.
|
|
9
|
-
d=$APP.l(b,"grid"),e=$APP.l(b,"weekdays"),f=$APP.l(a,"__xDatePickerState");b=$APP.n(f)?$APP.l(f,"canon"):null;var h=$APP.n(f)?$APP.l(f,"month"):null;f=$APP.n(f)?$APP.l(f,"cfg"):null;f=$APP.n(f)?$APP.
|
|
10
|
-
$APP.S(f,"part","weekday"),$APP.S(f,"aria-hidden","true"),f.textContent=c[h],e.appendChild(f),h+=1;else break;if($APP.n($APP.n(d)?b:d)){d.textContent="";e=$APP.l(a,"__xDatePickerState");e=$APP.
|
|
2
|
+
var e1=function(a){return typeof a==="string"?(a=a.trim(),$APP.I(a,"")?a:null):null},h1=function(a,b){var c=$APP.G(b);b=$APP.C(c,f1);c=$APP.C(c,$APP.Yv);return $APP.n(a)?$APP.z.j(b,g1)?(new Intl.DateTimeFormat($APP.n(c)?c:"default",{year:"numeric",month:"long",day:"numeric",timeZone:"UTC"})).format(a):$APP.dp(a):null},j1=function(a){a=e1(a);a=$APP.n(a)?$APP.ep(a):null;return new $APP.M(null,2,[i1,a!=null,$APP.mp,a],null)},gra=function(a){var b=$APP.G(a),c=$APP.C(b,$APP.gl),d=$APP.C(b,$APP.Lt),e=$APP.C(b,
|
|
3
|
+
$APP.ys);a=$APP.C(b,f1);var f=$APP.C(b,$APP.Yv),h=$APP.C(b,$APP.aw),k=$APP.C(b,$APP.Ui),m=$APP.C(b,$APP.Mm),r=$APP.C(b,$APP.fl),u=$APP.C(b,$APP.yt),x=$APP.C(b,$APP.nq);b=$APP.z.j(m,"range")?$APP.mr:$APP.br;a=$APP.z.j(a,"localized")?g1:$APP.or;f=e1(f);m=function(){var E=e1(d);return $APP.n(E)?E:" - "}();e=$APP.ep(e);u=$APP.ep(u);x=$APP.D(x);h=$APP.D(h);if($APP.z.j(b,$APP.br))return b=$APP.ep(k),$APP.wg([f1,$APP.Pu,$APP.Yv,k1,$APP.Mm,l1,$APP.nq,$APP.Ut,$APP.Lt,m1,n1],[a,b,f,h,$APP.br,u,x,b!=null,m,
|
|
4
|
+
e,function(){var E=e1(k);return $APP.n(E)?E:""}()]);var y=$APP.ep(r),B=$APP.ep(c);b=y!=null&&B!=null;return $APP.wg([o1,f1,$APP.Pp,$APP.Yv,k1,$APP.Mm,l1,p1,q1,$APP.nq,$APP.Ut,$APP.Lt,m1],[function(){var E=e1(c);return $APP.n(E)?E:""}(),a,y,f,h,$APP.mr,u,function(){var E=e1(r);return $APP.n(E)?E:""}(),B,x,b,m,e])},r1=function(a){var b=a.getAttribute("mode");b=gra($APP.wg([$APP.ys,f1,$APP.Yv,$APP.aw,$APP.Ui,$APP.Mm,$APP.fl,$APP.yt,$APP.nq,$APP.gl,$APP.Lt],[a.getAttribute("min"),a.getAttribute("format"),
|
|
5
|
+
a.getAttribute("locale"),$APP.Ci(a.getAttribute("range-allow-same-day")),a.getAttribute("value"),b,a.getAttribute("start"),a.getAttribute("max"),$APP.Ci(a.getAttribute("auto-swap")),a.getAttribute("end"),a.getAttribute("separator")]));var c=new $APP.M(null,2,[f1,f1.i(b),$APP.Yv,$APP.Yv.i(b)],null);var d=$APP.G(c);var e=$APP.C(d,f1);d=$APP.C(d,$APP.Yv);e=new $APP.M(null,2,[f1,e,$APP.Yv,d],null);if($APP.z.j($APP.Mm.i(b),$APP.br))e=$APP.n($APP.Pu.i(b))?h1($APP.Pu.i(b),e):"";else{d=$APP.Lt.i(b);var f=
|
|
6
|
+
$APP.Pp.i(b);f=$APP.n(f)?q1.i(b):f;e=$APP.n(f)?""+$APP.P.i(h1($APP.Pp.i(b),e))+$APP.P.i(d)+$APP.P.i(h1(q1.i(b),e)):$APP.n($APP.Pp.i(b))?h1($APP.Pp.i(b),e):""}d=$APP.l(a,"__xDatePickerState");d=$APP.n(d)?$APP.l(d,"month"):null;f=$APP.Pu.i(b);$APP.n(f)||(f=$APP.Pp.i(b),f=$APP.n(f)?f:new Date(Date.now()));d=$APP.n(d)?d:$APP.hp(f);$APP.Q(a,"__xDatePickerState",{canon:b,cfg:c,disp:e,month:d})},s1=function(a,b){var c=m1.i(b);c=$APP.n(c)?$APP.fp(a,m1.i(b))<0:c;if($APP.n(c))return c;c=l1.i(b);return $APP.n(c)?
|
|
7
|
+
$APP.fp(a,l1.i(b))>0:c},u1=function(a,b){if($APP.z.j($APP.Mm.i(b),$APP.br))return new $APP.M(null,3,[$APP.pr,function(){var k=$APP.Pu.i(b);return $APP.n(k)?$APP.z.j(0,$APP.fp(a,$APP.Pu.i(b))):k}(),$APP.av,!1,t1,!1],null);var c=$APP.Pp.i(b),d=q1.i(b),e=function(){var k=$APP.n(c)?$APP.z.j(0,$APP.fp(a,c)):c;return $APP.n(k)?k:$APP.n(d)?$APP.z.j(0,$APP.fp(a,d)):d}(),f=$APP.n(c)?$APP.n(d)?$APP.lp(a,c,d):d:c,h=function(){var k=$APP.n(c)?$APP.z.j(0,$APP.fp(a,c)):c;return $APP.n(k)?k:$APP.n(d)?$APP.z.j(0,
|
|
8
|
+
$APP.fp(a,d)):d}();return new $APP.M(null,3,[$APP.pr,e,$APP.av,f,t1,h],null)},v1=function(a,b){$APP.Q(a,"__xDatePickerGridFocus",b);a=$APP.l(a,"__xDatePickerRefs");a=$APP.n(a)?$APP.l(a,"grid"):null;if($APP.n(a)){var c=a.querySelector('[tabindex\x3d"0"]');$APP.n(c)&&$APP.S(c,"tabindex","-1");b=a.querySelector('[data-iso\x3d"'+$APP.P.i(b)+'"]');if($APP.n(b))return $APP.S(b,"tabindex","0"),b.focus()}return null},w1=function(a){var b=$APP.l(a,"__xDatePickerRefs");if($APP.n(b)){var c=$APP.l(b,"month-label"),
|
|
9
|
+
d=$APP.l(b,"grid"),e=$APP.l(b,"weekdays"),f=$APP.l(a,"__xDatePickerState");b=$APP.n(f)?$APP.l(f,"canon"):null;var h=$APP.n(f)?$APP.l(f,"month"):null;f=$APP.n(f)?$APP.l(f,"cfg"):null;f=$APP.n(f)?$APP.Yv.i(f):null;$APP.n(c)&&(h=(new Intl.DateTimeFormat($APP.n(f)?f:"default",{year:"numeric",month:"long",timeZone:"UTC"})).format(h),c.textContent=h);if(!$APP.n($APP.l(a,"__xDatePickerWeekdaysDone")))for($APP.Q(a,"__xDatePickerWeekdaysDone",!0),c="Su Mo Tu We Th Fr Sa".split(" "),h=0;;)if(h<7)f=document.createElement("div"),
|
|
10
|
+
$APP.S(f,"part","weekday"),$APP.S(f,"aria-hidden","true"),f.textContent=c[h],e.appendChild(f),h+=1;else break;if($APP.n($APP.n(d)?b:d)){d.textContent="";e=$APP.l(a,"__xDatePickerState");e=$APP.op($APP.n(e)?$APP.l(e,"month"):null,0);c=$APP.q(e);h=null;for(var k=f=0;;)if(k<f){e=h.C(null,k);e=$APP.G(e);var m=$APP.C(e,$APP.mp);e=$APP.C(e,$APP.np);var r=document.createElement("button"),u=$APP.dp(m),x=m.getUTCDate(),y=s1(m,b);m=u1(m,b);var B=$APP.G(m);m=$APP.C(B,$APP.pr);var E=$APP.C(B,$APP.av);B=$APP.C(B,
|
|
11
11
|
t1);$APP.S(r,"part","day");$APP.S(r,"type","button");$APP.S(r,"role","gridcell");$APP.S(r,"data-iso",u);$APP.S(r,"data-outside",$APP.n(e)?"false":"true");$APP.S(r,"data-disabled",$APP.n(y)?"true":"false");$APP.S(r,"data-selected",$APP.n(m)?"true":"false");$APP.S(r,"data-in-range",$APP.n(E)?"true":"false");$APP.S(r,"data-range-edge",$APP.n(B)?"true":"false");$APP.S(r,"aria-selected",$APP.n(m)?"true":"false");$APP.S(r,"aria-disabled",$APP.n(y)?"true":"false");$APP.S(r,"tabindex","-1");r.textContent=
|
|
12
|
-
""+$APP.P.i(x);d.appendChild(r);k+=1}else if(e=$APP.q(c))c=e,$APP
|
|
12
|
+
""+$APP.P.i(x);d.appendChild(r);k+=1}else if(e=$APP.q(c))c=e,$APP.$c(c)?(h=$APP.Fb(c),c=$APP.Gb(c),e=h,f=$APP.w(h),h=e):(e=$APP.t(c),e=$APP.G(e),m=$APP.C(e,$APP.mp),e=$APP.C(e,$APP.np),h=document.createElement("button"),f=$APP.dp(m),k=m.getUTCDate(),r=s1(m,b),m=u1(m,b),x=$APP.G(m),m=$APP.C(x,$APP.pr),u=$APP.C(x,$APP.av),x=$APP.C(x,t1),$APP.S(h,"part","day"),$APP.S(h,"type","button"),$APP.S(h,"role","gridcell"),$APP.S(h,"data-iso",f),$APP.S(h,"data-outside",$APP.n(e)?"false":"true"),$APP.S(h,"data-disabled",
|
|
13
13
|
$APP.n(r)?"true":"false"),$APP.S(h,"data-selected",$APP.n(m)?"true":"false"),$APP.S(h,"data-in-range",$APP.n(u)?"true":"false"),$APP.S(h,"data-range-edge",$APP.n(x)?"true":"false"),$APP.S(h,"aria-selected",$APP.n(m)?"true":"false"),$APP.S(h,"aria-disabled",$APP.n(r)?"true":"false"),$APP.S(h,"tabindex","-1"),h.textContent=""+$APP.P.i(k),d.appendChild(h),c=$APP.v(c),h=null,f=0),k=0;else break;d=$APP.l(a,"__xDatePickerGridFocus");a=$APP.l(a,"__xDatePickerRefs");a=$APP.n(a)?$APP.l(a,"grid"):null;$APP.n($APP.n(a)?
|
|
14
14
|
d:a)?(a=a.querySelector('[data-iso\x3d"'+$APP.P.i(d)+'"]'),a=$APP.n(a)?$APP.S(a,"tabindex","0"):null):a=null;return a}}return null},x1=function(a){var b=$APP.l(a,"__xDatePickerRefs");b=$APP.n(b)?$APP.l(b,"input"):null;var c=$APP.l(a,"__xDatePickerState");c=$APP.n(c)?$APP.l(c,"disp"):null;a=$APP.l(a,"__xDatePickerFocused");return $APP.n($APP.n(b)?$APP.p(a):b)?b.value=$APP.n(c)?c:"":null},y1=function(a){var b=$APP.l(a,"__xDatePickerRefs");if($APP.n(b)){var c=$APP.l(b,"input");b=$APP.l(b,"btn");var d=
|
|
15
15
|
a.hasAttribute("disabled"),e=a.hasAttribute("readonly"),f=a.getAttribute("placeholder"),h=a.getAttribute("aria-label"),k=a.hasAttribute("open");$APP.n(b)&&($APP.n(d)?$APP.S(b,"disabled",""):$APP.U(b,"disabled"));$APP.n(c)&&($APP.S(c,"aria-expanded",$APP.n(k)?"true":"false"),$APP.n(d)?($APP.S(c,"disabled",""),$APP.S(c,"aria-disabled","true")):($APP.U(c,"disabled"),$APP.U(c,"aria-disabled")),$APP.n(e)&&$APP.S(c,"readonly",""),$APP.n(e)||$APP.U(c,"readonly"),$APP.n(f)&&$APP.S(c,"placeholder",f),$APP.n(h)&&
|
|
16
|
-
$APP.S(c,"aria-label",h));b=$APP.l(a,"__xDatePickerRefs");$APP.n(b)&&(b=$APP.l(b,"error"),d=a.getAttribute("error"),e=typeof d==="string"&&$APP.I(d,""),$APP.
|
|
17
|
-
"/"+$APP.P.i(o1.i(b)):"":b="";$APP.
|
|
18
|
-
$APP.
|
|
19
|
-
z1(new $APP.M(null,1,[$APP.
|
|
20
|
-
b)>0?h:b:b;$APP.S(a,"start",$APP.
|
|
21
|
-
null;e=$APP.n(q1.i(e))?$APP.
|
|
22
|
-
$APP.
|
|
23
|
-
1,[$APP.
|
|
24
|
-
d=$APP.
|
|
25
|
-
return null},E1=function(a,b){var c=$APP.l(a,"__xDatePickerState"),d=$APP.n(c)?$APP.l(c,"month"):null;if($APP.n(d)){var e=d.getUTCFullYear();d=d.getUTCMonth();b=$APP.z.j(b,$APP.
|
|
26
|
-
$APP.
|
|
27
|
-
1);case "Home":return $APP.
|
|
28
|
-
"Escape")?(b.preventDefault(),F1(a),d=$APP.l(a,"__xDatePickerRefs"),d=$APP.n(d)?$APP.l(d,"input"):null,$APP.n(d)?d.focus():null):null},
|
|
29
|
-
$APP.I("true",R.getAttribute("data-disabled")):R)?(R=R.getAttribute("data-iso"),R=$APP.
|
|
30
|
-
$APP.n(aa)?R=aa:(R=$APP.
|
|
31
|
-
$APP.l(R,"input"):null;var aa=$APP.l(a,"__xDatePickerState");aa=$APP.z.j($APP.
|
|
16
|
+
$APP.S(c,"aria-label",h));b=$APP.l(a,"__xDatePickerRefs");$APP.n(b)&&(b=$APP.l(b,"error"),d=a.getAttribute("error"),e=typeof d==="string"&&$APP.I(d,""),$APP.Ij(a,c,b,new $APP.M(null,2,[$APP.wj,d,$APP.vj,e],null),$APP.Hj(e,a.getAttribute("aria-describedby"))));c=$APP.l(a,"__xDatePickerRefs");c=$APP.n(c)?$APP.l(c,"input"):null;b=$APP.l(a,"__xDatePickerState");b=$APP.n(b)?$APP.l(b,"canon"):null;$APP.n(b)?$APP.z.j($APP.Mm.i(b),$APP.br)?(b=n1.i(b),b=$APP.n(b)?b:""):b=$APP.n($APP.Ut.i(b))?""+$APP.P.i(p1.i(b))+
|
|
17
|
+
"/"+$APP.P.i(o1.i(b)):"":b="";$APP.Dj($APP.l(a,"__xDatePickerInternals"),c,b,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(b,""),$APP.zj,"Please enter a date."],null));x1(a);return w1(a)}return null},z1=function(a,b,c){var d=$APP.G(a);a=$APP.C(d,$APP.Ui);var e=$APP.C(d,$APP.mp),f=$APP.C(d,$APP.fl);d=$APP.C(d,$APP.gl);return{value:a,date:e,start:f,end:d,mode:b,reason:c}},A1=function(a,b){$APP.n(b)?$APP.S(a,"value",
|
|
18
|
+
$APP.dp(b)):$APP.U(a,"value")},B1=function(a,b,c){if($APP.n(a.hasAttribute("readonly")))return null;var d=$APP.l(a,"__xDatePickerState"),e=$APP.n(d)?$APP.l(d,"canon"):null,f=$APP.n(e)?$APP.Mm.i(e):null;d=$APP.z.j(f,$APP.mr)?"range":"single";var h=z1($APP.z.j(f,$APP.br)?new $APP.M(null,1,[$APP.Ui,$APP.dp(b)],null):new $APP.M(null,1,[$APP.mp,$APP.dp(b)],null),d,c);if($APP.hj(a,"x-date-picker-change-request",h)){if($APP.z.j(f,$APP.br))return e=$APP.dp(b),A1(a,b),r1(a),y1(a),$APP.fj(a,"x-date-picker-change",
|
|
19
|
+
z1(new $APP.M(null,1,[$APP.Ui,e],null),d,c)),$APP.n(a.hasAttribute("close-on-select"))?($APP.U(a,"open"),y1(a)):null;f=function(){var x=$APP.l(a,"__xDatePickerRangeStep");return $APP.n(x)?x:0}();h=$APP.Pp.i(e);if($APP.z.j(f,0))$APP.S(a,"start",$APP.dp(b)),$APP.U(a,"end"),$APP.Q(a,"__xDatePickerRangeStep",1);else if($APP.z.j(f,1)){var k=k1.i(e),m=$APP.fp(b,h);if($APP.n(function(){var x=m>0;return x?x:$APP.n(k)?m===0:k}())){var r=$APP.n($APP.nq.i(e))?$APP.fp(h,b)<0?h:b:h,u=$APP.n($APP.nq.i(e))?$APP.fp(h,
|
|
20
|
+
b)>0?h:b:b;$APP.S(a,"start",$APP.dp(r));$APP.S(a,"end",$APP.dp(u));$APP.Q(a,"__xDatePickerRangeStep",0);$APP.n(function(){var x=a.hasAttribute("close-on-select");return $APP.n(x)?r!=null&&u!=null:x}())&&$APP.U(a,"open")}else $APP.S(a,"start",$APP.dp(b)),$APP.U(a,"end"),$APP.Q(a,"__xDatePickerRangeStep",1)}else $APP.S(a,"start",$APP.dp(b)),$APP.U(a,"end"),$APP.Q(a,"__xDatePickerRangeStep",1);r1(a);y1(a);b=$APP.l(a,"__xDatePickerState");e=$APP.n(b)?$APP.l(b,"canon"):null;b=$APP.n($APP.Pp.i(e))?$APP.dp($APP.Pp.i(e)):
|
|
21
|
+
null;e=$APP.n(q1.i(e))?$APP.dp(q1.i(e)):null;c=z1(new $APP.M(null,2,[$APP.fl,b,$APP.gl,e],null),d,c);return $APP.fj(a,"x-date-picker-change",c)}return null},D1=function(a,b){var c=$APP.l(a,"__xDatePickerRefs");c=$APP.n(c)?$APP.l(c,"input"):null;c=$APP.n(c)?c.value:null;var d=$APP.n(c)?c:"";c=$APP.l(a,"__xDatePickerState");var e=$APP.n(c)?$APP.l(c,"canon"):null,f=$APP.Mm.i(e);c=$APP.z.j(f,$APP.mr)?"range":"single";$APP.fj(a,"x-date-picker-input",{value:d,mode:c});var h;if(h=e1(d)==null)h=$APP.z.j($APP.Mm.i(e),
|
|
22
|
+
$APP.mr)?$APP.Pp.i(e)!=null||q1.i(e)!=null:$APP.Pu.i(e)!=null;if(h){if(b=z1($APP.z.j(c,"range")?new $APP.M(null,2,[$APP.fl,"",$APP.gl,""],null):new $APP.M(null,1,[$APP.Ui,""],null),c,b),$APP.hj(a,"x-date-picker-change-request",b))return $APP.Q(a,"__xDatePickerRangeStep",0),C1.i?C1.i(a):C1.call(null,a),$APP.fj(a,"x-date-picker-change",b)}else if($APP.z.j(f,$APP.br)){if(d=j1(d),e=$APP.G(d),d=$APP.C(e,i1),e=$APP.C(e,$APP.mp),$APP.n(d)&&(d=$APP.dp(e),$APP.hj(a,"x-date-picker-change-request",z1(new $APP.M(null,
|
|
23
|
+
1,[$APP.Ui,d],null),c,b))))return A1(a,e),r1(a),y1(a),$APP.fj(a,"x-date-picker-change",z1(new $APP.M(null,1,[$APP.Ui,d],null),c,b))}else if(e=new $APP.M(null,1,[$APP.Lt,$APP.Lt.i(e)],null),e=$APP.G(e),e=$APP.C(e,$APP.Lt),e=typeof e==="string"&&e.length>0?e:" - ",d=e1(d),d==null?d=new $APP.M(null,3,[i1,!1,$APP.fl,null,$APP.gl,null],null):(f=d.indexOf(e),f<0?(d=j1(d),e=$APP.G(d),d=$APP.C(e,i1),e=$APP.C(e,$APP.mp),d=new $APP.M(null,3,[i1,d,$APP.fl,e,$APP.gl,null],null)):(e=d.substring(f+e.length).trim(),
|
|
24
|
+
d=$APP.ep(d.substring(0,f).trim()),e=$APP.ep(e),d=new $APP.M(null,3,[i1,d!=null&&e!=null,$APP.fl,d,$APP.gl,e],null))),f=$APP.G(d),d=$APP.C(f,i1),e=$APP.C(f,$APP.fl),f=$APP.C(f,$APP.gl),$APP.n(d)&&(d=$APP.dp(e),e=$APP.dp(f),$APP.hj(a,"x-date-picker-change-request",z1(new $APP.M(null,2,[$APP.fl,d,$APP.gl,e],null),c,b))))return $APP.S(a,"start",d),$APP.S(a,"end",e),$APP.Q(a,"__xDatePickerRangeStep",0),r1(a),y1(a),$APP.fj(a,"x-date-picker-change",z1(new $APP.M(null,2,[$APP.fl,d,$APP.gl,e],null),c,b));
|
|
25
|
+
return null},E1=function(a,b){var c=$APP.l(a,"__xDatePickerState"),d=$APP.n(c)?$APP.l(c,"month"):null;if($APP.n(d)){var e=d.getUTCFullYear();d=d.getUTCMonth();b=$APP.z.j(b,$APP.js)?new Date(Date.UTC(e,d+1,1)):new Date(Date.UTC(e,d-1,1));c.month=b;return w1(a)}return null},F1=function(a){return $APP.n(a.hasAttribute("open"))?$APP.U(a,"open"):null},G1=function(a,b){if($APP.n(a.hasAttribute("disabled")))return null;b=b.currentTarget.getAttribute("data-nav");return $APP.z.j(b,"prev")?E1(a,$APP.cs):E1(a,
|
|
26
|
+
$APP.js)},hra=function(a,b){if($APP.n(a.hasAttribute("disabled")))return null;var c=b.key,d=$APP.l(a,"__xDatePickerGridFocus"),e=$APP.n(d)?$APP.ep(d):null;d=$APP.l(a,"__xDatePickerState");var f=$APP.n(d)?$APP.l(d,"canon"):null,h=$APP.n(d)?$APP.l(d,"month"):null,k=$APP.n(e)?function(){switch(c){case "ArrowLeft":return $APP.gp(e,-1);case "ArrowRight":return $APP.gp(e,1);case "ArrowUp":return $APP.gp(e,-7);case "ArrowDown":return $APP.gp(e,7);case "PageUp":return $APP.ip(e,-1);case "PageDown":return $APP.ip(e,
|
|
27
|
+
1);case "Home":return $APP.jp(e,0);case "End":return $APP.n(e)?$APP.gp($APP.jp(e,0),6):null;default:return null}}():null;return k!=null?(b.preventDefault(),b=$APP.kp(k,m1.i(f),l1.i(f)),f=$APP.dp(b),$APP.n($APP.n(h)?$APP.I(b.getUTCMonth(),h.getUTCMonth()):h)&&($APP.ka(d,"month",$APP.hp(b)),w1(a)),v1(a,f)):$APP.n(function(){var m=$APP.z.j(c,"Enter")||$APP.z.j(c," ");return m?$APP.n(e)?$APP.p(a.hasAttribute("readonly")):e:m}())?(b.preventDefault(),$APP.n(s1(e,f))?null:B1(a,e,"keyboard")):$APP.z.j(c,
|
|
28
|
+
"Escape")?(b.preventDefault(),F1(a),d=$APP.l(a,"__xDatePickerRefs"),d=$APP.n(d)?$APP.l(d,"input"):null,$APP.n(d)?d.focus():null):null},ira=function(a){function b(R){return $APP.n(a.hasAttribute("open"))?$APP.n(R.composedPath().some(function(aa){return aa===a}))?null:F1(a):null}function c(R){return R.preventDefault()}function d(R){return hra(a,R)}function e(R){var aa=a.hasAttribute("disabled");$APP.n($APP.n(aa)?aa:a.hasAttribute("readonly"))?R=null:(R=R.target.closest("button[data-iso]"),$APP.n($APP.n(R)?
|
|
29
|
+
$APP.I("true",R.getAttribute("data-disabled")):R)?(R=R.getAttribute("data-iso"),R=$APP.ep(R),R=$APP.n(R)?B1(a,R,"click"):null):R=null);return R}function f(R){return G1(a,R)}function h(R){return G1(a,R)}function k(){var R=a.hasAttribute("disabled");if($APP.n($APP.n(R)?R:a.hasAttribute("readonly")))R=null;else if($APP.n(a.hasAttribute("open")))R=F1(a);else if($APP.n(a.hasAttribute("open")))R=null;else{$APP.S(a,"open","");R=$APP.l(a,"__xDatePickerState");R=$APP.n(R)?$APP.l(R,"canon"):null;var aa=$APP.Pu.i(R);
|
|
30
|
+
$APP.n(aa)?R=aa:(R=$APP.Pp.i(R),R=$APP.n(R)?R:new Date(Date.now()));R=$APP.dp(R);R=v1(a,R)}return R}function m(){$APP.Q(a,"__xDatePickerFocused",!1);$APP.n(a.hasAttribute("disabled"))||D1(a,"blur");return x1(a)}function r(){return $APP.Q(a,"__xDatePickerFocused",!0)}function u(R){if($APP.n(a.hasAttribute("disabled")))R=null;else{var aa=R.key;$APP.z.j(aa,"Enter")?(R.preventDefault(),R=D1(a,"keyboard")):R=$APP.z.j(aa,"Escape")?F1(a):null}return R}function x(){var R=$APP.l(a,"__xDatePickerRefs");R=$APP.n(R)?
|
|
31
|
+
$APP.l(R,"input"):null;var aa=$APP.l(a,"__xDatePickerState");aa=$APP.z.j($APP.Mm.i($APP.n(aa)?$APP.l(aa,"canon"):null),$APP.mr)?"range":"single";$APP.Q(a,"__xDatePickerDisplay",$APP.n(R)?R.value:null);R=$APP.n(R)?R.value:null;return $APP.fj(a,"x-date-picker-input",{value:$APP.n(R)?R:"",mode:aa})}var y=$APP.l(a,"__xDatePickerRefs"),B=$APP.l(y,"input"),E=$APP.l(y,"btn"),H=$APP.l(y,"nav-prev"),O=$APP.l(y,"nav-next"),T=$APP.l(y,"grid");y=$APP.l(y,"popover");B.addEventListener("input",x);B.addEventListener("keydown",
|
|
32
32
|
u);B.addEventListener("focus",r);B.addEventListener("blur",m);E.addEventListener("click",k);H.addEventListener("click",h);O.addEventListener("click",f);T.addEventListener("click",e);T.addEventListener("keydown",d);y.addEventListener("pointerdown",c);document.addEventListener("pointerdown",b,!0);$APP.Q(a,"__xDatePickerHandlers",{"pop-md":c,keydown:u,grid:e,"grid-kd":d,next:f,blur:m,prev:h,focus:r,input:x,btn:k,"doc-click":b})},H1=function(a){var b=$APP.l(a,"__xDatePickerRefs");a=$APP.l(a,"__xDatePickerHandlers");
|
|
33
33
|
if($APP.n($APP.n(b)?a:b)){var c=$APP.l(b,"input"),d=$APP.l(b,"btn"),e=$APP.l(b,"nav-prev"),f=$APP.l(b,"nav-next"),h=$APP.l(b,"grid");b=$APP.l(b,"popover");c.removeEventListener("input",$APP.l(a,"input"));c.removeEventListener("keydown",$APP.l(a,"keydown"));c.removeEventListener("focus",$APP.l(a,"focus"));c.removeEventListener("blur",$APP.l(a,"blur"));d.removeEventListener("click",$APP.l(a,"btn"));e.removeEventListener("click",$APP.l(a,"prev"));f.removeEventListener("click",$APP.l(a,"next"));h.removeEventListener("click",
|
|
34
|
-
$APP.l(a,"grid"));h.removeEventListener("keydown",$APP.l(a,"grid-kd"));b.removeEventListener("pointerdown",$APP.l(a,"pop-md"));return document.removeEventListener("pointerdown",$APP.l(a,"doc-click"),!0)}return null},
|
|
34
|
+
$APP.l(a,"grid"));h.removeEventListener("keydown",$APP.l(a,"grid-kd"));b.removeEventListener("pointerdown",$APP.l(a,"pop-md"));return document.removeEventListener("pointerdown",$APP.l(a,"doc-click"),!0)}return null},jra=function(a){if(!$APP.n($APP.l(a,"__xDatePickerRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("input"),f=document.createElement("button"),h=document.createElement("div"),k=document.createElement("div"),
|
|
35
35
|
m=document.createElement("button"),r=document.createElement("div"),u=document.createElement("button"),x=document.createElement("div"),y=document.createElement("div"),B=document.createElement("div"),E=document.createElement("span");c.textContent=":host{display:block;color-scheme:light dark;--x-date-picker-border:var(--x-color-border,#cbd5e1);--x-date-picker-radius:var(--x-radius-md,8px);--x-date-picker-input-bg:var(--x-color-surface,#fff);--x-date-picker-text:inherit;--x-date-picker-focus:var(--x-color-focus-ring,#60a5fa);--x-date-picker-placeholder:var(--x-color-text-muted,#94a3b8);--x-date-picker-btn-bg:var(--x-color-surface-hover,#f8fafc);--x-date-picker-btn-hover:var(--x-color-surface-active,#f1f5f9);--x-date-picker-popover-bg:var(--x-color-bg,#fff);--x-date-picker-popover-radius:var(--x-radius-lg,12px);--x-date-picker-nav-hover:var(--x-color-surface-active,#f1f5f9);--x-date-picker-weekday:var(--x-color-text-muted,#94a3b8);--x-date-picker-day-text:inherit;--x-date-picker-day-hover:var(--x-color-surface-active,#f1f5f9);--x-date-picker-selected-bg:var(--x-color-primary,#2563eb);--x-date-picker-selected-text:#fff;--x-date-picker-range-bg:var(--x-color-surface-active,#dbeafe);--x-date-picker-range-text:var(--x-color-primary-active,#1e40af);--x-date-picker-error-color:var(--x-color-danger,#dc2626);}[part\x3dcontainer]{position:relative;display:flex;align-items:stretch;gap:8px;width:100%;}[part\x3dinput]{flex:1;min-width:0;appearance:none;box-sizing:border-box;border:1px solid var(--x-date-picker-border,#cbd5e1);border-radius:var(--x-date-picker-radius,8px);padding:8px 12px;font-size:0.9375rem;background:var(--x-date-picker-input-bg,#fff);color:var(--x-date-picker-text,inherit);outline:none;}[part\x3dinput]:focus{border-color:var(--x-date-picker-focus,#60a5fa);box-shadow:0 0 0 3px rgba(96,165,250,0.25);}[part\x3dinput][disabled]{opacity:0.5;cursor:default;}[part\x3dbtn][disabled]{opacity:0.5;cursor:default;pointer-events:none;}[part\x3dinput]::placeholder{color:var(--x-date-picker-placeholder,#94a3b8);}[part\x3dbtn]{all:unset;cursor:pointer;flex:0 0 auto;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--x-date-picker-border,#cbd5e1);border-radius:var(--x-date-picker-radius,8px);background:var(--x-date-picker-btn-bg,#f8fafc);color:var(--x-date-picker-text,inherit);box-sizing:border-box;}[part\x3dbtn]:hover{background:var(--x-date-picker-btn-hover,#f1f5f9);}[part\x3dbtn]:focus-visible{outline:2px solid var(--x-date-picker-focus,#60a5fa);}[part\x3dpopover]{display:none;position:absolute;z-index:1000;top:calc(100% + 8px);left:0;background:var(--x-date-picker-popover-bg,#fff);border:1px solid var(--x-date-picker-border,#e2e8f0);border-radius:var(--x-date-picker-popover-radius,12px);box-shadow:0 8px 32px rgba(0,0,0,0.12),0 2px 8px rgba(0,0,0,0.06);padding:16px;width:var(--x-date-picker-popover-width,304px);max-width:calc(100vw - 1rem);box-sizing:border-box;}:host([open]) [part\x3dpopover]{display:block;}[part\x3dnav]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}[part\x3dnavbtn]{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:var(--x-date-picker-text,inherit);}[part\x3dnavbtn]:hover{background:var(--x-date-picker-nav-hover,#f1f5f9);}[part\x3dnavbtn]:focus-visible{outline:2px solid var(--x-date-picker-focus,#60a5fa);}[part\x3dmonthlabel]{font-weight:600;font-size:0.9375rem;}[part\x3dweekdays]{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px;}[part\x3dweekday]{text-align:center;font-size:0.75rem;font-weight:600;color:var(--x-date-picker-weekday,#94a3b8);padding:4px 0;}[part\x3dgrid]{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;}[part\x3dday]{all:unset;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:36px;border-radius:6px;font-size:0.875rem;color:var(--x-date-picker-day-text,inherit);}[part\x3dday]:hover:not([disabled]){background:var(--x-date-picker-day-hover,#f1f5f9);}[part\x3dday]:focus-visible{outline:2px solid var(--x-date-picker-focus,#60a5fa);}[part\x3dday][data-outside\x3dtrue]{opacity:0.4;}[part\x3dday][data-disabled\x3dtrue]{opacity:0.3;cursor:default;pointer-events:none;}[part\x3dday][data-selected\x3dtrue]{background:var(--x-date-picker-selected-bg,#2563eb);color:var(--x-date-picker-selected-text,#fff);font-weight:600;}[part\x3dday][data-in-range\x3dtrue]:not([data-range-edge\x3dtrue]){background:var(--x-date-picker-range-bg,#dbeafe);color:var(--x-date-picker-range-text,#1e40af);border-radius:0;}[part\x3dday][data-range-edge\x3dtrue]{background:var(--x-date-picker-selected-bg,#2563eb);color:var(--x-date-picker-selected-text,#fff);font-weight:600;}[part\x3dsr-status]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}@media (prefers-color-scheme:dark){:host{--x-date-picker-border:var(--x-color-border,#334155);--x-date-picker-input-bg:var(--x-color-surface,#0f172a);--x-date-picker-btn-bg:var(--x-color-surface-hover,#1e293b);--x-date-picker-btn-hover:var(--x-color-surface-active,#334155);--x-date-picker-popover-bg:var(--x-color-bg,#1e293b);--x-date-picker-day-hover:var(--x-color-surface-active,#334155);--x-date-picker-selected-bg:var(--x-color-primary,#3b82f6);--x-date-picker-range-bg:var(--x-color-surface-active,#1e3a8a);--x-date-picker-range-text:var(--x-color-focus-ring,#93c5fd);--x-date-picker-nav-hover:var(--x-color-surface-active,#334155);--x-date-picker-error-color:var(--x-color-danger,#f87171);}}[part\x3derror]{display:block;margin-top:0.25rem;font-size:0.8125rem;line-height:1.4;color:var(--x-date-picker-error-color,#dc2626);}.error-hidden{display:none;}:host([data-invalid]) [part\x3dinput]{border-color:var(--x-date-picker-error-color,#dc2626);}:host([data-invalid]) [part\x3dinput]:focus{border-color:var(--x-date-picker-error-color,#dc2626);box-shadow:0 0 0 3px color-mix(in srgb,var(--x-date-picker-error-color,#dc2626) 25%,transparent);}@media (prefers-reduced-motion:reduce){[part\x3dpopover]{transition:none;}}";
|
|
36
36
|
$APP.S(d,"part","container");$APP.S(E,"part","error");$APP.S(E,"id","error");$APP.S(E,"role","alert");$APP.S(E,"aria-live","assertive");E.classList.add("error-hidden");$APP.S(e,"part","input");$APP.S(e,"type","text");$APP.S(e,"inputmode","none");$APP.S(e,"autocomplete","off");$APP.S(e,"role","combobox");$APP.S(e,"aria-haspopup","dialog");$APP.S(e,"aria-expanded","false");$APP.S(f,"part","btn");$APP.S(f,"type","button");$APP.S(f,"aria-label","Open calendar");f.textContent="\ud83d\udcc5";$APP.S(h,"part",
|
|
37
37
|
"popover");$APP.S(h,"role","dialog");$APP.S(h,"aria-modal","true");$APP.S(h,"aria-label","Calendar");$APP.S(k,"part","nav");$APP.S(m,"part","navbtn");$APP.S(m,"data-nav","prev");$APP.S(m,"type","button");$APP.S(m,"aria-label","Previous month");m.textContent="‹";$APP.S(r,"part","monthlabel");$APP.S(r,"aria-live","polite");$APP.S(u,"part","navbtn");$APP.S(u,"data-nav","next");$APP.S(u,"type","button");$APP.S(u,"aria-label","Next month");u.textContent="›";$APP.S(x,"part","weekdays");$APP.S(x,"aria-hidden",
|
|
38
38
|
"true");$APP.S(y,"part","grid");$APP.S(y,"role","grid");$APP.S(y,"aria-label","Calendar grid");$APP.S(B,"part","sr-status");$APP.S(B,"aria-live","polite");$APP.S(B,"aria-atomic","true");k.appendChild(m);k.appendChild(r);k.appendChild(u);h.appendChild(k);h.appendChild(x);h.appendChild(y);h.appendChild(B);d.appendChild(e);d.appendChild(f);d.appendChild(h);b.appendChild(c);b.appendChild(d);b.appendChild(E);$APP.Q(a,"__xDatePickerRefs",{weekdays:x,grid:y,popover:h,"nav-next":u,"month-label":r,error:E,
|
|
39
|
-
input:e,btn:f,sr:B,"nav-prev":m});$APP.n(a.attachInternals)&&$APP.Q(a,"__xDatePickerInternals",a.attachInternals())}H1(a);
|
|
40
|
-
return y1(a)},
|
|
41
|
-
"clear",{value:function(){return C1(this)},writable:!0,configurable:!0})},
|
|
42
|
-
-1118792932),k1=new $APP.F(null,"allow-same-day?","allow-same-day?",-1971558934),i1=new $APP.F(null,"ok?","ok?",447310304),o1=new $APP.F(null,"end-str","end-str",-558112319),g1=new $APP.F(null,"localized","localized",1722109655),n1=new $APP.F(null,"value-str","value-str",989198845),f1=new $APP.F(null,"format","format",-1306924766),q1=new $APP.F(null,"end-d","end-d",-1316370898);var
|
|
43
|
-
null),new $APP.M(null,2,[$APP.N,$APP.
|
|
44
|
-
new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"end"],null),new $APP.M(null,2,[$APP.N,$APP.
|
|
45
|
-
$APP.
|
|
39
|
+
input:e,btn:f,sr:B,"nav-prev":m});$APP.n(a.attachInternals)&&$APP.Q(a,"__xDatePickerInternals",a.attachInternals())}H1(a);ira(a);r1(a);return y1(a)},kra=function(a){return H1(a)},lra=function(a,b,c,d){return $APP.I(c,d)?(b=a.hasAttribute("disabled"),$APP.n($APP.n(b)?a.hasAttribute("open"):b)&&$APP.U(a,"open"),r1(a),y1(a)):null},C1=function(a){var b=$APP.l(a,"__xDatePickerState");$APP.z.j($APP.Mm.i($APP.n(b)?$APP.l(b,"canon"):null),$APP.br)?$APP.U(a,"value"):($APP.U(a,"start"),$APP.U(a,"end"));r1(a);
|
|
40
|
+
return y1(a)},mra=function(a,b){$APP.aj(a,"disabled",$APP.D(b));r1(a);return y1(a)},nra=function(a){$APP.Q(a,"__xDatePickerRangeStep",0);$APP.U(a,"error");return C1(a)},ora=function(a){Object.defineProperty(a,"focus",{value:function(){var b=$APP.l(this,"__xDatePickerRefs");b=$APP.n(b)?$APP.l(b,"input"):null;return $APP.n(b)?b.focus():null},writable:!0,configurable:!0});Object.defineProperty(a,"commit",{value:function(){return D1(this,"programmatic")},writable:!0,configurable:!0});return Object.defineProperty(a,
|
|
41
|
+
"clear",{value:function(){return C1(this)},writable:!0,configurable:!0})},qra=function(a){$APP.Gj(a,"__xDatePickerInternals");$APP.uj(a,pra);return ora(a)},I1=function(){return $APP.si("x-date-picker",new $APP.M(null,8,[$APP.ji,rra,$APP.hi,jra,$APP.ei,kra,$APP.di,lra,$APP.fi,!0,$APP.ci,mra,$APP.bi,nra,$APP.ii,qra],null))},t1=new $APP.F(null,"edge?","edge?",203916303),l1=new $APP.F(null,"max-d","max-d",-814680979),p1=new $APP.F(null,"start-str","start-str",1077409677),m1=new $APP.F(null,"min-d","min-d",
|
|
42
|
+
-1118792932),k1=new $APP.F(null,"allow-same-day?","allow-same-day?",-1971558934),i1=new $APP.F(null,"ok?","ok?",447310304),o1=new $APP.F(null,"end-str","end-str",-558112319),g1=new $APP.F(null,"localized","localized",1722109655),n1=new $APP.F(null,"value-str","value-str",989198845),f1=new $APP.F(null,"format","format",-1306924766),q1=new $APP.F(null,"end-d","end-d",-1316370898);var rra="mode value start end min max format locale separator auto-swap range-allow-same-day close-on-select placeholder disabled readonly required name autocomplete error aria-label aria-describedby open".split(" "),pra=$APP.wg([$APP.cw,$APP.Wu,$APP.mv,$APP.Or,$APP.un,$APP.Vj,$APP.Ui,$APP.Mm,$APP.fl,$APP.bv,$APP.wj,$APP.Wt,$APP.gl,$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.sj,$APP.W,"open"],null),new $APP.M(null,2,[$APP.N,$APP.vs,$APP.rj,!0],
|
|
43
|
+
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,2,[$APP.N,$APP.X,$APP.W,"value"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"mode"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"start"],null),new $APP.M(null,2,[$APP.N,$APP.sj,$APP.W,"readonly"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"error"],null),new $APP.M(null,2,[$APP.N,$APP.rt,$APP.rj,!0],null),
|
|
44
|
+
new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"end"],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)]);
|
|
45
|
+
$APP.je(["x-date-picker-input",new $APP.M(null,2,[$APP.$u,!1,$APP.V,new $APP.M(null,2,[$APP.Ui,$APP.X,$APP.Mm,$APP.X],null)],null),"x-date-picker-change-request",new $APP.M(null,2,[$APP.$u,!0,$APP.V,new $APP.M(null,6,[$APP.Ui,$APP.gq,$APP.mp,$APP.gq,$APP.fl,$APP.gq,$APP.gl,$APP.gq,$APP.Mm,$APP.X,$APP.Zq,$APP.X],null)],null),"x-date-picker-change",new $APP.M(null,2,[$APP.$u,!1,$APP.V,new $APP.M(null,6,[$APP.Ui,$APP.gq,$APP.mp,$APP.gq,$APP.fl,$APP.gq,$APP.gl,$APP.gq,$APP.Mm,$APP.X,$APP.Zq,$APP.X],null)],
|
|
46
46
|
null)]);$APP.ha("baredom.exports.x_date_picker.init",I1);export const init=I1;
|
package/dist/x-divider.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var R0=function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.
|
|
3
|
-
$APP.S(d,"part","container");var f=document.createElement("div");$APP.S(f,"part","line");d.appendChild(f);b.appendChild(c);b.appendChild(d);e.root=b;e.container=d;e.mode="no-label";$APP.Q(a,"__xDividerRefs",e);a=e}return a},Y0=function(a){if($APP.n($APP.l(a,"__xDividerRefs"))){var b=$APP.
|
|
4
|
-
a.getAttribute("inset"),a.getAttribute("orientation"),a.getAttribute("aria-label"),a.getAttribute("role")]);var c=$APP.G(b);b=$APP.C(c,$APP.
|
|
5
|
-
b,$APP.
|
|
6
|
-
k:"auto");$APP.n(f)?m.setProperty("--x-divider-color",f):m.removeProperty("--x-divider-color");h=$APP.G(b);e=$APP.C(h,$APP.
|
|
7
|
-
e=$APP.C(f,$APP.
|
|
8
|
-
m.appendChild(r),m.appendChild(u),h.appendChild(k),h.appendChild(m),h.appendChild(c),d["line-left"]=k,d["label-wrap"]=m,d["label-text"]=u,d["line-right"]=c,d.mode="label"):(k=document.createElement("div"),$APP.S(k,"part","line"),h.appendChild(k),d["line-left"]=null,d["label-wrap"]=null,d["label-text"]=null,d["line-right"]=null,d.mode="no-label")}$APP.n(e)&&(d=$APP.l(d,"label-text"),$APP.n(d)&&(d.textContent=f));a=$APP.Q(a,"__xDividerModel",b)}else a=null;return a}return null},
|
|
9
|
-
return Y0(a)},
|
|
10
|
-
3,[$APP.N,$APP.X,$APP.W,"variant",$APP.
|
|
2
|
+
var R0=function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.dd(a,c)?c:b},S0=function(a){var b=$APP.l(a,"__xDividerRefs");if($APP.n(b))a=b;else{b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e={};c.textContent=":host{display:block;color-scheme:light dark;--x-divider-color:rgba(0,0,0,0.12);--x-divider-thickness:1px;--x-divider-inset:0px;--x-divider-length:auto;}@media (prefers-color-scheme:dark){:host{--x-divider-color:rgba(255,255,255,0.15);}}[part\x3dcontainer]{display:flex;align-items:center;width:var(--x-divider-length,auto);box-sizing:border-box;}:host([data-orientation\x3d'vertical']) [part\x3dcontainer]{flex-direction:column;height:var(--x-divider-length,auto);width:auto;}[part\x3dline],[part\x3dline-left],[part\x3dline-right]{flex:1;border:none;background:var(--x-divider-color,rgba(0,0,0,0.12));height:var(--x-divider-thickness,1px);margin:var(--x-divider-inset,0px) 0;}:host([data-orientation\x3d'vertical']) [part\x3dline],:host([data-orientation\x3d'vertical']) [part\x3dline-left],:host([data-orientation\x3d'vertical']) [part\x3dline-right]{width:var(--x-divider-thickness,1px);height:auto;margin:0 var(--x-divider-inset,0px);}:host([data-variant\x3d'dashed']) [part\x3dline],:host([data-variant\x3d'dashed']) [part\x3dline-left],:host([data-variant\x3d'dashed']) [part\x3dline-right]{background:none;height:0;border-top:var(--x-divider-thickness,1px) dashed var(--x-divider-color,rgba(0,0,0,0.12));}:host([data-orientation\x3d'vertical'][data-variant\x3d'dashed']) [part\x3dline],:host([data-orientation\x3d'vertical'][data-variant\x3d'dashed']) [part\x3dline-left],:host([data-orientation\x3d'vertical'][data-variant\x3d'dashed']) [part\x3dline-right]{border-top:none;border-left:var(--x-divider-thickness,1px) dashed var(--x-divider-color,rgba(0,0,0,0.12));width:0;height:auto;}:host([data-variant\x3d'dotted']) [part\x3dline],:host([data-variant\x3d'dotted']) [part\x3dline-left],:host([data-variant\x3d'dotted']) [part\x3dline-right]{background:none;height:0;border-top:var(--x-divider-thickness,1px) dotted var(--x-divider-color,rgba(0,0,0,0.12));}:host([data-orientation\x3d'vertical'][data-variant\x3d'dotted']) [part\x3dline],:host([data-orientation\x3d'vertical'][data-variant\x3d'dotted']) [part\x3dline-left],:host([data-orientation\x3d'vertical'][data-variant\x3d'dotted']) [part\x3dline-right]{border-top:none;border-left:var(--x-divider-thickness,1px) dotted var(--x-divider-color,rgba(0,0,0,0.12));width:0;height:auto;}[part\x3dlabel]{display:flex;align-items:center;flex-shrink:0;padding:0 0.75em;font-size:0.75rem;font-weight:500;color:var(--x-divider-color);white-space:nowrap;}:host([data-orientation\x3d'vertical']) [part\x3dlabel]{padding:0.75em 0;writing-mode:horizontal-tb;}[part\x3dlabel-text]{display:inline;}:host([data-align\x3d'start']) [part\x3dline-left]{flex:0 0 1rem;}:host([data-align\x3d'end']) [part\x3dline-right]{flex:0 0 1rem;}@media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important;}}";
|
|
3
|
+
$APP.S(d,"part","container");var f=document.createElement("div");$APP.S(f,"part","line");d.appendChild(f);b.appendChild(c);b.appendChild(d);e.root=b;e.container=d;e.mode="no-label";$APP.Q(a,"__xDividerRefs",e);a=e}return a},Y0=function(a){if($APP.n($APP.l(a,"__xDividerRefs"))){var b=$APP.wg([$APP.eu,$APP.Pj,$APP.ir,$APP.Ns,T0,$APP.dw,U0,$APP.Ku,$APP.bm,V0],[a.getAttribute("variant"),a.getAttribute("label"),a.getAttribute("align"),a.getAttribute("length"),a.getAttribute("thickness"),a.getAttribute("color"),
|
|
4
|
+
a.getAttribute("inset"),a.getAttribute("orientation"),a.getAttribute("aria-label"),a.getAttribute("role")]);var c=$APP.G(b);b=$APP.C(c,$APP.bm);var d=$APP.C(c,V0),e=$APP.C(c,$APP.Pj),f=$APP.C(c,$APP.eu),h=$APP.C(c,$APP.ir),k=$APP.C(c,$APP.Ns),m=$APP.C(c,T0),r=$APP.C(c,$APP.dw),u=$APP.C(c,U0);c=$APP.C(c,$APP.Ku);b=$APP.wg([$APP.pq,$APP.Pr,W0,X0,$APP.fs,$APP.An,$APP.au,$APP.Z,$APP.Bs,$APP.km],[d,R0(Pqa,"center",h),m,u,r,R0(Qqa,"solid",f),R0(Rqa,"horizontal",c),e,k,b]);d=$APP.$g.m;e=$APP.Z.i(b);b=d.call($APP.$g,
|
|
5
|
+
b,$APP.mu,typeof e==="string"&&e.trim().length>0);if($APP.I($APP.l(a,"__xDividerModel"),b)){d=S0(a);h=$APP.G(b);e=$APP.C(h,$APP.au);f=$APP.C(h,$APP.An);h=$APP.C(h,$APP.Pr);$APP.S(a,"data-orientation",e);$APP.S(a,"data-variant",f);$APP.S(a,"data-align",h);k=$APP.G(b);e=$APP.C(k,W0);f=$APP.C(k,$APP.fs);h=$APP.C(k,X0);k=$APP.C(k,$APP.Bs);m=a.style;m.setProperty("--x-divider-thickness",$APP.n(e)?e:"1px");m.setProperty("--x-divider-inset",$APP.n(h)?h:"0px");m.setProperty("--x-divider-length",$APP.n(k)?
|
|
6
|
+
k:"auto");$APP.n(f)?m.setProperty("--x-divider-color",f):m.removeProperty("--x-divider-color");h=$APP.G(b);e=$APP.C(h,$APP.au);f=$APP.C(h,$APP.km);h=$APP.C(h,$APP.pq);$APP.dd(new $APP.ch(null,new $APP.M(null,2,["none",null,"presentation",null],null),null),h)?$APP.S(a,"role","presentation"):$APP.S(a,"role","separator");$APP.z.j(e,"vertical")?$APP.S(a,"aria-orientation","vertical"):$APP.U(a,"aria-orientation");$APP.n($APP.n(f)?f.length>0:f)?$APP.S(a,"aria-label",f):$APP.U(a,"aria-label");f=$APP.G(b);
|
|
7
|
+
e=$APP.C(f,$APP.mu);f=$APP.C(f,$APP.Z);k=$APP.n(e)?"label":"no-label";if($APP.I($APP.l(d,"mode"),k)){for(h=$APP.l(d,"container");;)if(m=h.firstChild,$APP.n(m))h.removeChild(m);else break;$APP.z.j(k,"label")?(k=document.createElement("div"),m=document.createElement("span"),r=document.createElement("slot"),u=document.createElement("span"),c=document.createElement("div"),$APP.S(k,"part","line-left"),$APP.S(m,"part","label"),$APP.S(r,"name","label"),$APP.S(u,"part","label-text"),$APP.S(c,"part","line-right"),
|
|
8
|
+
m.appendChild(r),m.appendChild(u),h.appendChild(k),h.appendChild(m),h.appendChild(c),d["line-left"]=k,d["label-wrap"]=m,d["label-text"]=u,d["line-right"]=c,d.mode="label"):(k=document.createElement("div"),$APP.S(k,"part","line"),h.appendChild(k),d["line-left"]=null,d["label-wrap"]=null,d["label-text"]=null,d["line-right"]=null,d.mode="no-label")}$APP.n(e)&&(d=$APP.l(d,"label-text"),$APP.n(d)&&(d.textContent=f));a=$APP.Q(a,"__xDividerModel",b)}else a=null;return a}return null},Sqa=function(a){S0(a);
|
|
9
|
+
return Y0(a)},Tqa=function(a,b,c,d){return $APP.I(c,d)?Y0(a):null},Vqa=function(a){return $APP.uj(a,Uqa)},Z0=function(){return $APP.si("x-divider",new $APP.M(null,4,[$APP.ji,Wqa,$APP.hi,Sqa,$APP.di,Tqa,$APP.ii,Vqa],null))},U0=new $APP.F(null,"inset-raw","inset-raw",89351124),X0=new $APP.F(null,"inset","inset",-396367740),V0=new $APP.F(null,"role-raw","role-raw",777951354),W0=new $APP.F(null,"thickness","thickness",-940175454),T0=new $APP.F(null,"thickness-raw","thickness-raw",1843812655);var Wqa="orientation variant thickness color inset length label align role aria-label".split(" "),Rqa=new $APP.ch(null,new $APP.M(null,2,["vertical",null,"horizontal",null],null),null),Qqa=new $APP.ch(null,new $APP.M(null,3,["dashed",null,"dotted",null,"solid",null],null),null),Pqa=new $APP.ch(null,new $APP.M(null,3,["center",null,"start",null,"end",null],null),null),Uqa=new $APP.M(null,8,[$APP.au,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"orientation",$APP.tj,"horizontal"],null),$APP.An,new $APP.M(null,
|
|
10
|
+
3,[$APP.N,$APP.X,$APP.W,"variant",$APP.tj,"solid"],null),$APP.Pr,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"align",$APP.tj,"center"],null),$APP.Z,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"label"],null),W0,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"thickness"],null),$APP.fs,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"color"],null),X0,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"inset"],null),$APP.Bs,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"length"],null)],null);$APP.ha("baredom.exports.x_divider.init",Z0);export const init=Z0;
|
package/dist/x-drag-panel.js
CHANGED
|
@@ -1,36 +1,36 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
($APP.n(b)?b:0)},a))},
|
|
4
|
-
(b==null||$APP.
|
|
5
|
-
b);a=$APP.
|
|
6
|
-
e=document.createElement("div"),f=document.createElement("span"),h=document.createElement("slot");$APP.S(e,"part","handle");$APP.S(e,"role","button");$APP.S(e,"tabindex","0");$APP.S(f,"part","grip");$APP.S(f,"aria-hidden","true");f.textContent="⠿";$APP.S(h,"name","header");e.appendChild(f);e.appendChild(h);e=$APP.l({handle:e},"handle");f=document.createElement("div");h=document.createElement("slot");$APP.S(f,"part","body");f.appendChild(h);c.textContent=
|
|
7
|
-
d.appendChild(f);b.appendChild(c);b.appendChild(d);$APP.Q(a,"__xDragPanelRefs",{host:a,panel:d,handle:e,window});$APP.
|
|
8
|
-
new $APP.M(null,7,[$APP.
|
|
9
|
-
$APP.
|
|
10
|
-
"-1":"0"),$APP.n(c)?$APP.S(f,"aria-busy","true"):$APP.U(f,"aria-busy"));a=$APP.Q(a,"__xDragPanelModel",b)}else a=null;return a},
|
|
11
|
-
[$APP.
|
|
12
|
-
c=$APP.n(b)?c.overflowY:c.overflowX;var d=$APP.n(b)?a.scrollHeight:a.scrollWidth,e=$APP.n(b)?a.clientHeight:a.clientWidth;if(($APP.z.j(c,"auto")||$APP.z.j(c,"scroll")||$APP.z.j(c,"overlay"))&&d>e+1)return a;a=a.parentElement}},
|
|
13
|
-
e.top,$APP.
|
|
14
|
-
$APP.
|
|
15
|
-
"horizontal"),b,!1,c)}}},
|
|
16
|
-
requestAnimationFrame(function(b){return
|
|
17
|
-
$APP.
|
|
18
|
-
b.style.setProperty("height",e);b.style.setProperty("margin","0");$APP.S(a,"data-dragging","");$APP.
|
|
19
|
-
c,$APP
|
|
20
|
-
$APP.
|
|
21
|
-
(b=$APP.A(
|
|
22
|
-
(h=$APP.l(a,"__xDragPanelDrag")==null)&&(h=$APP.
|
|
23
|
-
e,$APP.
|
|
24
|
-
a=
|
|
25
|
-
|
|
26
|
-
f=$APP.l(a,"__xDragPanelPress");if($APP.n(f)){f=$APP.
|
|
27
|
-
function(c){
|
|
28
|
-
|
|
29
|
-
$APP.A(k,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
|
|
30
|
-
B.addEventListener(r,E,k):B.removeEventListener(r,E,k));d=$APP.v(d);e=null;f=0}h=0}else return null;else return null},
|
|
31
|
-
|
|
2
|
+
var VH=function(a){return typeof a==="string"&&$APP.I(a,"")?a:"Draggable panel"},Mea=function(a){var b=$APP.G(a);a=$APP.C(b,$APP.zr);b=$APP.C(b,$APP.Yr);return $APP.D($APP.z.j(a,"touch")&&$APP.z.j(b,"surface"))},WH=function(a,b){return{kind:a,value:b}},XH=function(a,b,c){return{kind:a,value:b,reason:c}},Nea=function(a){return $APP.He(function(b){var c=$APP.G(b);b=$APP.C(c,$APP.fl);c=$APP.C(c,$APP.gl);return(($APP.n(b)?b:0)+($APP.n(c)?c:0))/2},a)},Oea=function(a,b){return $APP.w($APP.Ee(function(c){return c<
|
|
3
|
+
($APP.n(b)?b:0)},a))},YH=function(a,b){return{kind:a,value:b}},ZH=function(a){$APP.U(a,"data-drag-state")},$H=function(a){a=a.getAttribute("kind");return $APP.n(a)?a:""},aI=function(a){a=a.getAttribute("value");return $APP.n(a)?a:""},bI=function(a,b){$APP.jl(a);var c=$APP.Ql(a);a=$APP.$g.B(c,$APP.ct,$H(b),$APP.Ec([$APP.kt,$APP.w($APP.nl($APP.ml(a),b))]));var d=$APP.G(a);a=$APP.C(d,$APP.Xj);b=$APP.C(d,$APP.Kl);c=$APP.C(d,$APP.Ll);var e=$APP.C(d,$APP.kt);d=$APP.C(d,$APP.ct);return $APP.D($APP.p(a)&&
|
|
4
|
+
(b==null||$APP.dd(b,d))&&(c==null||($APP.n(e)?e:0)<c))},cI=function(a,b){$APP.jl(a);var c=bI(a,b);$APP.Q(a,"__xDropZoneHover",new $APP.M(null,3,[$APP.Wl,b,$APP.Ul,c,$APP.Vl,0],null));$APP.S(a,"data-drag-state",$APP.n(c)?"over":"reject");$APP.fj(a,"x-drop-zone-enter",YH($H(b),aI(b)));$APP.Xl(a)},dI=function(a,b){$APP.n($APP.l(a,"__xDropZoneHover"))&&($APP.Q(a,"__xDropZoneHover",null),ZH(a),$APP.fj(a,"x-drop-zone-leave",YH($H(b),aI(b))),$APP.Xl(a))},eI=function(a,b,c,d){var e=$APP.ol(a);a=$APP.nl($APP.ml(a),
|
|
5
|
+
b);a=$APP.pl(a,e);return Oea(Nea(a),e?d:c)},fI=function(a,b,c,d){$APP.Q(a,"__xDropZoneLastDrop",new $APP.M(null,2,[$APP.Wl,b,$APP.Z,VH(b.getAttribute("label"))],null));var e=$H(b),f=aI(b);c=$APP.n(c)?$APP.el(c.getAttribute("value")):null;var h=$APP.Ui.i($APP.Ql(a));$APP.fj(a,"x-drop-zone-drop",{kind:e,value:f,from:c,to:h,index:d,panel:b})},gI=function(a){if(!$APP.Vi(a,"__xDragPanelInitialized")){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),
|
|
6
|
+
e=document.createElement("div"),f=document.createElement("span"),h=document.createElement("slot");$APP.S(e,"part","handle");$APP.S(e,"role","button");$APP.S(e,"tabindex","0");$APP.S(f,"part","grip");$APP.S(f,"aria-hidden","true");f.textContent="⠿";$APP.S(h,"name","header");e.appendChild(f);e.appendChild(h);e=$APP.l({handle:e},"handle");f=document.createElement("div");h=document.createElement("slot");$APP.S(f,"part","body");f.appendChild(h);c.textContent=Pea;$APP.S(d,"part","panel");d.appendChild(e);
|
|
7
|
+
d.appendChild(f);b.appendChild(c);b.appendChild(d);$APP.Q(a,"__xDragPanelRefs",{host:a,panel:d,handle:e,window});$APP.Wi(a,"__xDragPanelInitialized")}},hI=function(a,b){a=$APP.l(a,"__xDragPanelRefs");return $APP.n(a)?$APP.l(a,b):null},iI=function(a,b){var c=$APP.l(a,"__xDragPanelLive");if($APP.n(c))a=c;else{c=a.shadowRoot;var d=document.createElement("span");$APP.S(d,"aria-live","polite");$APP.S(d,"class","sr-only");c.appendChild(d);$APP.Q(a,"__xDragPanelLive",d);a=d}return a.textContent=b},jI=function(a){a=
|
|
8
|
+
new $APP.M(null,7,[$APP.jq,a.getAttribute("kind"),$APP.Nj,a.getAttribute("value"),$APP.Pj,a.getAttribute("label"),$APP.vv,a.getAttribute("grab"),$APP.iq,a.getAttribute("auto-scroll"),$APP.Qj,a.hasAttribute("disabled"),$APP.Hl,a.hasAttribute("pending")],null);var b=$APP.G(a);a=$APP.C(b,$APP.jq);var c=$APP.C(b,$APP.Nj),d=$APP.C(b,$APP.Pj),e=$APP.C(b,$APP.vv),f=$APP.C(b,$APP.iq),h=$APP.C(b,$APP.Qj);b=$APP.C(b,$APP.Hl);h=$APP.D(h);b=$APP.D(b);return new $APP.M(null,8,[$APP.ct,typeof a==="string"?a:"",
|
|
9
|
+
$APP.Ui,typeof c==="string"?c:"",$APP.Z,VH(d),$APP.Yr,$APP.z.j(e,"surface")?"surface":"handle",$APP.Mu,$APP.z.j(f,"none")?"none":"auto",$APP.Xj,h,$APP.Ml,b,$APP.qt,$APP.D(!h&&!b)],null)},kI=function(a){var b=$APP.l(a,"__xDragPanelModel");return $APP.n(b)?b:jI(a)},lI=function(a){var b=jI(a);if($APP.I($APP.l(a,"__xDragPanelModel"),b)){gI(a);var c=$APP.G(b),d=$APP.C(c,$APP.Z),e=$APP.C(c,$APP.Xj);c=$APP.C(c,$APP.Ml);var f=hI(a,"handle");$APP.n(f)&&($APP.S(f,"aria-label",d),$APP.S(f,"tabindex",$APP.n(e)?
|
|
10
|
+
"-1":"0"),$APP.n(c)?$APP.S(f,"aria-busy","true"):$APP.U(f,"aria-busy"));a=$APP.Q(a,"__xDragPanelModel",b)}else a=null;return a},Qea=function(a,b){a=hI(a,"panel");var c=$APP.G(b);b=$APP.C(c,$APP.Tp);var d=$APP.C(c,$APP.Xp),e=$APP.G(c);c=$APP.C(e,$APP.It);var f=$APP.C(e,$APP.Ht),h=$APP.C(e,$APP.Cq);e=$APP.C(e,$APP.Dq);f=$APP.G(new $APP.M(null,2,[$APP.vu,($APP.n(c)?c:0)-($APP.n(h)?h:0),$APP.uu,($APP.n(f)?f:0)-($APP.n(e)?e:0)],null));c=$APP.C(f,$APP.vu);f=$APP.C(f,$APP.uu);d=$APP.G(new $APP.M(null,2,
|
|
11
|
+
[$APP.Ws,c-($APP.n(b)?b:0),$APP.Vs,f-($APP.n(d)?d:0)],null));b=$APP.C(d,$APP.Ws);d=$APP.C(d,$APP.Vs);b="translate("+$APP.P.i(b)+$APP.P.i("px")+","+$APP.P.i(d)+$APP.P.i("px")+") scale(var("+$APP.P.i("--x-drag-panel-lift-scale")+",1.02))";a.style.setProperty("transform",b)},mI=function(a,b){a=document.elementsFromPoint(a,b);return $APP.pe(function(c){return $APP.n(c.closest)?c.closest("x-drop-zone"):null},$APP.Ec(a))},nI=function(a,b){for(;;){if(a==null)return document.scrollingElement;var c=getComputedStyle(a);
|
|
12
|
+
c=$APP.n(b)?c.overflowY:c.overflowX;var d=$APP.n(b)?a.scrollHeight:a.scrollWidth,e=$APP.n(b)?a.clientHeight:a.clientWidth;if(($APP.z.j(c,"auto")||$APP.z.j(c,"scroll")||$APP.z.j(c,"overlay"))&&d>e+1)return a;a=a.parentElement}},oI=function(a,b,c,d){if($APP.n(a)){if(a===document.scrollingElement)var e=$APP.n(c)?new $APP.M(null,2,[$APP.hu,0,$APP.Rs,window.innerHeight],null):new $APP.M(null,2,[$APP.hu,0,$APP.Rs,window.innerWidth],null);else e=a.getBoundingClientRect(),e=$APP.n(c)?new $APP.M(null,2,[$APP.hu,
|
|
13
|
+
e.top,$APP.Rs,e.bottom],null):new $APP.M(null,2,[$APP.hu,e.left,$APP.Rs,e.right],null);var f=$APP.G(e);e=$APP.C(f,$APP.hu);f=$APP.C(f,$APP.Rs);var h=$APP.G(new $APP.M(null,3,[$APP.Pv,b,$APP.hu,e,$APP.Rs,f],null));b=$APP.C(h,$APP.Pv);e=$APP.C(h,$APP.hu);f=$APP.C(h,$APP.Rs);h=$APP.C(h,$APP.Zt);e=$APP.n(e)?e:0;f=$APP.n(f)?f:0;var k=f-e;h=$APP.n(h)?h:900;b==null||k<=0?b=0:(k=$APP.Sl.j(48,.15*$APP.Rl.j(0,$APP.n(k)?k:0)),e=b-e,b=f-b,b=e<b?-(h*(k<=0?0:$APP.Rl.j(0,$APP.Sl.j(1,(k-e)/k)))):h*(k<=0?0:$APP.Rl.j(0,
|
|
14
|
+
$APP.Sl.j(1,(k-b)/k))));d=($APP.n(b)?b:0)*($APP.n(d)?d:0)/1E3;$APP.I(0,d)&&($APP.n(c)?a.scrollTop+=d:a.scrollLeft+=d)}},Rea=function(a,b,c){if($APP.z.j("auto",$APP.Mu.i(kI(a)))){var d=$APP.G(b);b=$APP.C(d,$APP.It);d=$APP.C(d,$APP.Ht);var e=document.elementsFromPoint(b,d)[0];if($APP.n(e)){var f=$APP.l(a,"__xDragPanelScrollers");$APP.n($APP.n(f)?e===$APP.l(f,"hit"):f)?a=f:(e={hit:e,vertical:nI(e,!0),horizontal:nI(e,!1)},$APP.$i(a,"__xDragPanelScrollers",e),a=e);oI($APP.l(a,"vertical"),d,!0,c);oI($APP.l(a,
|
|
15
|
+
"horizontal"),b,!1,c)}}},Sea=function(a,b){var c=$APP.G(b),d=$APP.C(c,$APP.It),e=$APP.C(c,$APP.Ht);c=mI(d,e);b=pI.i(b);b!==c&&($APP.n(b)&&dI(b,a),$APP.n(c)&&cI(c,a));$APP.n(c)&&(b=$APP.l(c,"__xDropZoneHover"),$APP.n(b)&&$APP.n($APP.Ul.i(b))&&(d=eI(c,a,d,e),$APP.I(d,$APP.Vl.i(b))&&$APP.$i(c,"__xDropZoneHover",$APP.$g.m(b,$APP.Vl,d)),$APP.Xl(c)));$APP.$i(a,"__xDragPanelDrag",$APP.$g.m($APP.l(a,"__xDragPanelDrag"),pI,c))},Tea=function(a){$APP.$i(a,"__xDragPanelLastFrame",null);return $APP.$i(a,"__xDragPanelRaf",
|
|
16
|
+
requestAnimationFrame(function(b){return qI(a,b)}))},rI=function(a){var b=$APP.l(a,"__xDragPanelRaf");$APP.n(b)&&cancelAnimationFrame(b);$APP.$i(a,"__xDragPanelRaf",null);$APP.$i(a,"__xDragPanelLastFrame",null);$APP.$i(a,"__xDragPanelScrollers",null)},tI=function(a){var b=$APP.l(a,"__xDragPanelPress");$APP.n(b)&&clearTimeout(sI.i(b));$APP.Q(a,"__xDragPanelPress",null)},vI=function(a,b,c,d){var e=a.getBoundingClientRect(),f=kI(a);tI(a);try{a.setPointerCapture(b)}catch(h){}$APP.Q(a,"__xDragPanelDrag",
|
|
17
|
+
$APP.wg([$APP.Ht,pI,$APP.Dq,$APP.Tp,$APP.ku,uI,$APP.It,$APP.Cq,$APP.Xp],[d,null,d-e.top,e.left,b,a.closest("x-drop-zone"),c,c-e.left,e.top]));b=hI(a,"panel");c=""+$APP.P.i(e.height)+$APP.P.i("px");a.style.setProperty("height",c);b.style.setProperty("position","fixed");c=""+$APP.P.i(e.left)+$APP.P.i("px");b.style.setProperty("left",c);c=""+$APP.P.i(e.top)+$APP.P.i("px");b.style.setProperty("top",c);c=""+$APP.P.i(e.width)+$APP.P.i("px");b.style.setProperty("width",c);e=""+$APP.P.i(e.height)+$APP.P.i("px");
|
|
18
|
+
b.style.setProperty("height",e);b.style.setProperty("margin","0");$APP.S(a,"data-dragging","");$APP.fj(a,"x-drag-panel-drag-start",WH($APP.ct.i(f),$APP.Ui.i(f)));iI(a,"Picked up "+$APP.P.i($APP.Z.i(f)));return Tea(a)},wI=function(a){rI(a);a:{var b=hI(a,"panel");a.style.removeProperty("height");for(var c=$APP.q(new $APP.J(null,7,5,$APP.K,"position left top width height margin transform".split(" "),null)),d=null,e=0,f=0;;)if(f<e){var h=d.C(null,f);b.style.removeProperty(h);f+=1}else if(c=$APP.q(c))d=
|
|
19
|
+
c,$APP.$c(d)?(c=$APP.Fb(d),e=$APP.Gb(d),d=c,h=$APP.w(c),c=e,e=h):(h=$APP.t(d),b.style.removeProperty(h),c=$APP.v(d),d=null,e=0),f=0;else break a}$APP.U(a,"data-dragging");$APP.Q(a,"__xDragPanelDrag",null)},xI=function(a){var b=$APP.l(a,"__xDragPanelDrag");if($APP.n(b)){var c=kI(a);b=pI.i(b);$APP.n(b)&&dI(b,a);wI(a);$APP.fj(a,"x-drag-panel-drag-cancel",XH($APP.ct.i(c),$APP.Ui.i(c),"escape"));return iI(a,"Cancelled moving "+$APP.P.i($APP.Z.i(c)))}return null},Uea=function(a){return $APP.Gf.m($APP.Ge,
|
|
20
|
+
$APP.De(function(b){return bI(b,a)}),$APP.Ec(document.querySelectorAll("x-drop-zone")))},yI=function(a,b,c){b=$APP.A(b,c,null);if($APP.n(b)){cI(b,a);c=$APP.Ql(b);var d=document.querySelectorAll("x-drop-zone"),e=d.length;d=Array.from(d).indexOf(b)+1;$APP.El(b,""+$APP.P.i(VH(a.getAttribute("label")))+" over "+$APP.P.i($APP.Z.i(c))+", zone "+$APP.P.i(d)+" of "+$APP.P.i(e));return b.scrollIntoView({block:"nearest",inline:"nearest"})}return null},AI=function(a){var b=$APP.l(a,"__xDragPanelKeyboard");$APP.n(b)&&
|
|
21
|
+
(b=$APP.A(zI.i(b),$APP.Vl.i(b),null),$APP.n(b)&&dI(b,a));$APP.U(a,"data-dragging");$APP.Q(a,"__xDragPanelKeyboard",null)},BI=function(a,b){var c=$APP.l(a,"__xDragPanelKeyboard");if($APP.n(c)){var d=$APP.G(c),e=$APP.C(d,zI);d=$APP.C(d,$APP.Vl);b=$APP.ud(d+b,$APP.w(e));d=$APP.A(e,d,null);$APP.n(d)&&dI(d,a);$APP.Q(a,"__xDragPanelKeyboard",$APP.$g.m(c,$APP.Vl,b));return yI(a,e,b)}return null},Vea=function(a,b){var c=kI(a);if($APP.n(function(){var h=$APP.qt.i(c);if($APP.n(h)&&(h=$APP.z.j(0,b.button))&&
|
|
22
|
+
(h=$APP.l(a,"__xDragPanelDrag")==null)&&(h=$APP.Yr.i(c),h=$APP.z.j(h,"surface"),h||(h=hI(a,"handle"),h=$APP.D($APP.n(h)?b.composedPath().includes(h):h)),h)){h=b.target;if($APP.n(h)){var k=h.closest;h=$APP.n(k)?h.closest("[data-no-drag],button,a,input,select,textarea"):k}h=!$APP.D(h)}return h}())){var d=b.pointerId,e=b.clientX,f=b.clientY;b.preventDefault();return Mea(new $APP.M(null,2,[$APP.zr,b.pointerType,$APP.Yr,$APP.Yr.i(c)],null))?$APP.Q(a,"__xDragPanelPress",new $APP.M(null,4,[$APP.ku,d,$APP.Tp,
|
|
23
|
+
e,$APP.Xp,f,sI,setTimeout(function(){return vI(a,d,e,f)},250)],null)):vI(a,d,e,f)}return null},Wea=function(a,b){var c=b.key,d=$APP.l(a,"__xDragPanelKeyboard"),e=kI(a);var f=$APP.z.j(c," ");e=f?(f=$APP.p(d))?$APP.qt.i(e):f:f;if($APP.n(e))return b.preventDefault(),b=kI(a),c=Uea(a),$APP.q(c)?($APP.Q(a,"__xDragPanelKeyboard",new $APP.M(null,2,[zI,c,$APP.Vl,0],null)),$APP.S(a,"data-dragging",""),$APP.fj(a,"x-drag-panel-drag-start",WH($APP.ct.i(b),$APP.Ui.i(b))),iI(a,"Picked up "+$APP.P.i($APP.Z.i(b))),
|
|
24
|
+
a=yI(a,c,0)):a=null,a;if($APP.n($APP.n(d)?$APP.z.j(c,"ArrowDown")||$APP.z.j(c,"ArrowRight"):d))return b.preventDefault(),BI(a,1);if($APP.n($APP.n(d)?$APP.z.j(c,"ArrowUp")||$APP.z.j(c,"ArrowLeft"):d))return b.preventDefault(),BI(a,-1);if($APP.n($APP.n(d)?$APP.z.j(c,"Enter"):d)){b.preventDefault();a:{c=$APP.l(a,"__xDragPanelKeyboard");if($APP.n(c)&&(b=kI(a),c=$APP.A(zI.i(c),$APP.Vl.i(c),null),d=a.closest("x-drop-zone"),AI(a),$APP.n(c))){e=$APP.w($APP.nl($APP.ml(c),a));$APP.Q(c,"__xDropZoneHover",null);
|
|
25
|
+
ZH(c);fI(c,a,d,e);$APP.Xl(c);a=iI(a,"Dropped "+$APP.P.i($APP.Z.i(b)));break a}a=null}return a}return $APP.n($APP.n(d)?$APP.z.j(c,"Escape"):d)?(b.preventDefault(),$APP.n($APP.l(a,"__xDragPanelKeyboard"))?(b=kI(a),AI(a),$APP.fj(a,"x-drag-panel-drag-cancel",XH($APP.ct.i(b),$APP.Ui.i(b),"escape")),a=iI(a,"Cancelled moving "+$APP.P.i($APP.Z.i(b)))):a=null,a):null},Xea=function(a){var b={};$APP.ka(b,"pointerDown",function(c){return Vea(a,c)});$APP.ka(b,"pointerMove",function(c){var d=c.clientX,e=c.clientY,
|
|
26
|
+
f=$APP.l(a,"__xDragPanelPress");if($APP.n(f)){f=$APP.$g.B(f,$APP.It,d,$APP.Ec([$APP.Ht,e]));var h=$APP.G(f);f=$APP.C(h,$APP.Tp);var k=$APP.C(h,$APP.Xp),m=$APP.C(h,$APP.It),r=$APP.C(h,$APP.Ht);h=$APP.C(h,$APP.Br);Math.hypot(($APP.n(m)?m:0)-($APP.n(f)?f:0),($APP.n(r)?r:0)-($APP.n(k)?k:0))>($APP.n(h)?h:8)&&tI(a)}f=$APP.l(a,"__xDragPanelDrag");return $APP.n(f)?$APP.z.j($APP.ku.i(f),c.pointerId)?$APP.$i(a,"__xDragPanelDrag",$APP.$g.B(f,$APP.It,d,$APP.Ec([$APP.Ht,e]))):null:null});$APP.ka(b,"pointerEnd",
|
|
27
|
+
function(c){tI(a);var d=$APP.l(a,"__xDragPanelDrag");if($APP.n(d))if($APP.z.j($APP.ku.i(d),c.pointerId))if($APP.z.j("pointercancel",c.type))c=xI(a);else{var e=$APP.l(a,"__xDragPanelDrag");if($APP.n(e)){c=kI(a);var f=$APP.G(e);d=$APP.C(f,$APP.It);var h=$APP.C(f,$APP.Ht);f=$APP.C(f,uI);var k=mI(d,h),m=$APP.n(k)?bI(k,a):k;e=pI.i(e);$APP.n(e)&&dI(e,a);wI(a);$APP.n(m)?(d=eI(k,a,d,h),$APP.Q(k,"__xDropZoneHover",null),ZH(k),fI(k,a,f,d),$APP.Xl(k),c=iI(a,"Dropped "+$APP.P.i($APP.Z.i(c)))):($APP.fj(a,"x-drag-panel-drag-cancel",
|
|
28
|
+
XH($APP.ct.i(c),$APP.Ui.i(c),"no-zone")),c=iI(a,"Returned "+$APP.P.i($APP.Z.i(c))))}else c=null}else c=null;else c=null;return c});$APP.ka(b,"handleKeydown",function(c){return Wea(a,c)});$APP.ka(b,"windowKeydown",function(c){c=$APP.z.j("Escape",c.key);return $APP.n(c?$APP.l(a,"__xDragPanelDrag"):c)?xI(a):null});return b},CI=function(a,b){var c=$APP.l(a,"__xDragPanelRefs");a=$APP.l(a,"__xDragPanelHandlers");if($APP.n($APP.n(c)?a:c))for(var d=$APP.q(Yea),e=null,f=0,h=0;;)if(h<f){var k=e.C(null,h),m=
|
|
29
|
+
$APP.A(k,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)?
|
|
30
|
+
B.addEventListener(r,E,k):B.removeEventListener(r,E,k));d=$APP.v(d);e=null;f=0}h=0}else return null;else return null},Zea=function(a){return $APP.uj(a,$APP.kw)},$ea=function(a){gI(a);lI(a);$APP.Q(a,"__xDragPanelHandlers",Xea(a));return CI(a,!0)},afa=function(a){tI(a);rI(a);AI(a);$APP.Q(a,"__xDragPanelDrag",null);CI(a,!1);return $APP.Q(a,"__xDragPanelHandlers",null)},bfa=function(a,b,c,d){return $APP.I(c,d)?lI(a):null},DI=function(){return $APP.si("x-drag-panel",new $APP.M(null,5,[$APP.ji,cfa,$APP.hi,
|
|
31
|
+
$ea,$APP.ei,afa,$APP.di,bfa,$APP.ii,Zea],null))},cfa="kind value label grab auto-scroll disabled pending".split(" "),zI=new $APP.F(null,"zones","zones",2018149077),uI=new $APP.F(null,"from-zone","from-zone",-2048143887),sI=new $APP.F(null,"timer","timer",-1266967739),pI=new $APP.F(null,"zone","zone",2068674983);var Pea=":host{display:block;position:relative;box-sizing:border-box;border-radius:var("+$APP.P.i("--x-drag-panel-radius")+",var(--x-radius-md,8px));}:host([hidden]){display:none;}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}[part\x3dpanel]{box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;background:var("+$APP.P.i("--x-drag-panel-bg")+",var(--x-color-surface,#fff));color:var("+$APP.P.i("--x-drag-panel-color")+
|
|
32
32
|
",var(--x-color-text,#111));border:var("+$APP.P.i("--x-drag-panel-border")+",1px solid var(--x-color-border,#d8d8d8));border-radius:var("+$APP.P.i("--x-drag-panel-radius")+",var(--x-radius-md,8px));box-shadow:var("+$APP.P.i("--x-drag-panel-shadow")+",0 1px 2px rgba(0,0,0,.06));transition:var("+$APP.P.i("--x-drag-panel-transition")+",box-shadow .16s ease,transform .16s ease);}[part\x3dhandle]{display:flex;align-items:center;gap:.5rem;min-height:var("+$APP.P.i("--x-drag-panel-handle-height")+",2rem);padding:0 var("+
|
|
33
33
|
$APP.P.i("--x-drag-panel-padding")+",.75rem);background:var("+$APP.P.i("--x-drag-panel-handle-bg")+",transparent);cursor:grab;touch-action:none;user-select:none;}[part\x3dhandle]:focus-visible{outline:2px solid var(--x-color-focus,#3b82f6);outline-offset:-2px;}[part\x3dgrip]{flex:none;width:.75rem;color:var("+$APP.P.i("--x-drag-panel-grip-color")+",var(--x-color-text-muted,#8a8a8a));line-height:1;}[part\x3dbody]{padding:var("+$APP.P.i("--x-drag-panel-padding")+",.75rem);}:host([grab\x3dsurface]) [part\x3dpanel]{cursor:grab;touch-action:none;}:host([data-dragging]) [part\x3dpanel]{z-index:1000;pointer-events:none;cursor:grabbing;box-shadow:var("+
|
|
34
34
|
$APP.P.i("--x-drag-panel-lift-shadow")+",0 12px 32px rgba(0,0,0,.22));background:var("+$APP.P.i("--x-drag-panel-bg")+",var(--x-color-bg,#fff));transition:none;}:host([data-dragging]),:host([pending]){border:var("+$APP.P.i("--x-drag-panel-footprint-border")+",1px dashed var(--x-color-border,#c9c9c9));background:var("+$APP.P.i("--x-drag-panel-footprint-bg")+",transparent);}:host([pending]) [part\x3dpanel]{visibility:hidden;}:host([disabled]) [part\x3dpanel]{opacity:.55;}:host([disabled]) [part\x3dhandle]{cursor:default;}@media (prefers-reduced-motion: reduce){[part\x3dpanel]{transition:none !important;}}",
|
|
35
|
-
|
|
36
|
-
4,5,$APP.K,["host","pointerup","pointerEnd",!1],null),new $APP.J(null,4,5,$APP.K,["host","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,["window","keydown","windowKeydown",!1],null)],null);$APP.ha("baredom.exports.x_drag_panel.init",
|
|
35
|
+
qI=function qI(a,b){var d=$APP.l(a,"__xDragPanelDrag");if($APP.n(d)){var e=$APP.l(a,"__xDragPanelLastFrame");e=$APP.n(e)?b-e:0;$APP.$i(a,"__xDragPanelLastFrame",b);Qea(a,d);Sea(a,d);Rea(a,d,e);return $APP.$i(a,"__xDragPanelRaf",requestAnimationFrame(function(f){return qI.j?qI.j(a,f):qI.call(null,a,f)}))}return null},Yea=new $APP.J(null,6,5,$APP.K,[new $APP.J(null,4,5,$APP.K,["host","pointerdown","pointerDown",!1],null),new $APP.J(null,4,5,$APP.K,["host","pointermove","pointerMove",!1],null),new $APP.J(null,
|
|
36
|
+
4,5,$APP.K,["host","pointerup","pointerEnd",!1],null),new $APP.J(null,4,5,$APP.K,["host","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,["window","keydown","windowKeydown",!1],null)],null);$APP.ha("baredom.exports.x_drag_panel.init",DI);export const init=DI;
|
package/dist/x-drawer.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
2
|
+
var IT=function(a){var b=$APP.l(a,"__xDrawerRefs");if($APP.n(b))return b;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=document.createElement("div"),m=document.createElement("slot"),r=document.createElement("div"),u=document.createElement("slot");c.textContent=":host{display:contents;color-scheme:light dark;--x-drawer-size:20rem;--x-drawer-bg:var(--x-color-bg,Canvas);--x-drawer-fg:var(--x-color-text,CanvasText);--x-drawer-backdrop:rgb(0 0 0/0.4);--x-drawer-shadow:var(--x-shadow-lg,0 8px 24px rgb(0 0 0/0.18));--x-drawer-duration:var(--x-transition-duration,200ms);--x-drawer-easing:ease;--x-drawer-z:1000;--x-drawer-header-padding:1rem 1.25rem;--x-drawer-body-padding:1rem 1.25rem;--x-drawer-footer-padding:0.75rem 1.25rem;--x-drawer-border:var(--x-color-border,color-mix(in srgb,currentColor 12%,transparent));}[part\x3dbackdrop]{display:none;position:fixed;inset:0;background:var(--x-drawer-backdrop);z-index:var(--x-drawer-z);}:host([data-open\x3dtrue]) [part\x3dbackdrop]{display:block;}[part\x3dpanel]{position:fixed;background:var(--x-drawer-bg);color:var(--x-drawer-fg);box-shadow:var(--x-drawer-shadow);display:flex;flex-direction:column;overflow:hidden;z-index:calc(var(--x-drawer-z) + 1);transition:transform var(--x-drawer-duration) var(--x-drawer-easing);}:host([data-placement\x3dleft]) [part\x3dpanel],:host([data-placement\x3dright]) [part\x3dpanel]{top:0;bottom:0;width:var(--x-drawer-size);max-width:100%;}:host([data-placement\x3dleft]) [part\x3dpanel]{left:0;transform:translateX(-100%);}:host([data-placement\x3dright]) [part\x3dpanel]{right:0;transform:translateX(100%);}:host([data-placement\x3dtop]) [part\x3dpanel],:host([data-placement\x3dbottom]) [part\x3dpanel]{left:0;right:0;height:var(--x-drawer-size);max-height:100dvh;}:host([data-placement\x3dtop]) [part\x3dpanel]{top:0;transform:translateY(-100%);}:host([data-placement\x3dbottom]) [part\x3dpanel]{bottom:0;transform:translateY(100%);}:host([data-open\x3dtrue]) [part\x3dpanel]{transform:none;}[part\x3dpanel]:focus{outline:none;}[part\x3dheader]{padding:var(--x-drawer-header-padding);border-bottom:1px solid var(--x-drawer-border);flex-shrink:0;}[part\x3dbody]{padding:var(--x-drawer-body-padding);overflow-y:auto;flex:1;}[part\x3dfooter]{padding:var(--x-drawer-footer-padding);border-top:1px solid var(--x-drawer-border);flex-shrink:0;}@media (prefers-reduced-motion:reduce){[part\x3dpanel]{transition:none;}}@media (prefers-color-scheme:dark){:host{--x-drawer-bg:var(--x-color-bg,#1c1d24);--x-drawer-fg:var(--x-color-text,#e2e4ef);--x-drawer-border:var(--x-color-border,rgb(255 255 255/0.08));--x-drawer-shadow:var(--x-shadow-lg,0 8px 40px rgb(0 0 0/0.55));--x-drawer-backdrop:rgb(0 0 0/0.55);}}";
|
|
3
3
|
$APP.S(d,"part","backdrop");$APP.S(e,"part","panel");$APP.S(e,"role","dialog");$APP.S(e,"aria-modal","true");$APP.S(f,"part","header");$APP.S(h,"name","header");$APP.S(k,"part","body");$APP.S(r,"part","footer");$APP.S(u,"name","footer");f.appendChild(h);k.appendChild(m);r.appendChild(u);e.appendChild(f);e.appendChild(k);e.appendChild(r);b.appendChild(c);b.appendChild(d);b.appendChild(e);$APP.Q(a,"__xDrawerRefs",{root:b,backdrop:d,panel:e,header:f,body:k,footer:r});return $APP.l(a,"__xDrawerRefs")},
|
|
4
|
-
|
|
5
|
-
!0;$APP.Q(a,"__xDrawerTabbables",null);$APP.Q(a,"__xDrawerRestore",null);$APP.n($APP.n(b)?d:b)&&($APP.U(b,"tabindex"),$APP.Q(a,"__xDrawerPanelTab",!1));return $APP.n($APP.n(c)?c.isConnected:c)?c.focus():null},
|
|
6
|
-
return $APP.n($APP.n(e)?$APP.z.j(a,d):e)?(b.preventDefault(),c.focus()):$APP.p(e)&&$APP.z.j(a,c)?(b.preventDefault(),d.focus()):null},
|
|
7
|
-
var e=
|
|
8
|
-
d=$APP.C(c,$APP.
|
|
9
|
-
e);$APP.n(f)?$APP.U(d,"aria-hidden"):$APP.S(d,"aria-hidden","true");
|
|
10
|
-
$APP.l(a,"__xDrawerHandlers"),c=$APP.l(a,"__xDrawerRefs");if($APP.n($APP.n(b)?c:b)){var d=$APP.l(c,"backdrop");c=$APP.l(c,"panel");var e=$APP.l(b,"backdrop");b=$APP.l(b,"keydown");$APP.n(e)&&d.removeEventListener("click",e);$APP.n(b)&&c.removeEventListener("keydown",b)}$APP.Q(a,"__xDrawerHandlers",null)},
|
|
11
|
-
set:function(b){return $APP.n(b)?
|
|
12
|
-
$APP.U(this,"open"):
|
|
4
|
+
Rka=function(a){return $APP.$e($APP.Ee(function(b){var c=window.getComputedStyle(b);return $APP.I("none",c.display)&&$APP.I("hidden",c.visibility)&&b.offsetWidth>0&&b.offsetHeight>0},$APP.Ec(a.querySelectorAll("a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex\x3d'-1'])"))))},JT=function(a){var b=$APP.l(a,"__xDrawerRefs");b=$APP.n(b)?$APP.l(b,"panel"):null;var c=$APP.l(a,"__xDrawerRestore"),d=$APP.l(a,"__xDrawerPanelTab")===
|
|
5
|
+
!0;$APP.Q(a,"__xDrawerTabbables",null);$APP.Q(a,"__xDrawerRestore",null);$APP.n($APP.n(b)?d:b)&&($APP.U(b,"tabindex"),$APP.Q(a,"__xDrawerPanelTab",!1));return $APP.n($APP.n(c)?c.isConnected:c)?c.focus():null},Ska=function(a,b){var c=$APP.l(a,"__xDrawerTabbables");c=$APP.n(c)?$APP.$e($APP.Ec(c)):$APP.Ge;a=$APP.l(a,"__xDrawerRefs");a=$APP.n(a)?$APP.l(a,"panel"):null;if($APP.Tc(c))return b.preventDefault(),$APP.n(a)?a.focus():null;a=document.activeElement;var d=$APP.t(c);c=$APP.Ic(c);var e=b.shiftKey;
|
|
6
|
+
return $APP.n($APP.n(e)?$APP.z.j(a,d):e)?(b.preventDefault(),c.focus()):$APP.p(e)&&$APP.z.j(a,c)?(b.preventDefault(),d.focus()):null},KT=function(a,b){$APP.fj(a,"x-drawer-dismiss",{reason:b});return $APP.U(a,"open")},LT=function(a){return $APP.n(a.hasAttribute("open"))?null:$APP.S(a,"open","")},Tka=function(a,b,c){b=$APP.D($APP.Bv.i(b));c=$APP.D($APP.Bv.i(c));$APP.I(b,c)&&($APP.fj(a,"x-drawer-toggle",{open:c}),c?setTimeout(function(){var d=$APP.l(a,"__xDrawerRefs");d=$APP.n(d)?$APP.l(d,"panel"):null;
|
|
7
|
+
var e=Rka(a);$APP.Q(a,"__xDrawerRestore",document.activeElement);$APP.Q(a,"__xDrawerTabbables",$APP.n(e)?$APP.an(e):null);$APP.q(e)?d=$APP.t(e).focus():$APP.n(d)?($APP.n(d.hasAttribute("tabindex"))||($APP.S(d,"tabindex","-1"),$APP.Q(a,"__xDrawerPanelTab",!0)),d=d.focus()):d=null;return d},0):JT(a))},MT=function(a){if($APP.n($APP.l(a,"__xDrawerRefs"))){var b=new $APP.M(null,3,[$APP.Oq,a.hasAttribute("open"),$APP.fw,a.getAttribute("placement"),$APP.Pj,a.getAttribute("label")],null);var c=$APP.G(b),
|
|
8
|
+
d=$APP.C(c,$APP.Oq);b=$APP.C(c,$APP.fw);c=$APP.C(c,$APP.Pj);d=$APP.D(d);b=typeof b==="string"&&$APP.dd(Uka,b)?b:"right";c=typeof c==="string"&&$APP.I(c,"")?c:"Drawer";b=new $APP.M(null,3,[$APP.Bv,d,$APP.gs,b,$APP.Z,c],null);c=$APP.l(a,"__xDrawerModel");if($APP.I(c,b)){d=IT(a);d=$APP.l(d,"panel");var e=$APP.G(b),f=$APP.C(e,$APP.Bv);e=$APP.C(e,$APP.gs);$APP.S(a,"data-open",$APP.n(f)?"true":"false");$APP.S(a,"data-placement",e);e=$APP.G(b);f=$APP.C(e,$APP.Bv);e=$APP.C(e,$APP.Z);$APP.S(d,"aria-label",
|
|
9
|
+
e);$APP.n(f)?$APP.U(d,"aria-hidden"):$APP.S(d,"aria-hidden","true");Tka(a,c,b);a=$APP.Q(a,"__xDrawerModel",b)}else a=null;return a}return null},Vka=function(a){function b(f){var h=f.key;$APP.z.j(h,"Escape")?(f.preventDefault(),f=KT(a,"escape")):f=$APP.z.j(h,"Tab")?Ska(a,f):null;return f}function c(){return KT(a,"backdrop")}var d=IT(a),e=$APP.l(d,"panel");$APP.l(d,"backdrop").addEventListener("click",c);e.addEventListener("keydown",b);$APP.Q(a,"__xDrawerHandlers",{backdrop:c,keydown:b})},NT=function(a){var b=
|
|
10
|
+
$APP.l(a,"__xDrawerHandlers"),c=$APP.l(a,"__xDrawerRefs");if($APP.n($APP.n(b)?c:b)){var d=$APP.l(c,"backdrop");c=$APP.l(c,"panel");var e=$APP.l(b,"backdrop");b=$APP.l(b,"keydown");$APP.n(e)&&d.removeEventListener("click",e);$APP.n(b)&&c.removeEventListener("keydown",b)}$APP.Q(a,"__xDrawerHandlers",null)},Wka=function(a){IT(a);NT(a);Vka(a);return MT(a)},Xka=function(a){NT(a);return JT(a)},Yka=function(a,b,c,d){return $APP.I(c,d)?MT(a):null},Zka=function(a){Object.defineProperty(a,"open",{get:function(){return this.hasAttribute("open")},
|
|
11
|
+
set:function(b){return $APP.n(b)?LT(this):$APP.U(this,"open")},enumerable:!0,configurable:!0});$APP.nj(a,"placement","placement","right");$APP.nj(a,"label","label","Drawer");Object.defineProperty(a,"show",{value:function(){return LT(this)},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"))?
|
|
12
|
+
$APP.U(this,"open"):LT(this)},enumerable:!0,configurable:!0,writable:!0})},OT=function(){return $APP.si("x-drawer",new $APP.M(null,5,[$APP.ji,$ka,$APP.hi,Wka,$APP.ei,Xka,$APP.di,Yka,$APP.ii,Zka],null))};var Uka=new $APP.ch(null,new $APP.M(null,4,["right",null,"top",null,"bottom",null,"left",null],null),null),$ka=["open","placement","label"];$APP.je(["x-drawer-toggle",new $APP.M(null,2,[$APP.$u,!1,$APP.V,new $APP.M(null,1,[$APP.Wu,$APP.sj],null)],null),"x-drawer-dismiss",new $APP.M(null,2,[$APP.$u,!1,$APP.V,new $APP.M(null,1,[$APP.Zq,$APP.X],null)],null)]);$APP.ha("baredom.exports.x_drawer.init",OT);export const init=OT;
|
package/dist/x-drop-zone.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
e){var h=d.C(null,f);b.set(h,h.getBoundingClientRect());f+=1}else if(c=$APP.q(c))d=c,$APP
|
|
4
|
-
$APP.
|
|
5
|
-
$APP.n(m))){var r=$APP.G(m);m=$APP.C(r,$APP.
|
|
6
|
-
d=$APP.
|
|
7
|
-
$APP.S(a,"aria-busy","true"):$APP.U(a,"aria-busy");e=$APP.G(b);e=$APP.C(e,$APP.
|
|
8
|
-
|
|
9
|
-
h+=1}else if(d=$APP.q(d)){if($APP
|
|
10
|
-
"Drop zone");$APP.
|
|
11
|
-
writable:!0});return Object.defineProperty(a,"release",{value:function(){
|
|
12
|
-
new $APP.M(null,5,[$APP.
|
|
2
|
+
var HV=function(a,b){function c(e){var f=$APP.G(e);e=$APP.C(f,$APP.To);f=$APP.C(f,$APP.Uo);return($APP.n(e)?e:0)>0&&($APP.n(f)?f:0)>0}if(c(a)&&c(b)){var d=$APP.Sp.i(a)-$APP.Sp.i(b);a=$APP.vq.i(a)-$APP.vq.i(b);return $APP.I(0,d)||$APP.I(0,a)?new $APP.M(null,2,[$APP.Ws,d,$APP.Vs,a],null):null}return null},IV=function(a){var b=$APP.kl(a,"empty");return $APP.n(b)?$APP.q($APP.ml(a))?$APP.S(b,"hidden",""):$APP.U(b,"hidden"):null},JV=function(a){for(var b=new Map,c=$APP.q($APP.ml(a)),d=null,e=0,f=0;;)if(f<
|
|
3
|
+
e){var h=d.C(null,f);b.set(h,h.getBoundingClientRect());f+=1}else if(c=$APP.q(c))d=c,$APP.$c(d)?(c=$APP.Fb(d),f=$APP.Gb(d),d=c,e=$APP.w(c),c=f):(c=$APP.t(d),b.set(c,c.getBoundingClientRect()),c=$APP.v(d),d=null,e=0),f=0;else break;$APP.$i(a,"__xDropZoneRects",b)},KV=function(a,b,c){a.animate([{transform:"translate("+$APP.P.i(b)+$APP.P.i("px")+","+$APP.P.i(c)+$APP.P.i("px")+")"},{transform:"none"}],{duration:180,easing:"ease"})},LV=function(a){return new $APP.M(null,4,[$APP.Sp,a.left,$APP.vq,a.top,
|
|
4
|
+
$APP.To,a.width,$APP.Uo,a.height],null)},MV=function(a){var b=$APP.l(a,"__xDropZoneObserver");$APP.n(b)&&b.disconnect();$APP.Q(a,"__xDropZoneObserver",null)},ema=function(a){if(!$APP.n($APP.l(a,"__xDropZoneObserver"))){var b=new MutationObserver(function(){if(!$APP.n(matchMedia("(prefers-reduced-motion: reduce)").matches)){var c=$APP.l(a,"__xDropZoneRects");if($APP.n(c))for(var d=$APP.q($APP.ml(a)),e=null,f=0,h=0;;)if(h<f){var k=e.C(null,h),m=c.get(k);if($APP.n(m)&&(m=HV(LV(m),LV(k.getBoundingClientRect())),
|
|
5
|
+
$APP.n(m))){var r=$APP.G(m);m=$APP.C(r,$APP.Ws);r=$APP.C(r,$APP.Vs);KV(k,m,r)}h+=1}else if(d=$APP.q(d))$APP.$c(d)?(f=$APP.Fb(d),d=$APP.Gb(d),e=f,f=$APP.w(f)):(e=$APP.t(d),f=c.get(e),$APP.n(f)&&(f=HV(LV(f),LV(e.getBoundingClientRect())),$APP.n(f)&&(h=$APP.G(f),f=$APP.C(h,$APP.Ws),h=$APP.C(h,$APP.Vs),KV(e,f,h))),d=$APP.v(d),e=null,f=0),h=0;else break;JV(a)}return IV(a)});b.observe(a,{childList:!0});$APP.Q(a,"__xDropZoneObserver",b);JV(a)}},fma=function(a){var b=$APP.Ql(a),c=$APP.l(a,"__xDropZoneLastDrop"),
|
|
6
|
+
d=$APP.Wl.i(c),e=function(){return $APP.n(d)?$APP.pe(function(h){return h===d},$APP.ml(a)):d}(),f=function(){var h=$APP.Z.i(c);return $APP.n(h)?h:"Item"}();$APP.El(a,$APP.n(e)?""+$APP.P.i(f)+" moved to "+$APP.P.i($APP.Z.i(b)):"Move of "+$APP.P.i(f)+" failed");return $APP.Q(a,"__xDropZoneLastDrop",null)},NV=function(a){var b=$APP.Pl(a),c=$APP.l(a,"__xDropZoneModel");if($APP.I(c,b)){$APP.jl(a);var d=$APP.G(b),e=$APP.C(d,$APP.Z);d=$APP.C(d,$APP.Ml);$APP.S(a,"role","group");$APP.S(a,"aria-label",e);$APP.n(d)?
|
|
7
|
+
$APP.S(a,"aria-busy","true"):$APP.U(a,"aria-busy");e=$APP.G(b);e=$APP.C(e,$APP.Ol);$APP.n(e)?ema(a):MV(a);$APP.Q(a,"__xDropZoneModel",b);$APP.Xl(a);IV(a);$APP.n(c)?(c=$APP.D($APP.Ml.i(c)),e=$APP.D($APP.Ml.i(b)),!c&&e?(c=$APP.Z.i($APP.l(a,"__xDropZoneLastDrop")),a=$APP.El(a,"Moving "+$APP.P.i($APP.n(c)?c:"Item")+" to "+$APP.P.i($APP.Z.i(b)))):a=c&&!e?fma(a):null):a=null}else a=null;return a},OV=function(a){a=$APP.l(a,"__xDropZoneReservation");$APP.n(a)&&(a=$APP.Wl.i(a),$APP.n(a)&&$APP.U(a,"pending"))},
|
|
8
|
+
gma=function(a){var b={};$APP.ka(b,"slotChange",function(){IV(a);return $APP.Xl(a)});return b},PV=function(a,b){var c=$APP.l(a,"__xDropZoneRefs");a=$APP.l(a,"__xDropZoneHandlers");if($APP.n($APP.n(c)?a:c))for(var d=$APP.q($APP.lw),e=null,f=0,h=0;;)if(h<f){var k=e.C(null,h),m=$APP.A(k,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));
|
|
9
|
+
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,E,k):B.removeEventListener(r,E,k));d=$APP.v(d);e=null;f=0}h=0}else break},hma=function(a){$APP.nj(a,"value","value","");$APP.nj(a,"accepts","accepts","");$APP.pj(a,"max","max",null);$APP.nj(a,"label","label",
|
|
10
|
+
"Drop zone");$APP.kj(a,"disabled","disabled");$APP.kj(a,"pending","pending");$APP.pj(a,"pendingIndex","pending-index",null);$APP.kj(a,"animateMoves","animate-moves");Object.defineProperty(a,"reserve",{value:function(b,c){$APP.jl(this);OV(this);$APP.Q(this,"__xDropZoneReservation",new $APP.M(null,1,[$APP.Wl,b],null));$APP.n(b)&&$APP.S(b,"pending","");typeof c==="number"?$APP.S(this,"pending-index",""+$APP.P.i(c)):$APP.U(this,"pending-index");return $APP.S(this,"pending","")},enumerable:!0,configurable:!0,
|
|
11
|
+
writable:!0});return Object.defineProperty(a,"release",{value:function(){OV(this);$APP.Q(this,"__xDropZoneReservation",null);$APP.U(this,"pending");return $APP.U(this,"pending-index")},enumerable:!0,configurable:!0,writable:!0})},ima=function(a){$APP.jl(a);NV(a);$APP.Q(a,"__xDropZoneHandlers",gma(a));PV(a,!0);return IV(a)},jma=function(a){MV(a);PV(a,!1);$APP.Q(a,"__xDropZoneHandlers",null);return $APP.Q(a,"__xDropZoneHover",null)},kma=function(a,b,c,d){return $APP.I(c,d)?NV(a):null},QV=function(){return $APP.si("x-drop-zone",
|
|
12
|
+
new $APP.M(null,5,[$APP.ji,lma,$APP.hi,ima,$APP.ei,jma,$APP.di,kma,$APP.ii,hma],null))},lma="value accepts max label disabled pending pending-index animate-moves".split(" ");$APP.ha("baredom.exports.x_drop_zone.init",QV);export const init=QV;
|