@vanelsas/baredom 3.0.0 → 3.1.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 +18 -0
- package/custom-elements.json +3393 -2954
- package/dist/baredom.d.ts +86 -86
- package/dist/base.js +533 -524
- package/dist/integrity.json +103 -103
- package/dist/x-alert.js +16 -16
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +14 -14
- package/dist/x-badge.js +9 -9
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +14 -13
- package/dist/x-button.js +1 -1
- package/dist/x-cancel-dialogue.js +14 -13
- package/dist/x-card.d.ts +1 -1
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.d.ts +3 -0
- package/dist/x-carousel.js +35 -33
- package/dist/x-chart.js +47 -47
- package/dist/x-checkbox.js +1 -1
- package/dist/x-chip.js +1 -1
- package/dist/x-collapse.d.ts +1 -0
- package/dist/x-collapse.js +11 -10
- package/dist/x-color-picker.js +46 -45
- package/dist/x-combobox.d.ts +2 -0
- package/dist/x-combobox.js +30 -26
- package/dist/x-command-palette.d.ts +3 -0
- package/dist/x-command-palette.js +28 -26
- package/dist/x-confetti.js +24 -24
- package/dist/x-container.js +5 -6
- package/dist/x-context-menu.d.ts +4 -0
- package/dist/x-context-menu.js +21 -20
- package/dist/x-copy.js +20 -20
- package/dist/x-currency-field.d.ts +2 -0
- package/dist/x-currency-field.js +24 -23
- package/dist/x-date-picker.d.ts +3 -0
- package/dist/x-date-picker.js +42 -42
- package/dist/x-divider.js +10 -9
- package/dist/x-drawer.js +11 -10
- package/dist/x-dropdown.d.ts +3 -0
- package/dist/x-dropdown.js +12 -11
- package/dist/x-fieldset.js +6 -5
- package/dist/x-file-download.js +7 -7
- package/dist/x-file-upload.d.ts +2 -0
- package/dist/x-file-upload.js +23 -22
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.d.ts +4 -0
- package/dist/x-form.js +10 -9
- package/dist/x-gaussian-blur.js +13 -12
- package/dist/x-grid.js +6 -7
- package/dist/x-i18n-provider.js +7 -7
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +7 -7
- package/dist/x-image.js +17 -17
- package/dist/x-kbd.js +16 -16
- package/dist/x-kinetic-canvas.js +26 -25
- package/dist/x-kinetic-font.js +27 -27
- package/dist/x-kinetic-typography.js +35 -33
- package/dist/x-liquid-dock.js +34 -38
- package/dist/x-liquid-fill.js +42 -45
- package/dist/x-liquid-glass.js +41 -47
- package/dist/x-menu-item.js +8 -8
- package/dist/x-menu.js +10 -11
- package/dist/x-metaball-cursor.js +23 -26
- package/dist/x-modal.js +12 -11
- package/dist/x-morph-stack.d.ts +4 -0
- package/dist/x-morph-stack.js +37 -37
- package/dist/x-multi-combobox.js +36 -36
- package/dist/x-navbar.js +15 -12
- package/dist/x-neural-glow.js +30 -33
- package/dist/x-notification-center.d.ts +2 -0
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +18 -17
- package/dist/x-organic-progress.js +35 -37
- package/dist/x-organic-shape.js +14 -13
- package/dist/x-otp-input.js +22 -22
- package/dist/x-pagination.js +14 -15
- package/dist/x-particle-button.js +51 -51
- package/dist/x-popover.d.ts +3 -0
- package/dist/x-popover.js +27 -25
- package/dist/x-progress-circle.d.ts +3 -0
- package/dist/x-progress-circle.js +9 -9
- package/dist/x-progress.js +8 -10
- package/dist/x-proximity-list.js +20 -20
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.js +10 -11
- package/dist/x-scroll-parallax.js +17 -18
- package/dist/x-scroll-stack.js +16 -17
- package/dist/x-scroll-story.js +33 -34
- package/dist/x-scroll-timeline.js +46 -45
- package/dist/x-scroll.d.ts +3 -0
- package/dist/x-scroll.js +38 -40
- package/dist/x-search-field.d.ts +2 -0
- package/dist/x-search-field.js +1 -1
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.js +18 -17
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +16 -15
- package/dist/x-soft-body.js +20 -22
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +12 -13
- package/dist/x-spotlight-card.js +12 -12
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +13 -14
- package/dist/x-switch.js +11 -10
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.js +21 -20
- package/dist/x-table-row.js +8 -8
- package/dist/x-table.d.ts +32 -32
- package/dist/x-table.js +13 -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 -20
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.d.ts +1 -0
- package/dist/x-toast.js +22 -22
- package/dist/x-toaster.js +7 -8
- package/dist/x-tooltip.d.ts +2 -0
- package/dist/x-tooltip.js +12 -12
- package/dist/x-trace-history.js +120 -117
- package/dist/x-typography.js +9 -9
- package/dist/x-welcome-tour.js +63 -61
- package/package.json +4 -2
package/dist/x-date-picker.js
CHANGED
|
@@ -1,43 +1,43 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
if(a==null)return-1;if(b==null)return 1;a=a.getTime();b=b.getTime();return a<b?-1:a>b?1:0}
|
|
4
|
-
|
|
5
|
-
2,[
|
|
6
|
-
$APP.
|
|
7
|
-
return new $APP.
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
"0"),b.focus()}return null},
|
|
12
|
-
|
|
13
|
-
var
|
|
14
|
-
|
|
15
|
-
f)
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
"")
|
|
19
|
-
$APP.
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
$APP.
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
"
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
$APP.
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
2,[$APP.
|
|
43
|
-
$APP.
|
|
2
|
+
var V1=function(a){return typeof a==="string"?(a=a.trim(),$APP.I(a,"")?a:null):null},W1=function(a){return a<10?"0"+$APP.P.i(a):""+$APP.P.i(a)},X1=function(a){return $APP.n(a)?""+$APP.P.i(a.getUTCFullYear())+"-"+$APP.P.i(W1(a.getUTCMonth()+1))+"-"+$APP.P.i(W1(a.getUTCDate())):null},Y1=function(a){var b=(b=typeof a==="string")?$APP.Lg(/\d{4}-\d{2}-\d{2}/,a):b;return $APP.n(b)?(a=new Date(""+$APP.P.i(a)+"T00:00:00.000Z"),$APP.n(isNaN(a.getTime()))?null:a):null},Z1=function(a,b){if(a==null&&b==null)return 0;
|
|
3
|
+
if(a==null)return-1;if(b==null)return 1;a=a.getTime();b=b.getTime();return a<b?-1:a>b?1:0},$1=function(a,b){return $APP.n(a)?new Date(a.getTime()+b*864E5):null},a2=function(a){return $APP.n(a)?new Date(Date.UTC(a.getUTCFullYear(),a.getUTCMonth(),1)):null},b2=function(a,b){if($APP.n(a)){var c=a.getUTCFullYear(),d=a.getUTCDate();a=a.getUTCMonth()+b;b=(new Date(Date.UTC(c,a+1,0))).getUTCDate();return new Date(Date.UTC(c,a,$APP.Hm.j(d,b)))}return null},Pia=function(a,b,c){a=$APP.n($APP.n(b)?$APP.n(a)?
|
|
4
|
+
Z1(a,b)<0:a:b)?b:a;return $APP.n($APP.n(c)?$APP.n(a)?Z1(a,c)>0:a:c)?c:a},Qia=function(a,b,c){if($APP.n($APP.n(a)?$APP.n(b)?c:b:a)){var d=Z1(b,c)<0?c:b;return!(Z1(a,Z1(b,c)<0?b:c)<0)&&!(Z1(a,d)>0)}return null},e2=function(a,b){var c=$APP.H(b);b=$APP.C(c,c2);c=$APP.C(c,$APP.Cs);return $APP.n(a)?$APP.y.j(b,d2)?(new Intl.DateTimeFormat($APP.n(c)?c:"default",{year:"numeric",month:"long",day:"numeric",timeZone:"UTC"})).format(a):X1(a):null},h2=function(a){a=V1(a);a=$APP.n(a)?Y1(a):null;return new $APP.N(null,
|
|
5
|
+
2,[f2,a!=null,g2,a],null)},Via=function(a){var b=$APP.H(a),c=$APP.C(b,$APP.Wn),d=$APP.C(b,$APP.Fq),e=$APP.C(b,$APP.Dp);a=$APP.C(b,c2);var f=$APP.C(b,$APP.Cs),h=$APP.C(b,i2),k=$APP.C(b,$APP.ei),m=$APP.C(b,$APP.Jo),q=$APP.C(b,$APP.Nr),u=$APP.C(b,$APP.sq),x=$APP.C(b,j2);b=$APP.y.j(m,"range")?k2:l2;a=$APP.y.j(a,"localized")?d2:Ria;f=V1(f);m=function(){var D=V1(d);return $APP.n(D)?D:" - "}();e=Y1(e);u=Y1(u);x=$APP.E(x);h=$APP.E(h);if($APP.y.j(b,l2))return b=Y1(k),$APP.Yf([c2,m2,$APP.Cs,n2,$APP.Jo,o2,j2,
|
|
6
|
+
$APP.Oq,$APP.Fq,p2,Sia],[a,b,f,h,l2,u,x,b!=null,m,e,function(){var D=V1(k);return $APP.n(D)?D:""}()]);var z=Y1(q),A=Y1(c);b=z!=null&&A!=null;return $APP.Yf([Tia,c2,q2,$APP.Cs,n2,$APP.Jo,o2,Uia,r2,j2,$APP.Oq,$APP.Fq,p2],[function(){var D=V1(c);return $APP.n(D)?D:""}(),a,z,f,h,k2,u,function(){var D=V1(q);return $APP.n(D)?D:""}(),A,x,b,m,e])},Wia=function(a){if($APP.n(a)){var b=a2(a),c=$1(b,-($APP.n(b)?b.getUTCDay():0));return $APP.xe(function(d){d=$1(c,d);var e=$APP.y.j(d.getUTCMonth(),a.getUTCMonth());
|
|
7
|
+
return new $APP.N(null,2,[g2,d,s2,e],null)},$APP.Jg(0,42))}return null},t2=function(a){var b=a.getAttribute("mode");b=Via($APP.Yf([$APP.Dp,c2,$APP.Cs,i2,$APP.ei,$APP.Jo,$APP.Nr,$APP.sq,j2,$APP.Wn,$APP.Fq],[a.getAttribute("min"),a.getAttribute("format"),a.getAttribute("locale"),$APP.Uh(a.getAttribute("range-allow-same-day")),a.getAttribute("value"),b,a.getAttribute("start"),a.getAttribute("max"),$APP.Uh(a.getAttribute("auto-swap")),a.getAttribute("end"),a.getAttribute("separator")]));var c=new $APP.N(null,
|
|
8
|
+
2,[c2,c2.i(b),$APP.Cs,$APP.Cs.i(b)],null);var d=$APP.H(c);var e=$APP.C(d,c2);d=$APP.C(d,$APP.Cs);e=new $APP.N(null,2,[c2,e,$APP.Cs,d],null);if($APP.y.j($APP.Jo.i(b),l2))e=$APP.n(m2.i(b))?e2(m2.i(b),e):"";else{d=$APP.Fq.i(b);var f=q2.i(b);f=$APP.n(f)?r2.i(b):f;e=$APP.n(f)?""+$APP.P.i(e2(q2.i(b),e))+$APP.P.i(d)+$APP.P.i(e2(r2.i(b),e)):$APP.n(q2.i(b))?e2(q2.i(b),e):""}d=$APP.l(a,"__xDatePickerState");d=$APP.n(d)?$APP.l(d,"month"):null;f=m2.i(b);$APP.n(f)||(f=q2.i(b),f=$APP.n(f)?f:new Date(Date.now()));
|
|
9
|
+
d=$APP.n(d)?d:a2(f);$APP.R(a,"__xDatePickerState",{canon:b,cfg:c,disp:e,month:d})},u2=function(a,b){var c=p2.i(b);c=$APP.n(c)?Z1(a,p2.i(b))<0:c;if($APP.n(c))return c;c=o2.i(b);return $APP.n(c)?Z1(a,o2.i(b))>0:c},x2=function(a,b){if($APP.y.j($APP.Jo.i(b),l2))return new $APP.N(null,3,[$APP.no,function(){var k=m2.i(b);return $APP.n(k)?$APP.y.j(0,Z1(a,m2.i(b))):k}(),v2,!1,w2,!1],null);var c=q2.i(b),d=r2.i(b),e=function(){var k=$APP.n(c)?$APP.y.j(0,Z1(a,c)):c;return $APP.n(k)?k:$APP.n(d)?$APP.y.j(0,Z1(a,
|
|
10
|
+
d)):d}(),f=$APP.n(c)?$APP.n(d)?Qia(a,c,d):d:c,h=function(){var k=$APP.n(c)?$APP.y.j(0,Z1(a,c)):c;return $APP.n(k)?k:$APP.n(d)?$APP.y.j(0,Z1(a,d)):d}();return new $APP.N(null,3,[$APP.no,e,v2,f,w2,h],null)},y2=function(a,b){$APP.R(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.T(c,"tabindex","-1");b=a.querySelector('[data-iso\x3d"'+$APP.P.i(b)+'"]');if($APP.n(b))return $APP.T(b,
|
|
11
|
+
"tabindex","0"),b.focus()}return null},z2=function(a){var b=$APP.l(a,"__xDatePickerRefs");if($APP.n(b)){var c=$APP.l(b,"month-label"),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.Cs.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,
|
|
12
|
+
"__xDatePickerWeekdaysDone")))for($APP.R(a,"__xDatePickerWeekdaysDone",!0),c="Su Mo Tu We Th Fr Sa".split(" "),h=0;;)if(h<7)f=document.createElement("div"),$APP.T(f,"part","weekday"),$APP.T(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=Wia($APP.n(e)?$APP.l(e,"month"):null);c=$APP.r(e);h=null;for(var k=f=0;;)if(k<f){e=h.F(null,k);e=$APP.H(e);var m=$APP.C(e,g2);e=$APP.C(e,s2);var q=document.createElement("button"),
|
|
13
|
+
u=X1(m),x=m.getUTCDate(),z=u2(m,b);m=x2(m,b);var A=$APP.H(m);m=$APP.C(A,$APP.no);var D=$APP.C(A,v2);A=$APP.C(A,w2);$APP.T(q,"part","day");$APP.T(q,"type","button");$APP.T(q,"role","gridcell");$APP.T(q,"data-iso",u);$APP.T(q,"data-outside",$APP.n(e)?"false":"true");$APP.T(q,"data-disabled",$APP.n(z)?"true":"false");$APP.T(q,"data-selected",$APP.n(m)?"true":"false");$APP.T(q,"data-in-range",$APP.n(D)?"true":"false");$APP.T(q,"data-range-edge",$APP.n(A)?"true":"false");$APP.T(q,"aria-selected",$APP.n(m)?
|
|
14
|
+
"true":"false");$APP.T(q,"aria-disabled",$APP.n(z)?"true":"false");$APP.T(q,"tabindex","-1");q.textContent=""+$APP.P.i(x);d.appendChild(q);k+=1}else if(e=$APP.r(c))c=e,$APP.Wc(c)?(h=$APP.Cb(c),c=$APP.Db(c),e=h,f=$APP.w(h),h=e):(e=$APP.t(c),e=$APP.H(e),m=$APP.C(e,g2),e=$APP.C(e,s2),h=document.createElement("button"),f=X1(m),k=m.getUTCDate(),q=u2(m,b),m=x2(m,b),x=$APP.H(m),m=$APP.C(x,$APP.no),u=$APP.C(x,v2),x=$APP.C(x,w2),$APP.T(h,"part","day"),$APP.T(h,"type","button"),$APP.T(h,"role","gridcell"),
|
|
15
|
+
$APP.T(h,"data-iso",f),$APP.T(h,"data-outside",$APP.n(e)?"false":"true"),$APP.T(h,"data-disabled",$APP.n(q)?"true":"false"),$APP.T(h,"data-selected",$APP.n(m)?"true":"false"),$APP.T(h,"data-in-range",$APP.n(u)?"true":"false"),$APP.T(h,"data-range-edge",$APP.n(x)?"true":"false"),$APP.T(h,"aria-selected",$APP.n(m)?"true":"false"),$APP.T(h,"aria-disabled",$APP.n(q)?"true":"false"),$APP.T(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,
|
|
16
|
+
"__xDatePickerGridFocus");a=$APP.l(a,"__xDatePickerRefs");a=$APP.n(a)?$APP.l(a,"grid"):null;$APP.n($APP.n(a)?d:a)?(a=a.querySelector('[data-iso\x3d"'+$APP.P.i(d)+'"]'),a=$APP.n(a)?$APP.T(a,"tabindex","0"):null):a=null;return a}}return null},A2=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},B2=
|
|
17
|
+
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=a.hasAttribute("disabled"),e=a.hasAttribute("readonly"),f=a.getAttribute("placeholder"),h=a.getAttribute("aria-label"),k=a.getAttribute("aria-describedby"),m=a.hasAttribute("open");$APP.n(b)&&($APP.n(d)?$APP.T(b,"disabled",""):$APP.U(b,"disabled"));$APP.n(c)&&($APP.T(c,"aria-expanded",$APP.n(m)?"true":"false"),$APP.n(d)?($APP.T(c,"disabled",""),$APP.T(c,"aria-disabled","true")):($APP.U(c,
|
|
18
|
+
"disabled"),$APP.U(c,"aria-disabled")),$APP.n(e)&&$APP.T(c,"readonly",""),$APP.n(e)||$APP.U(c,"readonly"),$APP.n(f)&&$APP.T(c,"placeholder",f),$APP.n(h)&&$APP.T(c,"aria-label",h),$APP.n(k)&&$APP.T(c,"aria-describedby",k));A2(a);return z2(a)}return null},C2=function(a,b){$APP.n(b)?$APP.T(a,"value",X1(b)):$APP.U(a,"value")},D2=function(a,b,c){if($APP.n(a.hasAttribute("readonly")))return null;var d=$APP.l(a,"__xDatePickerState");d=$APP.n(d)?$APP.l(d,"canon"):null;var e=$APP.n(d)?$APP.Jo.i(d):null,f=
|
|
19
|
+
$APP.y.j(e,k2)?"range":"single",h=$APP.y.j(e,l2)?{value:X1(b),mode:f,reason:c}:{date:X1(b),mode:f,reason:c};if($APP.ri(a,"x-date-picker-change-request",h)){if($APP.y.j(e,l2))return d=X1(b),C2(a,b),t2(a),B2(a),$APP.pi(a,"x-date-picker-change",{value:d,mode:f,reason:c}),$APP.n(a.hasAttribute("close-on-select"))?($APP.U(a,"open"),B2(a)):null;e=function(){var A=$APP.l(a,"__xDatePickerRangeStep");return $APP.n(A)?A:0}();h=q2.i(d);if($APP.y.j(e,0))$APP.T(a,"start",X1(b)),$APP.U(a,"end"),$APP.R(a,"__xDatePickerRangeStep",
|
|
20
|
+
1);else if($APP.y.j(e,1)){var k=n2.i(d),m=Z1(b,h);if($APP.n(function(){var A=m>0;return A?A:$APP.n(k)?m===0:k}())){var q=$APP.n(j2.i(d))?Z1(h,b)<0?h:b:h,u=$APP.n(j2.i(d))?Z1(h,b)>0?h:b:b;$APP.T(a,"start",X1(q));$APP.T(a,"end",X1(u));$APP.R(a,"__xDatePickerRangeStep",0);$APP.n(function(){var A=a.hasAttribute("close-on-select");return $APP.n(A)?q!=null&&u!=null:A}())&&$APP.U(a,"open")}else $APP.T(a,"start",X1(b)),$APP.U(a,"end"),$APP.R(a,"__xDatePickerRangeStep",1)}else $APP.T(a,"start",X1(b)),$APP.U(a,
|
|
21
|
+
"end"),$APP.R(a,"__xDatePickerRangeStep",1);t2(a);B2(a);b=$APP.l(a,"__xDatePickerState");b=$APP.n(b)?$APP.l(b,"canon"):null;var x=$APP.n(q2.i(b))?X1(q2.i(b)):null,z=$APP.n(r2.i(b))?X1(r2.i(b)):null;b=function(){var A={mode:f,reason:c};$APP.n(x)&&(A.start=x);$APP.n(z)&&(A.end=z);return A}();return $APP.pi(a,"x-date-picker-change",b)}return null},E2=function(a,b){var c=$APP.l(a,"__xDatePickerRefs");c=$APP.n(c)?$APP.l(c,"input"):null;var d=$APP.n(c)?c.value:null;c=$APP.l(a,"__xDatePickerState");var e=
|
|
22
|
+
$APP.n(c)?$APP.l(c,"canon"):null,f=$APP.Jo.i(e);c=$APP.y.j(f,k2)?"range":"single";$APP.pi(a,"x-date-picker-input",{value:d,mode:c});if($APP.y.j(f,l2)){if(d=h2(d),e=$APP.H(d),d=$APP.C(e,f2),e=$APP.C(e,g2),$APP.n(d)&&(d=X1(e),$APP.ri(a,"x-date-picker-change-request",{value:d,mode:c,reason:b})))return C2(a,e),t2(a),B2(a),$APP.pi(a,"x-date-picker-change",{value:d,mode:c,reason:b})}else if(e=new $APP.N(null,1,[$APP.Fq,$APP.Fq.i(e)],null),e=$APP.H(e),e=$APP.C(e,$APP.Fq),e=typeof e==="string"&&e.length>
|
|
23
|
+
0?e:" - ",d=V1(d),d==null?d=new $APP.N(null,3,[f2,!1,$APP.Nr,null,$APP.Wn,null],null):(f=d.indexOf(e),f<0?(d=h2(d),e=$APP.H(d),d=$APP.C(e,f2),e=$APP.C(e,g2),d=new $APP.N(null,3,[f2,d,$APP.Nr,e,$APP.Wn,null],null)):(e=d.substring(f+e.length).trim(),d=Y1(d.substring(0,f).trim()),e=Y1(e),d=new $APP.N(null,3,[f2,d!=null&&e!=null,$APP.Nr,d,$APP.Wn,e],null))),f=$APP.H(d),d=$APP.C(f,f2),e=$APP.C(f,$APP.Nr),f=$APP.C(f,$APP.Wn),$APP.n(d)&&(d=X1(e),e=X1(f),$APP.ri(a,"x-date-picker-change-request",{start:d,
|
|
24
|
+
end:e,mode:c,reason:b})))return $APP.T(a,"start",d),$APP.T(a,"end",e),$APP.R(a,"__xDatePickerRangeStep",0),t2(a),B2(a),$APP.pi(a,"x-date-picker-change",{start:d,end:e,mode:c,reason:b});return null},F2=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.y.j(b,$APP.qp)?new Date(Date.UTC(e,d+1,1)):new Date(Date.UTC(e,d-1,1));c.month=b;return z2(a)}return null},G2=function(a){return $APP.n(a.hasAttribute("open"))?
|
|
25
|
+
$APP.U(a,"open"):null},H2=function(a,b){if($APP.n(a.hasAttribute("disabled")))return null;b=b.currentTarget.getAttribute("data-nav");return $APP.y.j(b,"prev")?F2(a,$APP.Vo):F2(a,$APP.qp)},Xia=function(a,b){if($APP.n(a.hasAttribute("disabled")))return null;var c=b.key,d=$APP.l(a,"__xDatePickerGridFocus"),e=$APP.n(d)?Y1(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 $1(e,-1);
|
|
26
|
+
case "ArrowRight":return $1(e,1);case "ArrowUp":return $1(e,-7);case "ArrowDown":return $1(e,7);case "PageUp":return b2(e,-1);case "PageDown":return b2(e,1);case "Home":return $APP.n(e)?$1(e,-($APP.n(e)?e.getUTCDay():0)):null;case "End":return $APP.n(e)?$1(e,6-($APP.n(e)?e.getUTCDay():0)):null;default:return null}}():null;return k!=null?(b.preventDefault(),b=Pia(k,p2.i(f),o2.i(f)),f=X1(b),$APP.n($APP.n(h)?$APP.I(b.getUTCMonth(),h.getUTCMonth()):h)&&($APP.ia(d,"month",a2(b)),z2(a)),y2(a,f)):$APP.n(function(){var m=
|
|
27
|
+
$APP.y.j(c,"Enter")||$APP.y.j(c," ");return m?$APP.n(e)?$APP.p(a.hasAttribute("readonly")):e:m}())?(b.preventDefault(),$APP.n(u2(e,f))?null:D2(a,e,"keyboard")):$APP.y.j(c,"Escape")?(b.preventDefault(),G2(a),d=$APP.l(a,"__xDatePickerRefs"),d=$APP.n(d)?$APP.l(d,"input"):null,$APP.n(d)?d.focus():null):null},Yia=function(a){function b(Q){return $APP.n(a.hasAttribute("open"))?$APP.n(Q.composedPath().some(function(X){return X===a}))?null:G2(a):null}function c(Q){return Q.preventDefault()}function d(Q){return Xia(a,
|
|
28
|
+
Q)}function e(Q){var X=a.hasAttribute("disabled");$APP.n($APP.n(X)?X:a.hasAttribute("readonly"))?Q=null:(Q=Q.target.closest("button[data-iso]"),$APP.n($APP.n(Q)?$APP.I("true",Q.getAttribute("data-disabled")):Q)?(Q=Q.getAttribute("data-iso"),Q=Y1(Q),Q=$APP.n(Q)?D2(a,Q,"click"):null):Q=null);return Q}function f(Q){return H2(a,Q)}function h(Q){return H2(a,Q)}function k(){var Q=a.hasAttribute("disabled");if($APP.n($APP.n(Q)?Q:a.hasAttribute("readonly")))Q=null;else if($APP.n(a.hasAttribute("open")))Q=
|
|
29
|
+
G2(a);else if($APP.n(a.hasAttribute("open")))Q=null;else{$APP.T(a,"open","");Q=$APP.l(a,"__xDatePickerState");Q=$APP.n(Q)?$APP.l(Q,"canon"):null;var X=m2.i(Q);$APP.n(X)?Q=X:(Q=q2.i(Q),Q=$APP.n(Q)?Q:new Date(Date.now()));Q=X1(Q);Q=y2(a,Q)}return Q}function m(){$APP.R(a,"__xDatePickerFocused",!1);$APP.n(a.hasAttribute("disabled"))||E2(a,"blur");return A2(a)}function q(){return $APP.R(a,"__xDatePickerFocused",!0)}function u(Q){if($APP.n(a.hasAttribute("disabled")))Q=null;else{var X=Q.key;$APP.y.j(X,
|
|
30
|
+
"Enter")?(Q.preventDefault(),Q=E2(a,"keyboard")):Q=$APP.y.j(X,"Escape")?G2(a):null}return Q}function x(){var Q=$APP.l(a,"__xDatePickerRefs");Q=$APP.n(Q)?$APP.l(Q,"input"):null;var X=$APP.l(a,"__xDatePickerState");X=$APP.y.j($APP.Jo.i($APP.n(X)?$APP.l(X,"canon"):null),k2)?"range":"single";$APP.R(a,"__xDatePickerDisplay",$APP.n(Q)?Q.value:null);return $APP.pi(a,"x-date-picker-input",{value:$APP.n(Q)?Q.value:null,mode:X})}var z=$APP.l(a,"__xDatePickerRefs"),A=$APP.l(z,"input"),D=$APP.l(z,"btn"),G=$APP.l(z,
|
|
31
|
+
"nav-prev"),J=$APP.l(z,"nav-next"),S=$APP.l(z,"grid");z=$APP.l(z,"popover");A.addEventListener("input",x);A.addEventListener("keydown",u);A.addEventListener("focus",q);A.addEventListener("blur",m);D.addEventListener("click",k);G.addEventListener("click",h);J.addEventListener("click",f);S.addEventListener("click",e);S.addEventListener("keydown",d);z.addEventListener("pointerdown",c);document.addEventListener("pointerdown",b,!0);$APP.R(a,"__xDatePickerHandlers",{"pop-md":c,keydown:u,grid:e,"grid-kd":d,
|
|
32
|
+
next:f,blur:m,prev:h,focus:q,input:x,btn:k,"doc-click":b})},I2=function(a){var b=$APP.l(a,"__xDatePickerRefs");a=$APP.l(a,"__xDatePickerHandlers");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",
|
|
33
|
+
$APP.l(a,"btn"));e.removeEventListener("click",$APP.l(a,"prev"));f.removeEventListener("click",$APP.l(a,"next"));h.removeEventListener("click",$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},Zia=function(a){if(!$APP.n($APP.l(a,"__xDatePickerRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),
|
|
34
|
+
e=document.createElement("input"),f=document.createElement("button"),h=document.createElement("div"),k=document.createElement("div"),m=document.createElement("button"),q=document.createElement("div"),u=document.createElement("button"),x=document.createElement("div"),z=document.createElement("div"),A=document.createElement("div");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);}[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);}}@media (prefers-reduced-motion:reduce){[part\x3dpopover]{transition:none;}}";
|
|
35
|
+
$APP.T(d,"part","container");$APP.T(e,"part","input");$APP.T(e,"type","text");$APP.T(e,"inputmode","none");$APP.T(e,"autocomplete","off");$APP.T(e,"role","combobox");$APP.T(e,"aria-haspopup","dialog");$APP.T(e,"aria-expanded","false");$APP.T(f,"part","btn");$APP.T(f,"type","button");$APP.T(f,"aria-label","Open calendar");f.textContent="\ud83d\udcc5";$APP.T(h,"part","popover");$APP.T(h,"role","dialog");$APP.T(h,"aria-modal","true");$APP.T(h,"aria-label","Calendar");$APP.T(k,"part","nav");$APP.T(m,
|
|
36
|
+
"part","navbtn");$APP.T(m,"data-nav","prev");$APP.T(m,"type","button");$APP.T(m,"aria-label","Previous month");m.textContent="‹";$APP.T(q,"part","monthlabel");$APP.T(q,"aria-live","polite");$APP.T(u,"part","navbtn");$APP.T(u,"data-nav","next");$APP.T(u,"type","button");$APP.T(u,"aria-label","Next month");u.textContent="›";$APP.T(x,"part","weekdays");$APP.T(x,"aria-hidden","true");$APP.T(z,"part","grid");$APP.T(z,"role","grid");$APP.T(z,"aria-label","Calendar grid");$APP.T(A,"part","sr-status");$APP.T(A,
|
|
37
|
+
"aria-live","polite");$APP.T(A,"aria-atomic","true");k.appendChild(m);k.appendChild(q);k.appendChild(u);h.appendChild(k);h.appendChild(x);h.appendChild(z);h.appendChild(A);d.appendChild(e);d.appendChild(f);d.appendChild(h);b.appendChild(c);b.appendChild(d);$APP.R(a,"__xDatePickerRefs",{weekdays:x,grid:z,popover:h,"nav-next":u,"month-label":q,input:e,btn:f,sr:A,"nav-prev":m})}I2(a);Yia(a);t2(a);return B2(a)},$ia=function(a){return I2(a)},aja=function(a,b,c,d){return $APP.I(c,d)?(b=a.hasAttribute("disabled"),
|
|
38
|
+
$APP.n($APP.n(b)?a.hasAttribute("open"):b)&&$APP.U(a,"open"),t2(a),B2(a)):null},bja=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 E2(this,"programmatic")},writable:!0,configurable:!0});return Object.defineProperty(a,"clear",{value:function(){var b=$APP.l(this,"__xDatePickerState");$APP.y.j($APP.Jo.i($APP.n(b)?
|
|
39
|
+
$APP.l(b,"canon"):null),l2)?$APP.U(this,"value"):($APP.U(this,"start"),$APP.U(this,"end"));t2(this);return B2(this)},writable:!0,configurable:!0})},dja=function(a){$APP.Ei(a,cja);return bja(a)},J2=function(){return $APP.Kh("x-date-picker",new $APP.N(null,5,[$APP.Bh,eja,$APP.zh,Zia,$APP.qh,$ia,$APP.ph,aja,$APP.Ah,dja],null))},q2=new $APP.F(null,"start-d","start-d",-1546785820),g2=new $APP.F(null,"date","date",-1463434462),j2=new $APP.F(null,"auto-swap?","auto-swap?",-1675454411),w2=new $APP.F(null,
|
|
40
|
+
"edge?","edge?",203916303),o2=new $APP.F(null,"max-d","max-d",-814680979),l2=new $APP.F(null,"single","single",1551466437),Uia=new $APP.F(null,"start-str","start-str",1077409677),k2=new $APP.F(null,"range","range",1639692286),Ria=new $APP.F(null,"iso","iso",-1366207543),s2=new $APP.F(null,"in-month?","in-month?",-1630426251),p2=new $APP.F(null,"min-d","min-d",-1118792932),n2=new $APP.F(null,"allow-same-day?","allow-same-day?",-1971558934),f2=new $APP.F(null,"ok?","ok?",447310304),Tia=new $APP.F(null,
|
|
41
|
+
"end-str","end-str",-558112319),d2=new $APP.F(null,"localized","localized",1722109655),Sia=new $APP.F(null,"value-str","value-str",989198845),c2=new $APP.F(null,"format","format",-1306924766),m2=new $APP.F(null,"value-d","value-d",-1768534876),v2=new $APP.F(null,"in-range?","in-range?",-291779262),r2=new $APP.F(null,"end-d","end-d",-1316370898),i2=new $APP.F(null,"range-allow-same-day?","range-allow-same-day?",-714516856);var eja="mode value start end min max format locale separator auto-swap range-allow-same-day close-on-select placeholder disabled readonly required name autocomplete aria-label aria-describedby open".split(" "),cja=new $APP.N(null,8,[$APP.Jo,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"mode"],null),$APP.ei,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"value"],null),$APP.Nr,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"start"],null),$APP.Wn,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"end"],null),$APP.Hk,new $APP.N(null,
|
|
42
|
+
2,[$APP.O,$APP.Ci,$APP.W,"disabled"],null),$APP.Or,new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"readonly"],null),$APP.Zp,new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"required"],null),$APP.Ir,new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"open"],null)],null);
|
|
43
|
+
$APP.be(["x-date-picker-input",new $APP.N(null,2,[$APP.Mr,!1,$APP.V,new $APP.N(null,2,[$APP.ei,$APP.Y,$APP.Jo,$APP.Y],null)],null),"x-date-picker-change-request",new $APP.N(null,2,[$APP.Mr,!0,$APP.V,new $APP.N(null,3,[$APP.ei,$APP.Y,$APP.Jo,$APP.Y,$APP.$n,$APP.Y],null)],null),"x-date-picker-change",new $APP.N(null,2,[$APP.Mr,!1,$APP.V,new $APP.N(null,3,[$APP.ei,$APP.Y,$APP.Jo,$APP.Y,$APP.$n,$APP.Y],null)],null)]);$APP.fa("baredom.exports.x_date_picker.init",J2);export const init=J2;
|
package/dist/x-divider.js
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
2
|
+
var H1=function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.$c(a,c)?c:b},I1=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.T(d,"part","container");var f=document.createElement("div");$APP.T(f,"part","line");d.appendChild(f);b.appendChild(c);b.appendChild(d);e.root=b;e.container=d;e.mode="no-label";$APP.R(a,"__xDividerRefs",e);a=e}return a},O1=function(a){if($APP.n($APP.l(a,"__xDividerRefs"))){var b=$APP.Yf([$APP.Xq,$APP.Vi,$APP.io,$APP.Qp,J1,$APP.Es,K1,$APP.yr,$APP.ik,L1],[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.H(b);b=$APP.C(c,$APP.ik);var d=$APP.C(c,L1),e=$APP.C(c,$APP.Vi),f=$APP.C(c,$APP.Xq),h=$APP.C(c,$APP.io),k=$APP.C(c,$APP.Qp),m=$APP.C(c,J1),q=$APP.C(c,$APP.Es),u=$APP.C(c,K1);c=$APP.C(c,$APP.yr);b=$APP.Yf([$APP.un,$APP.Io,M1,N1,$APP.Xo,$APP.Nk,$APP.Tq,$APP.bj,$APP.Fp,$APP.rk],[d,H1(xia,"center",h),m,u,q,H1(yia,"solid",f),H1(zia,"horizontal",c),e,k,b]);d=$APP.Vk.m;e=$APP.bj.i(b);b=
|
|
5
|
+
d.call($APP.Vk,b,$APP.dr,typeof e==="string"&&e.trim().length>0);if($APP.I($APP.l(a,"__xDividerModel"),b)){d=I1(a);h=$APP.H(b);e=$APP.C(h,$APP.Tq);f=$APP.C(h,$APP.Nk);h=$APP.C(h,$APP.Io);$APP.T(a,"data-orientation",e);$APP.T(a,"data-variant",f);$APP.T(a,"data-align",h);k=$APP.H(b);e=$APP.C(k,M1);f=$APP.C(k,$APP.Xo);h=$APP.C(k,N1);k=$APP.C(k,$APP.Fp);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",
|
|
6
|
+
$APP.n(k)?k:"auto");$APP.n(f)?m.setProperty("--x-divider-color",f):m.removeProperty("--x-divider-color");h=$APP.H(b);e=$APP.C(h,$APP.Tq);f=$APP.C(h,$APP.rk);h=$APP.C(h,$APP.un);$APP.$c(new $APP.rg(null,new $APP.N(null,2,["none",null,"presentation",null],null),null),h)?$APP.T(a,"role","presentation"):$APP.T(a,"role","separator");$APP.y.j(e,"vertical")?$APP.T(a,"aria-orientation","vertical"):$APP.U(a,"aria-orientation");$APP.n($APP.n(f)?f.length>0:f)?$APP.T(a,"aria-label",f):$APP.U(a,"aria-label");
|
|
7
|
+
f=$APP.H(b);e=$APP.C(f,$APP.dr);f=$APP.C(f,$APP.bj);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.y.j(k,"label")?(k=document.createElement("div"),m=document.createElement("span"),q=document.createElement("slot"),u=document.createElement("span"),c=document.createElement("div"),$APP.T(k,"part","line-left"),$APP.T(m,"part","label"),$APP.T(q,"name","label"),$APP.T(u,"part","label-text"),$APP.T(c,
|
|
8
|
+
"part","line-right"),m.appendChild(q),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.T(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.R(a,"__xDividerModel",b)}else a=null;return a}return null},
|
|
9
|
+
Aia=function(a){I1(a);return O1(a)},Bia=function(a,b,c,d){return $APP.I(c,d)?O1(a):null},Dia=function(a){return $APP.Ei(a,Cia)},P1=function(){return $APP.Kh("x-divider",new $APP.N(null,4,[$APP.Bh,Eia,$APP.zh,Aia,$APP.ph,Bia,$APP.Ah,Dia],null))},K1=new $APP.F(null,"inset-raw","inset-raw",89351124),N1=new $APP.F(null,"inset","inset",-396367740),L1=new $APP.F(null,"role-raw","role-raw",777951354),M1=new $APP.F(null,"thickness","thickness",-940175454),J1=new $APP.F(null,"thickness-raw","thickness-raw",
|
|
10
|
+
1843812655);var Eia="orientation variant thickness color inset length label align role aria-label".split(" "),zia=new $APP.rg(null,new $APP.N(null,2,["vertical",null,"horizontal",null],null),null),yia=new $APP.rg(null,new $APP.N(null,3,["dashed",null,"dotted",null,"solid",null],null),null),xia=new $APP.rg(null,new $APP.N(null,3,["center",null,"start",null,"end",null],null),null),Cia=new $APP.N(null,8,[$APP.Tq,new $APP.N(null,3,[$APP.O,$APP.Y,$APP.W,"orientation",$APP.Di,"horizontal"],null),$APP.Nk,new $APP.N(null,
|
|
11
|
+
3,[$APP.O,$APP.Y,$APP.W,"variant",$APP.Di,"solid"],null),$APP.Io,new $APP.N(null,3,[$APP.O,$APP.Y,$APP.W,"align",$APP.Di,"center"],null),$APP.bj,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"label"],null),M1,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"thickness"],null),$APP.Xo,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"color"],null),N1,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"inset"],null),$APP.Fp,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"length"],null)],null);$APP.fa("baredom.exports.x_divider.init",P1);export const init=P1;
|
package/dist/x-drawer.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
e);$APP.n(b)&&c.removeEventListener("keydown",b)}a
|
|
11
|
-
|
|
2
|
+
var qV=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"),q=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
|
+
$APP.T(d,"part","backdrop");$APP.T(e,"part","panel");$APP.T(e,"role","dialog");$APP.T(e,"aria-modal","true");$APP.T(f,"part","header");$APP.T(h,"name","header");$APP.T(k,"part","body");$APP.T(q,"part","footer");$APP.T(u,"name","footer");f.appendChild(h);k.appendChild(m);q.appendChild(u);e.appendChild(f);e.appendChild(k);e.appendChild(q);b.appendChild(c);b.appendChild(d);b.appendChild(e);$APP.R(a,"__xDrawerRefs",{root:b,backdrop:d,panel:e,header:f,body:k,footer:q});return $APP.l(a,"__xDrawerRefs")},
|
|
4
|
+
Wca=function(a){return $APP.Oe($APP.ue(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.Ac(a.querySelectorAll("a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex\x3d'-1'])"))))},rV=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.R(a,"__xDrawerTabbables",null);$APP.R(a,"__xDrawerRestore",null);$APP.n($APP.n(b)?d:b)&&($APP.U(b,"tabindex"),$APP.R(a,"__xDrawerPanelTab",!1));return $APP.n($APP.n(c)?c.isConnected:c)?c.focus():null},Xca=function(a,b){var c=$APP.l(a,"__xDrawerTabbables");c=$APP.n(c)?$APP.Oe($APP.Ac(c)):$APP.we;a=$APP.l(a,"__xDrawerRefs");a=$APP.n(a)?$APP.l(a,"panel"):null;if($APP.Pc(c))return b.preventDefault(),$APP.n(a)?a.focus():null;a=document.activeElement;var d=$APP.t(c);c=$APP.Ec(c);var e=b.shiftKey;
|
|
6
|
+
return $APP.n($APP.n(e)?$APP.y.j(a,d):e)?(b.preventDefault(),c.focus()):$APP.p(e)&&$APP.y.j(a,c)?(b.preventDefault(),d.focus()):null},sV=function(a,b){$APP.pi(a,"x-drawer-dismiss",{reason:b});return $APP.U(a,"open")},tV=function(a){return $APP.n(a.hasAttribute("open"))?null:$APP.T(a,"open","")},Yca=function(a,b,c){b=$APP.E($APP.ls.i(b));c=$APP.E($APP.ls.i(c));$APP.I(b,c)&&($APP.pi(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=Wca(a);$APP.R(a,"__xDrawerRestore",document.activeElement);$APP.R(a,"__xDrawerTabbables",$APP.n(e)?$APP.Xm(e):null);$APP.r(e)?d=$APP.t(e).focus():$APP.n(d)?($APP.n(d.hasAttribute("tabindex"))||($APP.T(d,"tabindex","-1"),$APP.R(a,"__xDrawerPanelTab",!0)),d=d.focus()):d=null;return d},0):rV(a))},uV=function(a){if($APP.n($APP.l(a,"__xDrawerRefs"))){var b=new $APP.N(null,3,[$APP.Rn,a.hasAttribute("open"),$APP.Gs,a.getAttribute("placement"),$APP.Vi,a.getAttribute("label")],null);var c=$APP.H(b),
|
|
8
|
+
d=$APP.C(c,$APP.Rn);b=$APP.C(c,$APP.Gs);c=$APP.C(c,$APP.Vi);d=$APP.E(d);b=typeof b==="string"&&$APP.$c(Zca,b)?b:"right";c=typeof c==="string"&&$APP.I(c,"")?c:"Drawer";b=new $APP.N(null,3,[$APP.ls,d,$APP.Yo,b,$APP.bj,c],null);c=$APP.l(a,"__xDrawerModel");if($APP.I(c,b)){d=qV(a);d=$APP.l(d,"panel");var e=$APP.H(b),f=$APP.C(e,$APP.ls);e=$APP.C(e,$APP.Yo);$APP.T(a,"data-open",$APP.n(f)?"true":"false");$APP.T(a,"data-placement",e);e=$APP.H(b);f=$APP.C(e,$APP.ls);e=$APP.C(e,$APP.bj);$APP.T(d,"aria-label",
|
|
9
|
+
e);$APP.n(f)?$APP.U(d,"aria-hidden"):$APP.T(d,"aria-hidden","true");Yca(a,c,b);a=$APP.R(a,"__xDrawerModel",b)}else a=null;return a}return null},$ca=function(a){function b(f){var h=f.key;$APP.y.j(h,"Escape")?(f.preventDefault(),f=sV(a,"escape")):f=$APP.y.j(h,"Tab")?Xca(a,f):null;return f}function c(){return sV(a,"backdrop")}var d=qV(a),e=$APP.l(d,"panel");$APP.l(d,"backdrop").addEventListener("click",c);e.addEventListener("keydown",b);$APP.R(a,"__xDrawerHandlers",{backdrop:c,keydown:b})},vV=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.R(a,"__xDrawerHandlers",null)},ada=function(a){qV(a);vV(a);$ca(a);return uV(a)},bda=function(a){vV(a);return rV(a)},cda=function(a,b,c,d){return $APP.I(c,d)?uV(a):null},dda=function(a){Object.defineProperty(a,"open",{get:function(){return this.hasAttribute("open")},
|
|
11
|
+
set:function(b){return $APP.n(b)?tV(this):$APP.U(this,"open")},enumerable:!0,configurable:!0});$APP.xi(a,"placement","placement","right");$APP.xi(a,"label","label","Drawer");Object.defineProperty(a,"show",{value:function(){return tV(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"):tV(this)},enumerable:!0,configurable:!0,writable:!0})},wV=function(){return $APP.Kh("x-drawer",new $APP.N(null,5,[$APP.Bh,eda,$APP.zh,ada,$APP.qh,bda,$APP.ph,cda,$APP.Ah,dda],null))};var Zca=new $APP.rg(null,new $APP.N(null,4,["right",null,"top",null,"bottom",null,"left",null],null),null),eda=["open","placement","label"];$APP.be(["x-drawer-toggle",new $APP.N(null,2,[$APP.Mr,!1,$APP.V,new $APP.N(null,1,[$APP.Ir,$APP.Ci],null)],null),"x-drawer-dismiss",new $APP.N(null,2,[$APP.Mr,!1,$APP.V,new $APP.N(null,1,[$APP.$n,$APP.Y],null)],null)]);$APP.fa("baredom.exports.x_drawer.init",wV);export const init=wV;
|
package/dist/x-dropdown.d.ts
CHANGED
package/dist/x-dropdown.js
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
if($APP.n(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
$APP.
|
|
2
|
+
var vx=function(a){if($APP.n($APP.l(a,"__xDropdownRefs"))){var b=a.hasAttribute("open");var c=a.hasAttribute("disabled"),d=a.getAttribute("label");d=$APP.n(d)?d:"";var e=a.getAttribute("placement");e=$APP.$c(ux,e)?e:"bottom-start";b=new $APP.N(null,4,[$APP.ls,b,$APP.cj,c,$APP.bj,d,$APP.Yo,e],null);if($APP.I($APP.l(a,"__xDropdownModel"),b))if(e=$APP.l(a,"__xDropdownRefs"),$APP.n(e)){d=$APP.l(e,"trigger");c=$APP.l(e,"panel");e=$APP.l(e,"label");var f=$APP.H(b);f=$APP.C(f,$APP.bj);e.textContent=f;f=
|
|
3
|
+
$APP.H(b);e=$APP.C(f,$APP.ls);f=$APP.C(f,$APP.cj);$APP.T(d,"aria-expanded",$APP.n(e)?"true":"false");$APP.ki(d,"disabled",f);d=$APP.H(b);d=$APP.C(d,$APP.Yo);$APP.T(c,"data-placement",d);a=$APP.R(a,"__xDropdownModel",b)}else a=null;else a=null;return a}return null},wx=function(a,b){if($APP.n(a.hasAttribute("disabled")))return null;var c=$APP.p(a.hasAttribute("open"));return $APP.ri(a,"x-dropdown-toggle",{open:c,source:b})?(c?$APP.T(a,"open",""):$APP.U(a,"open"),$APP.pi(a,"x-dropdown-change",{open:c})):
|
|
4
|
+
null},xx=function(a){var b=$APP.l(a,"__xDropdownHandlers");if($APP.n(b)){var c=$APP.l(b,"docClick"),d=$APP.l(b,"docKeydown");return queueMicrotask(function(){return $APP.n(a.hasAttribute("open"))?(document.addEventListener("click",c),document.addEventListener("keydown",d)):null})}return null},yx=function(a){a=$APP.l(a,"__xDropdownHandlers");if($APP.n(a)){var b=$APP.l(a,"docKeydown");document.removeEventListener("click",$APP.l(a,"docClick"));return document.removeEventListener("keydown",b)}return null},
|
|
5
|
+
zx=function(a){return{triggerClick:function(){return wx(a,"pointer")},triggerKeydown:function(b){var c=b.key;return $APP.y.j(c," ")||$APP.y.j(c,"Enter")?(b.preventDefault(),wx(a,"keyboard")):null},hostFocusout:function(b){return $APP.n(a.hasAttribute("open"))?(b=b.relatedTarget,b==null||$APP.p(a.contains(b))?wx(a,"focusout"):null):null},docClick:function(b){return $APP.n(a.hasAttribute("open"))?(b=$APP.Bc(b.composedPath()),b=$APP.fe(function(c){return c===a},b),$APP.n(b)?null:wx(a,"outside-click")):
|
|
6
|
+
null},docKeydown:function(b){b=$APP.y.j(b.key,"Escape");return $APP.n(b?a.hasAttribute("open"):b)?wx(a,"escape"):null},panelClick:function(b){return $APP.n(a.hasAttribute("open"))?$APP.n(b.target.closest("button, a, [role\x3dmenuitem]"))?wx(a,"item-select"):null:null}}},Ax=function(a){var b=$APP.l(a,"__xDropdownRefs");if($APP.n(b)){var c=$APP.l(a,"__xDropdownHandlers");if($APP.n(c)){var d=$APP.l(b,"trigger");b=$APP.l(b,"panel");d.removeEventListener("click",$APP.l(c,"triggerClick"));d.removeEventListener("keydown",
|
|
7
|
+
$APP.l(c,"triggerKeydown"));a.removeEventListener("focusout",$APP.l(c,"hostFocusout"));$APP.n(b)&&b.removeEventListener("click",$APP.l(c,"panelClick"))}}},Cx=function(a){if(!$APP.n($APP.l(a,"__xDropdownRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style");c.textContent=":host{display:inline-block;position:relative;color-scheme:light dark;--x-dropdown-trigger-bg:var(--x-color-surface-hover,#f8fafc);--x-dropdown-trigger-bg-hover:var(--x-color-surface-active,#f1f5f9);--x-dropdown-trigger-bg-active:var(--x-color-surface-active,#e2e8f0);--x-dropdown-trigger-color:var(--x-color-text,#0f172a);--x-dropdown-trigger-border:1px solid var(--x-color-border,#e2e8f0);--x-dropdown-trigger-radius:var(--x-radius-md,6px);--x-dropdown-trigger-padding:0 0.75rem;--x-dropdown-trigger-height:2.25rem;--x-dropdown-trigger-font-size:var(--x-font-size-sm,0.9375rem);--x-dropdown-trigger-font-weight:500;--x-dropdown-chevron-color:var(--x-color-text-muted,#64748b);--x-dropdown-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-dropdown-panel-bg:var(--x-color-bg,#ffffff);--x-dropdown-panel-border:1px solid var(--x-color-border,#e2e8f0);--x-dropdown-panel-radius:var(--x-radius-md,8px);--x-dropdown-panel-shadow:var(--x-shadow-md,0 4px 16px rgba(0,0,0,0.12));--x-dropdown-panel-padding:0.25rem;--x-dropdown-panel-min-width:10rem;--x-dropdown-panel-max-height:20rem;--x-dropdown-panel-offset:4px;--x-dropdown-transition-duration:var(--x-transition-duration,150ms);--x-dropdown-transition-easing:var(--x-transition-easing,ease);}@media (prefers-color-scheme:dark){:host{--x-dropdown-trigger-bg:var(--x-color-surface-hover,#1e293b);--x-dropdown-trigger-bg-hover:var(--x-color-surface-active,#334155);--x-dropdown-trigger-bg-active:var(--x-color-surface-active,#475569);--x-dropdown-trigger-color:var(--x-color-text,#e2e8f0);--x-dropdown-trigger-border:1px solid var(--x-color-border,#334155);--x-dropdown-chevron-color:var(--x-color-text-muted,#94a3b8);--x-dropdown-focus-ring:var(--x-color-focus-ring,#93c5fd);--x-dropdown-panel-bg:var(--x-color-bg,#1e293b);--x-dropdown-panel-border:1px solid var(--x-color-border,#334155);--x-dropdown-panel-shadow:var(--x-shadow-md,0 4px 24px rgba(0,0,0,0.4));}}[part\x3dtrigger]{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:0.375rem;height:var(--x-dropdown-trigger-height);padding:var(--x-dropdown-trigger-padding);background:var(--x-dropdown-trigger-bg);color:var(--x-dropdown-trigger-color);border:var(--x-dropdown-trigger-border);border-radius:var(--x-dropdown-trigger-radius);font-size:var(--x-dropdown-trigger-font-size);font-weight:var(--x-dropdown-trigger-font-weight);font-family:inherit;cursor:pointer;user-select:none;white-space:nowrap;}[part\x3dtrigger]:hover:not(:disabled){background:var(--x-dropdown-trigger-bg-hover);}[part\x3dtrigger]:active:not(:disabled){background:var(--x-dropdown-trigger-bg-active);}[part\x3dtrigger]:disabled{cursor:default;opacity:0.55;}[part\x3dtrigger]:focus-visible{outline:none;box-shadow:0 0 0 2px var(--x-dropdown-focus-ring);}[part\x3dtrigger-label]{flex:1;}[part\x3dchevron]{display:inline-block;color:var(--x-dropdown-chevron-color);font-style:normal;flex-shrink:0;transition:transform 200ms ease;}:host([open]) [part\x3dchevron]{transform:rotate(180deg);}[part\x3dpanel]{position:absolute;z-index:1000;box-sizing:border-box;background:var(--x-dropdown-panel-bg);border:var(--x-dropdown-panel-border);border-radius:var(--x-dropdown-panel-radius);box-shadow:var(--x-dropdown-panel-shadow);padding:var(--x-dropdown-panel-padding);min-width:var(--x-dropdown-panel-min-width);max-width:calc(100vw - 1rem);max-height:var(--x-dropdown-panel-max-height);overflow-y:auto;visibility:hidden;pointer-events:none;opacity:0;transform:scaleY(0.95);transition:opacity var(--x-dropdown-transition-duration) var(--x-dropdown-transition-easing),transform var(--x-dropdown-transition-duration) var(--x-dropdown-transition-easing),visibility 0s var(--x-dropdown-transition-duration);}:host([open]) [part\x3dpanel]{visibility:visible;pointer-events:auto;opacity:1;transform:scaleY(1);transition:opacity var(--x-dropdown-transition-duration) var(--x-dropdown-transition-easing),transform var(--x-dropdown-transition-duration) var(--x-dropdown-transition-easing),visibility 0s 0s;}[part\x3dpanel][data-placement\x3dbottom-start]{top:calc(100% + var(--x-dropdown-panel-offset));left:0;transform-origin:top left;}[part\x3dpanel][data-placement\x3dbottom-end]{top:calc(100% + var(--x-dropdown-panel-offset));right:0;transform-origin:top right;}[part\x3dpanel][data-placement\x3dtop-start]{bottom:calc(100% + var(--x-dropdown-panel-offset));left:0;transform-origin:bottom left;}[part\x3dpanel][data-placement\x3dtop-end]{bottom:calc(100% + var(--x-dropdown-panel-offset));right:0;transform-origin:bottom right;}[part\x3dpanel-inner]{display:contents;}@media (prefers-reduced-motion:reduce){[part\x3dpanel]{transition:none !important;}[part\x3dchevron]{transition:none !important;}}";
|
|
8
|
+
var d=document.createElement("button"),e=document.createElement("span"),f=document.createElement("span");$APP.T(d,"part","trigger");$APP.T(d,"type","button");$APP.T(d,"aria-haspopup","true");$APP.T(d,"aria-expanded","false");$APP.T(d,"aria-controls","panel");$APP.T(e,"part","trigger-label");$APP.T(f,"part","chevron");$APP.T(f,"aria-hidden","true");f.textContent="▾";d.appendChild(e);d.appendChild(f);f=$APP.H(new $APP.N(null,3,[$APP.op,d,$APP.bj,e,Bx,f],null));d=$APP.C(f,$APP.op);e=$APP.C(f,$APP.bj);
|
|
9
|
+
f=$APP.C(f,Bx);var h=document.createElement("div"),k=document.createElement("div"),m=document.createElement("slot");$APP.T(h,"part","panel");$APP.T(h,"id","panel");$APP.T(h,"data-placement","bottom-start");$APP.T(k,"part","panel-inner");k.appendChild(m);h.appendChild(k);h=$APP.H(new $APP.N(null,1,[$APP.ln,h],null));h=$APP.C(h,$APP.ln);e={trigger:d,label:e,chevron:f,panel:h};b.appendChild(c);b.appendChild(d);b.appendChild(h);$APP.R(a,"__xDropdownRefs",e)}Ax(a);yx(a);$APP.R(a,"__xDropdownHandlers",
|
|
10
|
+
zx(a));d=$APP.l(a,"__xDropdownRefs");$APP.n(d)&&(b=$APP.l(a,"__xDropdownHandlers"),$APP.n(b)&&(c=$APP.l(d,"trigger"),d=$APP.l(d,"panel"),c.addEventListener("click",$APP.l(b,"triggerClick")),c.addEventListener("keydown",$APP.l(b,"triggerKeydown")),a.addEventListener("focusout",$APP.l(b,"hostFocusout")),$APP.n(d)&&d.addEventListener("click",$APP.l(b,"panelClick"))));$APP.n(a.hasAttribute("open"))&&xx(a);return vx(a)},Dx=function(a){Ax(a);return yx(a)},Ex=function(a,b,c,d){return $APP.I(c,d)?(vx(a),
|
|
11
|
+
$APP.y.j(b,"open")?$APP.n(a.hasAttribute("open"))?xx(a):yx(a):null):null},Gx=function(a){$APP.Ei(a,Fx);Object.defineProperty(a,"show",{value:function(){return $APP.n(this.hasAttribute("open"))?null:wx(this,"programmatic")},writable:!0,configurable:!0});Object.defineProperty(a,"hide",{value:function(){return $APP.n(this.hasAttribute("open"))?wx(this,"programmatic"):null},writable:!0,configurable:!0});return Object.defineProperty(a,"toggle",{value:function(){return wx(this,"programmatic")},writable:!0,
|
|
12
|
+
configurable:!0})},Ix=function(){return $APP.Kh("x-dropdown",new $APP.N(null,5,[$APP.Bh,Hx,$APP.zh,Cx,$APP.qh,Dx,$APP.ph,Ex,$APP.Ah,Gx],null))},Bx=new $APP.F(null,"chevron","chevron",1127691895);var ux=new $APP.rg(null,new $APP.N(null,4,["bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null],null),null),Hx=["open","disabled","label","placement"],Fx=new $APP.N(null,4,[$APP.Ir,new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"open"],null),$APP.Hk,new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"disabled"],null),$APP.bj,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"label"],null),$APP.Yo,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"placement"],null)],null);
|
|
13
|
+
$APP.be(["x-dropdown-toggle",new $APP.N(null,2,[$APP.Mr,!0,$APP.V,new $APP.N(null,2,[$APP.Ir,$APP.Ci,$APP.Vq,$APP.Y],null)],null),"x-dropdown-change",new $APP.N(null,2,[$APP.Mr,!1,$APP.V,new $APP.N(null,1,[$APP.Ir,$APP.Ci],null)],null)]);$APP.fa("baredom.exports.x_dropdown.init",Ix);export const init=Ix;
|
package/dist/x-fieldset.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
$APP.
|
|
6
|
-
|
|
2
|
+
var nT=function(a){if($APP.n($APP.l(a,"__xFieldsetRefs"))){var b=new $APP.N(null,4,[kT,a.getAttribute("legend"),$APP.Wi,a.hasAttribute("disabled"),$APP.ik,a.getAttribute("aria-label"),$APP.jk,a.getAttribute("aria-describedby")],null);var c=$APP.H(b),d=$APP.C(c,kT),e=$APP.C(c,$APP.Wi);b=$APP.C(c,$APP.ik);c=$APP.C(c,$APP.jk);d=$APP.n(d)?d:"";e=$APP.E(e);b=new $APP.N(null,5,[lT,d,mT,$APP.I(d,""),$APP.cj,e,$APP.rk,b,$APP.qk,c],null);if($APP.I($APP.l(a,"__xFieldsetModel"),b))if(d=$APP.l(a,"__xFieldsetRefs"),
|
|
3
|
+
$APP.n(d)){c=$APP.l(d,"root-el");e=$APP.l(d,"content-el");d=$APP.l(d,"legend-el");var f=$APP.H(b),h=$APP.C(f,lT);f=$APP.C(f,mT);d.textContent=h;$APP.n(f)?$APP.U(d,"hidden"):$APP.T(d,"hidden","");f=$APP.H(b);d=$APP.C(f,$APP.rk);h=$APP.C(f,$APP.qk);f=$APP.C(f,mT);$APP.n(d)?($APP.T(c,"aria-label",d),$APP.U(c,"aria-labelledby")):($APP.U(c,"aria-label"),$APP.n(f)?$APP.T(c,"aria-labelledby","x-fieldset-legend"):$APP.U(c,"aria-labelledby"));$APP.n(h)?$APP.T(c,"aria-describedby",h):$APP.U(c,"aria-describedby");
|
|
4
|
+
c=$APP.H(b);c=$APP.C(c,$APP.cj);$APP.ki(a,"data-disabled",c);$APP.ki(e,"inert",c);a=$APP.R(a,"__xFieldsetModel",b)}else a=null;else a=null;return a}return null},Jba=function(a){if(!$APP.n(document.getElementById("x-fieldset-input-styles"))){var b=document.createElement("style");$APP.T(b,"id","x-fieldset-input-styles");b.textContent="x-fieldset input,x-fieldset select,x-fieldset textarea{background:var(--x-fieldset-input-bg);color:var(--x-fieldset-input-color);border:1px solid var(--x-fieldset-input-border);border-radius:var(--x-fieldset-input-radius);padding:0.5rem 0.75rem;font:inherit;outline:none;box-sizing:border-box;}x-fieldset input:focus,x-fieldset select:focus,x-fieldset textarea:focus{border-color:var(--x-fieldset-input-focus);box-shadow:0 0 0 2px var(--x-fieldset-input-focus);}";
|
|
5
|
+
document.head.appendChild(b)}if(!$APP.n($APP.l(a,"__xFieldsetRefs"))){b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),f=document.createElement("div"),h=document.createElement("slot"),k={};c.textContent=":host{display:block;color-scheme:light dark;--x-fieldset-border-color:var(--x-color-border, #d1d5db);--x-fieldset-border-width:1px;--x-fieldset-border-radius:var(--x-radius-md, 8px);--x-fieldset-padding:1rem;--x-fieldset-gap:0.75rem;--x-fieldset-bg:var(--x-color-surface,transparent);--x-fieldset-legend-color:var(--x-color-text-muted,#374151);--x-fieldset-legend-font-size:var(--x-font-size-sm, 0.875rem);--x-fieldset-legend-font-weight:600;--x-fieldset-legend-padding:0 0.375rem;--x-fieldset-disabled-opacity:0.45;--x-fieldset-input-bg:var(--x-color-surface,#ffffff);--x-fieldset-input-color:var(--x-color-text,#0f172a);--x-fieldset-input-border:var(--x-color-border,#d1d5db);--x-fieldset-input-radius:var(--x-radius-sm,0.375rem);--x-fieldset-input-focus:var(--x-color-focus-ring,#60a5fa);}@media (prefers-color-scheme:dark){:host{--x-fieldset-border-color:var(--x-color-border, #374151);--x-fieldset-legend-color:var(--x-color-text-muted,#d1d5db);--x-fieldset-input-bg:var(--x-color-surface,#1f2937);--x-fieldset-input-color:var(--x-color-text,#e5e7eb);--x-fieldset-input-border:var(--x-color-border,#374151);--x-fieldset-input-focus:var(--x-color-focus-ring,#93c5fd);}}[part\x3droot]{display:block;border:var(--x-fieldset-border-width) solid var(--x-fieldset-border-color);border-radius:var(--x-fieldset-border-radius);padding:var(--x-fieldset-padding);background:var(--x-fieldset-bg);position:relative;}:host([data-disabled]) [part\x3droot]{opacity:var(--x-fieldset-disabled-opacity);}[part\x3dlegend]{display:block;position:absolute;top:calc(-0.5em);left:calc(var(--x-fieldset-border-radius) - 0.375rem);padding:var(--x-fieldset-legend-padding);color:var(--x-fieldset-legend-color);font-size:var(--x-fieldset-legend-font-size);font-weight:var(--x-fieldset-legend-font-weight);background:inherit;line-height:1;white-space:nowrap;}[part\x3dlegend][hidden]{display:none;}[part\x3dcontent]{display:flex;flex-direction:column;gap:var(--x-fieldset-gap);}";
|
|
6
|
+
$APP.T(d,"part","root");$APP.T(d,"role","group");$APP.T(e,"part","legend");$APP.T(e,"id","x-fieldset-legend");$APP.T(f,"part","content");f.appendChild(h);d.appendChild(e);d.appendChild(f);b.appendChild(c);b.appendChild(d);k.root=b;k["root-el"]=d;k["legend-el"]=e;k["content-el"]=f;$APP.R(a,"__xFieldsetRefs",k)}return nT(a)},Kba=function(a,b,c,d){return $APP.I(c,d)?nT(a):null},Mba=function(a){return $APP.Ei(a,Lba)},oT=function(){return $APP.Kh("x-fieldset",new $APP.N(null,4,[$APP.Bh,Nba,$APP.zh,Jba,
|
|
7
|
+
$APP.ph,Kba,$APP.Ah,Mba],null))},mT=new $APP.F(null,"legend-visible?","legend-visible?",-281107501),kT=new $APP.F(null,"legend-raw","legend-raw",907427195),lT=new $APP.F(null,"legend","legend",-1027192245);var Nba=["legend","disabled","aria-label","aria-describedby"],Lba=new $APP.N(null,2,[lT,new $APP.N(null,2,[$APP.O,$APP.Y,$APP.W,"legend"],null),$APP.Hk,new $APP.N(null,2,[$APP.O,$APP.Ci,$APP.W,"disabled"],null)],null);$APP.fa("baredom.exports.x_fieldset.init",oT);export const init=oT;
|