@vanelsas/baredom 2.9.0 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +17 -0
- package/README.md +1 -1
- package/dist/baredom.d.ts +20 -0
- package/dist/base.js +541 -455
- package/dist/integrity.json +103 -102
- package/dist/x-alert.js +16 -17
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +14 -15
- package/dist/x-badge.js +9 -9
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +13 -13
- package/dist/x-button.js +1 -17
- package/dist/x-cancel-dialogue.js +13 -13
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +31 -31
- package/dist/x-chart.js +47 -47
- package/dist/x-checkbox.js +1 -11
- package/dist/x-chip.js +1 -1
- package/dist/x-collapse.js +10 -10
- package/dist/x-color-picker.js +45 -45
- package/dist/x-combobox.js +26 -26
- package/dist/x-command-palette.js +24 -24
- package/dist/x-confetti.js +24 -22
- package/dist/x-container.js +5 -4
- package/dist/x-context-menu.js +20 -20
- package/dist/x-copy.js +20 -20
- package/dist/x-currency-field.js +23 -23
- package/dist/x-date-picker.js +40 -40
- package/dist/x-divider.js +9 -9
- package/dist/x-drawer.js +9 -9
- package/dist/x-dropdown.js +11 -11
- package/dist/x-fieldset.js +5 -5
- package/dist/x-file-download.js +7 -7
- package/dist/x-file-upload.js +22 -22
- package/dist/x-form-field.js +15 -15
- package/dist/x-form.js +9 -9
- package/dist/x-gaussian-blur.js +12 -12
- package/dist/x-grid.js +7 -6
- package/dist/x-i18n-provider.js +7 -7
- package/dist/x-i18n.js +4 -4
- package/dist/x-icon.js +6 -6
- package/dist/x-image.js +16 -17
- package/dist/x-kbd.js +15 -15
- package/dist/x-kinetic-canvas.js +25 -25
- package/dist/x-kinetic-font.js +27 -27
- package/dist/x-kinetic-typography.js +33 -33
- package/dist/x-liquid-dock.js +38 -38
- package/dist/x-liquid-fill.js +43 -43
- package/dist/x-liquid-glass.js +47 -47
- package/dist/x-menu-item.js +8 -8
- package/dist/x-menu.js +10 -9
- package/dist/x-metaball-cursor.js +26 -26
- package/dist/x-modal.js +10 -10
- package/dist/x-morph-stack.js +36 -37
- package/dist/x-multi-combobox.js +36 -36
- package/dist/x-navbar.js +12 -12
- package/dist/x-neural-glow.js +32 -32
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +17 -17
- package/dist/x-organic-progress.js +37 -37
- package/dist/x-organic-shape.js +13 -13
- package/dist/x-otp-input.js +22 -22
- package/dist/x-pagination.js +15 -15
- package/dist/x-particle-button.js +51 -51
- package/dist/x-popover.js +25 -26
- package/dist/x-progress-circle.js +8 -8
- package/dist/x-progress.js +10 -10
- package/dist/x-proximity-list.js +20 -19
- package/dist/x-radio.js +11 -11
- package/dist/x-ripple-effect.js +10 -10
- package/dist/x-scroll-parallax.js +18 -18
- package/dist/x-scroll-stack.js +17 -17
- package/dist/x-scroll-story.js +34 -34
- package/dist/x-scroll-timeline.js +44 -44
- package/dist/x-scroll.js +38 -38
- package/dist/x-search-field.js +1 -15
- package/dist/x-select.js +1 -11
- package/dist/x-sidebar.js +16 -16
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.js +15 -15
- package/dist/x-soft-body.js +22 -22
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +4 -4
- package/dist/x-splash.js +12 -12
- package/dist/x-spotlight-card.js +12 -12
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +14 -14
- package/dist/x-switch.js +10 -10
- package/dist/x-tab.js +7 -7
- package/dist/x-table-cell.js +18 -18
- package/dist/x-table-row.js +8 -8
- package/dist/x-table.js +12 -12
- package/dist/x-tabs.js +11 -11
- package/dist/x-text-area.js +19 -19
- package/dist/x-theme.js +25 -25
- package/dist/x-timeline-item.js +20 -21
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.js +22 -23
- package/dist/x-toaster.js +8 -8
- package/dist/x-tooltip.js +12 -12
- package/dist/x-trace-history.d.ts +242 -0
- package/dist/x-trace-history.js +118 -0
- package/dist/x-typography.js +9 -9
- package/dist/x-welcome-tour.js +60 -59
- package/package.json +6 -1
package/dist/x-currency-field.js
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
a.
|
|
9
|
-
|
|
10
|
-
$APP.
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
"
|
|
21
|
-
|
|
22
|
-
$APP.
|
|
23
|
-
2,[$APP.
|
|
24
|
-
$APP.
|
|
2
|
+
var h_=function(a){a=(""+$APP.V.i($APP.n(a)?a:"")).trim().toUpperCase();return $APP.A.j(a,"")?"USD":a},Qda=function(a,b){try{var c=(new Intl.NumberFormat($APP.A.j(b,"")?"en-US":b,{style:"currency",currency:a})).formatToParts(0),d=$APP.ge(function(e){return $APP.A.j("currency",e.type)?e.value:null},$APP.zc(c));return $APP.n(d)?d:a}catch(e){return a}},i_=function(a,b){var c=parseFloat(a);if($APP.n(isNaN(c)))return a;try{return(new Intl.NumberFormat($APP.A.j(b,"")?void 0:b,{minimumFractionDigits:2,maximumFractionDigits:2})).format(c)}catch(d){return a}},
|
|
3
|
+
Rda=function(a){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("label"),f=document.createElement("div"),h=document.createElement("span"),l=document.createElement("input"),m=document.createElement("span"),q=document.createElement("span");c.textContent=":host{display:block;color-scheme:light dark;--x-currency-field-bg:var(--x-color-surface,#ffffff);--x-currency-field-color:var(--x-color-text,#111827);--x-currency-field-border:1px solid var(--x-color-border,#d1d5db);--x-currency-field-border-radius:var(--x-radius-md,6px);--x-currency-field-focus-ring-color:var(--x-color-primary,#2563eb);--x-currency-field-symbol-color:var(--x-color-text-muted,#6b7280);--x-currency-field-label-color:var(--x-color-text-muted,#374151);--x-currency-field-hint-color:var(--x-color-text-muted,#6b7280);--x-currency-field-error-color:var(--x-color-danger,#dc2626);--x-currency-field-disabled-opacity:0.45;}@media (prefers-color-scheme:dark){:host{--x-currency-field-bg:var(--x-color-surface-hover,#1f2937);--x-currency-field-color:var(--x-color-text,#f9fafb);--x-currency-field-border:1px solid var(--x-color-border,#4b5563);--x-currency-field-focus-ring-color:var(--x-color-primary,#3b82f6);--x-currency-field-symbol-color:var(--x-color-text-muted,#9ca3af);--x-currency-field-label-color:var(--x-color-text-muted,#d1d5db);--x-currency-field-hint-color:var(--x-color-text-muted,#9ca3af);--x-currency-field-error-color:var(--x-color-danger,#f87171);}}[part\x3dfield]{display:flex;flex-direction:column;gap:0.25rem;}[part\x3dlabel]{display:block;font-size:0.875rem;font-weight:500;color:var(--x-currency-field-label-color);}.label-hidden{display:none;}[part\x3dinput-wrapper]{display:flex;align-items:center;background:var(--x-currency-field-bg);border:var(--x-currency-field-border);border-radius:var(--x-currency-field-border-radius);transition:border-color 120ms ease,box-shadow 120ms ease;}[part\x3dinput-wrapper]:focus-within{border-color:var(--x-currency-field-focus-ring-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--x-currency-field-focus-ring-color) 20%,transparent);}:host([data-invalid]) [part\x3dinput-wrapper]{border-color:var(--x-currency-field-error-color);}:host([data-invalid]) [part\x3dinput-wrapper]:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--x-currency-field-error-color) 20%,transparent);}[part\x3dsymbol]{flex-shrink:0;padding:0.5rem 0 0.5rem 0.75rem;font-size:1rem;color:var(--x-currency-field-symbol-color);user-select:none;pointer-events:none;}[part\x3dinput]{flex:1;min-width:0;padding:0.5rem 0.75rem;background:transparent;color:var(--x-currency-field-color);border:none;outline:none;font-size:1rem;line-height:1.5;font-family:inherit;}[part\x3dinput]:disabled{opacity:1;cursor:not-allowed;}:host([disabled]) [part\x3dinput-wrapper]{opacity:var(--x-currency-field-disabled-opacity);cursor:not-allowed;}[part\x3dhint]{display:block;font-size:0.8125rem;color:var(--x-currency-field-hint-color);}.hint-hidden{display:none;}[part\x3derror]{display:block;font-size:0.8125rem;color:var(--x-currency-field-error-color);}.error-hidden{display:none;}@media (prefers-reduced-motion:reduce){[part\x3dinput-wrapper]{transition:none;}}";
|
|
4
|
+
$APP.S(d,"part","field");$APP.S(e,"part","label");$APP.S(e,"id","label");$APP.S(e,"for","input");$APP.S(f,"part","input-wrapper");$APP.S(h,"part","symbol");$APP.S(h,"aria-hidden","true");$APP.S(l,"part","input");$APP.S(l,"id","input");$APP.S(l,"inputmode","decimal");$APP.S(l,"aria-labelledby","label");$APP.S(m,"part","hint");$APP.S(m,"id","hint");$APP.S(m,"aria-live","polite");$APP.S(q,"part","error");$APP.S(q,"id","error");$APP.S(q,"role","alert");$APP.S(q,"aria-live","assertive");f.appendChild(h);
|
|
5
|
+
f.appendChild(l);d.appendChild(e);d.appendChild(f);d.appendChild(m);d.appendChild(q);b.appendChild(c);b.appendChild(d);a.__xCurrencyFieldRefs={field:d,label:e,wrapper:f,symbol:h,input:l,hint:m,error:q}},j_=function(a,b,c,d){var e=a.hasAttribute("error");var f=a.getAttribute("error");f=$APP.n(f)?f:"";var h=a.hasAttribute("required"),l=a.getAttribute("min"),m=a.getAttribute("max");a=parseFloat(d);var q=$APP.p(isNaN(a));l=$APP.n(l)?parseFloat(l):null;m=$APP.n(m)?parseFloat(m):null;return $APP.n(e)?b.setValidity({customError:!0},
|
|
6
|
+
f,c):$APP.n($APP.n(h)?$APP.A.j(d,""):h)?b.setValidity({valueMissing:!0},"Please fill in this field.",c):$APP.I(d,"")&&!q?b.setValidity({badInput:!0},"Please enter a valid number.",c):$APP.n(q?$APP.n(l)?$APP.p(isNaN(l))&&a<l:l:q)?b.setValidity({rangeUnderflow:!0},"Value must be at least "+$APP.V.i(l)+".",c):$APP.n(q?$APP.n(m)?$APP.p(isNaN(m))&&a>m:m:q)?b.setValidity({rangeOverflow:!0},"Value must be at most "+$APP.V.i(m)+".",c):b.setValidity({},"",c)},o_=function(a){var b=$APP.k(a,"__xCurrencyFieldRefs");
|
|
7
|
+
if($APP.n(b)){var c=$APP.k(b,"label"),d=$APP.k(b,"symbol"),e=$APP.k(b,"input"),f=$APP.k(b,"hint");b=$APP.k(b,"error");var h=$APP.Wf([$APP.ui,k_,$APP.ri,$APP.Sm,$APP.hn,$APP.vi,l_,$APP.wi,$APP.mp,$APP.xj,$APP.si,m_,$APP.ti],[a.getAttribute("label"),a.getAttribute("currency"),a.getAttribute("name"),a.getAttribute("error"),a.getAttribute("hint"),a.hasAttribute("disabled"),a.getAttribute("min"),a.hasAttribute("required"),a.getAttribute("max"),a.hasAttribute("readonly"),a.getAttribute("value"),a.getAttribute("locale"),
|
|
8
|
+
a.getAttribute("placeholder")]);var l=$APP.G(h);h=$APP.C(l,$APP.ti);var m=$APP.C(l,$APP.ui),q=$APP.C(l,k_),r=$APP.C(l,$APP.ri),v=$APP.C(l,$APP.Sm),x=$APP.C(l,$APP.hn),z=$APP.C(l,$APP.vi),B=$APP.C(l,l_),E=$APP.C(l,$APP.wi),H=$APP.C(l,$APP.mp),K=$APP.C(l,$APP.xj),J=$APP.C(l,$APP.si);l=$APP.C(l,m_);var P=$APP.n(v)?v:"",ea=$APP.n(x)?x:"",la=$APP.n(m)?m:"";h=$APP.Wf([$APP.lo,$APP.Ci,$APP.Cj,$APP.Ai,$APP.Dm,$APP.or,$APP.zi,$APP.Eh,$APP.Sp,$APP.np,$APP.nq,n_,$APP.hp,$APP.Z,$APP.Nm,$APP.Bi],[$APP.n(B)?B:
|
|
9
|
+
"",$APP.D(E),$APP.D(K),$APP.n(h)?h:"",typeof x==="string"&&$APP.I(x,""),$APP.n(l)?l:"",$APP.n(r)?r:"",$APP.n(J)?J:"",typeof m==="string"&&$APP.I(m,""),typeof v==="string"&&$APP.I(v,""),ea,h_(q),$APP.n(H)?H:"",la,P,$APP.D(z)]);m=$APP.np.i(h);$APP.n(m)?q=null:(v=$APP.G(h),q=$APP.C(v,$APP.Eh),r=$APP.C(v,$APP.lo),v=$APP.C(v,$APP.hp),x=parseFloat(q),z=$APP.I(q,"")&&$APP.p(isNaN(x)),B=$APP.I(r,"")?parseFloat(r):null,E=$APP.I(v,"")?parseFloat(v):null,q=$APP.I(q,"")&&!z?"Please enter a valid number.":$APP.n(z?
|
|
10
|
+
$APP.n(B)?$APP.p(isNaN(B))&&x<B:B:z)?"Value must be at least "+$APP.V.i(r)+".":$APP.n(z?$APP.n(E)?$APP.p(isNaN(E))&&x>E:E:z)?"Value must be at most "+$APP.V.i(v)+".":"");r=q;q=$APP.n(m)?m:$APP.I($APP.n(r)?r:"","");m=$APP.n(m)?$APP.Nm.i(h):$APP.n(r)?r:"";r=$APP.Dm.i(h);v=$APP.Sp.i(h);z=n_.i(h);x=$APP.or.i(h);d.textContent=Qda(z,x);e.name=$APP.zi.i(h);e.placeholder=$APP.Ai.i(h);e.disabled=$APP.Bi.i(h);e.readOnly=$APP.Cj.i(h);e.required=$APP.Ci.i(h);$APP.S(e,"aria-required",$APP.n($APP.Ci.i(h))?"true":
|
|
11
|
+
"false");$APP.S(e,"aria-invalid",$APP.n(q)?"true":"false");d=$APP.n($APP.n(r)?q:r)?"hint error":$APP.n(r)?"hint":$APP.n(q)?"error":null;$APP.n(d)?$APP.S(e,"aria-describedby",d):$APP.T(e,"aria-describedby");$APP.A.j(e,a.shadowRoot.activeElement)||(d=$APP.Eh.i(h),e.value=$APP.A.j(d,"")?"":i_(d,x));c.textContent=$APP.Z.i(h);$APP.n(v)?c.classList.remove("label-hidden"):c.classList.add("label-hidden");f.textContent=$APP.nq.i(h);$APP.n(r)?f.classList.remove("hint-hidden"):f.classList.add("hint-hidden");
|
|
12
|
+
b.textContent=m;$APP.n(q)?b.classList.remove("error-hidden"):b.classList.add("error-hidden");$APP.Ih(a,"data-invalid",q);c=$APP.k(a,"__xCurrencyFieldInternals");$APP.n(c)?(f=a.getAttribute("value"),a=j_(a,c,e,$APP.n(f)?f:"")):a=null;return a}return null},Sda=function(a){return function(){var b=$APP.k(a,"__xCurrencyFieldRefs");if($APP.n(b)){b=$APP.k(b,"input");var c=a.getAttribute("value");return b.value=$APP.n(c)?c:""}return null}},Tda=function(a){return function(){var b=$APP.k(a,"__xCurrencyFieldRefs");
|
|
13
|
+
if($APP.n(b)){b=$APP.k(b,"input");var c=b.value,d=function(){var f=a.getAttribute("value");return $APP.n(f)?f:""}(),e=function(){var f=a.getAttribute("name");return $APP.n(f)?f:""}();return $APP.Ph(a,"x-currency-field-change-request",{name:e,value:c,previousValue:d})?(d=$APP.k(a,"__xCurrencyFieldInternals"),$APP.n(d)&&(d.setFormValue(c),j_(a,d,b,c)),$APP.Nh(a,"x-currency-field-input",{name:e,value:c})):b.value=d}return null}},Uda=function(a){return function(){var b=$APP.k(a,"__xCurrencyFieldRefs");
|
|
14
|
+
if($APP.n(b)){b=$APP.k(b,"input");var c=b.value,d=parseFloat(c);c=$APP.n(isNaN(d))?c:""+$APP.V.i(d);var e=function(){var f=a.getAttribute("value");return $APP.n(f)?f:""}();d=function(){var f=a.getAttribute("name");return $APP.n(f)?f:""}();return $APP.Ph(a,"x-currency-field-change-request",{name:d,value:c,previousValue:e})?($APP.S(a,"value",c),e=$APP.k(a,"__xCurrencyFieldInternals"),$APP.n(e)&&(e.setFormValue(c),j_(a,e,b,c)),$APP.Nh(a,"x-currency-field-change",{name:d,value:c})):b.value=e}return null}},
|
|
15
|
+
Vda=function(a){var b=$APP.k(a,"__xCurrencyFieldRefs");if($APP.n(b)){b=$APP.k(b,"input");var c=Sda(a),d=Tda(a),e=Uda(a);b.addEventListener("focus",c);b.addEventListener("input",d);b.addEventListener("change",e);a.__xCurrencyFieldHandlers={focus:c,input:d,change:e}}},p_=function(a){var b=$APP.k(a,"__xCurrencyFieldRefs");if($APP.n(b)){var c=$APP.k(a,"__xCurrencyFieldHandlers");if($APP.n(c)){b=$APP.k(b,"input");b.removeEventListener("focus",$APP.k(c,"focus"));b.removeEventListener("input",$APP.k(c,"input"));
|
|
16
|
+
b.removeEventListener("change",$APP.k(c,"change"));a.__xCurrencyFieldHandlers=null;return}}return null},Wda=function(a,b){$APP.Ih(a,"disabled",$APP.D(b));return o_(a)},Xda=function(a){$APP.T(a,"value");var b=$APP.k(a,"__xCurrencyFieldRefs");$APP.n(b)&&($APP.k(b,"input").value="");b=$APP.k(a,"__xCurrencyFieldInternals");$APP.n(b)&&b.setFormValue("");return o_(a)},Yda=function(a){$APP.n($APP.k(a,"__xCurrencyFieldRefs"))||(Rda(a),$APP.n(a.attachInternals)&&$APP.ja(a,"__xCurrencyFieldInternals",a.attachInternals()));
|
|
17
|
+
p_(a);var b=$APP.k(a,"__xCurrencyFieldRefs");if($APP.n(b)){b=$APP.k(b,"input");var c=a.getAttribute("value");h_(a.getAttribute("currency"));var d=function(){var e=a.getAttribute("locale");return $APP.n(e)?e:""}();$APP.n(c)&&(b.value=i_(c,d))}b=$APP.k(a,"__xCurrencyFieldInternals");$APP.n(b)&&b.setFormValue(function(){var e=a.getAttribute("value");return $APP.n(e)?e:""}());Vda(a);return o_(a)},Zda=function(a){return p_(a)},$da=function(a,b,c,d){$APP.A.j(b,"value")&&(b=$APP.k(a,"__xCurrencyFieldRefs"),
|
|
18
|
+
$APP.n(b)&&(b=$APP.k(b,"input"),$APP.A.j(b,a.shadowRoot.activeElement)||(h_(a.getAttribute("currency")),c=a.getAttribute("locale"),c=$APP.n(c)?c:"",b.value=d==null||$APP.A.j(d,"")?"":i_(d,c))));return o_(a)},aea=function(a){Object.defineProperty(a,"value",{configurable:!0,enumerable:!0,get:function(){var b=this.getAttribute("value");return $APP.n(b)?b:""},set:function(b){b=b!=null&&$APP.I(b)?""+$APP.V.i(b):"";$APP.S(this,"value",b);var c=$APP.k(this,"__xCurrencyFieldRefs");if($APP.n(c)){c=$APP.k(c,
|
|
19
|
+
"input");h_(this.getAttribute("currency"));var d=this.getAttribute("locale");d=$APP.n(d)?d:"";return $APP.A.j(c,this.shadowRoot.activeElement)?null:c.value=$APP.A.j(b,"")?"":i_(b,d)}return null}})},bea=function(a){aea(a);$APP.Th(a,"name","name","");$APP.Th(a,"currency","currency","");$APP.Th(a,"locale","locale","");$APP.Th(a,"min","min","");$APP.Th(a,"max","max","");$APP.Th(a,"placeholder","placeholder","");$APP.Th(a,"label","label","");$APP.Th(a,"hint","hint","");$APP.Th(a,"error","error","");$APP.Sh(a,
|
|
20
|
+
"disabled","disabled");$APP.Sh(a,"readOnly","readonly");$APP.Sh(a,"required","required");a.checkValidity=function(){var b=$APP.k(this,"__xCurrencyFieldInternals");return $APP.n(b)?b.checkValidity():!0};return a.reportValidity=function(){var b=$APP.k(this,"__xCurrencyFieldInternals");return $APP.n(b)?b.reportValidity():!0}},q_=function(){return $APP.Ah("x-currency-field",new $APP.O(null,8,[$APP.qh,cea,$APP.oh,Yda,$APP.lh,Zda,$APP.kh,$da,$APP.mh,!0,$APP.jh,Wda,$APP.ih,Xda,$APP.ph,bea],null))},l_=new $APP.F(null,
|
|
21
|
+
"min-raw","min-raw",183137548),n_=new $APP.F(null,"currency","currency",-898327568),m_=new $APP.F(null,"locale-raw","locale-raw",385401846),k_=new $APP.F(null,"currency-raw","currency-raw",1169887491);var cea="name value currency locale min max placeholder label hint error disabled required readonly".split(" ");
|
|
22
|
+
$APP.Wf([$APP.lo,$APP.Ai,$APP.ck,$APP.or,$APP.zi,$APP.Eh,$APP.nq,n_,$APP.Cq,$APP.hp,$APP.Z,$APP.Nm,$APP.Ho],[new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"min"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"placeholder"],null),new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"disabled"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"locale"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"name"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"value"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"hint"],null),
|
|
23
|
+
new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"currency"],null),new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"readonly"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"max"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"label"],null),new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"error"],null),new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"required"],null)]);
|
|
24
|
+
$APP.ce(["x-currency-field-change-request",new $APP.O(null,2,[$APP.Aq,!0,$APP.U,new $APP.O(null,3,[$APP.zi,$APP.X,$APP.Eh,$APP.X,$APP.dp,$APP.X],null)],null),"x-currency-field-input",new $APP.O(null,2,[$APP.Aq,!1,$APP.U,new $APP.O(null,2,[$APP.zi,$APP.X,$APP.Eh,$APP.X],null)],null),"x-currency-field-change",new $APP.O(null,2,[$APP.Aq,!1,$APP.U,new $APP.O(null,2,[$APP.zi,$APP.X,$APP.Eh,$APP.X],null)],null)]);$APP.ha("baredom.exports.x_currency_field.init",q_);export const init=q_;
|
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
|
-
a.getAttribute("separator")]));var c=new $APP.
|
|
9
|
-
(f=
|
|
10
|
-
l:$APP.n(d)?$APP.
|
|
11
|
-
"0"),b.focus()}return null},
|
|
12
|
-
!0,c="Su Mo Tu We Th Fr Sa".split(" "),h=0;;)if(h<7)f=
|
|
13
|
-
var
|
|
14
|
-
q.setAttribute("aria-disabled",$APP.n(
|
|
15
|
-
f),h.setAttribute("data-outside",$APP.n(e)?"false":"true"),h.setAttribute("data-disabled",$APP.n(q)?"true":"false"),h.setAttribute("data-selected",$APP.n(m)?"true":"false"),h.setAttribute("data-in-range",$APP.n(r)?"true":"false"),h.setAttribute("data-range-edge",$APP.n(v)?"true":"false"),h.setAttribute("aria-selected",$APP.n(m)?"true":"false"),h.setAttribute("aria-disabled",$APP.n(q)?"true":"false"),h.setAttribute("tabindex","-1"),h.textContent=""+$APP.
|
|
16
|
-
0),l=0;else break;d=$APP.k(a,"__xDatePickerGridFocus");a=$APP.k(a,"__xDatePickerRefs");a=$APP.n(a)?$APP.k(a,"grid"):null;$APP.n($APP.n(a)?d:a)?(a=a.querySelector('[data-iso\x3d"'+$APP.
|
|
17
|
-
b)?b.value=$APP.n(c)?c:"":null},
|
|
18
|
-
""),c.setAttribute("aria-disabled","true")):(c.removeAttribute("disabled"),c.removeAttribute("aria-disabled")),$APP.n(e)&&c.setAttribute("readonly",""),$APP.n(e)||c.removeAttribute("readonly"),$APP.n(f)&&c.setAttribute("placeholder",f),$APP.n(h)&&c.setAttribute("aria-label",h),$APP.n(l)&&c.setAttribute("aria-describedby",l));
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
$APP.k(a,"
|
|
34
|
-
|
|
2
|
+
var f2=function(a){return typeof a==="string"?(a=a.trim(),$APP.I(a,"")?a:null):null},g2=function(a){return a<10?"0"+$APP.V.i(a):""+$APP.V.i(a)},h2=function(a){return $APP.n(a)?""+$APP.V.i(a.getUTCFullYear())+"-"+$APP.V.i(g2(a.getUTCMonth()+1))+"-"+$APP.V.i(g2(a.getUTCDate())):null},i2=function(a){var b=(b=typeof a==="string")?$APP.Gg(/\d{4}-\d{2}-\d{2}/,a):b;return $APP.n(b)?(a=new Date(""+$APP.V.i(a)+"T00:00:00.000Z"),$APP.n(isNaN(a.getTime()))?null:a):null},j2=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},k2=function(a,b){return $APP.n(a)?new Date(a.getTime()+b*864E5):null},l2=function(a){return $APP.n(a)?new Date(Date.UTC(a.getUTCFullYear(),a.getUTCMonth(),1)):null},m2=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.Hl.j(d,b)))}return null},qga=function(a,b,c){a=$APP.n($APP.n(b)?$APP.n(a)?
|
|
4
|
+
j2(a,b)<0:a:b)?b:a;return $APP.n($APP.n(c)?$APP.n(a)?j2(a,c)>0:a:c)?c:a},rga=function(a,b,c){if($APP.n($APP.n(a)?$APP.n(b)?c:b:a)){var d=j2(b,c)<0?c:b;return!(j2(a,j2(b,c)<0?b:c)<0)&&!(j2(a,d)>0)}return null},p2=function(a,b){var c=$APP.G(b);b=$APP.C(c,n2);c=$APP.C(c,$APP.or);return $APP.n(a)?$APP.A.j(b,o2)?(new Intl.DateTimeFormat($APP.n(c)?c:"default",{year:"numeric",month:"long",day:"numeric",timeZone:"UTC"})).format(a):h2(a):null},s2=function(a){a=f2(a);a=$APP.n(a)?i2(a):null;return new $APP.O(null,
|
|
5
|
+
2,[q2,a!=null,r2,a],null)},wga=function(a){var b=$APP.G(a),c=$APP.C(b,$APP.Um),d=$APP.C(b,$APP.tp),e=$APP.C(b,$APP.lo);a=$APP.C(b,n2);var f=$APP.C(b,$APP.or),h=$APP.C(b,t2),l=$APP.C(b,$APP.Eh),m=$APP.C(b,$APP.Gn),q=$APP.C(b,$APP.Bq),r=$APP.C(b,$APP.hp),v=$APP.C(b,u2);b=$APP.A.j(m,"range")?v2:w2;a=$APP.A.j(a,"localized")?o2:sga;f=f2(f);m=function(){var B=f2(d);return $APP.n(B)?B:" - "}();e=i2(e);r=i2(r);v=$APP.D(v);h=$APP.D(h);if($APP.A.j(b,w2))return b=i2(l),$APP.Wf([n2,x2,$APP.or,y2,$APP.Gn,z2,u2,
|
|
6
|
+
$APP.Cp,$APP.tp,A2,tga],[a,b,f,h,w2,r,v,b!=null,m,e,function(){var B=f2(l);return $APP.n(B)?B:""}()]);var x=i2(q),z=i2(c);b=x!=null&&z!=null;return $APP.Wf([uga,n2,B2,$APP.or,y2,$APP.Gn,z2,vga,C2,u2,$APP.Cp,$APP.tp,A2],[function(){var B=f2(c);return $APP.n(B)?B:""}(),a,x,f,h,v2,r,function(){var B=f2(q);return $APP.n(B)?B:""}(),z,v,b,m,e])},xga=function(a){if($APP.n(a)){var b=l2(a),c=k2(b,-($APP.n(b)?b.getUTCDay():0));return $APP.ze(function(d){d=k2(c,d);var e=$APP.A.j(d.getUTCMonth(),a.getUTCMonth());
|
|
7
|
+
return new $APP.O(null,2,[r2,d,D2,e],null)},$APP.Eg(0,42))}return null},E2=function(a){return document.createElement(a)},F2=function(a){var b=a.getAttribute("mode");b=wga($APP.Wf([$APP.lo,n2,$APP.or,t2,$APP.Eh,$APP.Gn,$APP.Bq,$APP.hp,u2,$APP.Um,$APP.tp],[a.getAttribute("min"),a.getAttribute("format"),a.getAttribute("locale"),$APP.ii(a.getAttribute("range-allow-same-day")),a.getAttribute("value"),b,a.getAttribute("start"),a.getAttribute("max"),$APP.ii(a.getAttribute("auto-swap")),a.getAttribute("end"),
|
|
8
|
+
a.getAttribute("separator")]));var c=new $APP.O(null,2,[n2,n2.i(b),$APP.or,$APP.or.i(b)],null);var d=$APP.G(c);var e=$APP.C(d,n2);d=$APP.C(d,$APP.or);e=new $APP.O(null,2,[n2,e,$APP.or,d],null);if($APP.A.j($APP.Gn.i(b),w2))e=$APP.n(x2.i(b))?p2(x2.i(b),e):"";else{d=$APP.tp.i(b);var f=B2.i(b);f=$APP.n(f)?C2.i(b):f;e=$APP.n(f)?""+$APP.V.i(p2(B2.i(b),e))+$APP.V.i(d)+$APP.V.i(p2(C2.i(b),e)):$APP.n(B2.i(b))?p2(B2.i(b),e):""}d=$APP.k(a,"__xDatePickerState");d=$APP.n(d)?$APP.k(d,"month"):null;f=x2.i(b);$APP.n(f)||
|
|
9
|
+
(f=B2.i(b),f=$APP.n(f)?f:new Date(Date.now()));d=$APP.n(d)?d:l2(f);a.__xDatePickerState={canon:b,cfg:c,disp:e,month:d}},G2=function(a,b){var c=A2.i(b);c=$APP.n(c)?j2(a,A2.i(b))<0:c;if($APP.n(c))return c;c=z2.i(b);return $APP.n(c)?j2(a,z2.i(b))>0:c},J2=function(a,b){if($APP.A.j($APP.Gn.i(b),w2))return new $APP.O(null,3,[$APP.ln,function(){var l=x2.i(b);return $APP.n(l)?$APP.A.j(0,j2(a,x2.i(b))):l}(),H2,!1,I2,!1],null);var c=B2.i(b),d=C2.i(b),e=function(){var l=$APP.n(c)?$APP.A.j(0,j2(a,c)):c;return $APP.n(l)?
|
|
10
|
+
l:$APP.n(d)?$APP.A.j(0,j2(a,d)):d}(),f=$APP.n(c)?$APP.n(d)?rga(a,c,d):d:c,h=function(){var l=$APP.n(c)?$APP.A.j(0,j2(a,c)):c;return $APP.n(l)?l:$APP.n(d)?$APP.A.j(0,j2(a,d)):d}();return new $APP.O(null,3,[$APP.ln,e,H2,f,I2,h],null)},K2=function(a,b){a.__xDatePickerGridFocus=b;a=$APP.k(a,"__xDatePickerRefs");a=$APP.n(a)?$APP.k(a,"grid"):null;if($APP.n(a)){var c=a.querySelector('[tabindex\x3d"0"]');$APP.n(c)&&c.setAttribute("tabindex","-1");b=a.querySelector('[data-iso\x3d"'+$APP.V.i(b)+'"]');if($APP.n(b))return b.setAttribute("tabindex",
|
|
11
|
+
"0"),b.focus()}return null},L2=function(a){var b=$APP.k(a,"__xDatePickerRefs");if($APP.n(b)){var c=$APP.k(b,"month-label"),d=$APP.k(b,"grid"),e=$APP.k(b,"weekdays"),f=$APP.k(a,"__xDatePickerState");b=$APP.n(f)?$APP.k(f,"canon"):null;var h=$APP.n(f)?$APP.k(f,"month"):null;f=$APP.n(f)?$APP.k(f,"cfg"):null;f=$APP.n(f)?$APP.or.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.k(a,"__xDatePickerWeekdaysDone")))for(a.__xDatePickerWeekdaysDone=
|
|
12
|
+
!0,c="Su Mo Tu We Th Fr Sa".split(" "),h=0;;)if(h<7)f=E2("div"),f.setAttribute("part","weekday"),f.setAttribute("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.k(a,"__xDatePickerState");e=xga($APP.n(e)?$APP.k(e,"month"):null);c=$APP.t(e);h=null;for(var l=f=0;;)if(l<f){e=h.F(null,l);e=$APP.G(e);var m=$APP.C(e,r2);e=$APP.C(e,D2);var q=E2("button"),r=h2(m),v=m.getUTCDate(),x=G2(m,b);m=J2(m,b);var z=$APP.G(m);m=$APP.C(z,$APP.ln);
|
|
13
|
+
var B=$APP.C(z,H2);z=$APP.C(z,I2);q.setAttribute("part","day");q.setAttribute("type","button");q.setAttribute("role","gridcell");q.setAttribute("data-iso",r);q.setAttribute("data-outside",$APP.n(e)?"false":"true");q.setAttribute("data-disabled",$APP.n(x)?"true":"false");q.setAttribute("data-selected",$APP.n(m)?"true":"false");q.setAttribute("data-in-range",$APP.n(B)?"true":"false");q.setAttribute("data-range-edge",$APP.n(z)?"true":"false");q.setAttribute("aria-selected",$APP.n(m)?"true":"false");
|
|
14
|
+
q.setAttribute("aria-disabled",$APP.n(x)?"true":"false");q.setAttribute("tabindex","-1");q.textContent=""+$APP.V.i(v);d.appendChild(q);l+=1}else if(e=$APP.t(c))c=e,$APP.Wc(c)?(h=$APP.Ab(c),c=$APP.Bb(c),e=h,f=$APP.y(h),h=e):(e=$APP.u(c),e=$APP.G(e),m=$APP.C(e,r2),e=$APP.C(e,D2),h=E2("button"),f=h2(m),l=m.getUTCDate(),q=G2(m,b),m=J2(m,b),v=$APP.G(m),m=$APP.C(v,$APP.ln),r=$APP.C(v,H2),v=$APP.C(v,I2),h.setAttribute("part","day"),h.setAttribute("type","button"),h.setAttribute("role","gridcell"),h.setAttribute("data-iso",
|
|
15
|
+
f),h.setAttribute("data-outside",$APP.n(e)?"false":"true"),h.setAttribute("data-disabled",$APP.n(q)?"true":"false"),h.setAttribute("data-selected",$APP.n(m)?"true":"false"),h.setAttribute("data-in-range",$APP.n(r)?"true":"false"),h.setAttribute("data-range-edge",$APP.n(v)?"true":"false"),h.setAttribute("aria-selected",$APP.n(m)?"true":"false"),h.setAttribute("aria-disabled",$APP.n(q)?"true":"false"),h.setAttribute("tabindex","-1"),h.textContent=""+$APP.V.i(l),d.appendChild(h),c=$APP.w(c),h=null,f=
|
|
16
|
+
0),l=0;else break;d=$APP.k(a,"__xDatePickerGridFocus");a=$APP.k(a,"__xDatePickerRefs");a=$APP.n(a)?$APP.k(a,"grid"):null;$APP.n($APP.n(a)?d:a)?(a=a.querySelector('[data-iso\x3d"'+$APP.V.i(d)+'"]'),a=$APP.n(a)?a.setAttribute("tabindex","0"):null):a=null;return a}}return null},M2=function(a){var b=$APP.k(a,"__xDatePickerRefs");b=$APP.n(b)?$APP.k(b,"input"):null;var c=$APP.k(a,"__xDatePickerState");c=$APP.n(c)?$APP.k(c,"disp"):null;a=$APP.k(a,"__xDatePickerFocused");return $APP.n($APP.n(b)?$APP.p(a):
|
|
17
|
+
b)?b.value=$APP.n(c)?c:"":null},N2=function(a){var b=$APP.k(a,"__xDatePickerRefs");if($APP.n(b)){var c=$APP.k(b,"input");b=$APP.k(b,"btn");var d=a.hasAttribute("disabled"),e=a.hasAttribute("readonly"),f=a.getAttribute("placeholder"),h=a.getAttribute("aria-label"),l=a.getAttribute("aria-describedby"),m=a.hasAttribute("open");$APP.n(b)&&($APP.n(d)?b.setAttribute("disabled",""):b.removeAttribute("disabled"));$APP.n(c)&&(c.setAttribute("aria-expanded",$APP.n(m)?"true":"false"),$APP.n(d)?(c.setAttribute("disabled",
|
|
18
|
+
""),c.setAttribute("aria-disabled","true")):(c.removeAttribute("disabled"),c.removeAttribute("aria-disabled")),$APP.n(e)&&c.setAttribute("readonly",""),$APP.n(e)||c.removeAttribute("readonly"),$APP.n(f)&&c.setAttribute("placeholder",f),$APP.n(h)&&c.setAttribute("aria-label",h),$APP.n(l)&&c.setAttribute("aria-describedby",l));M2(a);return L2(a)}return null},O2=function(a,b){$APP.n(b)?$APP.S(a,"value",h2(b)):$APP.T(a,"value")},P2=function(a,b,c){if($APP.n(a.hasAttribute("readonly")))return null;var d=
|
|
19
|
+
$APP.k(a,"__xDatePickerState");d=$APP.n(d)?$APP.k(d,"canon"):null;var e=$APP.n(d)?$APP.Gn.i(d):null,f=$APP.A.j(e,v2)?"range":"single",h=$APP.A.j(e,w2)?{value:h2(b),mode:f,reason:c}:{date:h2(b),mode:f,reason:c};if($APP.Ph(a,"x-date-picker-change-request",h)){if($APP.A.j(e,w2))return d=h2(b),O2(a,b),F2(a),N2(a),$APP.Nh(a,"x-date-picker-change",{value:d,mode:f,reason:c}),$APP.n(a.hasAttribute("close-on-select"))?($APP.T(a,"open"),N2(a)):null;e=function(){var z=$APP.k(a,"__xDatePickerRangeStep");return $APP.n(z)?
|
|
20
|
+
z:0}();h=B2.i(d);if($APP.A.j(e,0))$APP.S(a,"start",h2(b)),$APP.T(a,"end"),a.__xDatePickerRangeStep=1;else if($APP.A.j(e,1)){var l=y2.i(d),m=j2(b,h);if($APP.n(function(){var z=m>0;return z?z:$APP.n(l)?m===0:l}())){var q=$APP.n(u2.i(d))?j2(h,b)<0?h:b:h,r=$APP.n(u2.i(d))?j2(h,b)>0?h:b:b;$APP.S(a,"start",h2(q));$APP.S(a,"end",h2(r));a.__xDatePickerRangeStep=0;$APP.n(function(){var z=a.hasAttribute("close-on-select");return $APP.n(z)?q!=null&&r!=null:z}())&&$APP.T(a,"open")}else $APP.S(a,"start",h2(b)),
|
|
21
|
+
$APP.T(a,"end"),a.__xDatePickerRangeStep=1}else $APP.S(a,"start",h2(b)),$APP.T(a,"end"),a.__xDatePickerRangeStep=1;F2(a);N2(a);b=$APP.k(a,"__xDatePickerState");b=$APP.n(b)?$APP.k(b,"canon"):null;var v=$APP.n(B2.i(b))?h2(B2.i(b)):null,x=$APP.n(C2.i(b))?h2(C2.i(b)):null;b=function(){var z={mode:f,reason:c};$APP.n(v)&&(z.start=v);$APP.n(x)&&(z.end=x);return z}();return $APP.Nh(a,"x-date-picker-change",b)}return null},Q2=function(a,b){var c=$APP.k(a,"__xDatePickerRefs");c=$APP.n(c)?$APP.k(c,"input"):
|
|
22
|
+
null;var d=$APP.n(c)?c.value:null;c=$APP.k(a,"__xDatePickerState");var e=$APP.n(c)?$APP.k(c,"canon"):null,f=$APP.Gn.i(e);c=$APP.A.j(f,v2)?"range":"single";$APP.Nh(a,"x-date-picker-input",{value:d,mode:c});if($APP.A.j(f,w2)){if(d=s2(d),e=$APP.G(d),d=$APP.C(e,q2),e=$APP.C(e,r2),$APP.n(d)){f=h2(e);d=$APP.Ph(a,"x-date-picker-change-request",{value:f,mode:c,reason:b});if($APP.n(d.defaultPrevented))return null;O2(a,e);F2(a);N2(a);return $APP.Nh(a,"x-date-picker-change",{value:f,mode:c,reason:b})}}else if(e=
|
|
23
|
+
new $APP.O(null,1,[$APP.tp,$APP.tp.i(e)],null),e=$APP.G(e),e=$APP.C(e,$APP.tp),e=typeof e==="string"&&e.length>0?e:" - ",d=f2(d),d==null?d=new $APP.O(null,3,[q2,!1,$APP.Bq,null,$APP.Um,null],null):(f=d.indexOf(e),f<0?(d=s2(d),e=$APP.G(d),d=$APP.C(e,q2),e=$APP.C(e,r2),d=new $APP.O(null,3,[q2,d,$APP.Bq,e,$APP.Um,null],null)):(e=d.substring(f+e.length).trim(),d=i2(d.substring(0,f).trim()),e=i2(e),d=new $APP.O(null,3,[q2,d!=null&&e!=null,$APP.Bq,d,$APP.Um,e],null))),f=$APP.G(d),d=$APP.C(f,q2),e=$APP.C(f,
|
|
24
|
+
$APP.Bq),f=$APP.C(f,$APP.Um),$APP.n(d)){e=h2(e);f=h2(f);d=$APP.Ph(a,"x-date-picker-change-request",{start:e,end:f,mode:c,reason:b});if($APP.n(d.defaultPrevented))return null;$APP.S(a,"start",e);$APP.S(a,"end",f);a.__xDatePickerRangeStep=0;F2(a);N2(a);return $APP.Nh(a,"x-date-picker-change",{start:e,end:f,mode:c,reason:b})}return null},R2=function(a,b){var c=$APP.k(a,"__xDatePickerState"),d=$APP.n(c)?$APP.k(c,"month"):null;if($APP.n(d)){var e=d.getUTCFullYear();d=d.getUTCMonth();b=$APP.A.j(b,$APP.Yn)?
|
|
25
|
+
new Date(Date.UTC(e,d+1,1)):new Date(Date.UTC(e,d-1,1));c.month=b;return L2(a)}return null},S2=function(a){return $APP.n(a.hasAttribute("open"))?$APP.T(a,"open"):null},T2=function(a,b){if($APP.n(a.hasAttribute("disabled")))return null;b=b.currentTarget.getAttribute("data-nav");return $APP.A.j(b,"prev")?R2(a,$APP.Sn):R2(a,$APP.Yn)},yga=function(a,b){if($APP.n(a.hasAttribute("disabled")))return null;var c=b.key,d=$APP.k(a,"__xDatePickerGridFocus"),e=$APP.n(d)?i2(d):null;d=$APP.k(a,"__xDatePickerState");
|
|
26
|
+
var f=$APP.n(d)?$APP.k(d,"canon"):null,h=$APP.n(d)?$APP.k(d,"month"):null,l=$APP.n(e)?function(){switch(c){case "ArrowLeft":return k2(e,-1);case "ArrowRight":return k2(e,1);case "ArrowUp":return k2(e,-7);case "ArrowDown":return k2(e,7);case "PageUp":return m2(e,-1);case "PageDown":return m2(e,1);case "Home":return $APP.n(e)?k2(e,-($APP.n(e)?e.getUTCDay():0)):null;case "End":return $APP.n(e)?k2(e,6-($APP.n(e)?e.getUTCDay():0)):null;default:return null}}():null;return l!=null?(b.preventDefault(),b=
|
|
27
|
+
qga(l,A2.i(f),z2.i(f)),f=h2(b),$APP.n($APP.n(h)?$APP.I(b.getUTCMonth(),h.getUTCMonth()):h)&&($APP.ja(d,"month",l2(b)),L2(a)),K2(a,f)):$APP.n(function(){var m=$APP.A.j(c,"Enter")||$APP.A.j(c," ");return m?$APP.n(e)?$APP.p(a.hasAttribute("readonly")):e:m}())?(b.preventDefault(),$APP.n(G2(e,f))?null:P2(a,e,"keyboard")):$APP.A.j(c,"Escape")?(b.preventDefault(),S2(a),d=$APP.k(a,"__xDatePickerRefs"),d=$APP.n(d)?$APP.k(d,"input"):null,$APP.n(d)?d.focus():null):null},zga=function(a){function b(J){return $APP.n(a.hasAttribute("open"))?
|
|
28
|
+
$APP.n(J.composedPath().some(function(P){return P===a}))?null:S2(a):null}function c(J){return J.preventDefault()}function d(J){return yga(a,J)}function e(J){var P=a.hasAttribute("disabled");$APP.n($APP.n(P)?P:a.hasAttribute("readonly"))?J=null:(J=J.target.closest("button[data-iso]"),$APP.n($APP.n(J)?$APP.I("true",J.getAttribute("data-disabled")):J)?(J=J.getAttribute("data-iso"),J=i2(J),J=$APP.n(J)?P2(a,J,"click"):null):J=null);return J}function f(J){return T2(a,J)}function h(J){return T2(a,J)}function l(){var J=
|
|
29
|
+
a.hasAttribute("disabled");if($APP.n($APP.n(J)?J:a.hasAttribute("readonly")))J=null;else if($APP.n(a.hasAttribute("open")))J=S2(a);else if($APP.n(a.hasAttribute("open")))J=null;else{$APP.S(a,"open","");J=$APP.k(a,"__xDatePickerState");J=$APP.n(J)?$APP.k(J,"canon"):null;var P=x2.i(J);$APP.n(P)?J=P:(J=B2.i(J),J=$APP.n(J)?J:new Date(Date.now()));J=h2(J);J=K2(a,J)}return J}function m(){a.__xDatePickerFocused=!1;$APP.n(a.hasAttribute("disabled"))||Q2(a,"blur");return M2(a)}function q(){a.__xDatePickerFocused=
|
|
30
|
+
!0}function r(J){if($APP.n(a.hasAttribute("disabled")))J=null;else{var P=J.key;$APP.A.j(P,"Enter")?(J.preventDefault(),J=Q2(a,"keyboard")):J=$APP.A.j(P,"Escape")?S2(a):null}return J}function v(){var J=$APP.k(a,"__xDatePickerRefs");J=$APP.n(J)?$APP.k(J,"input"):null;var P=$APP.k(a,"__xDatePickerState");P=$APP.A.j($APP.Gn.i($APP.n(P)?$APP.k(P,"canon"):null),v2)?"range":"single";a.__xDatePickerDisplay=$APP.n(J)?J.value:null;return $APP.Nh(a,"x-date-picker-input",{value:$APP.n(J)?J.value:null,mode:P})}
|
|
31
|
+
var x=$APP.k(a,"__xDatePickerRefs"),z=$APP.k(x,"input"),B=$APP.k(x,"btn"),E=$APP.k(x,"nav-prev"),H=$APP.k(x,"nav-next"),K=$APP.k(x,"grid");x=$APP.k(x,"popover");z.addEventListener("input",v);z.addEventListener("keydown",r);z.addEventListener("focus",q);z.addEventListener("blur",m);B.addEventListener("click",l);E.addEventListener("click",h);H.addEventListener("click",f);K.addEventListener("click",e);K.addEventListener("keydown",d);x.addEventListener("pointerdown",c);document.addEventListener("pointerdown",
|
|
32
|
+
b,!0);$APP.ja(a,"__xDatePickerHandlers",{"pop-md":c,keydown:r,grid:e,"grid-kd":d,next:f,blur:m,prev:h,focus:q,input:v,btn:l,"doc-click":b})},U2=function(a){var b=$APP.k(a,"__xDatePickerRefs");a=$APP.k(a,"__xDatePickerHandlers");if($APP.n($APP.n(b)?a:b)){var c=$APP.k(b,"input"),d=$APP.k(b,"btn"),e=$APP.k(b,"nav-prev"),f=$APP.k(b,"nav-next"),h=$APP.k(b,"grid");b=$APP.k(b,"popover");c.removeEventListener("input",$APP.k(a,"input"));c.removeEventListener("keydown",$APP.k(a,"keydown"));c.removeEventListener("focus",
|
|
33
|
+
$APP.k(a,"focus"));c.removeEventListener("blur",$APP.k(a,"blur"));d.removeEventListener("click",$APP.k(a,"btn"));e.removeEventListener("click",$APP.k(a,"prev"));f.removeEventListener("click",$APP.k(a,"next"));h.removeEventListener("click",$APP.k(a,"grid"));h.removeEventListener("keydown",$APP.k(a,"grid-kd"));b.removeEventListener("pointerdown",$APP.k(a,"pop-md"));return document.removeEventListener("pointerdown",$APP.k(a,"doc-click"),!0)}return null},Aga=function(a){if(!$APP.n($APP.k(a,"__xDatePickerRefs"))){var b=
|
|
34
|
+
a.attachShadow({mode:"open"}),c=E2("style"),d=E2("div"),e=E2("input"),f=E2("button"),h=E2("div"),l=E2("div"),m=E2("button"),q=E2("div"),r=E2("button"),v=E2("div"),x=E2("div"),z=E2("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
35
|
d.setAttribute("part","container");e.setAttribute("part","input");e.setAttribute("type","text");e.setAttribute("inputmode","none");e.setAttribute("autocomplete","off");e.setAttribute("role","combobox");e.setAttribute("aria-haspopup","dialog");e.setAttribute("aria-expanded","false");f.setAttribute("part","btn");f.setAttribute("type","button");f.setAttribute("aria-label","Open calendar");f.textContent="\ud83d\udcc5";h.setAttribute("part","popover");h.setAttribute("role","dialog");h.setAttribute("aria-modal",
|
|
36
36
|
"true");h.setAttribute("aria-label","Calendar");l.setAttribute("part","nav");m.setAttribute("part","navbtn");m.setAttribute("data-nav","prev");m.setAttribute("type","button");m.setAttribute("aria-label","Previous month");m.textContent="‹";q.setAttribute("part","monthlabel");q.setAttribute("aria-live","polite");r.setAttribute("part","navbtn");r.setAttribute("data-nav","next");r.setAttribute("type","button");r.setAttribute("aria-label","Next month");r.textContent="›";v.setAttribute("part","weekdays");
|
|
37
|
-
v.setAttribute("aria-hidden","true");
|
|
38
|
-
"nav-next":r,"month-label":q,input:e,btn:f,sr:
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
2,[$APP.
|
|
43
|
-
$APP.
|
|
37
|
+
v.setAttribute("aria-hidden","true");x.setAttribute("part","grid");x.setAttribute("role","grid");x.setAttribute("aria-label","Calendar grid");z.setAttribute("part","sr-status");z.setAttribute("aria-live","polite");z.setAttribute("aria-atomic","true");l.appendChild(m);l.appendChild(q);l.appendChild(r);h.appendChild(l);h.appendChild(v);h.appendChild(x);h.appendChild(z);d.appendChild(e);d.appendChild(f);d.appendChild(h);b.appendChild(c);b.appendChild(d);a.__xDatePickerRefs={weekdays:v,grid:x,popover:h,
|
|
38
|
+
"nav-next":r,"month-label":q,input:e,btn:f,sr:z,"nav-prev":m}}U2(a);zga(a);F2(a);return N2(a)},Bga=function(a){return U2(a)},Cga=function(a){var b=a.hasAttribute("disabled");$APP.n($APP.n(b)?a.hasAttribute("open"):b)&&$APP.T(a,"open");F2(a);return N2(a)},Dga=function(a){a.focus=function(){var b=$APP.k(this,"__xDatePickerRefs");b=$APP.n(b)?$APP.k(b,"input"):null;return $APP.n(b)?b.focus():null};a.commit=function(){return Q2(this,"programmatic")};return a.clear=function(){var b=$APP.k(this,"__xDatePickerState");
|
|
39
|
+
$APP.A.j($APP.Gn.i($APP.n(b)?$APP.k(b,"canon"):null),w2)?this.removeAttribute("value"):(this.removeAttribute("start"),this.removeAttribute("end"));F2(this);return N2(this)}},Fga=function(a){$APP.Zh(a,Ega);return Dga(a)},V2=function(){return $APP.Ah("x-date-picker",new $APP.O(null,5,[$APP.qh,Gga,$APP.oh,Aga,$APP.lh,Bga,$APP.kh,Cga,$APP.ph,Fga],null))},B2=new $APP.F(null,"start-d","start-d",-1546785820),r2=new $APP.F(null,"date","date",-1463434462),u2=new $APP.F(null,"auto-swap?","auto-swap?",-1675454411),
|
|
40
|
+
I2=new $APP.F(null,"edge?","edge?",203916303),z2=new $APP.F(null,"max-d","max-d",-814680979),w2=new $APP.F(null,"single","single",1551466437),vga=new $APP.F(null,"start-str","start-str",1077409677),v2=new $APP.F(null,"range","range",1639692286),sga=new $APP.F(null,"iso","iso",-1366207543),D2=new $APP.F(null,"in-month?","in-month?",-1630426251),A2=new $APP.F(null,"min-d","min-d",-1118792932),y2=new $APP.F(null,"allow-same-day?","allow-same-day?",-1971558934),q2=new $APP.F(null,"ok?","ok?",447310304),
|
|
41
|
+
uga=new $APP.F(null,"end-str","end-str",-558112319),o2=new $APP.F(null,"localized","localized",1722109655),tga=new $APP.F(null,"value-str","value-str",989198845),n2=new $APP.F(null,"format","format",-1306924766),x2=new $APP.F(null,"value-d","value-d",-1768534876),H2=new $APP.F(null,"in-range?","in-range?",-291779262),C2=new $APP.F(null,"end-d","end-d",-1316370898),t2=new $APP.F(null,"range-allow-same-day?","range-allow-same-day?",-714516856);var Gga="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(" "),Ega=new $APP.O(null,8,[$APP.Gn,new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"mode"],null),$APP.Eh,new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"value"],null),$APP.Bq,new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"start"],null),$APP.Um,new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"end"],null),$APP.ck,new $APP.O(null,
|
|
42
|
+
2,[$APP.Q,$APP.Xh,$APP.W,"disabled"],null),$APP.Cq,new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"readonly"],null),$APP.Ho,new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"required"],null),$APP.wq,new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"open"],null)],null);
|
|
43
|
+
$APP.ce(["x-date-picker-input",new $APP.O(null,2,[$APP.Aq,!1,$APP.U,new $APP.O(null,2,[$APP.Eh,$APP.X,$APP.Gn,$APP.X],null)],null),"x-date-picker-change-request",new $APP.O(null,2,[$APP.Aq,!0,$APP.U,new $APP.O(null,3,[$APP.Eh,$APP.X,$APP.Gn,$APP.X,$APP.Ym,$APP.X],null)],null),"x-date-picker-change",new $APP.O(null,2,[$APP.Aq,!1,$APP.U,new $APP.O(null,3,[$APP.Eh,$APP.X,$APP.Gn,$APP.X,$APP.Ym,$APP.X],null)],null)]);$APP.ha("baredom.exports.x_date_picker.init",V2);export const init=V2;
|
package/dist/x-divider.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
a.getAttribute("role")]),c=$APP.
|
|
4
|
-
$APP.
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
3,[$APP.
|
|
2
|
+
var T1=function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.$c(a,c)?c:b},U1=function(a){for(;;){var b=a.firstChild;if($APP.n(b))a.removeChild(b);else break}},$1=function(a){var b=$APP.Wf([$APP.Lp,$APP.ui,$APP.fn,$APP.yo,V1,$APP.qr,W1,$APP.mq,$APP.yj,X1],[a.getAttribute("variant"),a.getAttribute("label"),a.getAttribute("align"),a.getAttribute("length"),a.getAttribute("thickness"),a.getAttribute("color"),a.getAttribute("inset"),a.getAttribute("orientation"),a.getAttribute("aria-label"),
|
|
3
|
+
a.getAttribute("role")]),c=$APP.G(b);b=$APP.C(c,$APP.yj);var d=$APP.C(c,X1),e=$APP.C(c,$APP.ui);var f=$APP.C(c,$APP.Lp);var h=$APP.C(c,$APP.fn),l=$APP.C(c,$APP.yo),m=$APP.C(c,V1),q=$APP.C(c,$APP.qr),r=$APP.C(c,W1);c=$APP.C(c,$APP.mq);f=$APP.Wf([$APP.um,$APP.Fn,Y1,Z1,$APP.Un,$APP.nk,$APP.Hp,$APP.Z,$APP.no,$APP.Lj],[d,T1(Xfa,"center",h),m,r,q,T1(Yfa,"solid",f),T1(Zfa,"horizontal",c),e,l,b]);c=$APP.G(f);d=$APP.C(c,$APP.Lj);h=$APP.C(c,$APP.Fn);l=$APP.C(c,Y1);m=$APP.C(c,Z1);q=$APP.C(c,$APP.Un);r=$APP.C(c,
|
|
4
|
+
$APP.nk);e=$APP.C(c,$APP.Hp);b=$APP.C(c,$APP.Z);var v=$APP.C(c,$APP.no);c=typeof b==="string"&&b.trim().length>0;var x=a.style;$APP.S(a,"data-orientation",e);$APP.S(a,"data-variant",r);$APP.S(a,"data-align",h);x.setProperty("--x-divider-thickness",$APP.n(l)?l:"1px");x.setProperty("--x-divider-inset",$APP.n(m)?m:"0px");x.setProperty("--x-divider-length",$APP.n(v)?v:"auto");$APP.n(q)?x.setProperty("--x-divider-color",q):x.removeProperty("--x-divider-color");f=$APP.um.i(f);$APP.$c(new $APP.pg(null,new $APP.O(null,
|
|
5
|
+
2,["none",null,"presentation",null],null),null),f)?$APP.S(a,"role","presentation"):$APP.S(a,"role","separator");$APP.A.j(e,"vertical")?$APP.S(a,"aria-orientation","vertical"):$APP.T(a,"aria-orientation");$APP.n($APP.n(d)?d.length>0:d)?$APP.S(a,"aria-label",d):$APP.T(a,"aria-label");c?(d=$APP.k(a,"__xDividerRefs"),$APP.A.j($APP.k(d,"mode"),"no-label")&&(e=$APP.k(d,"container"),U1(e),f=document.createElement("div"),h=document.createElement("span"),l=document.createElement("slot"),m=document.createElement("span"),
|
|
6
|
+
q=document.createElement("div"),$APP.S(f,"part","line-left"),$APP.S(h,"part","label"),$APP.S(l,"name","label"),$APP.S(m,"part","label-text"),$APP.S(q,"part","line-right"),h.appendChild(l),h.appendChild(m),e.appendChild(f),e.appendChild(h),e.appendChild(q),d["line-left"]=f,d["label-wrap"]=h,d["label-text"]=m,d["line-right"]=q,d.mode="label"),a=$APP.k($APP.k(a,"__xDividerRefs"),"label-text"),$APP.n(a)&&(a.textContent=b)):(a=$APP.k(a,"__xDividerRefs"),$APP.A.j($APP.k(a,"mode"),"label")&&(b=$APP.k(a,
|
|
7
|
+
"container"),U1(b),d=document.createElement("div"),$APP.S(d,"part","line"),b.appendChild(d),a["line-left"]=null,a["label-wrap"]=null,a["label-text"]=null,a["line-right"]=null,a.mode="no-label"));return null},$fa=function(a){if(!$APP.n($APP.k(a,"__xDividerRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("div");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;}}";
|
|
8
|
+
$APP.S(d,"part","container");var e=document.createElement("div");$APP.S(e,"part","line");d.appendChild(e);b.appendChild(c);b.appendChild(d);a.__xDividerRefs={root:b,container:d,mode:"no-label"}}return $1(a)},aga=function(){return null},bga=function(a,b,c,d){return $APP.I(c,d)?$APP.n($APP.k(a,"__xDividerRefs"))?$1(a):null:null},dga=function(a){return $APP.Zh(a,cga)},a2=function(){return $APP.Ah("x-divider",new $APP.O(null,5,[$APP.qh,ega,$APP.oh,$fa,$APP.lh,aga,$APP.kh,bga,$APP.ph,dga],null))},W1=new $APP.F(null,
|
|
9
|
+
"inset-raw","inset-raw",89351124),Z1=new $APP.F(null,"inset","inset",-396367740),X1=new $APP.F(null,"role-raw","role-raw",777951354),Y1=new $APP.F(null,"thickness","thickness",-940175454),V1=new $APP.F(null,"thickness-raw","thickness-raw",1843812655);var ega="orientation variant thickness color inset length label align role aria-label".split(" "),Zfa=new $APP.pg(null,new $APP.O(null,2,["vertical",null,"horizontal",null],null),null),Yfa=new $APP.pg(null,new $APP.O(null,3,["dashed",null,"dotted",null,"solid",null],null),null),Xfa=new $APP.pg(null,new $APP.O(null,3,["center",null,"start",null,"end",null],null),null),cga=new $APP.O(null,8,[$APP.Hp,new $APP.O(null,3,[$APP.Q,$APP.X,$APP.W,"orientation",$APP.Yh,"horizontal"],null),$APP.nk,new $APP.O(null,
|
|
10
|
+
3,[$APP.Q,$APP.X,$APP.W,"variant",$APP.Yh,"solid"],null),$APP.Fn,new $APP.O(null,3,[$APP.Q,$APP.X,$APP.W,"align",$APP.Yh,"center"],null),$APP.Z,new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"label"],null),Y1,new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"thickness"],null),$APP.Un,new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"color"],null),Z1,new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"inset"],null),$APP.no,new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"length"],null)],null);$APP.ha("baredom.exports.x_divider.init",a2);export const init=a2;
|
package/dist/x-drawer.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
2
|
+
var XV=function(a){var b=$APP.k(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"),l=document.createElement("div"),m=document.createElement("slot"),q=document.createElement("div"),r=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
|
d.setAttribute("part","backdrop");e.setAttribute("part","panel");e.setAttribute("role","dialog");e.setAttribute("aria-modal","true");f.setAttribute("part","header");h.setAttribute("name","header");l.setAttribute("part","body");q.setAttribute("part","footer");r.setAttribute("name","footer");f.appendChild(h);l.appendChild(m);q.appendChild(r);e.appendChild(f);e.appendChild(l);e.appendChild(q);b.appendChild(c);b.appendChild(d);b.appendChild(e);a.__xDrawerRefs={root:b,backdrop:d,panel:e,header:f,body:l,
|
|
4
|
-
footer:q};return $APP.k(a,"__xDrawerRefs")},
|
|
5
|
-
return $APP.
|
|
6
|
-
a.__xDrawerPanelTab=!1);$APP.n($APP.n(c)?c.isConnected:c)&&c.focus()},
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
e);$APP.n(b)&&c.removeEventListener("keydown",b)}a.__xDrawerHandlers=null},
|
|
11
|
-
"show",{value:function(){return
|
|
4
|
+
footer:q};return $APP.k(a,"__xDrawerRefs")},jaa=function(a){a=new $APP.O(null,3,[$APP.Qm,a.hasAttribute("open"),$APP.sr,a.getAttribute("placement"),$APP.ui,a.getAttribute("label")],null);var b=$APP.G(a),c=$APP.C(b,$APP.Qm);a=$APP.C(b,$APP.sr);b=$APP.C(b,$APP.ui);c=$APP.D(c);a=typeof a==="string"&&$APP.$c(iaa,a)?a:"right";b=typeof b==="string"&&$APP.I(b,"")?b:"Drawer";return new $APP.O(null,3,[$APP.Zq,c,$APP.Vn,a,$APP.Z,b],null)},kaa=function(a){return $APP.Qe($APP.we(function(b){var c=window.getComputedStyle(b);
|
|
5
|
+
return $APP.I("none",c.display)&&$APP.I("hidden",c.visibility)&&b.offsetWidth>0&&b.offsetHeight>0},$APP.zc(a.querySelectorAll("a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex\x3d'-1'])"))))},YV=function(a){var b=$APP.k(a,"__xDrawerRefs");b=$APP.n(b)?$APP.k(b,"panel"):null;var c=$APP.k(a,"__xDrawerRestore"),d=$APP.k(a,"__xDrawerPanelTab")===!0;a.__xDrawerTabbables=null;a.__xDrawerRestore=null;$APP.n($APP.n(b)?d:b)&&(b.removeAttribute("tabindex"),
|
|
6
|
+
a.__xDrawerPanelTab=!1);$APP.n($APP.n(c)?c.isConnected:c)&&c.focus()},ZV=function(a,b){$APP.Nh(a,"x-drawer-dismiss",{reason:b});$APP.T(a,"open");return null},$V=function(a){$APP.n(a.hasAttribute("open"))||$APP.S(a,"open","");return null},aW=function(a){$APP.T(a,"open");return null},bW=function(a){var b=XV(a);b=$APP.k(b,"panel");var c=jaa(a),d=$APP.Zq.i(c),e=$APP.k(a,"__xDrawerPrevOpen");$APP.S(a,"data-open",$APP.n(d)?"true":"false");$APP.S(a,"data-placement",$APP.Vn.i(c));b.setAttribute("aria-label",
|
|
7
|
+
$APP.Z.i(c));$APP.n(d)?b.removeAttribute("aria-hidden"):b.setAttribute("aria-hidden","true");$APP.I(e,d)&&(a.__xDrawerPrevOpen=d,$APP.Nh(a,"x-drawer-toggle",{open:d}),$APP.n(d)?setTimeout(function(){var f=$APP.k(a,"__xDrawerRefs");f=$APP.n(f)?$APP.k(f,"panel"):null;var h=kaa(a);a.__xDrawerRestore=document.activeElement;var l=$APP.n(h)?$APP.$l(h):null;a.__xDrawerTabbables=l;$APP.t(h)?$APP.u(h).focus():$APP.n(f)&&($APP.n(f.hasAttribute("tabindex"))||(f.setAttribute("tabindex","-1"),a.__xDrawerPanelTab=
|
|
8
|
+
!0),f.focus());return null},0):YV(a))},laa=function(a){function b(f){var h=f.key;if($APP.A.j(h,"Escape"))f.preventDefault(),ZV(a,"escape");else if($APP.A.j(h,"Tab")){h=$APP.k(a,"__xDrawerTabbables");h=$APP.n(h)?$APP.Qe($APP.zc(h)):$APP.ye;var l=$APP.k(a,"__xDrawerRefs");l=$APP.n(l)?$APP.k(l,"panel"):null;if($APP.Pc(h))f.preventDefault(),$APP.n(l)&&l.focus();else{l=document.activeElement;var m=$APP.u(h);h=$APP.Dc(h);var q=f.shiftKey;$APP.n($APP.n(q)?$APP.A.j(l,m):q)?(f.preventDefault(),h.focus()):
|
|
9
|
+
$APP.p(q)&&$APP.A.j(l,h)&&(f.preventDefault(),m.focus())}}return null}function c(){return ZV(a,"backdrop")}var d=XV(a),e=$APP.k(d,"panel");$APP.k(d,"backdrop").addEventListener("click",c);e.addEventListener("keydown",b);$APP.ja(a,"__xDrawerHandlers",{backdrop:c,keydown:b})},cW=function(a){var b=$APP.k(a,"__xDrawerHandlers"),c=$APP.k(a,"__xDrawerRefs");if($APP.n($APP.n(b)?c:b)){var d=$APP.k(c,"backdrop");c=$APP.k(c,"panel");var e=$APP.k(b,"backdrop");b=$APP.k(b,"keydown");$APP.n(e)&&d.removeEventListener("click",
|
|
10
|
+
e);$APP.n(b)&&c.removeEventListener("keydown",b)}a.__xDrawerHandlers=null},maa=function(a){XV(a);cW(a);laa(a);bW(a);return null},naa=function(a){cW(a);YV(a);return null},oaa=function(a,b,c,d){$APP.I(c,d)&&bW(a);return null},paa=function(a){Object.defineProperty(a,"open",{get:function(){return this.hasAttribute("open")},set:function(b){return $APP.n(b)?$V(this):aW(this)},enumerable:!0,configurable:!0});$APP.Th(a,"placement","placement","right");$APP.Th(a,"label","label","Drawer");Object.defineProperty(a,
|
|
11
|
+
"show",{value:function(){return $V(this)},enumerable:!0,configurable:!0,writable:!0});Object.defineProperty(a,"hide",{value:function(){return aW(this)},enumerable:!0,configurable:!0,writable:!0});return Object.defineProperty(a,"toggle",{value:function(){$APP.n(this.hasAttribute("open"))?aW(this):$V(this);return null},enumerable:!0,configurable:!0,writable:!0})},dW=function(){return $APP.Ah("x-drawer",new $APP.O(null,5,[$APP.qh,qaa,$APP.oh,maa,$APP.lh,naa,$APP.kh,oaa,$APP.ph,paa],null))};var iaa=new $APP.pg(null,new $APP.O(null,4,["right",null,"top",null,"bottom",null,"left",null],null),null),qaa=["open","placement","label"];$APP.ce(["x-drawer-toggle",new $APP.O(null,2,[$APP.Aq,!1,$APP.U,new $APP.O(null,1,[$APP.wq,$APP.Xh],null)],null),"x-drawer-dismiss",new $APP.O(null,2,[$APP.Aq,!1,$APP.U,new $APP.O(null,1,[$APP.Ym,$APP.X],null)],null)]);$APP.ha("baredom.exports.x_drawer.init",dW);export const init=dW;
|
package/dist/x-dropdown.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var
|
|
3
|
-
var c=$APP.p(a.hasAttribute("open"));return $APP.
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
$APP.
|
|
2
|
+
var Rv=function(a){var b=$APP.k(a,"__xDropdownRefs");if($APP.n(b)){var c=$APP.k(b,"trigger"),d=$APP.k(b,"label");b=$APP.k(b,"panel");var e=a.hasAttribute("open"),f=a.hasAttribute("disabled");var h=a.getAttribute("label");h=$APP.n(h)?h:"";a=a.getAttribute("placement");a=$APP.$c(Qv,a)?a:"bottom-start";d.textContent=h;$APP.S(c,"aria-expanded",$APP.n(e)?"true":"false");$APP.Ih(c,"disabled",f);return $APP.S(b,"data-placement",a)}return null},Sv=function(a,b){if($APP.n(a.hasAttribute("disabled")))return null;
|
|
3
|
+
var c=$APP.p(a.hasAttribute("open"));return $APP.Ph(a,"x-dropdown-toggle",{open:c,source:b})?(c?$APP.S(a,"open",""):$APP.T(a,"open"),$APP.Nh(a,"x-dropdown-change",{open:c})):null},Tv=function(a){var b=$APP.k(a,"__xDropdownHandlers");if($APP.n(b)){var c=$APP.k(b,"docClick"),d=$APP.k(b,"docKeydown");return queueMicrotask(function(){return $APP.n(a.hasAttribute("open"))?(document.addEventListener("click",c),document.addEventListener("keydown",d)):null})}return null},Uv=function(a){a=$APP.k(a,"__xDropdownHandlers");
|
|
4
|
+
if($APP.n(a)){var b=$APP.k(a,"docKeydown");document.removeEventListener("click",$APP.k(a,"docClick"));return document.removeEventListener("keydown",b)}return null},Vv=function(a){return{triggerClick:function(){return Sv(a,"pointer")},triggerKeydown:function(b){var c=b.key;return $APP.A.j(c," ")||$APP.A.j(c,"Enter")?(b.preventDefault(),Sv(a,"keyboard")):null},hostFocusout:function(b){return $APP.n(a.hasAttribute("open"))?(b=b.relatedTarget,b==null||$APP.p(a.contains(b))?Sv(a,"focusout"):null):null},
|
|
5
|
+
docClick:function(b){return $APP.n(a.hasAttribute("open"))?(b=$APP.Ac(b.composedPath()),b=$APP.ge(function(c){return c===a},b),$APP.n(b)?null:Sv(a,"outside-click")):null},docKeydown:function(b){b=$APP.A.j(b.key,"Escape");return $APP.n(b?a.hasAttribute("open"):b)?Sv(a,"escape"):null},panelClick:function(b){return $APP.n(a.hasAttribute("open"))?$APP.n(b.target.closest("button, a, [role\x3dmenuitem]"))?Sv(a,"item-select"):null:null}}},Wv=function(a){var b=$APP.k(a,"__xDropdownRefs");if($APP.n(b)){var c=
|
|
6
|
+
$APP.k(a,"__xDropdownHandlers");if($APP.n(c)){var d=$APP.k(b,"trigger");b=$APP.k(b,"panel");d.removeEventListener("click",$APP.k(c,"triggerClick"));d.removeEventListener("keydown",$APP.k(c,"triggerKeydown"));a.removeEventListener("focusout",$APP.k(c,"hostFocusout"));$APP.n(b)&&b.removeEventListener("click",$APP.k(c,"panelClick"))}}},Xv=function(a){if(!$APP.n($APP.k(a,"__xDropdownRefs"))){var b=a.attachShadow({mode:"open"}),c=document.createElement("style"),d=document.createElement("button"),e=document.createElement("span"),
|
|
7
|
+
f=document.createElement("span"),h=document.createElement("div"),l=document.createElement("div"),m=document.createElement("slot");c.textContent=":host{display:inline-block;position:relative;color-scheme:light dark;--x-dropdown-trigger-bg:var(--x-color-surface-hover,#f8fafc);--x-dropdown-trigger-bg-hover:var(--x-color-surface-active,#f1f5f9);--x-dropdown-trigger-bg-active:var(--x-color-surface-active,#e2e8f0);--x-dropdown-trigger-color:var(--x-color-text,#0f172a);--x-dropdown-trigger-border:1px solid var(--x-color-border,#e2e8f0);--x-dropdown-trigger-radius:var(--x-radius-md,6px);--x-dropdown-trigger-padding:0 0.75rem;--x-dropdown-trigger-height:2.25rem;--x-dropdown-trigger-font-size:var(--x-font-size-sm,0.9375rem);--x-dropdown-trigger-font-weight:500;--x-dropdown-chevron-color:var(--x-color-text-muted,#64748b);--x-dropdown-focus-ring:var(--x-color-focus-ring,#60a5fa);--x-dropdown-panel-bg:var(--x-color-bg,#ffffff);--x-dropdown-panel-border:1px solid var(--x-color-border,#e2e8f0);--x-dropdown-panel-radius:var(--x-radius-md,8px);--x-dropdown-panel-shadow:var(--x-shadow-md,0 4px 16px rgba(0,0,0,0.12));--x-dropdown-panel-padding:0.25rem;--x-dropdown-panel-min-width:10rem;--x-dropdown-panel-max-height:20rem;--x-dropdown-panel-offset:4px;--x-dropdown-transition-duration:var(--x-transition-duration,150ms);--x-dropdown-transition-easing:var(--x-transition-easing,ease);}@media (prefers-color-scheme:dark){:host{--x-dropdown-trigger-bg:var(--x-color-surface-hover,#1e293b);--x-dropdown-trigger-bg-hover:var(--x-color-surface-active,#334155);--x-dropdown-trigger-bg-active:var(--x-color-surface-active,#475569);--x-dropdown-trigger-color:var(--x-color-text,#e2e8f0);--x-dropdown-trigger-border:1px solid var(--x-color-border,#334155);--x-dropdown-chevron-color:var(--x-color-text-muted,#94a3b8);--x-dropdown-focus-ring:var(--x-color-focus-ring,#93c5fd);--x-dropdown-panel-bg:var(--x-color-bg,#1e293b);--x-dropdown-panel-border:1px solid var(--x-color-border,#334155);--x-dropdown-panel-shadow:var(--x-shadow-md,0 4px 24px rgba(0,0,0,0.4));}}[part\x3dtrigger]{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:0.375rem;height:var(--x-dropdown-trigger-height);padding:var(--x-dropdown-trigger-padding);background:var(--x-dropdown-trigger-bg);color:var(--x-dropdown-trigger-color);border:var(--x-dropdown-trigger-border);border-radius:var(--x-dropdown-trigger-radius);font-size:var(--x-dropdown-trigger-font-size);font-weight:var(--x-dropdown-trigger-font-weight);font-family:inherit;cursor:pointer;user-select:none;white-space:nowrap;}[part\x3dtrigger]:hover:not(:disabled){background:var(--x-dropdown-trigger-bg-hover);}[part\x3dtrigger]:active:not(:disabled){background:var(--x-dropdown-trigger-bg-active);}[part\x3dtrigger]:disabled{cursor:default;opacity:0.55;}[part\x3dtrigger]:focus-visible{outline:none;box-shadow:0 0 0 2px var(--x-dropdown-focus-ring);}[part\x3dtrigger-label]{flex:1;}[part\x3dchevron]{display:inline-block;color:var(--x-dropdown-chevron-color);font-style:normal;flex-shrink:0;transition:transform 200ms ease;}:host([open]) [part\x3dchevron]{transform:rotate(180deg);}[part\x3dpanel]{position:absolute;z-index:1000;box-sizing:border-box;background:var(--x-dropdown-panel-bg);border:var(--x-dropdown-panel-border);border-radius:var(--x-dropdown-panel-radius);box-shadow:var(--x-dropdown-panel-shadow);padding:var(--x-dropdown-panel-padding);min-width:var(--x-dropdown-panel-min-width);max-width:calc(100vw - 1rem);max-height:var(--x-dropdown-panel-max-height);overflow-y:auto;visibility:hidden;pointer-events:none;opacity:0;transform:scaleY(0.95);transition:opacity var(--x-dropdown-transition-duration) var(--x-dropdown-transition-easing),transform var(--x-dropdown-transition-duration) var(--x-dropdown-transition-easing),visibility 0s var(--x-dropdown-transition-duration);}:host([open]) [part\x3dpanel]{visibility:visible;pointer-events:auto;opacity:1;transform:scaleY(1);transition:opacity var(--x-dropdown-transition-duration) var(--x-dropdown-transition-easing),transform var(--x-dropdown-transition-duration) var(--x-dropdown-transition-easing),visibility 0s 0s;}[part\x3dpanel][data-placement\x3dbottom-start]{top:calc(100% + var(--x-dropdown-panel-offset));left:0;transform-origin:top left;}[part\x3dpanel][data-placement\x3dbottom-end]{top:calc(100% + var(--x-dropdown-panel-offset));right:0;transform-origin:top right;}[part\x3dpanel][data-placement\x3dtop-start]{bottom:calc(100% + var(--x-dropdown-panel-offset));left:0;transform-origin:bottom left;}[part\x3dpanel][data-placement\x3dtop-end]{bottom:calc(100% + var(--x-dropdown-panel-offset));right:0;transform-origin:bottom right;}[part\x3dpanel-inner]{display:contents;}@media (prefers-reduced-motion:reduce){[part\x3dpanel]{transition:none !important;}[part\x3dchevron]{transition:none !important;}}";
|
|
8
|
+
$APP.S(d,"part","trigger");$APP.S(d,"type","button");$APP.S(d,"aria-haspopup","true");$APP.S(d,"aria-expanded","false");$APP.S(d,"aria-controls","panel");$APP.S(e,"part","trigger-label");$APP.S(f,"part","chevron");$APP.S(f,"aria-hidden","true");f.textContent="▾";$APP.S(h,"part","panel");$APP.S(h,"id","panel");$APP.S(h,"data-placement","bottom-start");$APP.S(l,"part","panel-inner");d.appendChild(e);d.appendChild(f);l.appendChild(m);h.appendChild(l);b.appendChild(c);b.appendChild(d);b.appendChild(h);
|
|
9
|
+
a.__xDropdownRefs={trigger:d,label:e,chevron:f,panel:h}}Wv(a);Uv(a);a.__xDropdownHandlers=Vv(a);d=$APP.k(a,"__xDropdownRefs");$APP.n(d)&&(b=$APP.k(a,"__xDropdownHandlers"),$APP.n(b)&&(c=$APP.k(d,"trigger"),d=$APP.k(d,"panel"),c.addEventListener("click",$APP.k(b,"triggerClick")),c.addEventListener("keydown",$APP.k(b,"triggerKeydown")),a.addEventListener("focusout",$APP.k(b,"hostFocusout")),$APP.n(d)&&d.addEventListener("click",$APP.k(b,"panelClick"))));$APP.n(a.hasAttribute("open"))&&Tv(a);return Rv(a)},
|
|
10
|
+
Yv=function(a){Wv(a);return Uv(a)},Zv=function(a,b){return $APP.n($APP.k(a,"__xDropdownRefs"))?(Rv(a),$APP.A.j(b,"open")?$APP.n(a.hasAttribute("open"))?Tv(a):Uv(a):null):null},aw=function(a){$APP.Zh(a,$v);a.show=function(){return $APP.n(this.hasAttribute("open"))?null:Sv(this,"programmatic")};a.hide=function(){return $APP.n(this.hasAttribute("open"))?Sv(this,"programmatic"):null};return a.toggle=function(){return Sv(this,"programmatic")}},cw=function(){return $APP.Ah("x-dropdown",new $APP.O(null,
|
|
11
|
+
5,[$APP.qh,bw,$APP.oh,Xv,$APP.lh,Yv,$APP.kh,Zv,$APP.ph,aw],null))};var Qv=new $APP.pg(null,new $APP.O(null,4,["bottom-start",null,"bottom-end",null,"top-end",null,"top-start",null],null),null),bw=["open","disabled","label","placement"],$v=new $APP.O(null,4,[$APP.wq,new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"open"],null),$APP.ck,new $APP.O(null,2,[$APP.Q,$APP.Xh,$APP.W,"disabled"],null),$APP.Z,new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"label"],null),$APP.Vn,new $APP.O(null,2,[$APP.Q,$APP.X,$APP.W,"placement"],null)],null);
|
|
12
|
+
$APP.ce(["x-dropdown-toggle",new $APP.O(null,2,[$APP.Aq,!0,$APP.U,new $APP.O(null,2,[$APP.wq,$APP.Xh,$APP.Jp,$APP.X],null)],null),"x-dropdown-change",new $APP.O(null,2,[$APP.Aq,!1,$APP.U,new $APP.O(null,1,[$APP.wq,$APP.Xh],null)],null)]);$APP.ha("baredom.exports.x_dropdown.init",cw);export const init=cw;
|