@nysds/nys-datepicker 1.13.0

package/dist/nys-datepicker.js

@@ -0,0 +1,1325 @@
+import { LitElement as ze, unsafeCSS as je, html as O } from "lit";
+import { property as g } from "lit/decorators.js";
+import { ifDefined as A } from "lit/directives/if-defined.js";
+const He = ':host{--_nys-datepicker-width: fit-content;--_nys-datepicker-input-width: var(--nys-form-width-md, 200px);--_nys-datepicker-gap: var(--nys-space-100, 8px);--_nys-datepicker-height: var(--nys-size-600, 48px);--_nys-datepicker-radius: var(--nys-radius-xl, 12px);--_nys-datepicker-color: var( --nys-color-text, var(--nys-color-neutral-900, #1b1b1b) );--_nys-datepicker-color-disabled: var(--nys-color-neutral-200, #bec0c1);--_nys-datepicker--row-gap: var(--nys-space-2-px, 2px);--_nys-datepicker-space-sm: var(--nys-space-50, 4px);--_nys-datepicker-space-md: var(--nys-space-100, 8px);--_nys-datepicker-space-lg: var(--nys-space-150, 12px);--_nys-datepicker-border-width: var(--nys-border-width-sm, 1px);--_nys-datepicker-border-color: var(--nys-color-neutral-400, #909395);--_nys-datepicker-border-radius: var(--nys-radius-md, 4px);--_nys-datepicker-outline-color--hover: var(--nys-color-neutral-900, #1b1b1b);--_nys-datepicker-outline-color--focus: var(--nys-color-focus, #004dd1);--_nys-datepicker-font-size: var(--nys-font-size-ui-md, 16px);--_nys-datepicker-font-weight: var(--nys-font-weight-regular, 400);--_nys-datepicker-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-datepicker-letterspacing: var(--nys-font-letterspacing-ui-md, .044px);--_nys-datepicker-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-datepicker-text-color: var(--nys-color-text, #1b1b1b);--_nys-datepicker-text-disabled: var(--nys-color-text-disabled, #bec0c1);--_nys-datepicker-bg: var(--nys-color-ink-reverse, #fff);--_nys-datepicker--button-active-bg: var(--nys-color-gray-100, #d0d0ce);--_nys-datepicker--wc-padding: var(--nys-space-200, 16px);--_nys-datepicker--wc-weaker-color: var(--nys-color-text-weaker, #797c7f);--_nys-datepicker--date-font-size: var(--nys-type-size-ui-sm, 14px);--_nys-datepicker--date-hover-bg: var(--nys-color-neutral-50, #ededed);--_nys-datepicker--date-active-bg: var(--nys-color-neutral-100, #d0d0ce);--_nys-datepicker--date-selected-bg: var(--nys-color-info-weak, #e5effa);--_nys-datepicker--date-focus-ring: var(--nys-color-link, #004dd1);--_nys-datepicker--date-hover-color: var(--nys-color-text, #1b1b1b);--_nys-datepicker--date-default-color: var(--nys-color-text, #1b1b1b);--_nys-datepicker--date-selected-color: var(--nys-color-info, #004dd1);--_nys-datepicker--date-disabled-color: var( --nys-color-text-disabled, #bec0c1 );--_nys-datepicker--date-border-disabled: var( --nys-color-neutral-200, #bec0c1 );--_nys-datepicker--navigation-hover-background: var( --nys-color-neutral-10, #f6f6f6 );--_nys-datepicker--navigation-pressed-background: var( --nys-color-neutral-50, #ededed );--_nys-datepicker--navigation-disabled-background: var( --nys-color-neutral-10, #f6f6f6 );--_nys-datepicker--navigation-border: var(--_nys-datepicker-border-width) solid var(--_nys-datepicker-border-color);--_nys-datepicker--navigation-hover-border: var( --_nys-datepicker-border-width ) solid var(--nys-color-neutral-900, #1b1b1b);--_nys-datepicker--navigation-pressed-border: var( --_nys-datepicker-border-width ) solid var(--nys-color-neutral-900, #1b1b1b);--_nys-datepicker--navigation-disabled-border: var( --_nys-datepicker-border-width ) solid var(--nys-color-neutral-200, #bec0c1);--_nys-datepicker--navigation-box-shadow-border: inset 0 0 0 1px var(--nys-color-neutral-900, #1b1b1b)}:host([width=lg]){--_nys-datepicker-input-width: var(--nys-form-width-lg, 384px)}:host([width=full]){--_nys-datepicker-input-width: 100%}:host([showError]){--_nys-datepicker-border-color: var(--nys-color-danger, #b52c2c)}.nys-datepicker--container{display:flex;flex-direction:column;gap:var(--_nys-datepicker-space-sm);font-family:var(--_nys-datepicker-font-family);font-size:var(--_nys-datepicker-font-size);font-weight:var(--_nys-datepicker-font-weight);line-height:var(--_nys-datepicker-line-height);width:100%}.nys-datepicker--container .nys-datepicker--input-container{position:relative;width:var(--_nys-datepicker-input-width);display:flex;cursor:pointer}.nys-datepicker--container .nys-datepicker--input-container.disabled #calendar-button{cursor:not-allowed;color:var(--_nys-datepicker--date-disabled-color)}.nys-datepicker--container .nys-datepicker--input-container #nys-datepicker--input{cursor:text;text-align:start;font-family:var(--_nys-datepicker-font-family);font-size:var(--_nys-datepicker-font-size);flex:1;height:24px;outline-color:transparent;outline-width:1px;outline-style:solid;border-radius:var(--_nys-datepicker-border-radius);border:var(--_nys-datepicker-border-width) solid var(--_nys-datepicker-border-color);background:var(--_nys-datepicker-bg);padding:var(--_nys-datepicker-space-md) var(--_nys-datepicker-space-md) var(--_nys-datepicker-space-md) var(--_nys-datepicker-space-lg);color:var(--_nys-datepicker-color)}.nys-datepicker--container .nys-datepicker--input-container #nys-datepicker--input:hover{outline-color:var(--_nys-datepicker-outline-color--hover);border-color:var(--_nys-datepicker-outline-color--hover)}.nys-datepicker--container .nys-datepicker--input-container #nys-datepicker--input:focus{outline-color:var(--_nys-datepicker-outline-color--focus);border-color:var(--_nys-datepicker-outline-color--focus)}.nys-datepicker--container .nys-datepicker--input-container #nys-datepicker--input:disabled{border:var(--_nys-datepicker--navigation-disabled-border);cursor:not-allowed;color:var(--_nys-datepicker--wc-weaker-color)}.nys-datepicker--container .nys-datepicker--input-container #nys-datepicker--input::-webkit-date-and-time-value{text-align:start}.nys-datepicker--container .nys-datepicker--input-container input[type=date]::-webkit-inner-spin-button,.nys-datepicker--container .nys-datepicker--input-container input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.nys-datepicker--container .nys-datepicker--input-container #calendar-button{display:flex;align-items:center;justify-content:center;padding:var(--_nys-datepicker-space-sm);border-radius:var(--_nys-datepicker-border-radius);border:var(--_nys-datepicker-border-width) solid var(--_nys-datepicker-bg);outline-color:transparent;outline-width:1px;outline-style:solid;background-color:var(--_nys-datepicker-bg);position:absolute;top:50%;right:var(--_nys-datepicker-space-sm);transform:translateY(-50%);cursor:pointer}.nys-datepicker--container .nys-datepicker--input-container #calendar-button:hover{outline-color:var(--_nys-datepicker--date-hover-bg);border-color:var(--_nys-datepicker--date-hover-bg);background:var(--_nys-datepicker--date-hover-bg)}.nys-datepicker--container .nys-datepicker--input-container #calendar-button:active{outline-color:var(--_nys-datepicker--button-active-bg);border-color:var(--_nys-datepicker--button-active-bg);background:var(--_nys-datepicker--button-active-bg)}.nys-datepicker--container .nys-datepicker--input-container #calendar-button:focus:not(:active):not(:disabled){outline-color:var(--_nys-datepicker-outline-color--focus);border-color:var(--_nys-datepicker-outline-color--focus)}.nys-datepicker--container .wc-datepicker--container{display:flex;width:fit-content}.nys-datepicker--container .wc-datepicker--container *{flex:1}wc-datepicker{display:none;padding:var(--_nys-datepicker--wc-padding);border-radius:var(--_nys-datepicker-border-radius);border:var(--_nys-datepicker-border-width) solid var(--nys-color-neutral-100, #d0d0ce);background:var(--_nys-datepicker-bg);box-shadow:0 4px 6px -1px var(--nys-color-black-transparent-100, rgba(27, 27, 27, .1)),0 4px 6px -1px var(--nys-color-black-transparent-50, rgba(27, 27, 27, .01));color:var(--_nys-datepicker-text-color);margin-bottom:3px}wc-datepicker.active{display:flex;flex-direction:column-reverse;position:absolute;z-index:1}wc-datepicker *,wc-datepicker *:before,wc-datepicker *:after{margin:0;box-sizing:border-box}.wc-datepicker{display:block;width:min-content;font-family:var(--_nys-datepicker-font-family);font-size:var(--_nys-datepicker--date-font-size);font-weight:400;line-height:var(--_nys-datepicker-line-height);letter-spacing:var(--_nys-datepicker-letterspacing)}.wc-datepicker--disabled *:disabled{opacity:.5;cursor:not-allowed}.wc-datepicker--disabled .wc-datepicker__date{cursor:not-allowed;opacity:.5}.wc-datepicker--disabled .wc-datepicker__date:focus{outline:none;border-color:var(--_nys-datepicker--date-border-disabled);box-shadow:none}.wc-datepicker--disabled .wc-datepicker__date:hover:not(.wc-datepicker__date--selected){background-color:transparent}.wc-datepicker--disabled .wc-datepicker__date--selected:hover{color:var(--_nys-datepicker-bg);background-color:var(--_nys-datepicker--date-selected-bg)}.wc-datepicker--disabled #wc-month-dropdown-icon{color:var(--_nys-datepicker--date-disabled-color)}.wc-datepicker__header{display:flex;align-items:center;gap:var(--_nys-datepicker-space-sm)}.wc-datepicker__current-month{display:flex;flex-grow:1;gap:var(--_nys-datepicker-space-sm)}.wc-datepicker__month-select,.wc-datepicker__year-select{display:flex;align-items:center;font-size:var(--_nys-datepicker-font-size);font-family:var(--_nys-datepicker-font-family);padding:var(--_nys-datepicker-space-md) var(--_nys-datepicker-space-lg);border:var(--_nys-datepicker--navigation-border);border-radius:.25rem;color:var(--_nys-datepicker-color);background-color:var(--_nys-datepicker-bg);line-height:var(--_nys-datepicker-line-height)}.wc-datepicker__month-select:hover:not(:disabled),.wc-datepicker__year-select:hover:not(:disabled){border:var(--_nys-datepicker--navigation-hover-border);background-color:var(--_nys-datepicker--navigation-hover-background);box-shadow:var(--_nys-datepicker--navigation-box-shadow-border)}.wc-datepicker__month-select:active:not(:disabled),.wc-datepicker__month-select[aria-pressed=true],.wc-datepicker__year-select:active:not(:disabled),.wc-datepicker__year-select[aria-pressed=true]{border:var(--_nys-datepicker--navigation-pressed-border);background-color:var(--_nys-datepicker--navigation-pressed-background);box-shadow:var(--_nys-datepicker--navigation-box-shadow-border)}.wc-datepicker__month-select:disabled,.wc-datepicker__month-select[aria-disabled=true],.wc-datepicker__year-select:disabled,.wc-datepicker__year-select[aria-disabled=true]{border:var(--_nys-datepicker--navigation-disabled-border);background-color:var(--_nys-datepicker--navigation-disabled-background);color:var(--_nys-datepicker-color-disabled)}.wc-datepicker .month-wrapper{position:relative;width:135px;display:flex;align-items:center;align-self:stretch}.wc-datepicker .month-wrapper #wc-month-dropdown-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none}.wc-datepicker__month-select{width:100%;max-width:100%;flex-grow:1;cursor:pointer;appearance:none;text-overflow:ellipsis;padding-right:var(--nys-space-400, 32px)}.wc-datepicker__month-select>*{width:91px;height:24px}.wc-datepicker__year-select{border:var(--_nys-datepicker--navigation-border);border-radius:.25rem;padding-right:var(--_nys-datepicker-space-sm);max-width:5rem}.wc-datepicker__previous-month-button,.wc-datepicker__next-month-button,.wc-datepicker__previous-year-button,.wc-datepicker__next-year-button{display:inline-flex;width:40px;max-width:40px;max-height:42px;padding:var(--_nys-datepicker-space-lg);justify-content:center;align-items:center;border:var(--_nys-datepicker--navigation-border);border-radius:.25rem;color:var(--_nys-datepicker--date-default-color);background-color:var(--_nys-datepicker-bg);cursor:pointer}.wc-datepicker__previous-month-button:hover:not(:disabled),.wc-datepicker__next-month-button:hover:not(:disabled),.wc-datepicker__previous-year-button:hover:not(:disabled),.wc-datepicker__next-year-button:hover:not(:disabled){background-color:var(--_nys-datepicker--navigation-hover-background);box-shadow:var(--_nys-datepicker--navigation-box-shadow-border);border:var(--_nys-datepicker--navigation-hover-border)}.wc-datepicker__previous-month-button:active:not(:disabled),.wc-datepicker__previous-month-button[aria-pressed=true],.wc-datepicker__next-month-button:active:not(:disabled),.wc-datepicker__next-month-button[aria-pressed=true],.wc-datepicker__previous-year-button:active:not(:disabled),.wc-datepicker__previous-year-button[aria-pressed=true],.wc-datepicker__next-year-button:active:not(:disabled),.wc-datepicker__next-year-button[aria-pressed=true]{background-color:var(--_nys-datepicker--navigation-pressed-background);box-shadow:var(--_nys-datepicker--navigation-box-shadow-border);border:var(--_nys-datepicker--navigation-pressed-border)}.wc-datepicker__previous-month-button:disabled,.wc-datepicker__previous-month-button[aria-disabled=true],.wc-datepicker__next-month-button:disabled,.wc-datepicker__next-month-button[aria-disabled=true],.wc-datepicker__previous-year-button:disabled,.wc-datepicker__previous-year-button[aria-disabled=true],.wc-datepicker__next-year-button:disabled,.wc-datepicker__next-year-button[aria-disabled=true]{background-color:var(--_nys-datepicker--navigation-disabled-background);border:var(--_nys-datepicker--navigation-disabled-border);color:var(--_nys-datepicker-color-disabled)}.wc-datepicker__calendar{width:100%;table-layout:fixed;border-collapse:collapse}.wc-datepicker__weekday{padding:var(--_nys-datepicker--wc-padding) 0 var(--_nys-datepicker-space-sm) 0;min-width:var(--nys-size-500, 40px);font-weight:600;aspect-ratio:1}.wc-datepicker__weekday>span{width:42.3px;height:24px;display:flex;justify-content:center;align-items:center}.wc-datepicker__weekday[aria-label=Saturday],.wc-datepicker__weekday[aria-label=Sunday]{color:var(--_nys-datepicker--wc-weaker-color)}.wc-datepicker__date{padding:var(--_nys-datepicker-space-md);text-align:center;cursor:pointer;border-radius:var(--nys-radius-lg)}.wc-datepicker__date:focus,.wc-datepicker__date:focus-visible{outline:none}.wc-datepicker__date:focus{box-shadow:inset 0 0 0 2px var(--_nys-datepicker--date-focus-ring)}.wc-datepicker__date:hover:not(.wc-datepicker__date--selected):not(:active){color:var(--_nys-datepicker--date-hover-color);background-color:var(--_nys-datepicker--date-hover-bg)}.wc-datepicker__date:active{color:var(--_nys-datepicker--date-hover-color);background-color:var(--_nys-datepicker--date-active-bg)}.wc-datepicker__date>*{display:flex;justify-content:center;align-items:center;aspect-ratio:1;width:24.3px;height:24px}.wc-datepicker__date--today{font-weight:600;color:var(--_nys-datepicker--date-selected-color)}.wc-datepicker__date--today>*{font-style:normal;text-decoration-line:underline}.wc-datepicker__date--selected{text-decoration-line:none;background-color:var(--_nys-datepicker--date-selected-bg);color:var(--_nys-datepicker--date-selected-color)}.wc-datepicker__date--selected>*{font-weight:600}.wc-datepicker__date--disabled{color:var(--_nys-datepicker--date-disabled-color);cursor:default}.wc-datepicker__date--disabled:not(.wc-datepicker__date--disabled--selected):not(.wc-datepicker__date--disabled--in-range):hover{background-color:transparent}.wc-datepicker__date.wc-datepicker__date--overflowing{color:var(--_nys-datepicker-text-disabled)}.wc-datepicker__date.wc-datepicker__date--overflowing:hover,.wc-datepicker__date.wc-datepicker__date--overflowing:active{color:var(--_nys-datepicker-color)}.wc-datepicker--button-container{display:flex;padding-top:var(--_nys-datepicker-space-lg);align-items:flex-end;gap:var(--_nys-datepicker--wc-padding);align-self:stretch}.wc-datepicker tr.wc-datepicker__calendar-row.sc-wc-datepicker{display:flex;align-items:center;gap:var(--_nys-datepicker--row-gap);align-self:stretch}', B = {
+  allRenderFn: !1,
+  cmpDidLoad: !0,
+  cmpDidUnload: !1,
+  cmpDidUpdate: !0,
+  cmpDidRender: !0,
+  cmpWillLoad: !0,
+  cmpWillUpdate: !0,
+  cmpWillRender: !0,
+  connectedCallback: !0,
+  disconnectedCallback: !0,
+  element: !0,
+  event: !0,
+  hasRenderFn: !0,
+  lifecycle: !0,
+  hostListener: !0,
+  hostListenerTargetWindow: !0,
+  hostListenerTargetDocument: !0,
+  hostListenerTargetBody: !0,
+  hostListenerTargetParent: !1,
+  hostListenerTarget: !0,
+  member: !0,
+  method: !0,
+  mode: !0,
+  observeAttribute: !0,
+  prop: !0,
+  propMutable: !0,
+  reflect: !0,
+  scoped: !0,
+  shadowDom: !0,
+  slot: !0,
+  cssAnnotations: !0,
+  state: !0,
+  style: !0,
+  svg: !0,
+  updatable: !0,
+  vdomAttribute: !0,
+  vdomXlink: !0,
+  vdomClass: !0,
+  vdomFunctional: !0,
+  vdomKey: !0,
+  vdomListener: !0,
+  vdomRef: !0,
+  vdomPropOrAttr: !0,
+  vdomRender: !0,
+  vdomStyle: !0,
+  vdomText: !0,
+  watchCallback: !0,
+  taskQueue: !0,
+  hotModuleReplacement: !1,
+  isDebug: !1,
+  isDev: !1,
+  isTesting: !1,
+  hydrateServerSide: !1,
+  hydrateClientSide: !1,
+  lifecycleDOMEvents: !1,
+  lazyLoad: !1,
+  profile: !1,
+  slotRelocation: !0,
+  appendChildSlotFix: !1,
+  cloneNodeFix: !1,
+  hydratedAttribute: !1,
+  hydratedClass: !0,
+  safari10: !1,
+  scriptDataOpts: !1,
+  scopedSlotTextContentFix: !1,
+  shadowDomShim: !1,
+  slotChildNodesFix: !1,
+  invisiblePrehydration: !0,
+  propBoolean: !0,
+  propNumber: !0,
+  propString: !0,
+  cssVarShim: !1,
+  constructableCSS: !0,
+  cmpShouldUpdate: !0,
+  devTools: !1,
+  dynamicImportShim: !1,
+  shadowDelegatesFocus: !0,
+  initializeNextTick: !1,
+  asyncLoading: !1,
+  asyncQueue: !1,
+  transformTagName: !1,
+  attachStyles: !0
+};
+let R, me, G, we = !1, z = !1, ee = !1, b = !1, re = null, Z = !1;
+const M = (t, e = "") => () => {
+}, ne = "http://www.w3.org/1999/xlink", ie = {}, Ke = "http://www.w3.org/2000/svg", Qe = "http://www.w3.org/1999/xhtml", Ge = (t) => t != null, te = (t) => (t = typeof t, t === "object" || t === "function");
+function Xe(t) {
+  var e, a, s;
+  return (s = (a = (e = t.head) === null || e === void 0 ? void 0 : e.querySelector('meta[name="csp-nonce"]')) === null || a === void 0 ? void 0 : a.getAttribute("content")) !== null && s !== void 0 ? s : void 0;
+}
+const h = (t, e, ...a) => {
+  let s = null, r = null, i = null, n = !1, o = !1;
+  const c = [], l = (d) => {
+    for (let p = 0; p < d.length; p++)
+      s = d[p], Array.isArray(s) ? l(s) : s != null && typeof s != "boolean" && ((n = typeof t != "function" && !te(s)) && (s = String(s)), n && o ? c[c.length - 1].$text$ += s : c.push(n ? j(null, s) : s), o = n);
+  };
+  if (l(a), e) {
+    e.key && (r = e.key), e.name && (i = e.name);
+    {
+      const d = e.className || e.class;
+      d && (e.class = typeof d != "object" ? d : Object.keys(d).filter((p) => d[p]).join(" "));
+    }
+  }
+  if (typeof t == "function")
+    return t(e === null ? {} : e, c, Ze);
+  const u = j(t, null);
+  return u.$attrs$ = e, c.length > 0 && (u.$children$ = c), u.$key$ = r, u.$name$ = i, u;
+}, j = (t, e) => {
+  const a = {
+    $flags$: 0,
+    $tag$: t,
+    $text$: e,
+    $elm$: null,
+    $children$: null
+  };
+  return a.$attrs$ = null, a.$key$ = null, a.$name$ = null, a;
+}, De = {}, Je = (t) => t && t.$tag$ === De, Ze = {
+  forEach: (t, e) => t.map(oe).forEach(e),
+  map: (t, e) => t.map(oe).map(e).map(Ve)
+}, oe = (t) => ({
+  vattrs: t.$attrs$,
+  vchildren: t.$children$,
+  vkey: t.$key$,
+  vname: t.$name$,
+  vtag: t.$tag$,
+  vtext: t.$text$
+}), Ve = (t) => {
+  if (typeof t.vtag == "function") {
+    const a = Object.assign({}, t.vattrs);
+    return t.vkey && (a.key = t.vkey), t.vname && (a.name = t.vname), h(t.vtag, a, ...t.vchildren || []);
+  }
+  const e = j(t.vtag, t.vtext);
+  return e.$attrs$ = t.vattrs, e.$children$ = t.vchildren, e.$key$ = t.vkey, e.$name$ = t.vname, e;
+}, et = (t) => Mt.map((e) => e(t)).find((e) => !!e), tt = (t, e) => t != null && !te(t) ? e & 4 ? t === "false" ? !1 : t === "" || !!t : e & 2 ? parseFloat(t) : e & 1 ? String(t) : t : t, at = (t) => t, ce = (t, e, a) => {
+  const s = at(t);
+  return {
+    emit: (r) => st(s, e, {
+      bubbles: !0,
+      composed: !0,
+      cancelable: !0,
+      detail: r
+    })
+  };
+}, st = (t, e, a) => {
+  const s = k.ce(e, a);
+  return t.dispatchEvent(s), s;
+}, le = /* @__PURE__ */ new WeakMap(), rt = (t, e, a) => {
+  let s = K.get(t);
+  Rt && a ? (s = s || new CSSStyleSheet(), typeof s == "string" ? s = e : s.replaceSync(e)) : s = e, K.set(t, s);
+}, nt = (t, e, a, s) => {
+  var r;
+  let i = xe(e, a);
+  const n = K.get(i);
+  if (t = t.nodeType === 11 ? t : m, n)
+    if (typeof n == "string") {
+      t = t.head || t;
+      let o = le.get(t), c;
+      if (o || le.set(t, o = /* @__PURE__ */ new Set()), !o.has(i)) {
+        {
+          c = m.createElement("style"), c.innerHTML = n;
+          const l = (r = k.$nonce$) !== null && r !== void 0 ? r : Xe(m);
+          l != null && c.setAttribute("nonce", l), t.insertBefore(c, t.querySelector("link"));
+        }
+        o && o.add(i);
+      }
+    } else t.adoptedStyleSheets.includes(n) || (t.adoptedStyleSheets = [...t.adoptedStyleSheets, n]);
+  return i;
+}, it = (t) => {
+  const e = t.$cmpMeta$, a = t.$hostElement$, s = e.$flags$, r = M("attachStyles", e.$tagName$), i = nt(a.shadowRoot ? a.shadowRoot : a.getRootNode(), e, t.$modeName$);
+  s & 10 && (a["s-sc"] = i, a.classList.add(i + "-h"), s & 2 && a.classList.add(i + "-s")), r();
+}, xe = (t, e) => "sc-" + (e && t.$flags$ & 32 ? t.$tagName$ + "-" + e : t.$tagName$), de = (t, e, a, s, r, i) => {
+  if (a !== s) {
+    let n = fe(t, e), o = e.toLowerCase();
+    if (e === "class") {
+      const c = t.classList, l = ue(a), u = ue(s);
+      c.remove(...l.filter((d) => d && !u.includes(d))), c.add(...u.filter((d) => d && !l.includes(d)));
+    } else if (e === "style") {
+      for (const c in a)
+        (!s || s[c] == null) && (c.includes("-") ? t.style.removeProperty(c) : t.style[c] = "");
+      for (const c in s)
+        (!a || s[c] !== a[c]) && (c.includes("-") ? t.style.setProperty(c, s[c]) : t.style[c] = s[c]);
+    } else if (e !== "key")
+      if (e === "ref")
+        s && s(t);
+      else if (!t.__lookupSetter__(e) && e[0] === "o" && e[1] === "n")
+        e[2] === "-" ? e = e.slice(3) : fe(J, o) ? e = o.slice(2) : e = o[2] + e.slice(3), a && k.rel(t, e, a, !1), s && k.ael(t, e, s, !1);
+      else {
+        const c = te(s);
+        if ((n || c && s !== null) && !r)
+          try {
+            if (t.tagName.includes("-"))
+              t[e] = s;
+            else {
+              const u = s ?? "";
+              e === "list" ? n = !1 : (a == null || t[e] != u) && (t[e] = u);
+            }
+          } catch {
+          }
+        let l = !1;
+        o !== (o = o.replace(/^xlink\:?/, "")) && (e = o, l = !0), s == null || s === !1 ? (s !== !1 || t.getAttribute(e) === "") && (l ? t.removeAttributeNS(ne, e) : t.removeAttribute(e)) : (!n || i & 4 || r) && !c && (s = s === !0 ? "" : s, l ? t.setAttributeNS(ne, e, s) : t.setAttribute(e, s));
+      }
+  }
+}, ot = /\s/, ue = (t) => t ? t.split(ot) : [], Se = (t, e, a, s) => {
+  const r = e.$elm$.nodeType === 11 && e.$elm$.host ? e.$elm$.host : e.$elm$, i = t && t.$attrs$ || ie, n = e.$attrs$ || ie;
+  for (s in i)
+    s in n || de(r, s, i[s], void 0, a, e.$flags$);
+  for (s in n)
+    de(r, s, i[s], n[s], a, e.$flags$);
+}, H = (t, e, a, s) => {
+  const r = e.$children$[a];
+  let i = 0, n, o, c;
+  if (we || (ee = !0, r.$tag$ === "slot" && (R && s.classList.add(R + "-s"), r.$flags$ |= r.$children$ ? (
+    // slot element has fallback content
+    2
+  ) : (
+    // slot element does not have fallback content
+    1
+  ))), r.$text$ !== null)
+    n = r.$elm$ = m.createTextNode(r.$text$);
+  else if (r.$flags$ & 1)
+    n = r.$elm$ = m.createTextNode("");
+  else {
+    if (b || (b = r.$tag$ === "svg"), n = r.$elm$ = m.createElementNS(b ? Ke : Qe, r.$flags$ & 2 ? "slot-fb" : r.$tag$), b && r.$tag$ === "foreignObject" && (b = !1), Se(null, r, b), Ge(R) && n["s-si"] !== R && n.classList.add(n["s-si"] = R), r.$children$)
+      for (i = 0; i < r.$children$.length; ++i)
+        o = H(t, r, i, n), o && n.appendChild(o);
+    r.$tag$ === "svg" ? b = !1 : n.tagName === "foreignObject" && (b = !0);
+  }
+  return n["s-hn"] = G, r.$flags$ & 3 && (n["s-sr"] = !0, n["s-cr"] = me, n["s-sn"] = r.$name$ || "", c = t && t.$children$ && t.$children$[a], c && c.$tag$ === r.$tag$ && t.$elm$ && F(t.$elm$, !1)), n;
+}, F = (t, e) => {
+  k.$flags$ |= 1;
+  const a = t.childNodes;
+  for (let s = a.length - 1; s >= 0; s--) {
+    const r = a[s];
+    r["s-hn"] !== G && r["s-ol"] && (Te(r).insertBefore(r, ae(r)), r["s-ol"].remove(), r["s-ol"] = void 0, ee = !0), e && F(r, e);
+  }
+  k.$flags$ &= -2;
+}, Ce = (t, e, a, s, r, i) => {
+  let n = t["s-cr"] && t["s-cr"].parentNode || t, o;
+  for (n.shadowRoot && n.tagName === G && (n = n.shadowRoot); r <= i; ++r)
+    s[r] && (o = H(null, a, r, t), o && (s[r].$elm$ = o, n.insertBefore(o, ae(e))));
+}, Me = (t, e, a, s, r) => {
+  for (; e <= a; ++e)
+    (s = t[e]) && (r = s.$elm$, Re(s), z = !0, r["s-ol"] ? r["s-ol"].remove() : F(r, !0), r.remove());
+}, ct = (t, e, a, s) => {
+  let r = 0, i = 0, n = 0, o = 0, c = e.length - 1, l = e[0], u = e[c], d = s.length - 1, p = s[0], y = s[d], $, D;
+  for (; r <= c && i <= d; )
+    if (l == null)
+      l = e[++r];
+    else if (u == null)
+      u = e[--c];
+    else if (p == null)
+      p = s[++i];
+    else if (y == null)
+      y = s[--d];
+    else if (q(l, p))
+      N(l, p), l = e[++r], p = s[++i];
+    else if (q(u, y))
+      N(u, y), u = e[--c], y = s[--d];
+    else if (q(l, y))
+      (l.$tag$ === "slot" || y.$tag$ === "slot") && F(l.$elm$.parentNode, !1), N(l, y), t.insertBefore(l.$elm$, u.$elm$.nextSibling), l = e[++r], y = s[--d];
+    else if (q(u, p))
+      (l.$tag$ === "slot" || y.$tag$ === "slot") && F(u.$elm$.parentNode, !1), N(u, p), t.insertBefore(u.$elm$, l.$elm$), u = e[--c], p = s[++i];
+    else {
+      for (n = -1, o = r; o <= c; ++o)
+        if (e[o] && e[o].$key$ !== null && e[o].$key$ === p.$key$) {
+          n = o;
+          break;
+        }
+      n >= 0 ? (D = e[n], D.$tag$ !== p.$tag$ ? $ = H(e && e[i], a, n, t) : (N(D, p), e[n] = void 0, $ = D.$elm$), p = s[++i]) : ($ = H(e && e[i], a, i, t), p = s[++i]), $ && Te(l.$elm$).insertBefore($, ae(l.$elm$));
+    }
+  r > c ? Ce(t, s[d + 1] == null ? null : s[d + 1].$elm$, a, s, i, d) : i > d && Me(e, r, c);
+}, q = (t, e) => t.$tag$ === e.$tag$ ? t.$tag$ === "slot" ? t.$name$ === e.$name$ : t.$key$ === e.$key$ : !1, ae = (t) => t && t["s-ol"] || t, Te = (t) => (t["s-ol"] ? t["s-ol"] : t).parentNode, N = (t, e) => {
+  const a = e.$elm$ = t.$elm$, s = t.$children$, r = e.$children$, i = e.$tag$, n = e.$text$;
+  let o;
+  n === null ? (b = i === "svg" ? !0 : i === "foreignObject" ? !1 : b, i === "slot" || Se(t, e, b), s !== null && r !== null ? ct(a, s, e, r) : r !== null ? (t.$text$ !== null && (a.textContent = ""), Ce(a, null, e, r, 0, r.length - 1)) : s !== null && Me(s, 0, s.length - 1), b && i === "svg" && (b = !1)) : (o = a["s-cr"]) ? o.parentNode.textContent = n : t.$text$ !== n && (a.data = n);
+}, Le = (t) => {
+  const e = t.childNodes;
+  let a, s, r, i, n, o;
+  for (s = 0, r = e.length; s < r; s++)
+    if (a = e[s], a.nodeType === 1) {
+      if (a["s-sr"]) {
+        for (n = a["s-sn"], a.hidden = !1, i = 0; i < r; i++)
+          if (o = e[i].nodeType, e[i]["s-hn"] !== a["s-hn"] || n !== "") {
+            if (o === 1 && n === e[i].getAttribute("slot")) {
+              a.hidden = !0;
+              break;
+            }
+          } else if (o === 1 || o === 3 && e[i].textContent.trim() !== "") {
+            a.hidden = !0;
+            break;
+          }
+      }
+      Le(a);
+    }
+}, _ = [], Be = (t) => {
+  let e, a, s, r, i, n, o = 0;
+  const c = t.childNodes, l = c.length;
+  for (; o < l; o++) {
+    if (e = c[o], e["s-sr"] && (a = e["s-cr"]) && a.parentNode)
+      for (s = a.parentNode.childNodes, r = e["s-sn"], n = s.length - 1; n >= 0; n--)
+        a = s[n], !a["s-cn"] && !a["s-nr"] && a["s-hn"] !== e["s-hn"] && (he(a, r) ? (i = _.find((u) => u.$nodeToRelocate$ === a), z = !0, a["s-sn"] = a["s-sn"] || r, i ? i.$slotRefNode$ = e : _.push({
+          $slotRefNode$: e,
+          $nodeToRelocate$: a
+        }), a["s-sr"] && _.map((u) => {
+          he(u.$nodeToRelocate$, a["s-sn"]) && (i = _.find((d) => d.$nodeToRelocate$ === a), i && !u.$slotRefNode$ && (u.$slotRefNode$ = i.$slotRefNode$));
+        })) : _.some((u) => u.$nodeToRelocate$ === a) || _.push({
+          $nodeToRelocate$: a
+        }));
+    e.nodeType === 1 && Be(e);
+  }
+}, he = (t, e) => t.nodeType === 1 ? t.getAttribute("slot") === null && e === "" || t.getAttribute("slot") === e : t["s-sn"] === e ? !0 : e === "", Re = (t) => {
+  t.$attrs$ && t.$attrs$.ref && t.$attrs$.ref(null), t.$children$ && t.$children$.map(Re);
+}, lt = (t, e) => {
+  const a = t.$hostElement$, s = t.$cmpMeta$, r = t.$vnode$ || j(null, null), i = Je(e) ? e : h(null, null, e);
+  G = a.tagName, s.$attrsToReflect$ && (i.$attrs$ = i.$attrs$ || {}, s.$attrsToReflect$.map(([n, o]) => i.$attrs$[o] = a[n])), i.$tag$ = null, i.$flags$ |= 4, t.$vnode$ = i, i.$elm$ = r.$elm$ = a.shadowRoot || a, R = a["s-sc"], me = a["s-cr"], we = (s.$flags$ & 1) !== 0, z = !1, N(r, i);
+  {
+    if (k.$flags$ |= 1, ee) {
+      Be(i.$elm$);
+      let n, o, c, l, u, d, p = 0;
+      for (; p < _.length; p++)
+        n = _[p], o = n.$nodeToRelocate$, o["s-ol"] || (c = m.createTextNode(""), c["s-nr"] = o, o.parentNode.insertBefore(o["s-ol"] = c, o));
+      for (p = 0; p < _.length; p++)
+        if (n = _[p], o = n.$nodeToRelocate$, n.$slotRefNode$) {
+          for (l = n.$slotRefNode$.parentNode, u = n.$slotRefNode$.nextSibling, c = o["s-ol"]; c = c.previousSibling; )
+            if (d = c["s-nr"], d && d["s-sn"] === o["s-sn"] && l === d.parentNode && (d = d.nextSibling, !d || !d["s-nr"])) {
+              u = d;
+              break;
+            }
+          (!u && l !== o.parentNode || o.nextSibling !== u) && o !== u && (!o["s-hn"] && o["s-ol"] && (o["s-hn"] = o["s-ol"].parentNode.nodeName), l.insertBefore(o, u));
+        } else
+          o.nodeType === 1 && (o.hidden = !0);
+    }
+    z && Le(i.$elm$), k.$flags$ &= -2, _.length = 0;
+  }
+}, dt = (t, e) => {
+}, Ne = (t, e) => (t.$flags$ |= 16, dt(t, t.$ancestorComponent$), Ot(() => ut(t, e))), ut = (t, e) => {
+  const a = t.$hostElement$, s = M("scheduleUpdate", t.$cmpMeta$.$tagName$), r = a;
+  let i;
+  return e ? i = E(r, "componentWillLoad") : i = E(r, "componentWillUpdate"), i = pe(i, () => E(r, "componentWillRender")), s(), pe(i, () => ht(t, r, e));
+}, ht = async (t, e, a) => {
+  const s = t.$hostElement$, r = M("update", t.$cmpMeta$.$tagName$);
+  s["s-rc"], a && it(t);
+  const i = M("render", t.$cmpMeta$.$tagName$);
+  pt(t, e, s), i(), r(), ft(t);
+}, pt = (t, e, a) => {
+  try {
+    re = e, e = e.render && e.render(), t.$flags$ &= -17, t.$flags$ |= 2, (B.hasRenderFn || B.reflect) && (B.vdomRender || B.reflect) && (B.hydrateServerSide || lt(t, e));
+  } catch (o) {
+    Y(o, t.$hostElement$);
+  }
+  return re = null, null;
+}, ft = (t) => {
+  const e = t.$cmpMeta$.$tagName$, a = t.$hostElement$, s = M("postUpdate", e), r = a;
+  t.$ancestorComponent$, E(r, "componentDidRender"), t.$flags$ & 64 ? (E(r, "componentDidUpdate"), s()) : (t.$flags$ |= 64, E(r, "componentDidLoad"), s());
+}, E = (t, e, a) => {
+  if (t && t[e])
+    try {
+      return t[e](a);
+    } catch (s) {
+      Y(s);
+    }
+}, pe = (t, e) => t && t.then ? t.then(e) : e(), yt = (t, e) => X(t).$instanceValues$.get(e), gt = (t, e, a, s) => {
+  const r = X(t), i = t, n = r.$instanceValues$.get(e), o = r.$flags$, c = i;
+  a = tt(a, s.$members$[e][0]);
+  const l = Number.isNaN(n) && Number.isNaN(a);
+  if (a !== n && !l) {
+    r.$instanceValues$.set(e, a);
+    {
+      if (s.$watchers$ && o & 128) {
+        const d = s.$watchers$[e];
+        d && d.map((p) => {
+          try {
+            c[p](a, n, e);
+          } catch (y) {
+            Y(y, i);
+          }
+        });
+      }
+      if ((o & 18) === 2) {
+        if (c.componentShouldUpdate && c.componentShouldUpdate(a, n, e) === !1)
+          return;
+        Ne(r, !1);
+      }
+    }
+  }
+}, vt = (t, e, a) => {
+  if (e.$members$) {
+    t.watchers && (e.$watchers$ = t.watchers);
+    const s = Object.entries(e.$members$), r = t.prototype;
+    s.map(([i, [n]]) => {
+      (n & 31 || n & 32) && Object.defineProperty(r, i, {
+        get() {
+          return yt(this, i);
+        },
+        set(o) {
+          gt(this, i, o, e);
+        },
+        configurable: !0,
+        enumerable: !0
+      });
+    });
+    {
+      const i = /* @__PURE__ */ new Map();
+      r.attributeChangedCallback = function(n, o, c) {
+        k.jmp(() => {
+          const l = i.get(n);
+          if (this.hasOwnProperty(l))
+            c = this[l], delete this[l];
+          else if (r.hasOwnProperty(l) && typeof this[l] == "number" && this[l] == c)
+            return;
+          this[l] = c === null && typeof this[l] == "boolean" ? !1 : c;
+        });
+      }, t.observedAttributes = s.filter(
+        ([n, o]) => o[0] & 15
+        /* MEMBER_FLAGS.HasAttribute */
+      ).map(([n, o]) => {
+        const c = o[1] || n;
+        return i.set(c, n), o[0] & 512 && e.$attrsToReflect$.push([n, c]), c;
+      });
+    }
+  }
+  return t;
+}, kt = async (t, e, a, s, r) => {
+  if ((e.$flags$ & 32) === 0 && (r = t.constructor, e.$flags$ |= 32, customElements.whenDefined(a.$tagName$).then(() => e.$flags$ |= 128), r.style)) {
+    let n = r.style;
+    typeof n != "string" && (n = n[e.$modeName$ = et(t)]);
+    const o = xe(a, e.$modeName$);
+    if (!K.has(o)) {
+      const c = M("registerStyles", a.$tagName$);
+      rt(o, n, !!(a.$flags$ & 1)), c();
+    }
+  }
+  e.$ancestorComponent$, Ne(e, !0);
+}, bt = (t) => {
+}, $t = (t) => {
+  if ((k.$flags$ & 1) === 0) {
+    const e = X(t), a = e.$cmpMeta$, s = M("connectedCallback", a.$tagName$);
+    e.$flags$ & 1 ? (Ee(t, e, a.$listeners$), bt(e.$lazyInstance$)) : (e.$flags$ |= 1, a.$flags$ & 12 && _t(t), a.$members$ && Object.entries(a.$members$).map(([r, [i]]) => {
+      if (i & 31 && t.hasOwnProperty(r)) {
+        const n = t[r];
+        delete t[r], t[r] = n;
+      }
+    }), kt(t, e, a)), s();
+  }
+}, _t = (t) => {
+  const e = t["s-cr"] = m.createComment("");
+  e["s-cn"] = !0, t.insertBefore(e, t.firstChild);
+}, mt = (t) => {
+  if ((k.$flags$ & 1) === 0) {
+    const e = X(t);
+    e.$rmListeners$ && (e.$rmListeners$.map((a) => a()), e.$rmListeners$ = void 0);
+  }
+}, wt = (t, e) => {
+  const a = {
+    $flags$: e[0],
+    $tagName$: e[1]
+  };
+  a.$members$ = e[2], a.$listeners$ = e[3], a.$watchers$ = t.$watchers$, a.$attrsToReflect$ = [];
+  const s = t.prototype.connectedCallback, r = t.prototype.disconnectedCallback;
+  return Object.assign(t.prototype, {
+    __registerHost() {
+      Ct(this, a);
+    },
+    connectedCallback() {
+      $t(this), s && s.call(this);
+    },
+    disconnectedCallback() {
+      mt(this), r && r.call(this);
+    },
+    __attachShadow() {
+      this.attachShadow({
+        mode: "open",
+        delegatesFocus: !!(a.$flags$ & 16)
+      });
+    }
+  }), t.is = a.$tagName$, vt(t, a);
+}, Ee = (t, e, a, s) => {
+  a && a.map(([r, i, n]) => {
+    const o = xt(t, r), c = Dt(e, n), l = St(r);
+    k.ael(o, i, c, l), (e.$rmListeners$ = e.$rmListeners$ || []).push(() => k.rel(o, i, c, l));
+  });
+}, Dt = (t, e) => (a) => {
+  try {
+    B.lazyLoad || t.$hostElement$[e](a);
+  } catch (s) {
+    Y(s);
+  }
+}, xt = (t, e) => e & 4 ? m : e & 8 ? J : e & 16 ? m.body : t, St = (t) => Lt ? {
+  passive: (t & 1) !== 0,
+  capture: (t & 2) !== 0
+} : (t & 2) !== 0, Oe = /* @__PURE__ */ new WeakMap(), X = (t) => Oe.get(t), Ct = (t, e) => {
+  const a = {
+    $flags$: 0,
+    $hostElement$: t,
+    $cmpMeta$: e,
+    $instanceValues$: /* @__PURE__ */ new Map()
+  };
+  return Ee(t, a, e.$listeners$), Oe.set(t, a);
+}, fe = (t, e) => e in t, Y = (t, e) => (0, console.error)(t, e), K = /* @__PURE__ */ new Map(), Mt = [], J = typeof window < "u" ? window : {}, m = J.document || { head: {} }, Tt = J.HTMLElement || class {
+}, k = {
+  $flags$: 0,
+  $resourcesUrl$: "",
+  jmp: (t) => t(),
+  raf: (t) => requestAnimationFrame(t),
+  ael: (t, e, a, s) => t.addEventListener(e, a, s),
+  rel: (t, e, a, s) => t.removeEventListener(e, a, s),
+  ce: (t, e) => new CustomEvent(t, e)
+}, Lt = /* @__PURE__ */ (() => {
+  let t = !1;
+  try {
+    m.addEventListener("e", null, Object.defineProperty({}, "passive", {
+      get() {
+        t = !0;
+      }
+    }));
+  } catch {
+  }
+  return t;
+})(), Bt = (t) => Promise.resolve(t), Rt = /* @__PURE__ */ (() => {
+  try {
+    return new CSSStyleSheet(), typeof new CSSStyleSheet().replaceSync == "function";
+  } catch {
+  }
+  return !1;
+})(), ye = [], Ae = [], Nt = (t, e) => (a) => {
+  t.push(a), Z || (Z = !0, e && k.$flags$ & 4 ? Et(V) : k.raf(V));
+}, ge = (t) => {
+  for (let e = 0; e < t.length; e++)
+    try {
+      t[e](performance.now());
+    } catch (a) {
+      Y(a);
+    }
+  t.length = 0;
+}, V = () => {
+  ge(ye), ge(Ae), (Z = ye.length > 0) && k.raf(V);
+}, Et = (t) => Bt().then(t), Ot = /* @__PURE__ */ Nt(Ae, !0);
+function P(t, e) {
+  const a = new Date(t);
+  return a.setDate(a.getDate() + e), a;
+}
+function At(t, e, a) {
+  const s = [], r = se(t), i = r.getDay() === 0 ? 7 : r.getDay(), n = U(t), o = n.getDay() === 0 ? 7 : n.getDay(), c = a === 1 ? 7 : a - 1, l = [], u = [];
+  {
+    let y = (7 - a + i) % 7, $ = Q(r);
+    for (; y > 0; )
+      l.push($), $ = Q($), y -= 1;
+    l.reverse();
+    let T = (7 - o + c) % 7, L = I(n);
+    for (; T > 0; )
+      u.push(L), L = I(L), T -= 1;
+  }
+  let d = r;
+  for (; d.getMonth() === t.getMonth(); )
+    s.push(d), d = I(d);
+  return [...l, ...s, ...u];
+}
+function se(t) {
+  return S(/* @__PURE__ */ new Date(`${String(Fe(t)).padStart(4, "0")}-${String(Ie(t)).padStart(2, "0")}-01`));
+}
+function x(t) {
+  if (t instanceof Date)
+    return `${t.getFullYear()}-${String(t.getMonth() + 1).padStart(2, "0")}-${String(t.getDate()).padStart(2, "0")}`;
+}
+function U(t) {
+  const e = se(t);
+  return e.setMonth(e.getMonth() + 1), e.setDate(e.getDate() - 1), e;
+}
+function Ie(t) {
+  return t.getMonth() + 1;
+}
+function It(t) {
+  return new Array(12).fill(void 0).map((e, a) => {
+    const s = S(/* @__PURE__ */ new Date(`2006-${String(a + 1).padStart(2, "0")}-01`));
+    return Intl.DateTimeFormat(t, {
+      month: "long"
+    }).format(s);
+  });
+}
+function I(t) {
+  return P(t, 1);
+}
+function ve(t) {
+  const e = new Date(t);
+  return e.setDate(1), e.setMonth(e.getMonth() + 1), e;
+}
+function ke(t) {
+  const e = new Date(t);
+  return e.setFullYear(e.getFullYear() + 1), e;
+}
+function Q(t) {
+  return W(t, 1);
+}
+function be(t) {
+  const e = new Date(t);
+  return e.setDate(1), e.setMonth(e.getMonth() - 1), e;
+}
+function $e(t) {
+  const e = new Date(t);
+  return e.setFullYear(e.getFullYear() - 1), e;
+}
+function Ft(t, e) {
+  return new Array(7).fill(void 0).map((a, s) => (t + s) % 7 + 1).map((a) => {
+    const s = S(/* @__PURE__ */ new Date(`2006-01-0${a}`));
+    return [
+      Intl.DateTimeFormat(e, {
+        weekday: "short"
+      }).format(s).slice(0, 3),
+      Intl.DateTimeFormat(e, {
+        weekday: "long"
+      }).format(s)
+    ];
+  });
+}
+function Fe(t) {
+  return t.getFullYear();
+}
+function _e(t, e) {
+  if (!t || !e || !e.from || !e.to)
+    return !1;
+  const a = e.from < e.to ? e.from : e.to, s = e.from < e.to ? e.to : e.from;
+  return t >= a && t <= s;
+}
+function w(t, e) {
+  return !t || !e ? !1 : t.getFullYear() === e.getFullYear() && t.getMonth() === e.getMonth() && t.getDate() === e.getDate();
+}
+function S(t) {
+  const e = new Date(t);
+  return e.setMinutes(e.getMinutes() + e.getTimezoneOffset()), e;
+}
+function W(t, e) {
+  const a = new Date(t);
+  return a.setDate(a.getDate() - e), a;
+}
+const Yt = ".visually-hidden.sc-wc-datepicker{position:absolute;overflow:hidden;width:1px;height:1px;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}", qt = {
+  clearButton: "Clear value",
+  monthSelect: "Select month",
+  nextMonthButton: "Next month",
+  nextYearButton: "Next year",
+  picker: "Choose date",
+  previousMonthButton: "Previous month",
+  previousYearButton: "Previous year",
+  todayButton: "Show today",
+  yearSelect: "Select year"
+}, Pt = /* @__PURE__ */ wt(class extends Tt {
+  constructor() {
+    super(), this.__registerHost(), this.selectDate = ce(this, "selectDate"), this.changeMonth = ce(this, "changeMonth"), this.disabled = !1, this.disableDate = () => !1, this.elementClassName = "wc-datepicker", this.firstDayOfWeek = 0, this.labels = qt, this.locale = navigator?.language || "en-US", this.showClearButton = !1, this.showMonthStepper = !0, this.showTodayButton = !1, this.showYearStepper = !1, this.startDate = x(/* @__PURE__ */ new Date()), this.maxSearchDays = 365, this.goToRangeStartOnSelect = !0, this.init = () => {
+      this.currentDate = this.startDate ? S(new Date(this.startDate)) : /* @__PURE__ */ new Date(), this.updateWeekdays();
+    }, this.getAvailableDate = (t, e) => {
+      let a, s = !1;
+      switch (e) {
+        case "previousDay":
+          a = Q(t);
+          break;
+        case "nextDay":
+          a = I(t);
+          break;
+        case "previousSameWeekDay":
+          a = W(t, 7);
+          break;
+        case "nextSameWeekDay":
+          a = P(t, 7);
+          break;
+        case "firstOfMonth":
+          a = se(t);
+          break;
+        case "lastOfMonth":
+          a = U(t);
+          break;
+        case "previousMonth":
+          a = be(t);
+          break;
+        case "nextMonth":
+          a = ve(t);
+          break;
+        case "previousYear":
+          a = $e(t);
+          break;
+        case "nextYear":
+          a = ke(t);
+          break;
+      }
+      for (; this.disableDate(a) && !s; ) {
+        switch (e) {
+          case "previousDay":
+          case "lastOfMonth":
+            a = Q(a);
+            break;
+          case "nextDay":
+          case "firstOfMonth":
+          case "previousMonth":
+          case "nextMonth":
+          case "previousYear":
+          case "nextYear":
+            a = I(a);
+            break;
+          case "previousSameWeekDay":
+            a = W(a, 7);
+            break;
+          case "nextSameWeekDay":
+            a = P(a, 7);
+            break;
+        }
+        switch (e) {
+          case "firstOfMonth":
+          case "lastOfMonth":
+          case "previousYear":
+          case "nextYear":
+            s = a.getMonth() !== t.getMonth();
+            break;
+          case "previousMonth":
+            s = a.getMonth() !== t.getMonth() - 1;
+            break;
+          case "nextMonth":
+            s = a.getMonth() !== t.getMonth() + 1;
+            break;
+          default:
+            s = !_e(a, {
+              from: W(t, this.maxSearchDays),
+              to: P(t, this.maxSearchDays)
+            });
+            break;
+        }
+      }
+      return s ? t : a;
+    }, this.nextMonth = () => {
+      this.updateCurrentDate(ve(this.currentDate));
+    }, this.nextYear = () => {
+      this.updateCurrentDate(ke(this.currentDate));
+    }, this.previousMonth = () => {
+      this.updateCurrentDate(be(this.currentDate));
+    }, this.previousYear = () => {
+      this.updateCurrentDate($e(this.currentDate));
+    }, this.showToday = () => {
+      this.updateCurrentDate(/* @__PURE__ */ new Date());
+    }, this.clear = () => {
+      this.value = void 0, this.selectDate.emit(void 0);
+    }, this.onClick = (t) => {
+      if (this.disabled)
+        return;
+      const e = t.target.closest("[data-date]");
+      if (!e)
+        return;
+      const a = S(new Date(e.dataset.date));
+      this.updateCurrentDate(a), this.onSelectDate(a);
+    }, this.onMonthSelect = (t) => {
+      const e = +t.target.value - 1, a = this.currentDate.getDate(), s = new Date(this.currentDate.getFullYear(), e, 1), r = U(s).getDate(), i = Math.min(a, r), n = new Date(this.currentDate.getFullYear(), e, i);
+      this.updateCurrentDate(n);
+    }, this.onYearSelect = (t) => {
+      let e = +t.target.value;
+      const a = t.target;
+      isNaN(e) ? (e = (/* @__PURE__ */ new Date()).getFullYear(), a.value = String(e)) : e < 0 ? (e = 0, a.value = String(e)) : e > 9999 && (e = 9999, a.value = String(e));
+      const s = this.currentDate.getDate(), r = this.currentDate.getMonth(), i = /* @__PURE__ */ new Date();
+      i.setFullYear(e, r, 1);
+      const n = U(i).getDate(), o = Math.min(s, n), c = /* @__PURE__ */ new Date();
+      c.setFullYear(e, r, o), this.updateCurrentDate(c);
+    }, this.onKeyDown = (t) => {
+      this.disabled || (t.code === "ArrowLeft" ? (t.preventDefault(), this.updateCurrentDate(this.getAvailableDate(this.currentDate, "previousDay"), !0)) : t.code === "ArrowRight" ? (t.preventDefault(), this.updateCurrentDate(this.getAvailableDate(this.currentDate, "nextDay"), !0)) : t.code === "ArrowUp" ? (t.preventDefault(), this.updateCurrentDate(this.getAvailableDate(this.currentDate, "previousSameWeekDay"), !0)) : t.code === "ArrowDown" ? (t.preventDefault(), this.updateCurrentDate(this.getAvailableDate(this.currentDate, "nextSameWeekDay"), !0)) : t.code === "PageUp" ? (t.preventDefault(), t.shiftKey ? this.updateCurrentDate(this.getAvailableDate(this.currentDate, "previousYear"), !0) : this.updateCurrentDate(this.getAvailableDate(this.currentDate, "previousMonth"), !0)) : t.code === "PageDown" ? (t.preventDefault(), t.shiftKey ? this.updateCurrentDate(this.getAvailableDate(this.currentDate, "nextYear"), !0) : this.updateCurrentDate(this.getAvailableDate(this.currentDate, "nextMonth"), !0)) : t.code === "Home" ? (t.preventDefault(), this.updateCurrentDate(this.getAvailableDate(this.currentDate, "firstOfMonth"), !0)) : t.code === "End" ? (t.preventDefault(), this.updateCurrentDate(this.getAvailableDate(this.currentDate, "lastOfMonth"), !0)) : (t.code === "Space" || t.code === "Enter") && (t.preventDefault(), this.onSelectDate(this.currentDate)));
+    }, this.onMouseEnter = (t) => {
+      if (this.disabled)
+        return;
+      const e = S(new Date(t.target.closest("td").dataset.date));
+      this.hoveredDate = e;
+    }, this.onMouseLeave = () => {
+      this.hoveredDate = void 0;
+    };
+  }
+  componentWillLoad() {
+    this.init();
+  }
+  watchFirstDayOfWeek() {
+    this.updateWeekdays();
+  }
+  watchLocale() {
+    this.locale || (this.locale = navigator?.language || "en-US"), this.updateWeekdays();
+  }
+  watchRange() {
+    this.value = void 0, this.selectDate.emit(void 0);
+  }
+  watchStartDate() {
+    this.currentDate = this.startDate ? S(new Date(this.startDate)) : /* @__PURE__ */ new Date();
+  }
+  watchValue() {
+    this.value && (Array.isArray(this.value) ? this.currentDate = this.value.length > 1 && !this.goToRangeStartOnSelect ? this.value[1] : this.value[0] : this.value instanceof Date && (this.currentDate = this.value));
+  }
+  componentDidRender() {
+    this.moveFocusAfterMonthChanged && (this.focusDate(this.currentDate), this.moveFocusAfterMonthChanged = !1);
+  }
+  updateWeekdays() {
+    this.weekdays = Ft(this.firstDayOfWeek === 0 ? 7 : this.firstDayOfWeek, this.locale);
+  }
+  getClassName(t) {
+    return t ? `${this.elementClassName}__${t}` : this.elementClassName;
+  }
+  getCalendarRows() {
+    const t = At(this.currentDate, !0, this.firstDayOfWeek === 0 ? 7 : this.firstDayOfWeek), e = [];
+    for (let a = 0; a < t.length; a += 7) {
+      const s = t.slice(a, a + 7);
+      e.push(s);
+    }
+    return e;
+  }
+  getTitle() {
+    if (this.value)
+      if (this.isRangeValue(this.value)) {
+        const t = Intl.DateTimeFormat(this.locale, {
+          day: "numeric",
+          month: "long",
+          year: "numeric"
+        }).format(this.value[0]), e = this.value[1] ? Intl.DateTimeFormat(this.locale, {
+          day: "numeric",
+          month: "long",
+          year: "numeric"
+        }).format(this.value[1]) : void 0;
+        return e ? `${t} - ${e}` : t;
+      } else
+        return Intl.DateTimeFormat(this.locale, {
+          day: "numeric",
+          month: "long",
+          year: "numeric"
+        }).format(this.value);
+  }
+  focusDate(t) {
+    var e;
+    (e = this.el.querySelector(`[data-date="${x(t)}"]`)) === null || e === void 0 || e.focus();
+  }
+  updateCurrentDate(t, e) {
+    const a = t.getMonth(), s = t.getFullYear();
+    if (s > 9999 || s < 0)
+      return;
+    (a !== this.currentDate.getMonth() || s !== this.currentDate.getFullYear()) && (this.changeMonth.emit({
+      month: Ie(t),
+      year: Fe(t),
+      day: t.getDate()
+    }), e && (this.moveFocusAfterMonthChanged = !0)), this.currentDate = t, e && this.focusDate(this.currentDate);
+  }
+  onSelectDate(t) {
+    var e, a;
+    if (!this.disableDate(t))
+      if (this.isRangeValue(this.value)) {
+        const s = ((e = this.value) === null || e === void 0 ? void 0 : e[0]) === void 0 || this.value.length === 2 ? [t] : [this.value[0], t];
+        s.length === 2 && s[0] > s[1] && s.reverse();
+        const r = s[1] === void 0 ? [x(s[0])] : [x(s[0]), x(s[1])];
+        this.value = s, this.selectDate.emit(r);
+      } else {
+        if (((a = this.value) === null || a === void 0 ? void 0 : a.getTime()) === t.getTime())
+          return;
+        this.value = t, this.selectDate.emit(x(t));
+      }
+  }
+  // @ts-ignore
+  isRangeValue(t) {
+    return this.range;
+  }
+  render() {
+    const t = this.showTodayButton || this.showClearButton;
+    return h(De, null, h("div", { "aria-disabled": String(this.disabled), "aria-label": this.labels.picker, class: {
+      [this.getClassName()]: !0,
+      [`${this.getClassName()}--disabled`]: this.disabled
+    }, role: "group" }, h("div", { class: this.getClassName("header") }, h("span", { "aria-atomic": "true", "aria-live": "polite", class: "visually-hidden" }, this.getTitle()), this.showYearStepper && h("button", { "aria-label": this.labels.previousYearButton, class: this.getClassName("previous-year-button"), disabled: this.disabled, innerHTML: this.previousYearButtonContent || void 0, onClick: this.previousYear, type: "button" }, h("svg", { fill: "none", height: "24", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", stroke: "currentColor", viewBox: "0 0 24 24", width: "24" }, h("polyline", { points: "11 17 6 12 11 7" }), h("polyline", { points: "18 17 13 12 18 7" }))), this.showMonthStepper && h("button", { "aria-label": this.labels.previousMonthButton, class: this.getClassName("previous-month-button"), disabled: this.disabled, innerHTML: this.previousMonthButtonContent || void 0, onClick: this.previousMonth, type: "button" }, h("svg", { fill: "none", height: "24", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", stroke: "currentColor", viewBox: "0 0 24 24", width: "24" }, h("polyline", { points: "15 18 9 12 15 6" }))), h("span", { class: this.getClassName("current-month") }, h("select", { title: this.labels.monthSelect, "aria-label": this.labels.monthSelect, class: this.getClassName("month-select"), disabled: this.disabled, name: "month", onChange: this.onMonthSelect }, It(this.locale).map((e, a) => h("option", { key: e, selected: this.currentDate.getMonth() === a, value: a + 1 }, e))), h("input", { title: this.labels.yearSelect, "aria-label": this.labels.yearSelect, class: this.getClassName("year-select"), disabled: this.disabled, max: 9999, maxLength: 4, min: 1, name: "year", onChange: this.onYearSelect, type: "number", value: this.currentDate.getFullYear() })), this.showMonthStepper && h("button", { "aria-label": this.labels.nextMonthButton, class: this.getClassName("next-month-button"), disabled: this.disabled, innerHTML: this.nextMonthButtonContent || void 0, onClick: this.nextMonth, type: "button" }, h("svg", { fill: "none", height: "24", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", stroke: "currentColor", viewBox: "0 0 24 24", width: "24" }, h("polyline", { points: "9 18 15 12 9 6" }))), this.showYearStepper && h("button", { "aria-label": this.labels.nextYearButton, class: this.getClassName("next-year-button"), disabled: this.disabled, innerHTML: this.nextYearButtonContent || void 0, onClick: this.nextYear, type: "button" }, h("svg", { fill: "none", height: "24", "stroke-linecap": "round", "stroke-linejoin": "round", "stroke-width": "2", stroke: "currentColor", viewBox: "0 0 24 24", width: "24" }, h("polyline", { points: "13 17 18 12 13 7" }), h("polyline", { points: "6 17 11 12 6 7" })))), h("div", { class: this.getClassName("body") }, h("table", { class: this.getClassName("calendar"), onKeyDown: this.onKeyDown, role: "grid" }, h("thead", { class: this.getClassName("calendar-header") }, h("tr", { class: this.getClassName("weekday-row") }, this.weekdays.map((e) => h("th", { "aria-label": e[1], abbr: e[1], class: this.getClassName("weekday"), key: e[0], scope: "col" }, h("span", null, e[0]))))), h("tbody", null, this.getCalendarRows().map((e) => {
+      const a = `row-${e[0].getMonth()}-${e[0].getDate()}`;
+      return h("tr", { class: this.getClassName("calendar-row"), key: a }, e.map((s) => {
+        var r, i, n, o, c;
+        const l = w(s, this.currentDate), u = s.getMonth() !== this.currentDate.getMonth(), d = Array.isArray(this.value) ? w(s, this.value[0]) || w(s, this.value[1]) : w(s, this.value), p = this.isRangeValue ? _e(s, {
+          from: (r = this.value) === null || r === void 0 ? void 0 : r[0],
+          to: ((i = this.value) === null || i === void 0 ? void 0 : i[1]) || this.hoveredDate || this.currentDate
+        }) : !1, y = !((n = this.value) === null || n === void 0) && n[0] ? [
+          (o = this.value) === null || o === void 0 ? void 0 : o[0],
+          ((c = this.value) === null || c === void 0 ? void 0 : c[1]) || this.hoveredDate
+        ].sort((Ue, We) => Ue - We) : [], $ = this.range && w(y[0], s), D = this.range && w(y[1], s), T = w(s, /* @__PURE__ */ new Date()), L = this.disableDate(s), Ye = `cell-${s.getMonth()}-${s.getDate()}`, qe = {
+          [this.getClassName("date")]: !0,
+          [this.getClassName("date--current")]: l,
+          [this.getClassName("date--disabled")]: L,
+          [this.getClassName("date--overflowing")]: u,
+          [this.getClassName("date--today")]: T,
+          [this.getClassName("date--selected")]: d,
+          [this.getClassName("date--in-range")]: p,
+          [this.getClassName("date--start")]: $,
+          [this.getClassName("date--end")]: D
+        }, Pe = d ? "strong" : T ? "em" : "span";
+        return h("td", { "aria-disabled": String(L), "aria-selected": d ? "true" : void 0, "aria-current": T ? "date" : void 0, class: qe, "data-date": x(s), key: Ye, onClick: this.onClick, onMouseEnter: this.onMouseEnter, onMouseLeave: this.onMouseLeave, role: "gridcell", tabIndex: w(s, this.currentDate) && !this.disabled ? 0 : -1 }, h(Pe, { "aria-hidden": "true" }, s.getDate()), h("span", { class: "visually-hidden" }, Intl.DateTimeFormat(this.locale, {
+          day: "numeric",
+          month: "long"
+        }).format(s)));
+      }));
+    })))), t && h("div", { class: this.getClassName("footer") }, this.showTodayButton && h("button", { class: this.getClassName("today-button"), disabled: this.disabled, innerHTML: this.todayButtonContent || void 0, onClick: this.showToday, type: "button" }, this.labels.todayButton), this.showClearButton && h("button", { class: this.getClassName("clear-button"), disabled: this.disabled, innerHTML: this.clearButtonContent || void 0, onClick: this.clear, type: "button" }, this.labels.clearButton))));
+  }
+  get el() {
+    return this;
+  }
+  static get watchers() {
+    return {
+      firstDayOfWeek: ["watchFirstDayOfWeek"],
+      locale: ["watchLocale"],
+      range: ["watchRange"],
+      startDate: ["watchStartDate"],
+      value: ["watchValue"]
+    };
+  }
+  static get style() {
+    return Yt;
+  }
+}, [2, "wc-datepicker", {
+  clearButtonContent: [1, "clear-button-content"],
+  disabled: [4],
+  disableDate: [16],
+  elementClassName: [1, "element-class-name"],
+  firstDayOfWeek: [2, "first-day-of-week"],
+  range: [4],
+  labels: [16],
+  locale: [1],
+  nextMonthButtonContent: [1, "next-month-button-content"],
+  nextYearButtonContent: [1, "next-year-button-content"],
+  previousMonthButtonContent: [1, "previous-month-button-content"],
+  previousYearButtonContent: [1, "previous-year-button-content"],
+  showClearButton: [4, "show-clear-button"],
+  showMonthStepper: [4, "show-month-stepper"],
+  showTodayButton: [4, "show-today-button"],
+  showYearStepper: [4, "show-year-stepper"],
+  startDate: [1, "start-date"],
+  todayButtonContent: [1, "today-button-content"],
+  value: [1040],
+  maxSearchDays: [2, "max-search-days"],
+  goToRangeStartOnSelect: [4, "go-to-range-start-on-select"],
+  currentDate: [32],
+  hoveredDate: [32],
+  weekdays: [32]
+}]), Ut = Pt;
+var Wt = Object.defineProperty, v = (t, e, a, s) => {
+  for (var r = void 0, i = t.length - 1, n; i >= 0; i--)
+    (n = t[i]) && (r = n(e, a, r) || r);
+  return r && Wt(e, a, r), r;
+};
+customElements.get("wc-datepicker") || customElements.define("wc-datepicker", Ut);
+let zt = 0;
+var C;
+const f = (C = class extends ze {
+  // allows use of elementInternals' API
+  constructor() {
+    super(), this.id = "", this.name = "", this.width = "md", this.hideTodayButton = !1, this.hideClearButton = !1, this.disabled = !1, this.required = !1, this.optional = !1, this.showError = !1, this.errorMessage = "", this.form = null, this.tooltip = "", this.type = "date", this.label = "", this.description = "", this.startDate = "", this.inverted = !1, this.value = void 0, this._hasUserInteracted = !1, this._internals = this.attachInternals();
+  }
+  // Generate a unique ID if one is not provided
+  connectedCallback() {
+    super.connectedCallback(), this.id || (this.id = `nys-datepicker-${Date.now()}-${zt++}`), this.addEventListener("invalid", this._handleInvalid), this.addEventListener("focusout", this._handleBlur);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener("invalid", this._handleInvalid), this.removeEventListener("focusout", this._handleBlur);
+  }
+  async firstUpdated() {
+    this._setValue(this.value), !(this._shouldUseNativeDatepicker() || !await this._whenWcDatepickerReady()) && (setTimeout(() => this._replaceButtonSVG(), 0), setTimeout(() => this._addMonthDropdownIcon(), 0), setTimeout(() => this._handleDateChange(), 0), setTimeout(() => this._onDocumentClick(), 0));
+  }
+  async _whenWcDatepickerReady() {
+    await customElements.whenDefined("wc-datepicker");
+    const e = this.shadowRoot?.querySelector(
+      "wc-datepicker"
+    );
+    return e ? ("updateComplete" in e && await e.updateComplete, await new Promise((a) => requestAnimationFrame(a)), e) : null;
+  }
+  /**
+   * Form Integration
+   * --------------------------------------------------------------------------
+   */
+  /**
+   * Form helper methods:
+   * - _setValue: set internal value and trigger validation
+   * - _manageRequire: handle required state
+   * - _validate: actively validate and show errors
+   * - checkValidity: passive boolean check without UI
+   * - _setValidityMessage: sync validation message with UI and internals
+   * - _handleInvalid: handle form invalid event and focus first invalid field
+   */
+  _setValue(e) {
+    if (!e) {
+      this.value = void 0, this._internals.setFormValue(""), this._manageRequire();
+      return;
+    }
+    const a = e instanceof Date ? e : this._parseLocalDate(e), s = [
+      a.getFullYear(),
+      String(a.getMonth() + 1).padStart(2, "0"),
+      String(a.getDate()).padStart(2, "0")
+    ].join("-");
+    this.value = a, this._internals.setFormValue(s);
+    const r = this.shadowRoot?.querySelector("input");
+    r && (r.value = s);
+    const i = this.shadowRoot?.querySelector("wc-datepicker");
+    i && (i.value = a), this._manageRequire();
+  }
+  // Called to internally set the initial internalElement required flag.
+  _manageRequire() {
+    const e = this.shadowRoot?.querySelector("input");
+    if (!e) return;
+    const a = this.errorMessage || "This field is required.";
+    this.required && !this.value ? (this._internals.ariaRequired = "true", this._internals.setValidity({ valueMissing: !0 }, a, e)) : (this._internals.ariaRequired = "false", this._internals.setValidity({}));
+  }
+  /**
+   * Actively validates the component:
+   * - Updates internal validity state
+   * - Updates UI (e.g. showError)
+   * - Called on blur/change or form submission
+   */
+  _validate() {
+    const e = this.shadowRoot?.querySelector("input");
+    if (!e) return;
+    this._manageRequire();
+    const a = e.validationMessage;
+    this._setValidityMessage(a);
+  }
+  /**
+   * Passive check of validity:
+   * - Returns true/false
+   * - Does NOT update UI or show errors
+   * - Used in form submission checks
+   */
+  checkValidity() {
+    const e = this.shadowRoot?.querySelector("input");
+    return e ? e.checkValidity() : !0;
+  }
+  // Sets custom validity message
+  _setValidityMessage(e = "") {
+    if (!this._internals) return;
+    const a = this.shadowRoot?.querySelector("input");
+    a && (this.showError = !!e, this.errorMessage?.trim() && e !== "" && (e = this.errorMessage), this._internals.setValidity(
+      e ? { customError: !0 } : {},
+      e,
+      a
+    ));
+  }
+  // Handles native 'invalid' events
+  _handleInvalid(e) {
+    e.preventDefault(), this._hasUserInteracted = !0, this._validate();
+    const a = this.shadowRoot?.querySelector("input");
+    if (a) {
+      const s = this._internals.form;
+      s ? Array.from(s.elements).find(
+        (n) => typeof n.checkValidity == "function" && !n.checkValidity()
+      ) === this && a.focus() : a.focus();
+    }
+  }
+  /**
+   * Functions
+   * --------------------------------------------------------------------------
+   */
+  /**
+   * Replaces the default wc-datepicker month navigation buttons
+   * with NYS icon components for previous and next month.
+   */
+  _replaceButtonSVG() {
+    const e = this.shadowRoot?.querySelector("wc-datepicker");
+    if (!e) return;
+    const a = e.querySelector(
+      ".wc-datepicker__next-month-button"
+    ), s = e.querySelector(
+      ".wc-datepicker__previous-month-button"
+    );
+    !a || !s || (s.innerHTML = `
+    <nys-icon name="arrow_back" size="18"></nys-icon>
+  `, a.innerHTML = `
+    <nys-icon name="arrow_forward" size="18"></nys-icon>
+  `);
+  }
+  _addMonthDropdownIcon() {
+    const e = this.shadowRoot?.querySelector("wc-datepicker");
+    if (!e) return;
+    const a = e.querySelector(
+      ".wc-datepicker__month-select"
+    );
+    if (a && !a.parentElement?.classList.contains("month-wrapper")) {
+      const s = document.createElement("span");
+      s.className = "month-wrapper", a.parentNode?.insertBefore(s, a), s.appendChild(a);
+      const r = document.createElement("nys-icon");
+      r.setAttribute("name", "chevron_down"), r.setAttribute("id", "wc-month-dropdown-icon"), r.setAttribute("size", "20"), s.appendChild(r);
+    }
+  }
+  // Creates a Date at local midnight to avoid UTC timezone shifting
+  _parseLocalDate(e) {
+    const [a, s, r] = e.split("-").map(Number);
+    return new Date(a, s - 1, r);
+  }
+  /**
+   * Event Handlers
+   * --------------------------------------------------------------------------
+   */
+  _handleInputKeydown(e) {
+    this.disabled || this._shouldUseNativeDatepicker() || (e.key == " " || e.code == "Space") && (e.preventDefault(), this._openDatepicker());
+  }
+  _handleBlur(e) {
+    const a = e.relatedTarget;
+    if (a && (this.contains(a) || this.shadowRoot?.contains(a))) return;
+    this._hasUserInteracted || (this._hasUserInteracted = !0), this.shadowRoot?.querySelector("wc-datepicker")?.classList.remove("active"), this._validate(), this.dispatchEvent(new Event("nys-blur"));
+  }
+  // For when users click outside of the datepicker, we remove the calendar popup
+  _onDocumentClick() {
+    if (this._shouldUseNativeDatepicker()) return;
+    const e = (a) => {
+      const s = a.composedPath(), r = this.shadowRoot?.querySelector(
+        ".nys-datepicker--input-container"
+      ), i = this.shadowRoot?.querySelector(
+        ".wc-datepicker--container"
+      ), n = this.shadowRoot?.querySelector("wc-datepicker");
+      r && s.includes(r) || i && s.includes(i) || n && s.includes(n) || n?.classList.remove("active");
+    };
+    document.addEventListener("click", e);
+  }
+  _toggleDatepicker() {
+    if (this.disabled) return;
+    if (this._shouldUseNativeDatepicker()) {
+      const a = this.shadowRoot?.querySelector(
+        "input"
+      );
+      a && a.focus();
+      return;
+    }
+    this.shadowRoot?.querySelector("wc-datepicker")?.classList.toggle("active");
+  }
+  _openDatepicker() {
+    if (this.disabled || this._shouldUseNativeDatepicker()) return;
+    this.shadowRoot?.querySelector("wc-datepicker")?.classList.add("active");
+  }
+  _handleDateChange() {
+    const e = this.shadowRoot?.querySelector("wc-datepicker");
+    e && e.addEventListener("selectDate", (a) => {
+      const s = a.detail, r = this._parseLocalDate(s);
+      this._setValue(r), this._validate(), e.classList.remove("active");
+    });
+  }
+  _handleTodayClick() {
+    if (this.disabled) return;
+    const e = /* @__PURE__ */ new Date();
+    e.setHours(0, 0, 0, 0), this._setValue(e), this._hasUserInteracted && this._validate();
+  }
+  _handleClearClick() {
+    if (this.disabled) return;
+    this.value = void 0, this._internals.setFormValue("");
+    const e = this.shadowRoot?.querySelector("input");
+    e && (e.value = ""), this._hasUserInteracted && this._validate();
+  }
+  _handleInputChange(e) {
+    const a = e.target;
+    if (!a) return;
+    const s = this._getValidDateFromInput(a.value);
+    s && (this._setValue(s), this._hasUserInteracted && this._validate(), this.dispatchEvent(
+      new CustomEvent("nys-input", {
+        detail: { id: this.id, value: this.value },
+        bubbles: !0,
+        composed: !0
+      })
+    ));
+  }
+  _getValidDateFromInput(e) {
+    const s = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e);
+    return !s || Number(s[1]) < 1e3 ? null : this._parseLocalDate(e);
+  }
+  _isSafari() {
+    const e = navigator.userAgent;
+    return /Safari/.test(e) && !/Chrome|Chromium|Edg/.test(e);
+  }
+  /**
+   * Determines whether the current device uses a coarse pointer.
+   * A coarse pointer usually means touch-based input where precise pointing
+   * is not expected, such as fingers on phones and most tablets.
+   *
+   * Note: This is not a guarantee of a mobile device.
+   * Some non-mobile devices may also report a coarse pointer,
+   * and some mobile devices may not.
+   *
+   * @returns `true` if the device reports a coarse pointer, otherwise `false`.
+   */
+  _isMobile() {
+    return window.matchMedia("(pointer: coarse)").matches;
+  }
+  _shouldUseNativeDatepicker() {
+    return this._isSafari() || this._isMobile();
+  }
+  render() {
+    const e = this._shouldUseNativeDatepicker();
+    return O` <div class="nys-datepicker--container">
+        <nys-label
+          for=${this.id + "--native"}
+          label=${this.label}
+          description=${this.description}
+          flag=${this.required ? "required" : this.optional ? "optional" : ""}
+          tooltip=${this.tooltip}
+          ?inverted=${this.inverted}
+        ></nys-label>
+        <div
+          class="nys-datepicker--input-container ${this.disabled ? "disabled" : ""}"
+        >
+          <input
+            id="nys-datepicker--input"
+            type="date"
+            max="9999-12-31"
+            ?required=${this.required}
+            .value=${this.value instanceof Date ? this.value.toISOString().split("T")[0] : this.value || ""}
+            ?disabled=${this.disabled}
+            aria-disabled=${A(this.disabled ? "true" : void 0)}
+            aria-required=${A(this.required ? "true" : void 0)}
+            aria-label=${A(this.label || void 0)}
+            aria-description=${A(this.description || void 0)}
+            @click=${this._openDatepicker}
+            @input=${this._handleInputChange}
+            @blur=${this._handleBlur}
+            @keydown=${this._handleInputKeydown}
+          />
+          ${e ? null : O`
+                <button
+                  id="calendar-button"
+                  @click=${this._toggleDatepicker}
+                  tabindex=${this.disabled ? "-1" : "0"}
+                  ?disabled=${this.disabled}
+                  aria-label="Open calendar"
+                >
+                  <nys-icon name="calendar_month" size="24"></nys-icon>
+                </button>
+              `}
+        </div>
+
+        <div class="wc-datepicker--container">
+          <wc-datepicker
+            .value=${this.value instanceof Date ? this.value : this.value ? this._parseLocalDate(this.value) : void 0}
+            ?disabled=${this.disabled}
+            start-date=${A(this.startDate ? this.startDate : void 0)}
+          >
+            ${!this.hideTodayButton || !this.hideClearButton ? O`
+                  <div class="wc-datepicker--button-container">
+                    ${this.hideTodayButton ? null : O`
+                          <nys-button
+                            label="Today"
+                            size="sm"
+                            fullWidth
+                            variant="outline"
+                            ?disabled=${this.disabled}
+                            @nys-click=${this._handleTodayClick}
+                          ></nys-button>
+                        `}
+                    ${this.hideClearButton ? null : O`
+                          <nys-button
+                            label="Clear"
+                            size="sm"
+                            fullWidth
+                            variant="outline"
+                            ?disabled=${this.disabled}
+                            @nys-click=${this._handleClearClick}
+                          ></nys-button>
+                        `}
+                  </div>
+                ` : null}
+          </wc-datepicker>
+        </div>
+      </div>
+      <nys-errormessage
+        ?showError=${this.showError}
+        errorMessage=${this._internals.validationMessage || this.errorMessage}
+      ></nys-errormessage>`;
+  }
+}, C.styles = je(He), C.formAssociated = !0, C);
+v([
+  g({ type: String, reflect: !0 })
+], f.prototype, "id");
+v([
+  g({ type: String, reflect: !0 })
+], f.prototype, "name");
+v([
+  g({ type: String, reflect: !0 })
+], f.prototype, "width");
+v([
+  g({ type: Boolean })
+], f.prototype, "hideTodayButton");
+v([
+  g({ type: Boolean })
+], f.prototype, "hideClearButton");
+v([
+  g({ type: Boolean, reflect: !0 })
+], f.prototype, "disabled");
+v([
+  g({ type: Boolean, reflect: !0 })
+], f.prototype, "required");
+v([
+  g({ type: Boolean, reflect: !0 })
+], f.prototype, "optional");
+v([
+  g({ type: Boolean, reflect: !0 })
+], f.prototype, "showError");
+v([
+  g({ type: String })
+], f.prototype, "errorMessage");
+v([
+  g({ type: String, reflect: !0 })
+], f.prototype, "form");
+v([
+  g({ type: String })
+], f.prototype, "tooltip");
+v([
+  g({ type: String })
+], f.prototype, "type");
+v([
+  g({ type: String })
+], f.prototype, "label");
+v([
+  g({ type: String })
+], f.prototype, "description");
+v([
+  g({ type: String })
+], f.prototype, "startDate");
+v([
+  g({ type: Boolean, reflect: !0 })
+], f.prototype, "inverted");
+v([
+  g({
+    type: Object,
+    converter: {
+      fromAttribute: (t) => t ? f.prototype._parseLocalDate(t) : void 0,
+      toAttribute: (t) => t ? typeof t == "string" ? t : t.toISOString().split("T")[0] : ""
+    }
+  })
+], f.prototype, "value");
+let jt = f;
+customElements.get("nys-datepicker") || customElements.define("nys-datepicker", jt);
+export {
+  jt as NysDatepicker
+};
+//# sourceMappingURL=nys-datepicker.js.map