@vanelsas/baredom 3.4.0 → 3.6.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 +39 -0
- package/README.md +2 -2
- package/custom-elements.json +4494 -3575
- package/dist/baredom.d.ts +93 -92
- package/dist/base.js +486 -480
- package/dist/integrity.json +109 -108
- package/dist/x-alert.js +17 -17
- package/dist/x-avatar-group.js +9 -9
- package/dist/x-avatar.js +14 -14
- package/dist/x-badge.js +8 -8
- package/dist/x-bento-grid.js +5 -5
- package/dist/x-bento-item.js +4 -4
- package/dist/x-breadcrumbs.js +13 -13
- package/dist/x-button.js +1 -1
- package/dist/x-calendar.js +34 -34
- package/dist/x-cancel-dialogue.js +13 -13
- package/dist/x-card.js +7 -7
- package/dist/x-carousel.js +32 -32
- package/dist/x-chart.js +44 -44
- package/dist/x-checkbox.d.ts +11 -4
- package/dist/x-checkbox.js +1 -1
- package/dist/x-chip.js +1 -1
- package/dist/x-code.js +25 -25
- package/dist/x-collapse.js +8 -8
- package/dist/x-color-picker.d.ts +7 -0
- package/dist/x-color-picker.js +44 -44
- package/dist/x-combobox.d.ts +12 -5
- package/dist/x-combobox.js +31 -30
- package/dist/x-command-palette.js +28 -28
- package/dist/x-confetti.js +23 -23
- package/dist/x-container.js +3 -3
- package/dist/x-context-menu.js +20 -20
- package/dist/x-copy.js +1 -1
- package/dist/x-currency-field.d.ts +5 -0
- package/dist/x-currency-field.js +22 -22
- package/dist/x-date-picker.d.ts +7 -0
- package/dist/x-date-picker.js +40 -39
- package/dist/x-divider.js +10 -10
- package/dist/x-drawer.js +10 -10
- package/dist/x-dropdown.js +12 -12
- package/dist/x-fieldset.js +5 -5
- package/dist/x-file-download.js +5 -5
- package/dist/x-file-upload.d.ts +10 -5
- package/dist/x-file-upload.js +19 -16
- package/dist/x-floating-panel.d.ts +50 -0
- package/dist/x-floating-panel.js +25 -0
- package/dist/x-form-field.d.ts +7 -0
- package/dist/x-form-field.js +13 -12
- package/dist/x-form.js +10 -10
- package/dist/x-gaussian-blur.js +12 -12
- package/dist/x-grid.js +6 -6
- package/dist/x-i18n-provider.js +6 -6
- 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 +11 -11
- package/dist/x-kinetic-canvas.js +24 -24
- package/dist/x-kinetic-font.js +22 -22
- package/dist/x-kinetic-typography.js +33 -33
- package/dist/x-liquid-dock.js +31 -31
- package/dist/x-liquid-fill.js +40 -40
- package/dist/x-liquid-glass.js +28 -28
- package/dist/x-menu-item.js +6 -6
- package/dist/x-menu.js +7 -7
- package/dist/x-metaball-cursor.js +21 -21
- package/dist/x-modal.js +10 -10
- package/dist/x-morph-stack.js +37 -37
- package/dist/x-multi-combobox.d.ts +7 -0
- package/dist/x-multi-combobox.js +37 -37
- package/dist/x-navbar.js +12 -12
- package/dist/x-neural-glow.js +23 -23
- package/dist/x-notification-center.js +9 -9
- package/dist/x-organic-divider.js +15 -15
- package/dist/x-organic-progress.js +33 -33
- package/dist/x-organic-shape.js +7 -7
- package/dist/x-otp-input.d.ts +5 -0
- package/dist/x-otp-input.js +21 -21
- package/dist/x-pagination.js +11 -11
- package/dist/x-particle-button.js +43 -43
- package/dist/x-popover.js +25 -25
- package/dist/x-progress-circle.js +7 -7
- package/dist/x-progress.js +7 -7
- package/dist/x-proximity-list.js +20 -20
- package/dist/x-radio.d.ts +10 -3
- package/dist/x-radio.js +12 -11
- package/dist/x-range-slider.d.ts +7 -0
- package/dist/x-range-slider.js +28 -28
- package/dist/x-rating.d.ts +7 -0
- package/dist/x-rating.js +21 -20
- package/dist/x-ripple-effect.js +8 -8
- package/dist/x-scroll-parallax.js +17 -17
- package/dist/x-scroll-stack.js +15 -15
- package/dist/x-scroll-story.js +29 -29
- package/dist/x-scroll-timeline.js +45 -45
- package/dist/x-scroll.js +33 -33
- package/dist/x-search-field.d.ts +9 -4
- package/dist/x-search-field.js +1 -1
- package/dist/x-select.d.ts +9 -2
- package/dist/x-select.js +1 -1
- package/dist/x-sidebar.js +14 -14
- package/dist/x-skeleton-group.js +12 -12
- package/dist/x-skeleton.js +1 -1
- package/dist/x-slider.d.ts +7 -0
- package/dist/x-slider.js +16 -15
- package/dist/x-soft-body.js +15 -15
- package/dist/x-spacer.js +4 -4
- package/dist/x-spinner.js +3 -3
- package/dist/x-splash.js +11 -11
- package/dist/x-split-pane.js +14 -14
- package/dist/x-spotlight-card.js +12 -12
- package/dist/x-stat.js +10 -10
- package/dist/x-stepper.js +13 -13
- package/dist/x-switch.d.ts +10 -3
- package/dist/x-switch.js +11 -10
- package/dist/x-tab.js +6 -6
- package/dist/x-table-cell.js +16 -16
- package/dist/x-table-row.js +8 -8
- package/dist/x-table.d.ts +32 -32
- package/dist/x-table.js +12 -12
- package/dist/x-tabs.js +10 -10
- package/dist/x-text-area.d.ts +7 -0
- package/dist/x-text-area.js +18 -18
- package/dist/x-theme.js +23 -23
- package/dist/x-timeline-item.js +20 -20
- package/dist/x-timeline.js +8 -8
- package/dist/x-toast.js +22 -22
- package/dist/x-toaster.js +6 -6
- package/dist/x-tooltip.js +12 -12
- package/dist/x-trace-history.js +103 -103
- package/dist/x-typography.js +5 -5
- package/dist/x-welcome-tour.js +62 -62
- package/package.json +6 -1
|
@@ -9,7 +9,10 @@ export interface XCurrencyFieldEventMap {
|
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
export interface XCurrencyField extends HTMLElement {
|
|
12
|
+
readonly validationMessage: string;
|
|
13
|
+
readonly labels: NodeList | null;
|
|
12
14
|
min: string;
|
|
15
|
+
readonly willValidate: boolean;
|
|
13
16
|
placeholder: string;
|
|
14
17
|
disabled: boolean;
|
|
15
18
|
locale: string;
|
|
@@ -21,7 +24,9 @@ export interface XCurrencyField extends HTMLElement {
|
|
|
21
24
|
max: string;
|
|
22
25
|
label: string;
|
|
23
26
|
error: string;
|
|
27
|
+
readonly form: HTMLFormElement | null;
|
|
24
28
|
required: boolean;
|
|
29
|
+
readonly validity: ValidityState;
|
|
25
30
|
checkValidity(): boolean;
|
|
26
31
|
reportValidity(): boolean;
|
|
27
32
|
|
package/dist/x-currency-field.js
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var $Y=function(a){a=(""+$APP.P.i($APP.n(a)?a:"")).trim().toUpperCase();return $APP.z.j(a,"")?"USD":a},
|
|
3
|
-
|
|
2
|
+
var $Y=function(a){a=(""+$APP.P.i($APP.n(a)?a:"")).trim().toUpperCase();return $APP.z.j(a,"")?"USD":a},ima=function(a,b){try{var c=(new Intl.NumberFormat($APP.z.j(b,"")?"en-US":b,{style:"currency",currency:a})).formatToParts(0),d=$APP.ne(function(e){return $APP.z.j("currency",e.type)?e.value:null},$APP.Cc(c));return $APP.n(d)?d:a}catch(e){return a}},aZ=function(a,b){var c=parseFloat(a);if($APP.n(isNaN(c)))return a;try{return(new Intl.NumberFormat($APP.z.j(b,"")?void 0:b,{minimumFractionDigits:2,maximumFractionDigits:2})).format(c)}catch(d){return a}},
|
|
3
|
+
jma=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"),k=document.createElement("input"),m=document.createElement("span"),r=document.createElement("span"),u={};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
4
|
$APP.T(d,"part","field");$APP.T(e,"part","label");$APP.T(e,"id","label");$APP.T(e,"for","input");$APP.T(f,"part","input-wrapper");$APP.T(h,"part","symbol");$APP.T(h,"aria-hidden","true");$APP.T(k,"part","input");$APP.T(k,"id","input");$APP.T(k,"inputmode","decimal");$APP.T(k,"aria-labelledby","label");$APP.T(m,"part","hint");$APP.T(m,"id","hint");$APP.T(m,"aria-live","polite");$APP.T(r,"part","error");$APP.T(r,"id","error");$APP.T(r,"role","alert");$APP.T(r,"aria-live","assertive");f.appendChild(h);
|
|
5
|
-
f.appendChild(k);d.appendChild(e);d.appendChild(f);d.appendChild(m);d.appendChild(r);b.appendChild(c);b.appendChild(d);
|
|
5
|
+
f.appendChild(k);d.appendChild(e);d.appendChild(f);d.appendChild(m);d.appendChild(r);b.appendChild(c);b.appendChild(d);u.field=d;u.label=e;u.wrapper=f;u.symbol=h;u.input=k;u.hint=m;u.error=r;$APP.Q(a,"__xCurrencyFieldRefs",u)},bZ=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"),k=a.getAttribute("min"),m=a.getAttribute("max");a=parseFloat(d);var r=$APP.p(isNaN(a));k=$APP.n(k)?parseFloat(k):null;m=$APP.n(m)?parseFloat(m):
|
|
6
6
|
null;$APP.n(e)?b.setValidity({customError:!0},f,c):$APP.n($APP.n(h)?$APP.z.j(d,""):h)?b.setValidity({valueMissing:!0},"Please fill in this field.",c):$APP.I(d,"")&&!r?b.setValidity({badInput:!0},"Please enter a valid number.",c):$APP.n(r?$APP.n(k)?$APP.p(isNaN(k))&&a<k:k:r)?b.setValidity({rangeUnderflow:!0},"Value must be at least "+$APP.P.i(k)+".",c):$APP.n(r?$APP.n(m)?$APP.p(isNaN(m))&&a>m:m:r)?b.setValidity({rangeOverflow:!0},"Value must be at most "+$APP.P.i(m)+".",c):b.setValidity({},"",c)},
|
|
7
|
-
cZ=function(a,b,c,d){a.textContent=b;$APP.n(c)?a.classList.remove(d):a.classList.add(d)},iZ=function(a){if($APP.n($APP.l(a,"__xCurrencyFieldRefs"))){var b=$APP.
|
|
8
|
-
a.getAttribute("value"),a.getAttribute("locale"),a.getAttribute("placeholder")]);var c=$APP.G(b);b=$APP.C(c,$APP.
|
|
9
|
-
$APP.
|
|
10
|
-
$APP.uj),$APP.n(k)?
|
|
11
|
-
|
|
12
|
-
k:r)?"hint error":$APP.n(r)?"hint":$APP.n(k)?"error":null,$APP.n(r)?$APP.T(d,"aria-describedby",r):$APP.U(d,"aria-describedby"),
|
|
13
|
-
$APP.n(e)&&(f=a.getAttribute("value"),bZ(a,e,d,$APP.n(f)?f:"")),a=$APP.Q(a,"__xCurrencyFieldModel",b)):a=null):a=null;return a}return null},
|
|
14
|
-
$APP.n(d)&&(d.setFormValue(c),bZ(a,d,b,c)),$APP.dj(a,"x-currency-field-input",{name:e,value:c})):b.value=d}return null},
|
|
15
|
-
"value",c),e=$APP.l(a,"__xCurrencyFieldInternals"),$APP.n(e)&&(e.setFormValue(c),bZ(a,e,b,c)),$APP.dj(a,"x-currency-field-change",{name:d,value:c})):b.value=e}return null},
|
|
16
|
-
c);b.addEventListener("input",d);b.addEventListener("change",e);f.focus=c;f.input=d;f.change=e;$APP.Q(a,"__xCurrencyFieldHandlers",f)}},jZ=function(a){var b=$APP.l(a,"__xCurrencyFieldRefs");if($APP.n(b)){var c=$APP.l(a,"__xCurrencyFieldHandlers");if($APP.n(c))return b=$APP.l(b,"input"),b.removeEventListener("focus",$APP.l(c,"focus")),b.removeEventListener("input",$APP.l(c,"input")),b.removeEventListener("change",$APP.l(c,"change")),$APP.Q(a,"__xCurrencyFieldHandlers",null)}return null},
|
|
17
|
-
b){$APP.Zi(a,"disabled",$APP.D(b));return iZ(a)},
|
|
18
|
-
$Y(a.getAttribute("currency"));var d=function(){var e=a.getAttribute("locale");return $APP.n(e)?e:""}();$APP.n(c)&&(b.value=aZ(c,d))}b=$APP.l(a,"__xCurrencyFieldInternals");$APP.n(b)&&b.setFormValue(function(){var e=a.getAttribute("value");return $APP.n(e)?e:""}());
|
|
19
|
-
c=a.getAttribute("locale"),c=$APP.n(c)?c:"",b.value=d==null||$APP.z.j(d,"")?"":aZ(d,c)))),iZ(a)):null},
|
|
20
|
-
this.shadowRoot.activeElement)?null:c.value=$APP.z.j(b,"")?"":aZ(b,d)}return null}})},
|
|
21
|
-
"")
|
|
22
|
-
|
|
23
|
-
$APP.
|
|
24
|
-
|
|
25
|
-
$APP.he(["x-currency-field-change-request",new $APP.M(null,2,[$APP.
|
|
7
|
+
cZ=function(a,b,c,d){a.textContent=b;$APP.n(c)?a.classList.remove(d):a.classList.add(d)},iZ=function(a){if($APP.n($APP.l(a,"__xCurrencyFieldRefs"))){var b=$APP.ug([$APP.Nj,dZ,$APP.Kj,$APP.Ln,$APP.Bq,$APP.Oj,eZ,$APP.Pj,$APP.Ns,$APP.tl,$APP.Lj,fZ,$APP.Mj],[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"),
|
|
8
|
+
a.getAttribute("value"),a.getAttribute("locale"),a.getAttribute("placeholder")]);var c=$APP.G(b);b=$APP.C(c,$APP.Mj);var d=$APP.C(c,$APP.Nj),e=$APP.C(c,dZ),f=$APP.C(c,$APP.Kj),h=$APP.C(c,$APP.Ln),k=$APP.C(c,$APP.Bq),m=$APP.C(c,$APP.Oj),r=$APP.C(c,eZ),u=$APP.C(c,$APP.Pj),x=$APP.C(c,$APP.Ns),y=$APP.C(c,$APP.tl),A=$APP.C(c,$APP.Lj);c=$APP.C(c,fZ);var E=$APP.n(h)?h:"",H=$APP.n(k)?k:"",O=$APP.n(d)?d:"";b=$APP.ug([$APP.Lr,$APP.vj,$APP.yl,$APP.gk,$APP.Qp,$APP.Uu,$APP.fk,$APP.Si,$APP.qt,$APP.tj,$APP.Nt,gZ,
|
|
9
|
+
$APP.Hs,$APP.hk,$APP.uj,$APP.ik],[$APP.n(r)?r:"",$APP.D(u),$APP.D(y),$APP.n(b)?b:"",typeof k==="string"&&$APP.I(k,""),$APP.n(c)?c:"",$APP.n(f)?f:"",$APP.n(A)?A:"",typeof d==="string"&&$APP.I(d,""),typeof h==="string"&&$APP.I(h,""),H,$Y(e),$APP.n(x)?x:"",O,E,$APP.D(m)]);$APP.I($APP.l(a,"__xCurrencyFieldModel"),b)?(f=$APP.l(a,"__xCurrencyFieldRefs"),$APP.n(f)?(h=$APP.l(f,"label"),r=$APP.l(f,"symbol"),d=$APP.l(f,"input"),e=$APP.l(f,"hint"),f=$APP.l(f,"error"),u=$APP.G(b),k=$APP.C(u,$APP.tj),m=$APP.C(u,
|
|
10
|
+
$APP.uj),$APP.n(k)?u=null:(y=$APP.G(u),u=$APP.C(y,$APP.Si),x=$APP.C(y,$APP.Lr),y=$APP.C(y,$APP.Hs),A=parseFloat(u),c=$APP.I(u,"")&&$APP.p(isNaN(A)),E=$APP.I(x,"")?parseFloat(x):null,H=$APP.I(y,"")?parseFloat(y):null,u=$APP.I(u,"")&&!c?"Please enter a valid number.":$APP.n(c?$APP.n(E)?$APP.p(isNaN(E))&&A<E:E:c)?"Value must be at least "+$APP.P.i(x)+".":$APP.n(c?$APP.n(H)?$APP.p(isNaN(H))&&A>H:H:c)?"Value must be at most "+$APP.P.i(y)+".":""),k=new $APP.M(null,2,[$APP.tj,$APP.n(k)?k:$APP.I($APP.n(u)?
|
|
11
|
+
u:"",""),hZ,$APP.n(k)?m:$APP.n(u)?u:""],null),m=$APP.G(k),k=$APP.C(m,$APP.tj),m=$APP.C(m,hZ),x=$APP.G(b),u=$APP.C(x,gZ),x=$APP.C(x,$APP.Uu),r.textContent=ima(u,x),A=$APP.G(b),r=$APP.C(A,$APP.fk),u=$APP.C(A,$APP.gk),x=$APP.C(A,$APP.ik),y=$APP.C(A,$APP.yl),A=$APP.C(A,$APP.vj),d.name=r,d.placeholder=u,d.disabled=x,d.readOnly=y,d.required=A,$APP.T(d,"aria-required",$APP.n($APP.vj.i(b))?"true":"false"),$APP.T(d,"aria-invalid",$APP.n(k)?"true":"false"),r=$APP.G(b),r=$APP.C(r,$APP.Qp),r=$APP.n($APP.n(r)?
|
|
12
|
+
k:r)?"hint error":$APP.n(r)?"hint":$APP.n(k)?"error":null,$APP.n(r)?$APP.T(d,"aria-describedby",r):$APP.U(d,"aria-describedby"),u=$APP.G(b),r=$APP.C(u,$APP.Si),$APP.C(u,gZ),u=$APP.C(u,$APP.Uu),$APP.z.j(d,a.shadowRoot.activeElement)||(d.value=$APP.z.j(r,"")?"":aZ(r,u)),u=$APP.G(b),r=$APP.C(u,$APP.hk),u=$APP.C(u,$APP.qt),cZ(h,r,u,"label-hidden"),r=$APP.G(b),h=$APP.C(r,$APP.Nt),r=$APP.C(r,$APP.Qp),cZ(e,h,r,"hint-hidden"),cZ(f,m,k,"error-hidden"),$APP.Zi(a,"data-invalid",k),e=$APP.l(a,"__xCurrencyFieldInternals"),
|
|
13
|
+
$APP.n(e)&&(f=a.getAttribute("value"),bZ(a,e,d,$APP.n(f)?f:"")),a=$APP.Q(a,"__xCurrencyFieldModel",b)):a=null):a=null;return a}return null},kma=function(a){var b=$APP.l(a,"__xCurrencyFieldRefs");if($APP.n(b)){b=$APP.l(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.fj(a,"x-currency-field-change-request",{name:e,value:c,previousValue:d})?(d=$APP.l(a,"__xCurrencyFieldInternals"),
|
|
14
|
+
$APP.n(d)&&(d.setFormValue(c),bZ(a,d,b,c)),$APP.dj(a,"x-currency-field-input",{name:e,value:c})):b.value=d}return null},lma=function(a){var b=$APP.l(a,"__xCurrencyFieldRefs");if($APP.n(b)){b=$APP.l(b,"input");var c=b.value,d=parseFloat(c);c=$APP.n(isNaN(d))?c:""+$APP.P.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.fj(a,"x-currency-field-change-request",{name:d,value:c,previousValue:e})?($APP.T(a,
|
|
15
|
+
"value",c),e=$APP.l(a,"__xCurrencyFieldInternals"),$APP.n(e)&&(e.setFormValue(c),bZ(a,e,b,c)),$APP.dj(a,"x-currency-field-change",{name:d,value:c})):b.value=e}return null},mma=function(a){var b=$APP.l(a,"__xCurrencyFieldRefs");if($APP.n(b)){b=$APP.l(b,"input");var c=function(){var h=$APP.l(a,"__xCurrencyFieldRefs");if($APP.n(h)){h=$APP.l(h,"input");var k=a.getAttribute("value");h=h.value=$APP.n(k)?k:""}else h=null;return h},d=function(){return kma(a)},e=function(){return lma(a)},f={};b.addEventListener("focus",
|
|
16
|
+
c);b.addEventListener("input",d);b.addEventListener("change",e);f.focus=c;f.input=d;f.change=e;$APP.Q(a,"__xCurrencyFieldHandlers",f)}},jZ=function(a){var b=$APP.l(a,"__xCurrencyFieldRefs");if($APP.n(b)){var c=$APP.l(a,"__xCurrencyFieldHandlers");if($APP.n(c))return b=$APP.l(b,"input"),b.removeEventListener("focus",$APP.l(c,"focus")),b.removeEventListener("input",$APP.l(c,"input")),b.removeEventListener("change",$APP.l(c,"change")),$APP.Q(a,"__xCurrencyFieldHandlers",null)}return null},nma=function(a,
|
|
17
|
+
b){$APP.Zi(a,"disabled",$APP.D(b));return iZ(a)},oma=function(a){$APP.U(a,"value");var b=$APP.l(a,"__xCurrencyFieldRefs");$APP.n(b)&&($APP.l(b,"input").value="");b=$APP.l(a,"__xCurrencyFieldInternals");$APP.n(b)&&b.setFormValue("");return iZ(a)},pma=function(a){$APP.n($APP.l(a,"__xCurrencyFieldRefs"))||(jma(a),$APP.n(a.attachInternals)&&$APP.Q(a,"__xCurrencyFieldInternals",a.attachInternals()));jZ(a);var b=$APP.l(a,"__xCurrencyFieldRefs");if($APP.n(b)){b=$APP.l(b,"input");var c=a.getAttribute("value");
|
|
18
|
+
$Y(a.getAttribute("currency"));var d=function(){var e=a.getAttribute("locale");return $APP.n(e)?e:""}();$APP.n(c)&&(b.value=aZ(c,d))}b=$APP.l(a,"__xCurrencyFieldInternals");$APP.n(b)&&b.setFormValue(function(){var e=a.getAttribute("value");return $APP.n(e)?e:""}());mma(a);return iZ(a)},qma=function(a){return jZ(a)},rma=function(a,b,c,d){return $APP.I(c,d)?($APP.z.j(b,"value")&&(b=$APP.l(a,"__xCurrencyFieldRefs"),$APP.n(b)&&(b=$APP.l(b,"input"),$APP.z.j(b,a.shadowRoot.activeElement)||($Y(a.getAttribute("currency")),
|
|
19
|
+
c=a.getAttribute("locale"),c=$APP.n(c)?c:"",b.value=d==null||$APP.z.j(d,"")?"":aZ(d,c)))),iZ(a)):null},sma=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.P.i(b):"";$APP.T(this,"value",b);var c=$APP.l(this,"__xCurrencyFieldRefs");if($APP.n(c)){c=$APP.l(c,"input");$Y(this.getAttribute("currency"));var d=this.getAttribute("locale");d=$APP.n(d)?d:"";return $APP.z.j(c,
|
|
20
|
+
this.shadowRoot.activeElement)?null:c.value=$APP.z.j(b,"")?"":aZ(b,d)}return null}})},tma=function(a){$APP.Ej(a,"__xCurrencyFieldInternals");sma(a);$APP.lj(a,"name","name","");$APP.lj(a,"currency","currency","");$APP.lj(a,"locale","locale","");$APP.lj(a,"min","min","");$APP.lj(a,"max","max","");$APP.lj(a,"placeholder","placeholder","");$APP.lj(a,"label","label","");$APP.lj(a,"hint","hint","");$APP.lj(a,"error","error","");$APP.ij(a,"disabled","disabled");$APP.ij(a,"readOnly","readonly");return $APP.ij(a,
|
|
21
|
+
"required","required")},kZ=function(){return $APP.qi("x-currency-field",new $APP.M(null,8,[$APP.hi,uma,$APP.fi,pma,$APP.ci,qma,$APP.bi,rma,$APP.di,!0,$APP.ai,nma,$APP.$h,oma,$APP.gi,tma],null))},eZ=new $APP.F(null,"min-raw","min-raw",183137548),gZ=new $APP.F(null,"currency","currency",-898327568),hZ=new $APP.F(null,"display-error","display-error",-179691836),fZ=new $APP.F(null,"locale-raw","locale-raw",385401846),dZ=new $APP.F(null,"currency-raw","currency-raw",1169887491);var uma="name value currency locale min max placeholder label hint error disabled required readonly".split(" ");
|
|
22
|
+
$APP.ug([$APP.bv,$APP.ou,$APP.Lr,$APP.br,$APP.gk,$APP.Mm,$APP.Uu,$APP.fk,$APP.Si,$APP.Nt,gZ,$APP.du,$APP.Hs,$APP.hk,$APP.uj,$APP.dt,$APP.ks,$APP.rs],[new $APP.M(null,2,[$APP.N,$APP.X,$APP.pj,!0],null),new $APP.M(null,2,[$APP.N,$APP.Ir,$APP.pj,!0],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"min"],null),new $APP.M(null,2,[$APP.N,$APP.qj,$APP.pj,!0],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"placeholder"],null),new $APP.M(null,2,[$APP.N,$APP.qj,$APP.W,"disabled"],null),new $APP.M(null,2,[$APP.N,
|
|
23
|
+
$APP.X,$APP.W,"locale"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"name"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"value"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"hint"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"currency"],null),new $APP.M(null,2,[$APP.N,$APP.qj,$APP.W,"readonly"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"max"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"label"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"error"],null),new $APP.M(null,2,[$APP.N,$APP.As,
|
|
24
|
+
$APP.pj,!0],null),new $APP.M(null,2,[$APP.N,$APP.qj,$APP.W,"required"],null),new $APP.M(null,2,[$APP.N,$APP.Zr,$APP.pj,!0],null)]);
|
|
25
|
+
$APP.he(["x-currency-field-change-request",new $APP.M(null,2,[$APP.au,!0,$APP.V,new $APP.M(null,3,[$APP.fk,$APP.X,$APP.Si,$APP.X,$APP.Ds,$APP.X],null)],null),"x-currency-field-input",new $APP.M(null,2,[$APP.au,!1,$APP.V,new $APP.M(null,2,[$APP.fk,$APP.X,$APP.Si,$APP.X],null)],null),"x-currency-field-change",new $APP.M(null,2,[$APP.au,!1,$APP.V,new $APP.M(null,2,[$APP.fk,$APP.X,$APP.Si,$APP.X],null)],null)]);$APP.fa("baredom.exports.x_currency_field.init",kZ);export const init=kZ;
|
package/dist/x-date-picker.d.ts
CHANGED
|
@@ -9,7 +9,10 @@ export interface XDatePickerEventMap {
|
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
export interface XDatePicker extends HTMLElement {
|
|
12
|
+
readonly validationMessage: string;
|
|
12
13
|
open: boolean;
|
|
14
|
+
readonly labels: NodeList | null;
|
|
15
|
+
readonly willValidate: boolean;
|
|
13
16
|
disabled: boolean;
|
|
14
17
|
name: string;
|
|
15
18
|
value: string;
|
|
@@ -17,11 +20,15 @@ export interface XDatePicker extends HTMLElement {
|
|
|
17
20
|
start: string;
|
|
18
21
|
readOnly: boolean;
|
|
19
22
|
error: string;
|
|
23
|
+
readonly form: HTMLFormElement | null;
|
|
20
24
|
end: string;
|
|
21
25
|
required: boolean;
|
|
26
|
+
readonly validity: ValidityState;
|
|
22
27
|
focus(): void;
|
|
23
28
|
commit(): void;
|
|
24
29
|
clear(): void;
|
|
30
|
+
checkValidity(): boolean;
|
|
31
|
+
reportValidity(): boolean;
|
|
25
32
|
|
|
26
33
|
addEventListener<K extends keyof XDatePickerEventMap>(
|
|
27
34
|
type: K,
|
package/dist/x-date-picker.js
CHANGED
|
@@ -1,43 +1,44 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var f1=function(a){return typeof a==="string"?(a=a.trim(),$APP.I(a,"")?a:null):null},i1=function(a,b){var c=$APP.G(b);b=$APP.C(c,g1);c=$APP.C(c,$APP.
|
|
3
|
-
$APP.
|
|
4
|
-
e,function(){var E=f1(k);return $APP.n(E)?E:""}()]);var y=$APP.
|
|
5
|
-
a.getAttribute("locale"),$APP.Hi(a.getAttribute("range-allow-same-day")),a.getAttribute("value"),b,a.getAttribute("start"),a.getAttribute("max"),$APP.Hi(a.getAttribute("auto-swap")),a.getAttribute("end"),a.getAttribute("separator")]));var c=new $APP.M(null,2,[g1,g1.i(b),$APP.
|
|
6
|
-
$APP.
|
|
7
|
-
$APP.
|
|
8
|
-
$APP.
|
|
9
|
-
d=$APP.l(b,"grid"),e=$APP.l(b,"weekdays"),f=$APP.l(a,"__xDatePickerState");b=$APP.n(f)?$APP.l(f,"canon"):null;var h=$APP.n(f)?$APP.l(f,"month"):null;f=$APP.n(f)?$APP.l(f,"cfg"):null;f=$APP.n(f)?$APP.
|
|
10
|
-
$APP.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=$APP.
|
|
11
|
-
u1);$APP.T(r,"part","day");$APP.T(r,"type","button");$APP.T(r,"role","gridcell");$APP.T(r,"data-iso",
|
|
12
|
-
""+$APP.P.i(x);d.appendChild(r);k+=1}else if(e=$APP.q(c))c=e,$APP.Yc(c)?(h=$APP.Db(c),c=$APP.Eb(c),e=h,f=$APP.w(h),h=e):(e=$APP.
|
|
13
|
-
$APP.n(r)?"true":"false"),$APP.T(h,"data-selected",$APP.n(m)?"true":"false"),$APP.T(h,"data-in-range",$APP.n(
|
|
2
|
+
var f1=function(a){return typeof a==="string"?(a=a.trim(),$APP.I(a,"")?a:null):null},i1=function(a,b){var c=$APP.G(b);b=$APP.C(c,g1);c=$APP.C(c,$APP.Uu);return $APP.n(a)?$APP.z.j(b,h1)?(new Intl.DateTimeFormat($APP.n(c)?c:"default",{year:"numeric",month:"long",day:"numeric",timeZone:"UTC"})).format(a):$APP.wo(a):null},k1=function(a){a=f1(a);a=$APP.n(a)?$APP.xo(a):null;return new $APP.M(null,2,[j1,a!=null,$APP.Go,a],null)},Foa=function(a){var b=$APP.G(a),c=$APP.C(b,$APP.iq),d=$APP.C(b,$APP.Ts),e=$APP.C(b,
|
|
3
|
+
$APP.Lr);a=$APP.C(b,g1);var f=$APP.C(b,$APP.Uu),h=$APP.C(b,$APP.Wu),k=$APP.C(b,$APP.Si),m=$APP.C(b,$APP.em),r=$APP.C(b,$APP.cu),u=$APP.C(b,$APP.Hs),x=$APP.C(b,$APP.Ep);b=$APP.z.j(m,"range")?$APP.Dq:$APP.pq;a=$APP.z.j(a,"localized")?h1:$APP.Fq;f=f1(f);m=function(){var E=f1(d);return $APP.n(E)?E:" - "}();e=$APP.xo(e);u=$APP.xo(u);x=$APP.D(x);h=$APP.D(h);if($APP.z.j(b,$APP.pq))return b=$APP.xo(k),$APP.ug([g1,$APP.Qt,$APP.Uu,l1,$APP.em,m1,$APP.Ep,$APP.bt,$APP.Ts,n1,o1],[a,b,f,h,$APP.pq,u,x,b!=null,m,
|
|
4
|
+
e,function(){var E=f1(k);return $APP.n(E)?E:""}()]);var y=$APP.xo(r),A=$APP.xo(c);b=y!=null&&A!=null;return $APP.ug([p1,g1,$APP.jp,$APP.Uu,l1,$APP.em,m1,q1,r1,$APP.Ep,$APP.bt,$APP.Ts,n1],[function(){var E=f1(c);return $APP.n(E)?E:""}(),a,y,f,h,$APP.Dq,u,function(){var E=f1(r);return $APP.n(E)?E:""}(),A,x,b,m,e])},s1=function(a){var b=a.getAttribute("mode");b=Foa($APP.ug([$APP.Lr,g1,$APP.Uu,$APP.Wu,$APP.Si,$APP.em,$APP.cu,$APP.Hs,$APP.Ep,$APP.iq,$APP.Ts],[a.getAttribute("min"),a.getAttribute("format"),
|
|
5
|
+
a.getAttribute("locale"),$APP.Hi(a.getAttribute("range-allow-same-day")),a.getAttribute("value"),b,a.getAttribute("start"),a.getAttribute("max"),$APP.Hi(a.getAttribute("auto-swap")),a.getAttribute("end"),a.getAttribute("separator")]));var c=new $APP.M(null,2,[g1,g1.i(b),$APP.Uu,$APP.Uu.i(b)],null);var d=$APP.G(c);var e=$APP.C(d,g1);d=$APP.C(d,$APP.Uu);e=new $APP.M(null,2,[g1,e,$APP.Uu,d],null);if($APP.z.j($APP.em.i(b),$APP.pq))e=$APP.n($APP.Qt.i(b))?i1($APP.Qt.i(b),e):"";else{d=$APP.Ts.i(b);var f=
|
|
6
|
+
$APP.jp.i(b);f=$APP.n(f)?r1.i(b):f;e=$APP.n(f)?""+$APP.P.i(i1($APP.jp.i(b),e))+$APP.P.i(d)+$APP.P.i(i1(r1.i(b),e)):$APP.n($APP.jp.i(b))?i1($APP.jp.i(b),e):""}d=$APP.l(a,"__xDatePickerState");d=$APP.n(d)?$APP.l(d,"month"):null;f=$APP.Qt.i(b);$APP.n(f)||(f=$APP.jp.i(b),f=$APP.n(f)?f:new Date(Date.now()));d=$APP.n(d)?d:$APP.Ao(f);$APP.Q(a,"__xDatePickerState",{canon:b,cfg:c,disp:e,month:d})},t1=function(a,b){var c=n1.i(b);c=$APP.n(c)?$APP.yo(a,n1.i(b))<0:c;if($APP.n(c))return c;c=m1.i(b);return $APP.n(c)?
|
|
7
|
+
$APP.yo(a,m1.i(b))>0:c},v1=function(a,b){if($APP.z.j($APP.em.i(b),$APP.pq))return new $APP.M(null,3,[$APP.Gq,function(){var k=$APP.Qt.i(b);return $APP.n(k)?$APP.z.j(0,$APP.yo(a,$APP.Qt.i(b))):k}(),$APP.bu,!1,u1,!1],null);var c=$APP.jp.i(b),d=r1.i(b),e=function(){var k=$APP.n(c)?$APP.z.j(0,$APP.yo(a,c)):c;return $APP.n(k)?k:$APP.n(d)?$APP.z.j(0,$APP.yo(a,d)):d}(),f=$APP.n(c)?$APP.n(d)?$APP.Fo(a,c,d):d:c,h=function(){var k=$APP.n(c)?$APP.z.j(0,$APP.yo(a,c)):c;return $APP.n(k)?k:$APP.n(d)?$APP.z.j(0,
|
|
8
|
+
$APP.yo(a,d)):d}();return new $APP.M(null,3,[$APP.Gq,e,$APP.bu,f,u1,h],null)},w1=function(a,b){$APP.Q(a,"__xDatePickerGridFocus",b);a=$APP.l(a,"__xDatePickerRefs");a=$APP.n(a)?$APP.l(a,"grid"):null;if($APP.n(a)){var c=a.querySelector('[tabindex\x3d"0"]');$APP.n(c)&&$APP.T(c,"tabindex","-1");b=a.querySelector('[data-iso\x3d"'+$APP.P.i(b)+'"]');if($APP.n(b))return $APP.T(b,"tabindex","0"),b.focus()}return null},x1=function(a){var b=$APP.l(a,"__xDatePickerRefs");if($APP.n(b)){var c=$APP.l(b,"month-label"),
|
|
9
|
+
d=$APP.l(b,"grid"),e=$APP.l(b,"weekdays"),f=$APP.l(a,"__xDatePickerState");b=$APP.n(f)?$APP.l(f,"canon"):null;var h=$APP.n(f)?$APP.l(f,"month"):null;f=$APP.n(f)?$APP.l(f,"cfg"):null;f=$APP.n(f)?$APP.Uu.i(f):null;$APP.n(c)&&(h=(new Intl.DateTimeFormat($APP.n(f)?f:"default",{year:"numeric",month:"long",timeZone:"UTC"})).format(h),c.textContent=h);if(!$APP.n($APP.l(a,"__xDatePickerWeekdaysDone")))for($APP.Q(a,"__xDatePickerWeekdaysDone",!0),c="Su Mo Tu We Th Fr Sa".split(" "),h=0;;)if(h<7)f=document.createElement("div"),
|
|
10
|
+
$APP.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=$APP.Io($APP.n(e)?$APP.l(e,"month"):null,0);c=$APP.q(e);h=null;for(var k=f=0;;)if(k<f){e=h.C(null,k);e=$APP.G(e);var m=$APP.C(e,$APP.Go);e=$APP.C(e,$APP.Ho);var r=document.createElement("button"),u=$APP.wo(m),x=m.getUTCDate(),y=t1(m,b);m=v1(m,b);var A=$APP.G(m);m=$APP.C(A,$APP.Gq);var E=$APP.C(A,$APP.bu);A=$APP.C(A,
|
|
11
|
+
u1);$APP.T(r,"part","day");$APP.T(r,"type","button");$APP.T(r,"role","gridcell");$APP.T(r,"data-iso",u);$APP.T(r,"data-outside",$APP.n(e)?"false":"true");$APP.T(r,"data-disabled",$APP.n(y)?"true":"false");$APP.T(r,"data-selected",$APP.n(m)?"true":"false");$APP.T(r,"data-in-range",$APP.n(E)?"true":"false");$APP.T(r,"data-range-edge",$APP.n(A)?"true":"false");$APP.T(r,"aria-selected",$APP.n(m)?"true":"false");$APP.T(r,"aria-disabled",$APP.n(y)?"true":"false");$APP.T(r,"tabindex","-1");r.textContent=
|
|
12
|
+
""+$APP.P.i(x);d.appendChild(r);k+=1}else if(e=$APP.q(c))c=e,$APP.Yc(c)?(h=$APP.Db(c),c=$APP.Eb(c),e=h,f=$APP.w(h),h=e):(e=$APP.t(c),e=$APP.G(e),m=$APP.C(e,$APP.Go),e=$APP.C(e,$APP.Ho),h=document.createElement("button"),f=$APP.wo(m),k=m.getUTCDate(),r=t1(m,b),m=v1(m,b),x=$APP.G(m),m=$APP.C(x,$APP.Gq),u=$APP.C(x,$APP.bu),x=$APP.C(x,u1),$APP.T(h,"part","day"),$APP.T(h,"type","button"),$APP.T(h,"role","gridcell"),$APP.T(h,"data-iso",f),$APP.T(h,"data-outside",$APP.n(e)?"false":"true"),$APP.T(h,"data-disabled",
|
|
13
|
+
$APP.n(r)?"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(r)?"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,"__xDatePickerGridFocus");a=$APP.l(a,"__xDatePickerRefs");a=$APP.n(a)?$APP.l(a,"grid"):null;$APP.n($APP.n(a)?
|
|
14
14
|
d:a)?(a=a.querySelector('[data-iso\x3d"'+$APP.P.i(d)+'"]'),a=$APP.n(a)?$APP.T(a,"tabindex","0"):null):a=null;return a}}return null},y1=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},z1=function(a){var b=$APP.l(a,"__xDatePickerRefs");if($APP.n(b)){var c=$APP.l(b,"input");b=$APP.l(b,"btn");var d=
|
|
15
15
|
a.hasAttribute("disabled"),e=a.hasAttribute("readonly"),f=a.getAttribute("placeholder"),h=a.getAttribute("aria-label"),k=a.hasAttribute("open");$APP.n(b)&&($APP.n(d)?$APP.T(b,"disabled",""):$APP.U(b,"disabled"));$APP.n(c)&&($APP.T(c,"aria-expanded",$APP.n(k)?"true":"false"),$APP.n(d)?($APP.T(c,"disabled",""),$APP.T(c,"aria-disabled","true")):($APP.U(c,"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)&&
|
|
16
|
-
$APP.T(c,"aria-label",h));b=$APP.l(a,"__xDatePickerRefs");$APP.n(b)&&(b=$APP.l(b,"error"),d=a.getAttribute("error"),e=typeof d==="string"&&$APP.I(d,""),$APP.
|
|
17
|
-
"/"+$APP.P.i(p1.i(b)):"":b="";$APP.Bj($APP.l(a,"__xDatePickerInternals"),c,b,new $APP.M(null,5,[$APP.tj,a.hasAttribute("error"),$APP.uj,a.getAttribute("error"),$APP.vj,a.hasAttribute("required"),$APP.wj,$APP.z.j(b,""),$APP.xj,"Please enter a date."],null));y1(a);return x1(a)}return null},A1=function(a,b){$APP.n(b)?$APP.T(a,"value",$APP.
|
|
18
|
-
var e=$APP.n(d)?$APP.
|
|
19
|
-
0))$APP.T(a,"start",$APP.
|
|
20
|
-
"start",$APP.
|
|
21
|
-
$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=$APP.n(c)?$APP.l(c,"canon"):null,f=$APP.
|
|
22
|
-
|
|
23
|
-
e],null))),
|
|
24
|
-
b
|
|
25
|
-
$APP.
|
|
26
|
-
|
|
27
|
-
$APP.
|
|
28
|
-
function
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
"
|
|
34
|
-
E=document.createElement("span");c.textContent=":host{display:block;color-scheme:light dark;--x-date-picker-border:var(--x-color-border,#cbd5e1);--x-date-picker-radius:var(--x-radius-md,8px);--x-date-picker-input-bg:var(--x-color-surface,#fff);--x-date-picker-text:inherit;--x-date-picker-focus:var(--x-color-focus-ring,#60a5fa);--x-date-picker-placeholder:var(--x-color-text-muted,#94a3b8);--x-date-picker-btn-bg:var(--x-color-surface-hover,#f8fafc);--x-date-picker-btn-hover:var(--x-color-surface-active,#f1f5f9);--x-date-picker-popover-bg:var(--x-color-bg,#fff);--x-date-picker-popover-radius:var(--x-radius-lg,12px);--x-date-picker-nav-hover:var(--x-color-surface-active,#f1f5f9);--x-date-picker-weekday:var(--x-color-text-muted,#94a3b8);--x-date-picker-day-text:inherit;--x-date-picker-day-hover:var(--x-color-surface-active,#f1f5f9);--x-date-picker-selected-bg:var(--x-color-primary,#2563eb);--x-date-picker-selected-text:#fff;--x-date-picker-range-bg:var(--x-color-surface-active,#dbeafe);--x-date-picker-range-text:var(--x-color-primary-active,#1e40af);--x-date-picker-error-color:var(--x-color-danger,#dc2626);}[part\x3dcontainer]{position:relative;display:flex;align-items:stretch;gap:8px;width:100%;}[part\x3dinput]{flex:1;min-width:0;appearance:none;box-sizing:border-box;border:1px solid var(--x-date-picker-border,#cbd5e1);border-radius:var(--x-date-picker-radius,8px);padding:8px 12px;font-size:0.9375rem;background:var(--x-date-picker-input-bg,#fff);color:var(--x-date-picker-text,inherit);outline:none;}[part\x3dinput]:focus{border-color:var(--x-date-picker-focus,#60a5fa);box-shadow:0 0 0 3px rgba(96,165,250,0.25);}[part\x3dinput][disabled]{opacity:0.5;cursor:default;}[part\x3dbtn][disabled]{opacity:0.5;cursor:default;pointer-events:none;}[part\x3dinput]::placeholder{color:var(--x-date-picker-placeholder,#94a3b8);}[part\x3dbtn]{all:unset;cursor:pointer;flex:0 0 auto;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--x-date-picker-border,#cbd5e1);border-radius:var(--x-date-picker-radius,8px);background:var(--x-date-picker-btn-bg,#f8fafc);color:var(--x-date-picker-text,inherit);box-sizing:border-box;}[part\x3dbtn]:hover{background:var(--x-date-picker-btn-hover,#f1f5f9);}[part\x3dbtn]:focus-visible{outline:2px solid var(--x-date-picker-focus,#60a5fa);}[part\x3dpopover]{display:none;position:absolute;z-index:1000;top:calc(100% + 8px);left:0;background:var(--x-date-picker-popover-bg,#fff);border:1px solid var(--x-date-picker-border,#e2e8f0);border-radius:var(--x-date-picker-popover-radius,12px);box-shadow:0 8px 32px rgba(0,0,0,0.12),0 2px 8px rgba(0,0,0,0.06);padding:16px;width:var(--x-date-picker-popover-width,304px);max-width:calc(100vw - 1rem);box-sizing:border-box;}:host([open]) [part\x3dpopover]{display:block;}[part\x3dnav]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}[part\x3dnavbtn]{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:var(--x-date-picker-text,inherit);}[part\x3dnavbtn]:hover{background:var(--x-date-picker-nav-hover,#f1f5f9);}[part\x3dnavbtn]:focus-visible{outline:2px solid var(--x-date-picker-focus,#60a5fa);}[part\x3dmonthlabel]{font-weight:600;font-size:0.9375rem;}[part\x3dweekdays]{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px;}[part\x3dweekday]{text-align:center;font-size:0.75rem;font-weight:600;color:var(--x-date-picker-weekday,#94a3b8);padding:4px 0;}[part\x3dgrid]{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;}[part\x3dday]{all:unset;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:36px;border-radius:6px;font-size:0.875rem;color:var(--x-date-picker-day-text,inherit);}[part\x3dday]:hover:not([disabled]){background:var(--x-date-picker-day-hover,#f1f5f9);}[part\x3dday]:focus-visible{outline:2px solid var(--x-date-picker-focus,#60a5fa);}[part\x3dday][data-outside\x3dtrue]{opacity:0.4;}[part\x3dday][data-disabled\x3dtrue]{opacity:0.3;cursor:default;pointer-events:none;}[part\x3dday][data-selected\x3dtrue]{background:var(--x-date-picker-selected-bg,#2563eb);color:var(--x-date-picker-selected-text,#fff);font-weight:600;}[part\x3dday][data-in-range\x3dtrue]:not([data-range-edge\x3dtrue]){background:var(--x-date-picker-range-bg,#dbeafe);color:var(--x-date-picker-range-text,#1e40af);border-radius:0;}[part\x3dday][data-range-edge\x3dtrue]{background:var(--x-date-picker-selected-bg,#2563eb);color:var(--x-date-picker-selected-text,#fff);font-weight:600;}[part\x3dsr-status]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}@media (prefers-color-scheme:dark){:host{--x-date-picker-border:var(--x-color-border,#334155);--x-date-picker-input-bg:var(--x-color-surface,#0f172a);--x-date-picker-btn-bg:var(--x-color-surface-hover,#1e293b);--x-date-picker-btn-hover:var(--x-color-surface-active,#334155);--x-date-picker-popover-bg:var(--x-color-bg,#1e293b);--x-date-picker-day-hover:var(--x-color-surface-active,#334155);--x-date-picker-selected-bg:var(--x-color-primary,#3b82f6);--x-date-picker-range-bg:var(--x-color-surface-active,#1e3a8a);--x-date-picker-range-text:var(--x-color-focus-ring,#93c5fd);--x-date-picker-nav-hover:var(--x-color-surface-active,#334155);--x-date-picker-error-color:var(--x-color-danger,#f87171);}}[part\x3derror]{display:block;margin-top:0.25rem;font-size:0.8125rem;line-height:1.4;color:var(--x-date-picker-error-color,#dc2626);}.error-hidden{display:none;}:host([data-invalid]) [part\x3dinput]{border-color:var(--x-date-picker-error-color,#dc2626);}:host([data-invalid]) [part\x3dinput]:focus{border-color:var(--x-date-picker-error-color,#dc2626);box-shadow:0 0 0 3px color-mix(in srgb,var(--x-date-picker-error-color,#dc2626) 25%,transparent);}@media (prefers-reduced-motion:reduce){[part\x3dpopover]{transition:none;}}";
|
|
16
|
+
$APP.T(c,"aria-label",h));b=$APP.l(a,"__xDatePickerRefs");$APP.n(b)&&(b=$APP.l(b,"error"),d=a.getAttribute("error"),e=typeof d==="string"&&$APP.I(d,""),$APP.Gj(a,c,b,new $APP.M(null,2,[$APP.uj,d,$APP.tj,e],null),$APP.Fj(e,a.getAttribute("aria-describedby"))));c=$APP.l(a,"__xDatePickerRefs");c=$APP.n(c)?$APP.l(c,"input"):null;b=$APP.l(a,"__xDatePickerState");b=$APP.n(b)?$APP.l(b,"canon"):null;$APP.n(b)?$APP.z.j($APP.em.i(b),$APP.pq)?(b=o1.i(b),b=$APP.n(b)?b:""):b=$APP.n($APP.bt.i(b))?""+$APP.P.i(q1.i(b))+
|
|
17
|
+
"/"+$APP.P.i(p1.i(b)):"":b="";$APP.Bj($APP.l(a,"__xDatePickerInternals"),c,b,new $APP.M(null,5,[$APP.tj,a.hasAttribute("error"),$APP.uj,a.getAttribute("error"),$APP.vj,a.hasAttribute("required"),$APP.wj,$APP.z.j(b,""),$APP.xj,"Please enter a date."],null));y1(a);return x1(a)}return null},A1=function(a,b){$APP.n(b)?$APP.T(a,"value",$APP.wo(b)):$APP.U(a,"value")},B1=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;
|
|
18
|
+
var e=$APP.n(d)?$APP.em.i(d):null,f=$APP.z.j(e,$APP.Dq)?"range":"single",h=$APP.z.j(e,$APP.pq)?{value:$APP.wo(b),mode:f,reason:c}:{date:$APP.wo(b),mode:f,reason:c};if($APP.fj(a,"x-date-picker-change-request",h)){if($APP.z.j(e,$APP.pq))return d=$APP.wo(b),A1(a,b),s1(a),z1(a),$APP.dj(a,"x-date-picker-change",{value:d,mode:f,reason:c}),$APP.n(a.hasAttribute("close-on-select"))?($APP.U(a,"open"),z1(a)):null;e=function(){var A=$APP.l(a,"__xDatePickerRangeStep");return $APP.n(A)?A:0}();h=$APP.jp.i(d);if($APP.z.j(e,
|
|
19
|
+
0))$APP.T(a,"start",$APP.wo(b)),$APP.U(a,"end"),$APP.Q(a,"__xDatePickerRangeStep",1);else if($APP.z.j(e,1)){var k=l1.i(d),m=$APP.yo(b,h);if($APP.n(function(){var A=m>0;return A?A:$APP.n(k)?m===0:k}())){var r=$APP.n($APP.Ep.i(d))?$APP.yo(h,b)<0?h:b:h,u=$APP.n($APP.Ep.i(d))?$APP.yo(h,b)>0?h:b:b;$APP.T(a,"start",$APP.wo(r));$APP.T(a,"end",$APP.wo(u));$APP.Q(a,"__xDatePickerRangeStep",0);$APP.n(function(){var A=a.hasAttribute("close-on-select");return $APP.n(A)?r!=null&&u!=null:A}())&&$APP.U(a,"open")}else $APP.T(a,
|
|
20
|
+
"start",$APP.wo(b)),$APP.U(a,"end"),$APP.Q(a,"__xDatePickerRangeStep",1)}else $APP.T(a,"start",$APP.wo(b)),$APP.U(a,"end"),$APP.Q(a,"__xDatePickerRangeStep",1);s1(a);z1(a);b=$APP.l(a,"__xDatePickerState");b=$APP.n(b)?$APP.l(b,"canon"):null;var x=$APP.n($APP.jp.i(b))?$APP.wo($APP.jp.i(b)):null,y=$APP.n(r1.i(b))?$APP.wo(r1.i(b)):null;b=function(){var A={mode:f,reason:c};$APP.n(x)&&(A.start=x);$APP.n(y)&&(A.end=y);return A}();return $APP.dj(a,"x-date-picker-change",b)}return null},D1=function(a,b){var c=
|
|
21
|
+
$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=$APP.n(c)?$APP.l(c,"canon"):null,f=$APP.em.i(e);c=$APP.z.j(f,$APP.Dq)?"range":"single";$APP.dj(a,"x-date-picker-input",{value:d,mode:c});var h;if(h=f1(d)==null)h=$APP.z.j($APP.em.i(e),$APP.Dq)?$APP.jp.i(e)!=null||r1.i(e)!=null:$APP.Qt.i(e)!=null;if(h){if(b=$APP.z.j(c,"range")?{start:"",end:"",mode:c,reason:b}:{value:"",mode:c,reason:b},$APP.fj(a,"x-date-picker-change-request",
|
|
22
|
+
b))return $APP.Q(a,"__xDatePickerRangeStep",0),C1.i?C1.i(a):C1.call(null,a),$APP.dj(a,"x-date-picker-change",b)}else if($APP.z.j(f,$APP.pq)){if(d=k1(d),e=$APP.G(d),d=$APP.C(e,j1),e=$APP.C(e,$APP.Go),$APP.n(d)&&(d=$APP.wo(e),$APP.fj(a,"x-date-picker-change-request",{value:d,mode:c,reason:b})))return A1(a,e),s1(a),z1(a),$APP.dj(a,"x-date-picker-change",{value:d,mode:c,reason:b})}else if(e=new $APP.M(null,1,[$APP.Ts,$APP.Ts.i(e)],null),e=$APP.G(e),e=$APP.C(e,$APP.Ts),e=typeof e==="string"&&e.length>
|
|
23
|
+
0?e:" - ",d=f1(d),d==null?d=new $APP.M(null,3,[j1,!1,$APP.cu,null,$APP.iq,null],null):(f=d.indexOf(e),f<0?(d=k1(d),e=$APP.G(d),d=$APP.C(e,j1),e=$APP.C(e,$APP.Go),d=new $APP.M(null,3,[j1,d,$APP.cu,e,$APP.iq,null],null)):(e=d.substring(f+e.length).trim(),d=$APP.xo(d.substring(0,f).trim()),e=$APP.xo(e),d=new $APP.M(null,3,[j1,d!=null&&e!=null,$APP.cu,d,$APP.iq,e],null))),f=$APP.G(d),d=$APP.C(f,j1),e=$APP.C(f,$APP.cu),f=$APP.C(f,$APP.iq),$APP.n(d)&&(d=$APP.wo(e),e=$APP.wo(f),$APP.fj(a,"x-date-picker-change-request",
|
|
24
|
+
{start:d,end:e,mode:c,reason:b})))return $APP.T(a,"start",d),$APP.T(a,"end",e),$APP.Q(a,"__xDatePickerRangeStep",0),s1(a),z1(a),$APP.dj(a,"x-date-picker-change",{start:d,end:e,mode:c,reason:b});return null},E1=function(a,b){var c=$APP.l(a,"__xDatePickerState"),d=$APP.n(c)?$APP.l(c,"month"):null;if($APP.n(d)){var e=d.getUTCFullYear();d=d.getUTCMonth();b=$APP.z.j(b,$APP.wr)?new Date(Date.UTC(e,d+1,1)):new Date(Date.UTC(e,d-1,1));c.month=b;return x1(a)}return null},F1=function(a){return $APP.n(a.hasAttribute("open"))?
|
|
25
|
+
$APP.U(a,"open"):null},G1=function(a,b){if($APP.n(a.hasAttribute("disabled")))return null;b=b.currentTarget.getAttribute("data-nav");return $APP.z.j(b,"prev")?E1(a,$APP.pr):E1(a,$APP.wr)},Goa=function(a,b){if($APP.n(a.hasAttribute("disabled")))return null;var c=b.key,d=$APP.l(a,"__xDatePickerGridFocus"),e=$APP.n(d)?$APP.xo(d):null;d=$APP.l(a,"__xDatePickerState");var f=$APP.n(d)?$APP.l(d,"canon"):null,h=$APP.n(d)?$APP.l(d,"month"):null,k=$APP.n(e)?function(){switch(c){case "ArrowLeft":return $APP.zo(e,
|
|
26
|
+
-1);case "ArrowRight":return $APP.zo(e,1);case "ArrowUp":return $APP.zo(e,-7);case "ArrowDown":return $APP.zo(e,7);case "PageUp":return $APP.Co(e,-1);case "PageDown":return $APP.Co(e,1);case "Home":return $APP.Do(e,0);case "End":return $APP.n(e)?$APP.zo($APP.Do(e,0),6):null;default:return null}}():null;return k!=null?(b.preventDefault(),b=$APP.Eo(k,n1.i(f),m1.i(f)),f=$APP.wo(b),$APP.n($APP.n(h)?$APP.I(b.getUTCMonth(),h.getUTCMonth()):h)&&($APP.ja(d,"month",$APP.Ao(b)),x1(a)),w1(a,f)):$APP.n(function(){var m=
|
|
27
|
+
$APP.z.j(c,"Enter")||$APP.z.j(c," ");return m?$APP.n(e)?$APP.p(a.hasAttribute("readonly")):e:m}())?(b.preventDefault(),$APP.n(t1(e,f))?null:B1(a,e,"keyboard")):$APP.z.j(c,"Escape")?(b.preventDefault(),F1(a),d=$APP.l(a,"__xDatePickerRefs"),d=$APP.n(d)?$APP.l(d,"input"):null,$APP.n(d)?d.focus():null):null},Hoa=function(a){function b(R){return $APP.n(a.hasAttribute("open"))?$APP.n(R.composedPath().some(function(Y){return Y===a}))?null:F1(a):null}function c(R){return R.preventDefault()}function d(R){return Goa(a,
|
|
28
|
+
R)}function e(R){var Y=a.hasAttribute("disabled");$APP.n($APP.n(Y)?Y:a.hasAttribute("readonly"))?R=null:(R=R.target.closest("button[data-iso]"),$APP.n($APP.n(R)?$APP.I("true",R.getAttribute("data-disabled")):R)?(R=R.getAttribute("data-iso"),R=$APP.xo(R),R=$APP.n(R)?B1(a,R,"click"):null):R=null);return R}function f(R){return G1(a,R)}function h(R){return G1(a,R)}function k(){var R=a.hasAttribute("disabled");if($APP.n($APP.n(R)?R:a.hasAttribute("readonly")))R=null;else if($APP.n(a.hasAttribute("open")))R=
|
|
29
|
+
F1(a);else if($APP.n(a.hasAttribute("open")))R=null;else{$APP.T(a,"open","");R=$APP.l(a,"__xDatePickerState");R=$APP.n(R)?$APP.l(R,"canon"):null;var Y=$APP.Qt.i(R);$APP.n(Y)?R=Y:(R=$APP.jp.i(R),R=$APP.n(R)?R:new Date(Date.now()));R=$APP.wo(R);R=w1(a,R)}return R}function m(){$APP.Q(a,"__xDatePickerFocused",!1);$APP.n(a.hasAttribute("disabled"))||D1(a,"blur");return y1(a)}function r(){return $APP.Q(a,"__xDatePickerFocused",!0)}function u(R){if($APP.n(a.hasAttribute("disabled")))R=null;else{var Y=R.key;
|
|
30
|
+
$APP.z.j(Y,"Enter")?(R.preventDefault(),R=D1(a,"keyboard")):R=$APP.z.j(Y,"Escape")?F1(a):null}return R}function x(){var R=$APP.l(a,"__xDatePickerRefs");R=$APP.n(R)?$APP.l(R,"input"):null;var Y=$APP.l(a,"__xDatePickerState");Y=$APP.z.j($APP.em.i($APP.n(Y)?$APP.l(Y,"canon"):null),$APP.Dq)?"range":"single";$APP.Q(a,"__xDatePickerDisplay",$APP.n(R)?R.value:null);return $APP.dj(a,"x-date-picker-input",{value:$APP.n(R)?R.value:null,mode:Y})}var y=$APP.l(a,"__xDatePickerRefs"),A=$APP.l(y,"input"),E=$APP.l(y,
|
|
31
|
+
"btn"),H=$APP.l(y,"nav-prev"),O=$APP.l(y,"nav-next"),S=$APP.l(y,"grid");y=$APP.l(y,"popover");A.addEventListener("input",x);A.addEventListener("keydown",u);A.addEventListener("focus",r);A.addEventListener("blur",m);E.addEventListener("click",k);H.addEventListener("click",h);O.addEventListener("click",f);S.addEventListener("click",e);S.addEventListener("keydown",d);y.addEventListener("pointerdown",c);document.addEventListener("pointerdown",b,!0);$APP.Q(a,"__xDatePickerHandlers",{"pop-md":c,keydown:u,
|
|
32
|
+
grid:e,"grid-kd":d,next:f,blur:m,prev:h,focus:r,input:x,btn:k,"doc-click":b})},H1=function(a){var b=$APP.l(a,"__xDatePickerRefs");a=$APP.l(a,"__xDatePickerHandlers");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",
|
|
33
|
+
$APP.l(a,"blur"));d.removeEventListener("click",$APP.l(a,"btn"));e.removeEventListener("click",$APP.l(a,"prev"));f.removeEventListener("click",$APP.l(a,"next"));h.removeEventListener("click",$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},Ioa=function(a){if(!$APP.n($APP.l(a,"__xDatePickerRefs"))){var b=a.attachShadow({mode:"open"}),
|
|
34
|
+
c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("input"),f=document.createElement("button"),h=document.createElement("div"),k=document.createElement("div"),m=document.createElement("button"),r=document.createElement("div"),u=document.createElement("button"),x=document.createElement("div"),y=document.createElement("div"),A=document.createElement("div"),E=document.createElement("span");c.textContent=":host{display:block;color-scheme:light dark;--x-date-picker-border:var(--x-color-border,#cbd5e1);--x-date-picker-radius:var(--x-radius-md,8px);--x-date-picker-input-bg:var(--x-color-surface,#fff);--x-date-picker-text:inherit;--x-date-picker-focus:var(--x-color-focus-ring,#60a5fa);--x-date-picker-placeholder:var(--x-color-text-muted,#94a3b8);--x-date-picker-btn-bg:var(--x-color-surface-hover,#f8fafc);--x-date-picker-btn-hover:var(--x-color-surface-active,#f1f5f9);--x-date-picker-popover-bg:var(--x-color-bg,#fff);--x-date-picker-popover-radius:var(--x-radius-lg,12px);--x-date-picker-nav-hover:var(--x-color-surface-active,#f1f5f9);--x-date-picker-weekday:var(--x-color-text-muted,#94a3b8);--x-date-picker-day-text:inherit;--x-date-picker-day-hover:var(--x-color-surface-active,#f1f5f9);--x-date-picker-selected-bg:var(--x-color-primary,#2563eb);--x-date-picker-selected-text:#fff;--x-date-picker-range-bg:var(--x-color-surface-active,#dbeafe);--x-date-picker-range-text:var(--x-color-primary-active,#1e40af);--x-date-picker-error-color:var(--x-color-danger,#dc2626);}[part\x3dcontainer]{position:relative;display:flex;align-items:stretch;gap:8px;width:100%;}[part\x3dinput]{flex:1;min-width:0;appearance:none;box-sizing:border-box;border:1px solid var(--x-date-picker-border,#cbd5e1);border-radius:var(--x-date-picker-radius,8px);padding:8px 12px;font-size:0.9375rem;background:var(--x-date-picker-input-bg,#fff);color:var(--x-date-picker-text,inherit);outline:none;}[part\x3dinput]:focus{border-color:var(--x-date-picker-focus,#60a5fa);box-shadow:0 0 0 3px rgba(96,165,250,0.25);}[part\x3dinput][disabled]{opacity:0.5;cursor:default;}[part\x3dbtn][disabled]{opacity:0.5;cursor:default;pointer-events:none;}[part\x3dinput]::placeholder{color:var(--x-date-picker-placeholder,#94a3b8);}[part\x3dbtn]{all:unset;cursor:pointer;flex:0 0 auto;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--x-date-picker-border,#cbd5e1);border-radius:var(--x-date-picker-radius,8px);background:var(--x-date-picker-btn-bg,#f8fafc);color:var(--x-date-picker-text,inherit);box-sizing:border-box;}[part\x3dbtn]:hover{background:var(--x-date-picker-btn-hover,#f1f5f9);}[part\x3dbtn]:focus-visible{outline:2px solid var(--x-date-picker-focus,#60a5fa);}[part\x3dpopover]{display:none;position:absolute;z-index:1000;top:calc(100% + 8px);left:0;background:var(--x-date-picker-popover-bg,#fff);border:1px solid var(--x-date-picker-border,#e2e8f0);border-radius:var(--x-date-picker-popover-radius,12px);box-shadow:0 8px 32px rgba(0,0,0,0.12),0 2px 8px rgba(0,0,0,0.06);padding:16px;width:var(--x-date-picker-popover-width,304px);max-width:calc(100vw - 1rem);box-sizing:border-box;}:host([open]) [part\x3dpopover]{display:block;}[part\x3dnav]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}[part\x3dnavbtn]{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:var(--x-date-picker-text,inherit);}[part\x3dnavbtn]:hover{background:var(--x-date-picker-nav-hover,#f1f5f9);}[part\x3dnavbtn]:focus-visible{outline:2px solid var(--x-date-picker-focus,#60a5fa);}[part\x3dmonthlabel]{font-weight:600;font-size:0.9375rem;}[part\x3dweekdays]{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px;}[part\x3dweekday]{text-align:center;font-size:0.75rem;font-weight:600;color:var(--x-date-picker-weekday,#94a3b8);padding:4px 0;}[part\x3dgrid]{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;}[part\x3dday]{all:unset;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;justify-content:center;height:36px;border-radius:6px;font-size:0.875rem;color:var(--x-date-picker-day-text,inherit);}[part\x3dday]:hover:not([disabled]){background:var(--x-date-picker-day-hover,#f1f5f9);}[part\x3dday]:focus-visible{outline:2px solid var(--x-date-picker-focus,#60a5fa);}[part\x3dday][data-outside\x3dtrue]{opacity:0.4;}[part\x3dday][data-disabled\x3dtrue]{opacity:0.3;cursor:default;pointer-events:none;}[part\x3dday][data-selected\x3dtrue]{background:var(--x-date-picker-selected-bg,#2563eb);color:var(--x-date-picker-selected-text,#fff);font-weight:600;}[part\x3dday][data-in-range\x3dtrue]:not([data-range-edge\x3dtrue]){background:var(--x-date-picker-range-bg,#dbeafe);color:var(--x-date-picker-range-text,#1e40af);border-radius:0;}[part\x3dday][data-range-edge\x3dtrue]{background:var(--x-date-picker-selected-bg,#2563eb);color:var(--x-date-picker-selected-text,#fff);font-weight:600;}[part\x3dsr-status]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}@media (prefers-color-scheme:dark){:host{--x-date-picker-border:var(--x-color-border,#334155);--x-date-picker-input-bg:var(--x-color-surface,#0f172a);--x-date-picker-btn-bg:var(--x-color-surface-hover,#1e293b);--x-date-picker-btn-hover:var(--x-color-surface-active,#334155);--x-date-picker-popover-bg:var(--x-color-bg,#1e293b);--x-date-picker-day-hover:var(--x-color-surface-active,#334155);--x-date-picker-selected-bg:var(--x-color-primary,#3b82f6);--x-date-picker-range-bg:var(--x-color-surface-active,#1e3a8a);--x-date-picker-range-text:var(--x-color-focus-ring,#93c5fd);--x-date-picker-nav-hover:var(--x-color-surface-active,#334155);--x-date-picker-error-color:var(--x-color-danger,#f87171);}}[part\x3derror]{display:block;margin-top:0.25rem;font-size:0.8125rem;line-height:1.4;color:var(--x-date-picker-error-color,#dc2626);}.error-hidden{display:none;}:host([data-invalid]) [part\x3dinput]{border-color:var(--x-date-picker-error-color,#dc2626);}:host([data-invalid]) [part\x3dinput]:focus{border-color:var(--x-date-picker-error-color,#dc2626);box-shadow:0 0 0 3px color-mix(in srgb,var(--x-date-picker-error-color,#dc2626) 25%,transparent);}@media (prefers-reduced-motion:reduce){[part\x3dpopover]{transition:none;}}";
|
|
35
35
|
$APP.T(d,"part","container");$APP.T(E,"part","error");$APP.T(E,"id","error");$APP.T(E,"role","alert");$APP.T(E,"aria-live","assertive");E.classList.add("error-hidden");$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",
|
|
36
|
-
"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,"part","navbtn");$APP.T(m,"data-nav","prev");$APP.T(m,"type","button");$APP.T(m,"aria-label","Previous month");m.textContent="‹";$APP.T(r,"part","monthlabel");$APP.T(r,"aria-live","polite");$APP.T(
|
|
37
|
-
"true");$APP.T(y,"part","grid");$APP.T(y,"role","grid");$APP.T(y,"aria-label","Calendar grid");$APP.T(A,"part","sr-status");$APP.T(A,"aria-live","polite");$APP.T(A,"aria-atomic","true");k.appendChild(m);k.appendChild(r);k.appendChild(
|
|
38
|
-
input:e,btn:f,sr:A,"nav-prev":m});$APP.n(a.attachInternals)&&$APP.Q(a,"__xDatePickerInternals",a.attachInternals())}
|
|
39
|
-
return z1(a)},
|
|
40
|
-
{value:function(){return
|
|
41
|
-
"allow-same-day?",-1971558934),j1=new $APP.F(null,"ok?","ok?",447310304),p1=new $APP.F(null,"end-str","end-str",-558112319),h1=new $APP.F(null,"localized","localized",1722109655),o1=new $APP.F(null,"value-str","value-str",989198845),g1=new $APP.F(null,"format","format",-1306924766),r1=new $APP.F(null,"end-d","end-d",-1316370898);var
|
|
42
|
-
$APP.
|
|
43
|
-
|
|
36
|
+
"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,"part","navbtn");$APP.T(m,"data-nav","prev");$APP.T(m,"type","button");$APP.T(m,"aria-label","Previous month");m.textContent="‹";$APP.T(r,"part","monthlabel");$APP.T(r,"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",
|
|
37
|
+
"true");$APP.T(y,"part","grid");$APP.T(y,"role","grid");$APP.T(y,"aria-label","Calendar grid");$APP.T(A,"part","sr-status");$APP.T(A,"aria-live","polite");$APP.T(A,"aria-atomic","true");k.appendChild(m);k.appendChild(r);k.appendChild(u);h.appendChild(k);h.appendChild(x);h.appendChild(y);h.appendChild(A);d.appendChild(e);d.appendChild(f);d.appendChild(h);b.appendChild(c);b.appendChild(d);b.appendChild(E);$APP.Q(a,"__xDatePickerRefs",{weekdays:x,grid:y,popover:h,"nav-next":u,"month-label":r,error:E,
|
|
38
|
+
input:e,btn:f,sr:A,"nav-prev":m});$APP.n(a.attachInternals)&&$APP.Q(a,"__xDatePickerInternals",a.attachInternals())}H1(a);Hoa(a);s1(a);return z1(a)},Joa=function(a){return H1(a)},Koa=function(a,b,c,d){return $APP.I(c,d)?(b=a.hasAttribute("disabled"),$APP.n($APP.n(b)?a.hasAttribute("open"):b)&&$APP.U(a,"open"),s1(a),z1(a)):null},C1=function(a){var b=$APP.l(a,"__xDatePickerState");$APP.z.j($APP.em.i($APP.n(b)?$APP.l(b,"canon"):null),$APP.pq)?$APP.U(a,"value"):($APP.U(a,"start"),$APP.U(a,"end"));s1(a);
|
|
39
|
+
return z1(a)},Loa=function(a,b){$APP.Zi(a,"disabled",$APP.D(b));s1(a);return z1(a)},Moa=function(a){$APP.Q(a,"__xDatePickerRangeStep",0);$APP.U(a,"error");return C1(a)},Noa=function(a){Object.defineProperty(a,"focus",{value:function(){var b=$APP.l(this,"__xDatePickerRefs");b=$APP.n(b)?$APP.l(b,"input"):null;return $APP.n(b)?b.focus():null},writable:!0,configurable:!0});Object.defineProperty(a,"commit",{value:function(){return D1(this,"programmatic")},writable:!0,configurable:!0});return Object.defineProperty(a,
|
|
40
|
+
"clear",{value:function(){return C1(this)},writable:!0,configurable:!0})},Poa=function(a){$APP.Ej(a,"__xDatePickerInternals");$APP.sj(a,Ooa);return Noa(a)},I1=function(){return $APP.qi("x-date-picker",new $APP.M(null,8,[$APP.hi,Qoa,$APP.fi,Ioa,$APP.ci,Joa,$APP.bi,Koa,$APP.di,!0,$APP.ai,Loa,$APP.$h,Moa,$APP.gi,Poa],null))},u1=new $APP.F(null,"edge?","edge?",203916303),m1=new $APP.F(null,"max-d","max-d",-814680979),q1=new $APP.F(null,"start-str","start-str",1077409677),n1=new $APP.F(null,"min-d","min-d",
|
|
41
|
+
-1118792932),l1=new $APP.F(null,"allow-same-day?","allow-same-day?",-1971558934),j1=new $APP.F(null,"ok?","ok?",447310304),p1=new $APP.F(null,"end-str","end-str",-558112319),h1=new $APP.F(null,"localized","localized",1722109655),o1=new $APP.F(null,"value-str","value-str",989198845),g1=new $APP.F(null,"format","format",-1306924766),r1=new $APP.F(null,"end-d","end-d",-1316370898);var Qoa="mode value start end min max format locale separator auto-swap range-allow-same-day close-on-select placeholder disabled readonly required name autocomplete error aria-label aria-describedby open".split(" "),Ooa=$APP.ug([$APP.bv,$APP.Xt,$APP.ou,$APP.br,$APP.Mm,$APP.fk,$APP.Si,$APP.em,$APP.cu,$APP.du,$APP.uj,$APP.dt,$APP.iq,$APP.ks,$APP.rs],[new $APP.M(null,2,[$APP.N,$APP.X,$APP.pj,!0],null),new $APP.M(null,2,[$APP.N,$APP.qj,$APP.W,"open"],null),new $APP.M(null,2,[$APP.N,$APP.Ir,$APP.pj,!0],
|
|
42
|
+
null),new $APP.M(null,2,[$APP.N,$APP.qj,$APP.pj,!0],null),new $APP.M(null,2,[$APP.N,$APP.qj,$APP.W,"disabled"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"name"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"value"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"mode"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"start"],null),new $APP.M(null,2,[$APP.N,$APP.qj,$APP.W,"readonly"],null),new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"error"],null),new $APP.M(null,2,[$APP.N,$APP.As,$APP.pj,!0],null),
|
|
43
|
+
new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"end"],null),new $APP.M(null,2,[$APP.N,$APP.qj,$APP.W,"required"],null),new $APP.M(null,2,[$APP.N,$APP.Zr,$APP.pj,!0],null)]);
|
|
44
|
+
$APP.he(["x-date-picker-input",new $APP.M(null,2,[$APP.au,!1,$APP.V,new $APP.M(null,2,[$APP.Si,$APP.X,$APP.em,$APP.X],null)],null),"x-date-picker-change-request",new $APP.M(null,2,[$APP.au,!0,$APP.V,new $APP.M(null,3,[$APP.Si,$APP.X,$APP.em,$APP.X,$APP.mq,$APP.X],null)],null),"x-date-picker-change",new $APP.M(null,2,[$APP.au,!1,$APP.V,new $APP.M(null,3,[$APP.Si,$APP.X,$APP.em,$APP.X,$APP.mq,$APP.X],null)],null)]);$APP.fa("baredom.exports.x_date_picker.init",I1);export const init=I1;
|
package/dist/x-divider.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var S0=function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.
|
|
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.Q(a,"__xDividerRefs",e);a=e}return a},Z0=function(a){if($APP.n($APP.l(a,"__xDividerRefs"))){var b=$APP.
|
|
4
|
-
a.getAttribute("inset"),a.getAttribute("orientation"),a.getAttribute("aria-label"),a.getAttribute("role")]);var c=$APP.G(b);b=$APP.C(c,$APP.
|
|
5
|
-
d.call($APP.Yg,b,$APP.
|
|
6
|
-
$APP.n(k)?k:"auto");$APP.n(f)?m.setProperty("--x-divider-color",f):m.removeProperty("--x-divider-color");h=$APP.G(b);e=$APP.C(h,$APP.
|
|
7
|
-
f=$APP.G(b);e=$APP.C(f,$APP.
|
|
8
|
-
"part","line-right"),m.appendChild(r),m.appendChild(
|
|
9
|
-
|
|
10
|
-
1843812655);var
|
|
11
|
-
3,[$APP.
|
|
2
|
+
var S0=function(a,b,c){c=typeof c==="string"?c.trim().toLowerCase():null;return $APP.bd(a,c)?c:b},T0=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.Q(a,"__xDividerRefs",e);a=e}return a},Z0=function(a){if($APP.n($APP.l(a,"__xDividerRefs"))){var b=$APP.ug([$APP.lt,$APP.Nj,$APP.zq,$APP.$r,U0,$APP.cv,V0,$APP.Mt,$APP.ul,W0],[a.getAttribute("variant"),a.getAttribute("label"),a.getAttribute("align"),a.getAttribute("length"),a.getAttribute("thickness"),a.getAttribute("color"),
|
|
4
|
+
a.getAttribute("inset"),a.getAttribute("orientation"),a.getAttribute("aria-label"),a.getAttribute("role")]);var c=$APP.G(b);b=$APP.C(c,$APP.ul);var d=$APP.C(c,W0),e=$APP.C(c,$APP.Nj),f=$APP.C(c,$APP.lt),h=$APP.C(c,$APP.zq),k=$APP.C(c,$APP.$r),m=$APP.C(c,U0),r=$APP.C(c,$APP.cv),u=$APP.C(c,V0);c=$APP.C(c,$APP.Mt);b=$APP.ug([$APP.Hp,$APP.cr,X0,Y0,$APP.sr,$APP.Sm,$APP.ht,$APP.hk,$APP.Or,$APP.Dl],[d,S0(noa,"center",h),m,u,r,S0(ooa,"solid",f),S0(poa,"horizontal",c),e,k,b]);d=$APP.Yg.m;e=$APP.hk.i(b);b=
|
|
5
|
+
d.call($APP.Yg,b,$APP.qt,typeof e==="string"&&e.trim().length>0);if($APP.I($APP.l(a,"__xDividerModel"),b)){d=T0(a);h=$APP.G(b);e=$APP.C(h,$APP.ht);f=$APP.C(h,$APP.Sm);h=$APP.C(h,$APP.cr);$APP.T(a,"data-orientation",e);$APP.T(a,"data-variant",f);$APP.T(a,"data-align",h);k=$APP.G(b);e=$APP.C(k,X0);f=$APP.C(k,$APP.sr);h=$APP.C(k,Y0);k=$APP.C(k,$APP.Or);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.G(b);e=$APP.C(h,$APP.ht);f=$APP.C(h,$APP.Dl);h=$APP.C(h,$APP.Hp);$APP.bd(new $APP.ah(null,new $APP.M(null,2,["none",null,"presentation",null],null),null),h)?$APP.T(a,"role","presentation"):$APP.T(a,"role","separator");$APP.z.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.G(b);e=$APP.C(f,$APP.qt);f=$APP.C(f,$APP.hk);k=$APP.n(e)?"label":"no-label";if($APP.I($APP.l(d,"mode"),k)){for(h=$APP.l(d,"container");;)if(m=h.firstChild,$APP.n(m))h.removeChild(m);else break;$APP.z.j(k,"label")?(k=document.createElement("div"),m=document.createElement("span"),r=document.createElement("slot"),u=document.createElement("span"),c=document.createElement("div"),$APP.T(k,"part","line-left"),$APP.T(m,"part","label"),$APP.T(r,"name","label"),$APP.T(u,"part","label-text"),$APP.T(c,
|
|
8
|
+
"part","line-right"),m.appendChild(r),m.appendChild(u),h.appendChild(k),h.appendChild(m),h.appendChild(c),d["line-left"]=k,d["label-wrap"]=m,d["label-text"]=u,d["line-right"]=c,d.mode="label"):(k=document.createElement("div"),$APP.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.Q(a,"__xDividerModel",b)}else a=null;return a}return null},
|
|
9
|
+
qoa=function(a){T0(a);return Z0(a)},roa=function(a,b,c,d){return $APP.I(c,d)?Z0(a):null},toa=function(a){return $APP.sj(a,soa)},$0=function(){return $APP.qi("x-divider",new $APP.M(null,4,[$APP.hi,uoa,$APP.fi,qoa,$APP.bi,roa,$APP.gi,toa],null))},V0=new $APP.F(null,"inset-raw","inset-raw",89351124),Y0=new $APP.F(null,"inset","inset",-396367740),W0=new $APP.F(null,"role-raw","role-raw",777951354),X0=new $APP.F(null,"thickness","thickness",-940175454),U0=new $APP.F(null,"thickness-raw","thickness-raw",
|
|
10
|
+
1843812655);var uoa="orientation variant thickness color inset length label align role aria-label".split(" "),poa=new $APP.ah(null,new $APP.M(null,2,["vertical",null,"horizontal",null],null),null),ooa=new $APP.ah(null,new $APP.M(null,3,["dashed",null,"dotted",null,"solid",null],null),null),noa=new $APP.ah(null,new $APP.M(null,3,["center",null,"start",null,"end",null],null),null),soa=new $APP.M(null,8,[$APP.ht,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"orientation",$APP.rj,"horizontal"],null),$APP.Sm,new $APP.M(null,
|
|
11
|
+
3,[$APP.N,$APP.X,$APP.W,"variant",$APP.rj,"solid"],null),$APP.cr,new $APP.M(null,3,[$APP.N,$APP.X,$APP.W,"align",$APP.rj,"center"],null),$APP.hk,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"label"],null),X0,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"thickness"],null),$APP.sr,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"color"],null),Y0,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"inset"],null),$APP.Or,new $APP.M(null,2,[$APP.N,$APP.X,$APP.W,"length"],null)],null);$APP.fa("baredom.exports.x_divider.init",$0);export const init=$0;
|
package/dist/x-drawer.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { $APP, shadow$provide } from "./base.js";
|
|
2
|
-
var UT=function(a){var b=$APP.l(a,"__xDrawerRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),f=document.createElement("div"),h=document.createElement("slot"),k=document.createElement("div"),m=document.createElement("slot"),r=document.createElement("div"),
|
|
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(r,"part","footer");$APP.T(
|
|
4
|
-
|
|
5
|
-
!0;$APP.Q(a,"__xDrawerTabbables",null);$APP.Q(a,"__xDrawerRestore",null);$APP.n($APP.n(b)?d:b)&&($APP.U(b,"tabindex"),$APP.Q(a,"__xDrawerPanelTab",!1));return $APP.n($APP.n(c)?c.isConnected:c)?c.focus():null},
|
|
6
|
-
return $APP.n($APP.n(e)?$APP.z.j(a,d):e)?(b.preventDefault(),c.focus()):$APP.p(e)&&$APP.z.j(a,c)?(b.preventDefault(),d.focus()):null},WT=function(a,b){$APP.dj(a,"x-drawer-dismiss",{reason:b});return $APP.U(a,"open")},XT=function(a){return $APP.n(a.hasAttribute("open"))?null:$APP.T(a,"open","")},
|
|
7
|
-
var e=
|
|
8
|
-
d=$APP.C(c,$APP.
|
|
9
|
-
e);$APP.n(f)?$APP.U(d,"aria-hidden"):$APP.T(d,"aria-hidden","true");
|
|
10
|
-
$APP.l(a,"__xDrawerHandlers"),c=$APP.l(a,"__xDrawerRefs");if($APP.n($APP.n(b)?c:b)){var d=$APP.l(c,"backdrop");c=$APP.l(c,"panel");var e=$APP.l(b,"backdrop");b=$APP.l(b,"keydown");$APP.n(e)&&d.removeEventListener("click",e);$APP.n(b)&&c.removeEventListener("keydown",b)}$APP.Q(a,"__xDrawerHandlers",null)},
|
|
2
|
+
var UT=function(a){var b=$APP.l(a,"__xDrawerRefs");if($APP.n(b))return b;b=a.attachShadow({mode:"open"});var c=document.createElement("style"),d=document.createElement("div"),e=document.createElement("div"),f=document.createElement("div"),h=document.createElement("slot"),k=document.createElement("div"),m=document.createElement("slot"),r=document.createElement("div"),u=document.createElement("slot");c.textContent=":host{display:contents;color-scheme:light dark;--x-drawer-size:20rem;--x-drawer-bg:var(--x-color-bg,Canvas);--x-drawer-fg:var(--x-color-text,CanvasText);--x-drawer-backdrop:rgb(0 0 0/0.4);--x-drawer-shadow:var(--x-shadow-lg,0 8px 24px rgb(0 0 0/0.18));--x-drawer-duration:var(--x-transition-duration,200ms);--x-drawer-easing:ease;--x-drawer-z:1000;--x-drawer-header-padding:1rem 1.25rem;--x-drawer-body-padding:1rem 1.25rem;--x-drawer-footer-padding:0.75rem 1.25rem;--x-drawer-border:var(--x-color-border,color-mix(in srgb,currentColor 12%,transparent));}[part\x3dbackdrop]{display:none;position:fixed;inset:0;background:var(--x-drawer-backdrop);z-index:var(--x-drawer-z);}:host([data-open\x3dtrue]) [part\x3dbackdrop]{display:block;}[part\x3dpanel]{position:fixed;background:var(--x-drawer-bg);color:var(--x-drawer-fg);box-shadow:var(--x-drawer-shadow);display:flex;flex-direction:column;overflow:hidden;z-index:calc(var(--x-drawer-z) + 1);transition:transform var(--x-drawer-duration) var(--x-drawer-easing);}:host([data-placement\x3dleft]) [part\x3dpanel],:host([data-placement\x3dright]) [part\x3dpanel]{top:0;bottom:0;width:var(--x-drawer-size);max-width:100%;}:host([data-placement\x3dleft]) [part\x3dpanel]{left:0;transform:translateX(-100%);}:host([data-placement\x3dright]) [part\x3dpanel]{right:0;transform:translateX(100%);}:host([data-placement\x3dtop]) [part\x3dpanel],:host([data-placement\x3dbottom]) [part\x3dpanel]{left:0;right:0;height:var(--x-drawer-size);max-height:100dvh;}:host([data-placement\x3dtop]) [part\x3dpanel]{top:0;transform:translateY(-100%);}:host([data-placement\x3dbottom]) [part\x3dpanel]{bottom:0;transform:translateY(100%);}:host([data-open\x3dtrue]) [part\x3dpanel]{transform:none;}[part\x3dpanel]:focus{outline:none;}[part\x3dheader]{padding:var(--x-drawer-header-padding);border-bottom:1px solid var(--x-drawer-border);flex-shrink:0;}[part\x3dbody]{padding:var(--x-drawer-body-padding);overflow-y:auto;flex:1;}[part\x3dfooter]{padding:var(--x-drawer-footer-padding);border-top:1px solid var(--x-drawer-border);flex-shrink:0;}@media (prefers-reduced-motion:reduce){[part\x3dpanel]{transition:none;}}@media (prefers-color-scheme:dark){:host{--x-drawer-bg:var(--x-color-bg,#1c1d24);--x-drawer-fg:var(--x-color-text,#e2e4ef);--x-drawer-border:var(--x-color-border,rgb(255 255 255/0.08));--x-drawer-shadow:var(--x-shadow-lg,0 8px 40px rgb(0 0 0/0.55));--x-drawer-backdrop:rgb(0 0 0/0.55);}}";
|
|
3
|
+
$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(r,"part","footer");$APP.T(u,"name","footer");f.appendChild(h);k.appendChild(m);r.appendChild(u);e.appendChild(f);e.appendChild(k);e.appendChild(r);b.appendChild(c);b.appendChild(d);b.appendChild(e);$APP.Q(a,"__xDrawerRefs",{root:b,backdrop:d,panel:e,header:f,body:k,footer:r});return $APP.l(a,"__xDrawerRefs")},
|
|
4
|
+
xia=function(a){return $APP.Ye($APP.Ce(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.Cc(a.querySelectorAll("a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),[tabindex]:not([tabindex\x3d'-1'])"))))},VT=function(a){var b=$APP.l(a,"__xDrawerRefs");b=$APP.n(b)?$APP.l(b,"panel"):null;var c=$APP.l(a,"__xDrawerRestore"),d=$APP.l(a,"__xDrawerPanelTab")===
|
|
5
|
+
!0;$APP.Q(a,"__xDrawerTabbables",null);$APP.Q(a,"__xDrawerRestore",null);$APP.n($APP.n(b)?d:b)&&($APP.U(b,"tabindex"),$APP.Q(a,"__xDrawerPanelTab",!1));return $APP.n($APP.n(c)?c.isConnected:c)?c.focus():null},yia=function(a,b){var c=$APP.l(a,"__xDrawerTabbables");c=$APP.n(c)?$APP.Ye($APP.Cc(c)):$APP.Ee;a=$APP.l(a,"__xDrawerRefs");a=$APP.n(a)?$APP.l(a,"panel"):null;if($APP.Rc(c))return b.preventDefault(),$APP.n(a)?a.focus():null;a=document.activeElement;var d=$APP.t(c);c=$APP.Gc(c);var e=b.shiftKey;
|
|
6
|
+
return $APP.n($APP.n(e)?$APP.z.j(a,d):e)?(b.preventDefault(),c.focus()):$APP.p(e)&&$APP.z.j(a,c)?(b.preventDefault(),d.focus()):null},WT=function(a,b){$APP.dj(a,"x-drawer-dismiss",{reason:b});return $APP.U(a,"open")},XT=function(a){return $APP.n(a.hasAttribute("open"))?null:$APP.T(a,"open","")},zia=function(a,b,c){b=$APP.D($APP.Cu.i(b));c=$APP.D($APP.Cu.i(c));$APP.I(b,c)&&($APP.dj(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=xia(a);$APP.Q(a,"__xDrawerRestore",document.activeElement);$APP.Q(a,"__xDrawerTabbables",$APP.n(e)?$APP.tm(e):null);$APP.q(e)?d=$APP.t(e).focus():$APP.n(d)?($APP.n(d.hasAttribute("tabindex"))||($APP.T(d,"tabindex","-1"),$APP.Q(a,"__xDrawerPanelTab",!0)),d=d.focus()):d=null;return d},0):VT(a))},YT=function(a){if($APP.n($APP.l(a,"__xDrawerRefs"))){var b=new $APP.M(null,3,[$APP.dq,a.hasAttribute("open"),$APP.ev,a.getAttribute("placement"),$APP.Nj,a.getAttribute("label")],null);var c=$APP.G(b),
|
|
8
|
+
d=$APP.C(c,$APP.dq);b=$APP.C(c,$APP.ev);c=$APP.C(c,$APP.Nj);d=$APP.D(d);b=typeof b==="string"&&$APP.bd(Aia,b)?b:"right";c=typeof c==="string"&&$APP.I(c,"")?c:"Drawer";b=new $APP.M(null,3,[$APP.Cu,d,$APP.tr,b,$APP.hk,c],null);c=$APP.l(a,"__xDrawerModel");if($APP.I(c,b)){d=UT(a);d=$APP.l(d,"panel");var e=$APP.G(b),f=$APP.C(e,$APP.Cu);e=$APP.C(e,$APP.tr);$APP.T(a,"data-open",$APP.n(f)?"true":"false");$APP.T(a,"data-placement",e);e=$APP.G(b);f=$APP.C(e,$APP.Cu);e=$APP.C(e,$APP.hk);$APP.T(d,"aria-label",
|
|
9
|
+
e);$APP.n(f)?$APP.U(d,"aria-hidden"):$APP.T(d,"aria-hidden","true");zia(a,c,b);a=$APP.Q(a,"__xDrawerModel",b)}else a=null;return a}return null},Bia=function(a){function b(f){var h=f.key;$APP.z.j(h,"Escape")?(f.preventDefault(),f=WT(a,"escape")):f=$APP.z.j(h,"Tab")?yia(a,f):null;return f}function c(){return WT(a,"backdrop")}var d=UT(a),e=$APP.l(d,"panel");$APP.l(d,"backdrop").addEventListener("click",c);e.addEventListener("keydown",b);$APP.Q(a,"__xDrawerHandlers",{backdrop:c,keydown:b})},ZT=function(a){var b=
|
|
10
|
+
$APP.l(a,"__xDrawerHandlers"),c=$APP.l(a,"__xDrawerRefs");if($APP.n($APP.n(b)?c:b)){var d=$APP.l(c,"backdrop");c=$APP.l(c,"panel");var e=$APP.l(b,"backdrop");b=$APP.l(b,"keydown");$APP.n(e)&&d.removeEventListener("click",e);$APP.n(b)&&c.removeEventListener("keydown",b)}$APP.Q(a,"__xDrawerHandlers",null)},Cia=function(a){UT(a);ZT(a);Bia(a);return YT(a)},Dia=function(a){ZT(a);return VT(a)},Eia=function(a,b,c,d){return $APP.I(c,d)?YT(a):null},Fia=function(a){Object.defineProperty(a,"open",{get:function(){return this.hasAttribute("open")},
|
|
11
11
|
set:function(b){return $APP.n(b)?XT(this):$APP.U(this,"open")},enumerable:!0,configurable:!0});$APP.lj(a,"placement","placement","right");$APP.lj(a,"label","label","Drawer");Object.defineProperty(a,"show",{value:function(){return XT(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"):XT(this)},enumerable:!0,configurable:!0,writable:!0})},$T=function(){return $APP.
|
|
12
|
+
$APP.U(this,"open"):XT(this)},enumerable:!0,configurable:!0,writable:!0})},$T=function(){return $APP.qi("x-drawer",new $APP.M(null,5,[$APP.hi,Gia,$APP.fi,Cia,$APP.ci,Dia,$APP.bi,Eia,$APP.gi,Fia],null))};var Aia=new $APP.ah(null,new $APP.M(null,4,["right",null,"top",null,"bottom",null,"left",null],null),null),Gia=["open","placement","label"];$APP.he(["x-drawer-toggle",new $APP.M(null,2,[$APP.au,!1,$APP.V,new $APP.M(null,1,[$APP.Xt,$APP.qj],null)],null),"x-drawer-dismiss",new $APP.M(null,2,[$APP.au,!1,$APP.V,new $APP.M(null,1,[$APP.mq,$APP.X],null)],null)]);$APP.fa("baredom.exports.x_drawer.init",$T);export const init=$T;
|