q2-tecton-elements 1.54.5 → 1.55.1

package/dist/q2-tecton-elements/q2-calendar.entry.js

@@ -1,8 +1,8 @@
-import { r as e, c as t, h as i, g as a } from "./index-7a5365e2.js";
+import { r as e, c as t, h as a, g as i } from "./index-7a5365e2.js";
 
 import { d as n } from "./index-3184c760.js";
 
-import { l as s, a as r, o, i as d, w as l, j as c } from "./index-504f1a9e.js";
+import { l as s, a as r, o, i as d, w as l, j as c } from "./index-f2a66217.js";
 
 function formatDateISO(e) {
   const t = new Date(e);
@@ -17,7 +17,7 @@ let h;
 function formatDateShort(e) {
   const t = new Date(e);
   if (!n.isValid(t)) return;
-  const i = t.toISOString();
+  const a = t.toISOString();
   if (!h) {
     h = new Intl.DateTimeFormat("en-US", {
       month: "2-digit",
@@ -26,7 +26,7 @@ function formatDateShort(e) {
       timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone
     });
   }
-  return h.format(new Date(i));
+  return h.format(new Date(a));
 }
 
 let u;
@@ -73,44 +73,44 @@ function stringToDate(e) {
   } else if (!e || !n.isValid(new Date(e))) {
     return undefined;
   }
-  let i;
-  const a = e.split(/[\/\-]/).map((e => e.padStart(2, "0")));
+  let a;
+  const i = e.split(/[\/\-]/).map((e => e.padStart(2, "0")));
   const s = t && e.length >= 24 && e[10] === "T";
-  const r = a.length === 3;
-  const o = a.length < 3;
+  const r = i.length === 3;
+  const o = i.length < 3;
   if (s) {
     e = e.split("T")[0];
-    i = new Date(e);
+    a = new Date(e);
   } else if (r) {
-    const t = e.includes("/") && a[2].length === 4;
+    const t = e.includes("/") && i[2].length === 4;
     // Reorder mm/dd/yyyy dates for ISO formatting
     // [mm, dd, yyyy] -> [yyyy, mm, dd]
-        if (t) a.unshift(a.pop());
-    i = new Date(Date.UTC(parseInt(a[0]), parseInt(a[1]) - 1, parseInt(a[2])));
+        if (t) i.unshift(i.pop());
+    a = new Date(Date.UTC(parseInt(i[0]), parseInt(i[1]) - 1, parseInt(i[2])));
   } else if (o) {
     const e = new Date;
     let t;
     let n;
     let s;
-    switch (a.length) {
+    switch (i.length) {
      case 1:
       t = e.getFullYear();
-      n = a[0];
+      n = i[0];
       s = "01";
       break;
 
      case 2:
       t = e.getFullYear();
-      n = a[0];
-      s = a[1];
+      n = i[0];
+      s = i[1];
       break;
     }
-    i = new Date(`${t}-${n}-${s}`);
+    a = new Date(`${t}-${n}-${s}`);
   }
-  if (!n.isValid(i)) return undefined;
+  if (!n.isValid(a)) return undefined;
   // result = setHours(result, 0);
-    i = removeTimezoneOffset(i);
-  return n.isValid(i) ? i : undefined;
+    a = removeTimezoneOffset(a);
+  return n.isValid(a) ? a : undefined;
 }
 
 function removeTimezoneOffset(e) {
@@ -133,8 +133,8 @@ function setupMonthYear(e = new Date) {
   };
 }
 
-function validateInput(e = "", t = [], i = [], // white list
-a = [], // black list
+function validateInput(e = "", t = [], a = [], // white list
+i = [], // black list
 r, o, d = "mm/dd/yyyy", l) {
   let c = true;
   let h = false;
@@ -153,7 +153,7 @@ r, o, d = "mm/dd/yyyy", l) {
   const p = v.getMonth() + 1;
   const m = v.getDate();
   const y = v.getFullYear();
-  const b = [ p, m, y ];
+  const g = [ p, m, y ];
   if (n.isValid(v)) {
     const n = getMonths()[v.getMonth()];
     if (e.length === 10) {
@@ -164,8 +164,8 @@ r, o, d = "mm/dd/yyyy", l) {
     h = t.includes(v.getDay());
     const l = formatDateISO(v);
     if (h) {
-      const e = i.length && !i.includes(l);
-      const t = a.length && a.includes(l);
+      const e = a.length && !a.includes(l);
+      const t = i.length && i.includes(l);
       const n = r && r > l;
       const s = o && o < l;
       if (e || t || n || s) {
@@ -189,37 +189,37 @@ r, o, d = "mm/dd/yyyy", l) {
     message: f,
     inputDate: v,
     isAvailable: h,
-    calendarPosition: b
+    calendarPosition: g
   };
 }
 
 function buildInputDate(e, t) {
-  const i = new Date;
+  const a = new Date;
   // eslint-disable-next-line prefer-const
-    let [a, n, s] = e.split("/");
-  if (a === "0") a = "01";
+    let [i, n, s] = e.split("/");
+  if (i === "0") i = "01";
   if (n === "0") n = "01";
   if (e.length === 10) {
     return new Date(e);
-  } else if (a && n && Number(n) > 0) {
+  } else if (i && n && Number(n) > 0) {
     const e = Number(n) < 10 ? `0${Number(n)}` : n;
-    const i = !s || s.length < 4 ? assumeYear(a, n, t) : s;
-    return new Date(`${a}/${e}/${i}`);
-  } else if (a) {
-    return new Date(`${a}/01/${i.getFullYear()}`);
+    const a = !s || s.length < 4 ? assumeYear(i, n, t) : s;
+    return new Date(`${i}/${e}/${a}`);
+  } else if (i) {
+    return new Date(`${i}/01/${a.getFullYear()}`);
   }
 }
 
-function assumeYear(e, t, i) {
-  const a = `${e}/${t}`;
+function assumeYear(e, t, a) {
+  const i = `${e}/${t}`;
   const n = new Date;
   const s = n.getMonth() < 9 ? `0${n.getMonth() + 1}` : `${n.getMonth() + 1}`;
   const r = n.getDate() < 10 ? `0${n.getDate()}` : `${n.getDate()}`;
   const o = `${s}/${r}/${n.getFullYear()}`;
   let d = n.getFullYear();
-  if (i === "future" && o.slice(0, 5) > a) {
+  if (a === "future" && o.slice(0, 5) > i) {
     d = n.getFullYear() + 1;
-  } else if (i === "past" && o.slice(0, 5) < a) {
+  } else if (a === "past" && o.slice(0, 5) < i) {
     d = n.getFullYear() - 1;
   }
   return d.toString();
@@ -261,18 +261,18 @@ function getMonths() {
 }
 
 function generateDatesFromMonthYear(e, t) {
-  const i = n.getDaysInMonth(new Date(t, e));
-  return [ ...Array(i).keys() ].reduce(((i, a) => {
-    i.push(new Date(t, e, a + 1));
-    return i;
+  const a = n.getDaysInMonth(new Date(t, e));
+  return [ ...Array(a).keys() ].reduce(((a, i) => {
+    a.push(new Date(t, e, i + 1));
+    return a;
   }), []);
 }
 
 function getValidDaysOfWeek(e = 127) {
   /* tslint:disable:no-bitwise */
   const t = e & 1;
-  const i = e & 2;
-  const a = e & 4;
+  const a = e & 2;
+  const i = e & 4;
   const n = e & 8;
   const s = e & 16;
   const r = e & 32;
@@ -280,8 +280,8 @@ function getValidDaysOfWeek(e = 127) {
   /* tslint:enable:no-bitwise */  const d = [];
   if (e <= 0) return d;
   if (t) d.push(0);
-  if (i) d.push(1);
-  if (a) d.push(2);
+  if (a) d.push(1);
+  if (i) d.push(2);
   if (n) d.push(3);
   if (s) d.push(4);
   if (r) d.push(5);
@@ -301,22 +301,22 @@ function validateAgainstWhitelist(e, t) {
   return e.some((e => n.isSameDay(e, t)));
 }
 
-function buildDates(e, t, i, a, n, s, r) {
+function buildDates(e, t, a, i, n, s, r) {
   const o = [ baseValidation.bind(null, s, new Date) ];
   if (t === null || t === void 0 ? void 0 : t.length) {
     o.push(validateAgainstWhitelist.bind(null, t));
   } else {
     o.push(validateAgainstChecksum.bind(null, e));
   }
-  o.push(validateAgainstBlacklist.bind(null, i));
-  return generateDateList(a, n, s, o, r);
+  o.push(validateAgainstBlacklist.bind(null, a));
+  return generateDateList(i, n, s, o, r);
 }
 
-function generateDateList({monthIndex: e, selectedYear: t}, i, a, s, r) {
+function generateDateList({monthIndex: e, selectedYear: t}, a, i, s, r) {
   const o = !n.isValid(new Date(r));
   const d = generateDatesFromMonthYear(e, t).map(((e, t) => {
     const n = s.some((t => !t(e)));
-    const r = getDayState(e, a, i);
+    const r = getDayState(e, i, a);
     const d = generateClassesForCalDay(Object.assign(Object.assign({}, r), {
       isInvalid: n,
       isIncompleteDate: o
@@ -335,33 +335,33 @@ function generateDateList({monthIndex: e, selectedYear: t}, i, a, s, r) {
   return [ ...l, ...d, ...c ];
 }
 
-function baseValidation(e, t, i) {
-  const a = n.isAfter(e === null || e === void 0 ? void 0 : e.startDate, i);
-  const s = n.isBefore(e === null || e === void 0 ? void 0 : e.endDate, i);
-  const r = n.isSameDay(t, i) && n.isAfter(t, e === null || e === void 0 ? void 0 : e.cutOffTime);
-  return !(a || r || s);
+function baseValidation(e, t, a) {
+  const i = n.isAfter(e === null || e === void 0 ? void 0 : e.startDate, a);
+  const s = n.isBefore(e === null || e === void 0 ? void 0 : e.endDate, a);
+  const r = n.isSameDay(t, a) && n.isAfter(t, e === null || e === void 0 ? void 0 : e.cutOffTime);
+  return !(i || r || s);
 }
 
-function getDayState(e, t, i) {
-  if (!i) i = new Date;
-  const a = i && n.isSameDay(i, e);
+function getDayState(e, t, a) {
+  if (!a) a = new Date;
+  const i = a && n.isSameDay(a, e);
   const s = n.isSameDay(e, new Date);
   const r = n.isSameDay(e, t === null || t === void 0 ? void 0 : t.startDate);
   const o = n.isSameDay(e, t === null || t === void 0 ? void 0 : t.endDate);
   return {
-    isSelected: a,
+    isSelected: i,
     isToday: s,
     isStartDate: r,
     isEndDate: o
   };
 }
 
-function generateClassesForCalDay({isInvalid: e, isSelected: t, isEndDate: i, isStartDate: a, isToday: n, isIncompleteDate: s}) {
+function generateClassesForCalDay({isInvalid: e, isSelected: t, isEndDate: a, isStartDate: i, isToday: n, isIncompleteDate: s}) {
   const r = [];
   if (!e) r.push("is-valid");
   if (t) r.push("is-selected");
-  if (i) r.push("is-end-date");
-  if (a) r.push("is-start-date");
+  if (a) r.push("is-end-date");
+  if (i) r.push("is-start-date");
   if (n) r.push("is-today");
   if (t && e && !s) r.push("is-unavailable");
   return r.join(" ");
@@ -394,13 +394,13 @@ function addEmptyDates(e, t) {
   return [ ...Array(t - e).keys() ].map((() => Object.assign({}, v)));
 }
 
-const p = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:block}:host[hidden]{display:none}click-elsewhere{position:relative;display:block}q2-input{margin:0;cursor:pointer}q2-popover{--comp-min-tappable-size:44px;--comp-table-border-spacing:2px;--comp-min-tappable-size-and-spacing:calc(var(--comp-min-tappable-size) + var(--comp-table-border-spacing));--comp-popover-padding:var(--tct-calendar-popover-padding, var(--t-calendar-popover-padding, var(--app-scale-1x, 5px)));--comp-min-table-width:calc(var(--comp-min-tappable-size-and-spacing) * 7);--comp-table-container-border-spacing:calc(var(--comp-table-border-spacing) * 2);--comp-popover-total-padding:calc(var(--comp-popover-padding) * 2);--tct-popover-min-width:calc(\n      var(--comp-min-table-width) + var(--comp-table-container-border-spacing) + var(--comp-popover-total-padding)\n  )}.calendar-field-popup{padding:var(--comp-popover-padding)}.calendar-label{--comp-label-padding:var(--tct-calendar-label-padding, var(--tct-calendar-label-vertical-padding, var(--t-calendar-label-vertical-padding, var(--tct-scale-2, var(--app-scale-2x, 10px)))) 0);font-size:var(--tct-calendar-label-font-size, var(--t-calendar-label-font-size, 16px));flex:1 1;flex-basis:calc(100% - var(--tct-btn-icon-width, 44px));margin:0;padding:var(--comp-label-padding)}.cal-month-heading{padding:0 0 0.75rem;display:flex;justify-content:center;align-items:center;font-size:var(--tct-calendar-month-font-size, var(--t-calendar-month-font-size, 16px));font-weight:var(--tct-calendar-month-font-weight, var(--t-calendar-month-font-weight, 600));text-align:center}.cal-month-text{min-width:82px;display:inline-block}.cal-year-text{min-width:50px;display:inline-block}table{width:100%;margin-bottom:2px;text-align:center;border-spacing:var(--comp-table-border-spacing)}th{font-size:var(--tct-calendar-day-heading-font-size, var(--t-calendar-day-heading-font-size, inherit));font-weight:var(--tct-calendar-day-heading-font-weight, var(--t-calendar-day-heading-font-weight, 600));width:14.285714%}td{height:var(--comp-min-tappable-size);cursor:pointer;border:var(--tct-calendar-day-border, var(--t-calendar-day-border, 0));border-radius:var(--tct-calendar-day-border-radius, var(--t-calendar-day-border-radius))}td.is-unavailable{border:1px solid var(--tct-input-error-border-color, var(--const-stoplight-alert, #d20a0a))}td.is-valid:hover{border:var(--tct-calendar-day-hover-border, var(--t-calendar-day-hover-border, var(--tct-calendar-day-border, var(--t-calendar-day-border, 0))));border-radius:var(--tct-calendar-day-hover-border-radius, var(--t-calendar-day-hover-border-radius, var(--tct-calendar-day-border-radius, var(--t-calendar-day-border-radius))));background:var(--tct-calendar-day-hover-background, var(--tct-calendar-day-hover-bg, var(--t-calendar-day-hover-bg, var(--tct-gray-14, var(--app-gray14, var(--tct-gray-l4, var(--app-gray-l4, #f2f2f2)))))));color:var(--tct-calendar-day-hover-font-color, var(--t-calendar-day-hover-font-color, inherit))}td[aria-hidden],td[aria-disabled]{pointer-events:none;cursor:not-allowed}td[aria-disabled]{opacity:var(--tct-calendar-day-disabled-opacity, var(--t-calendar-day-disabled-opacity, var(--app-disabled-opacity, 0.4)))}td[aria-selected]{border:var(--tct-calendar-day-selected-border, var(--t-calendar-day-selected-border, var(--tct-calendar-day-border, var(--t-calendar-day-border, 0))));border-radius:var(--tct-calendar-day-selected-border-radius, var(--t-calendar-day-selected-border-radius, var(--tct-calendar-day-border-radius, var(--t-calendar-day-border-radius))));background:var(--tct-calendar-day-selected-background, var(--tct-calendar-day-selected-bg, var(--t-calendar-day-selected-bg, var(--tct-calendar-day-hover-background, var(--tct-calendar-day-hover-bg, var(--t-calendar-day-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l4, var(--app-gray-l4, #f2f2f2))))))))));color:var(--tct-calendar-day-selected-font-color, var(--t-calendar-day-selected-font-color, var(--tct-calendar-day-hover-font-color, var(--t-calendar-day-hover-font-color, inherit))));box-shadow:0 0 0 2px var(--tct-calendar-day-selected-outline-color, var(--t-calendar-day-selected-outline-color, var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))))}td[aria-selected]:focus{box-shadow:0 0 0 2px var(--tct-calendar-day-selected-outline-color, var(--t-calendar-day-selected-outline-color, var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1)))), 0 0 0 4px var(--const-focus-color, #0066cc)}.today-decorator{text-transform:uppercase;font-weight:700;font-size:10px;height:12px}.calendar-disclaimer{font-size:var(--tct-calendar-disclaimer-font-size, var(--t-calendar-disclaimer-font-size, var(--tct-font-size-small, var(--app-font-size-small, 12px))));border-style:solid;border-width:var(--tct-calendar-disclaimer-border-width, var(--t-calendar-disclaimer-border-width, 1px 0 0 0));border-color:var(--tct-calendar-disclaimer-border-color, var(--t-calendar-disclaimer-border-color, var(--tct-gray-13, var(--t-gray-13, var(--tct-gray-l3, var(--app-gray-l3, #e6e6e6))))));padding:var(--tct-calendar-disclaimer-padding, var(--tct-scale-2, var(--app-scale-2x, 10px)));text-align:left}";
+const p = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{--comp-default-calendar-margin:var(--tct-calendar-margin-top, var(--t-calendar-margin-top, var(--app-scale-5x, 25px))) 0 var(--tct-calendar-margin-bottom, var(--t-calendar-margin-bottom, var(--app-scale-5x, 25px)));display:block;margin:var(--tct-calendar-margin, var(--comp-default-calendar-margin))}:host[hidden]{display:none}click-elsewhere{position:relative;display:block}q2-input{margin:0;cursor:pointer}q2-popover{--comp-min-tappable-size:44px;--comp-table-border-spacing:2px;--comp-min-tappable-size-and-spacing:calc(var(--comp-min-tappable-size) + var(--comp-table-border-spacing));--comp-popover-padding:var(--tct-calendar-popover-padding, var(--t-calendar-popover-padding, var(--app-scale-1x, 5px)));--comp-min-table-width:calc(var(--comp-min-tappable-size-and-spacing) * 7);--comp-table-container-border-spacing:calc(var(--comp-table-border-spacing) * 2);--comp-popover-total-padding:calc(var(--comp-popover-padding) * 2);--tct-popover-min-width:calc(\n      var(--comp-min-table-width) + var(--comp-table-container-border-spacing) + var(--comp-popover-total-padding)\n  )}.calendar-field-popup{padding:var(--comp-popover-padding)}.calendar-label{--comp-label-padding:var(--tct-calendar-label-padding, var(--tct-calendar-label-vertical-padding, var(--t-calendar-label-vertical-padding, var(--tct-scale-2, var(--app-scale-2x, 10px)))) 0);font-size:var(--tct-calendar-label-font-size, var(--t-calendar-label-font-size, 16px));flex:1 1;flex-basis:calc(100% - var(--tct-btn-icon-width, 44px));margin:0;padding:var(--comp-label-padding)}.cal-month-heading{padding:0 0 0.75rem;display:flex;justify-content:center;align-items:center;font-size:var(--tct-calendar-month-font-size, var(--t-calendar-month-font-size, 16px));font-weight:var(--tct-calendar-month-font-weight, var(--t-calendar-month-font-weight, 600));text-align:center}.cal-month-text{min-width:82px;display:inline-block}.cal-year-text{min-width:50px;display:inline-block}table{width:100%;margin-bottom:2px;text-align:center;border-spacing:var(--comp-table-border-spacing)}th{font-size:var(--tct-calendar-day-heading-font-size, var(--t-calendar-day-heading-font-size, inherit));font-weight:var(--tct-calendar-day-heading-font-weight, var(--t-calendar-day-heading-font-weight, 600));width:14.285714%}td{height:var(--comp-min-tappable-size);cursor:pointer;border:var(--tct-calendar-day-border, var(--t-calendar-day-border, 0));border-radius:var(--tct-calendar-day-border-radius, var(--t-calendar-day-border-radius))}td.is-unavailable{border:1px solid var(--tct-input-error-border-color, var(--const-stoplight-alert, #d20a0a))}td.is-valid:hover{border:var(--tct-calendar-day-hover-border, var(--t-calendar-day-hover-border, var(--tct-calendar-day-border, var(--t-calendar-day-border, 0))));border-radius:var(--tct-calendar-day-hover-border-radius, var(--t-calendar-day-hover-border-radius, var(--tct-calendar-day-border-radius, var(--t-calendar-day-border-radius))));background:var(--tct-calendar-day-hover-background, var(--tct-calendar-day-hover-bg, var(--t-calendar-day-hover-bg, var(--tct-gray-14, var(--app-gray14, var(--tct-gray-l4, var(--app-gray-l4, #f2f2f2)))))));color:var(--tct-calendar-day-hover-font-color, var(--t-calendar-day-hover-font-color, inherit))}td[aria-hidden],td[aria-disabled]{pointer-events:none;cursor:not-allowed}td[aria-disabled]{opacity:var(--tct-calendar-day-disabled-opacity, var(--t-calendar-day-disabled-opacity, var(--app-disabled-opacity, 0.4)))}td[aria-selected]{border:var(--tct-calendar-day-selected-border, var(--t-calendar-day-selected-border, var(--tct-calendar-day-border, var(--t-calendar-day-border, 0))));border-radius:var(--tct-calendar-day-selected-border-radius, var(--t-calendar-day-selected-border-radius, var(--tct-calendar-day-border-radius, var(--t-calendar-day-border-radius))));background:var(--tct-calendar-day-selected-background, var(--tct-calendar-day-selected-bg, var(--t-calendar-day-selected-bg, var(--tct-calendar-day-hover-background, var(--tct-calendar-day-hover-bg, var(--t-calendar-day-hover-bg, var(--tct-gray-14, var(--t-gray-14, var(--tct-gray-l4, var(--app-gray-l4, #f2f2f2))))))))));color:var(--tct-calendar-day-selected-font-color, var(--t-calendar-day-selected-font-color, var(--tct-calendar-day-hover-font-color, var(--t-calendar-day-hover-font-color, inherit))));box-shadow:0 0 0 2px var(--tct-calendar-day-selected-outline-color, var(--t-calendar-day-selected-outline-color, var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1))))}td[aria-selected]:focus{box-shadow:0 0 0 2px var(--tct-calendar-day-selected-outline-color, var(--t-calendar-day-selected-outline-color, var(--tct-stoplight-info, var(--const-stoplight-info, #0079c1)))), 0 0 0 4px var(--const-focus-color, #0066cc)}.today-decorator{text-transform:uppercase;font-weight:700;font-size:10px;height:12px}.calendar-disclaimer{font-size:var(--tct-calendar-disclaimer-font-size, var(--t-calendar-disclaimer-font-size, var(--tct-font-size-small, var(--app-font-size-small, 12px))));border-style:solid;border-width:var(--tct-calendar-disclaimer-border-width, var(--t-calendar-disclaimer-border-width, 1px 0 0 0));border-color:var(--tct-calendar-disclaimer-border-color, var(--t-calendar-disclaimer-border-color, var(--tct-gray-13, var(--t-gray-13, var(--tct-gray-l3, var(--app-gray-l3, #e6e6e6))))));padding:var(--tct-calendar-disclaimer-padding, var(--tct-scale-2, var(--app-scale-2x, 10px)));text-align:left}";
 
 const m = p;
 
 const y = class {
-  constructor(i) {
-    e(this, i);
+  constructor(a) {
+    e(this, a);
     this.change = t(this, "change", 7);
     this.error = t(this, "error", 7);
     this.success = t(this, "success", 7);
@@ -440,9 +440,9 @@ const y = class {
       }
     };
     this.onDateKeydown = e => {
-      const {monthIndex: t, selectedYear: i} = this.selectedMonthYear;
-      const a = parseInt(e.target.dataset.day);
-      const s = this.generateDateFromDay(a);
+      const {monthIndex: t, selectedYear: a} = this.selectedMonthYear;
+      const i = parseInt(e.target.dataset.day);
+      const s = this.generateDateFromDay(i);
       switch (e.key) {
        case "ArrowUp":
         e.preventDefault();
@@ -466,12 +466,12 @@ const y = class {
 
        case "PageUp":
         e.preventDefault();
-        if (e.shiftKey) this.goToMonthYear(t, i - 1); else this.goToMonthYear(t - 1, i);
+        if (e.shiftKey) this.goToMonthYear(t, a - 1); else this.goToMonthYear(t - 1, a);
         break;
 
        case "PageDown":
         e.preventDefault();
-        if (e.shiftKey) this.goToMonthYear(t, i + 1); else this.goToMonthYear(t + 1, i);
+        if (e.shiftKey) this.goToMonthYear(t, a + 1); else this.goToMonthYear(t + 1, a);
         break;
 
        case "Home":
@@ -510,34 +510,34 @@ const y = class {
     this.onDateSelection = e => {
       const t = e.target.closest("td:not([aria-hidden])");
       if (!t) return;
-      const i = removeTimezoneOffset(new Date(t.dataset.date));
-      this.selectDate(i);
+      const a = removeTimezoneOffset(new Date(t.dataset.date));
+      this.selectDate(a);
       this.closeCalendar();
     };
     this.onHeaderControlKeydown = e => {
       var t;
-      const i = this.generateDateFromDay(1);
-      const a = (t = this.calendarBody) === null || t === void 0 ? void 0 : t.querySelector('[aria-selected="true"]');
-      if (e.key === "Tab" && !a) {
+      const a = this.generateDateFromDay(1);
+      const i = (t = this.calendarBody) === null || t === void 0 ? void 0 : t.querySelector('[aria-selected="true"]');
+      if (e.key === "Tab" && !i) {
         e.preventDefault();
-        this.activateDay(i);
+        this.activateDay(a);
       }
     };
     this.onInputBlur = () => {
       if (!this.isTypeable) return;
       const e = getValidDaysOfWeek(this.daysOfWeekChecksum);
       const {typedValue: t} = this;
-      const {isValid: i, inputDate: a, isAvailable: s} = validateInput(this.typedValue, e, this.validDates, this.invalidDates, this.startDate, this.endDate, this.defaultFormatString, this.assume);
-      if (!t && (a === null || a === void 0 ? void 0 : a.toString()) === "Invalid Date") {
+      const {isValid: a, inputDate: i, isAvailable: s} = validateInput(this.typedValue, e, this.validDates, this.invalidDates, this.startDate, this.endDate, this.defaultFormatString, this.assume);
+      if (!t && (i === null || i === void 0 ? void 0 : i.toString()) === "Invalid Date") {
         // initial/clear state
         this.setHints({
           isValid: true,
           message: this.defaultHintMessage,
           messageType: "info"
         });
-      } else if (i || t && t.length > 4 && // at least mm/dd provided
-      a && n.isValid(a) && s) {
-        this.setCompleteInput(a);
+      } else if (a || t && t.length > 4 && // at least mm/dd provided
+      i && n.isValid(i) && s) {
+        this.setCompleteInput(i);
       } else if (this.value) {
         this.valueOnBlur = this.value;
         this.value = null;
@@ -605,19 +605,19 @@ const y = class {
       // handle missing zero in month and date
             this.typedValue = handleMissingZeros(this.typedValue);
       const {typedValue: t} = this;
-      const i = getValidDaysOfWeek(this.daysOfWeekChecksum);
-      const {isValid: a, message: s, messageType: r, inputDate: o, isAvailable: d, calendarPosition: l} = validateInput(t, i, this.validDates, this.invalidDates, this.startDate, this.endDate, this.defaultFormatString, this.assume);
+      const a = getValidDaysOfWeek(this.daysOfWeekChecksum);
+      const {isValid: i, message: s, messageType: r, inputDate: o, isAvailable: d, calendarPosition: l} = validateInput(t, a, this.validDates, this.invalidDates, this.startDate, this.endDate, this.defaultFormatString, this.assume);
       if (l) {
-        const [e, t, i] = l;
-        const a = new Date(i, e - 1, t);
-        if (n.isValid(a)) {
-          this.selectedMonthYear = setupMonthYear(a);
+        const [e, t, a] = l;
+        const i = new Date(a, e - 1, t);
+        if (n.isValid(i)) {
+          this.selectedMonthYear = setupMonthYear(i);
           this.dateList = this.buildDateList(this.selectedMonthYear);
           this.validateDate();
         }
       }
       if (e.key === "Enter") {
-        if (a || t && t.length > 4 && // at least mm/dd provided
+        if (i || t && t.length > 4 && // at least mm/dd provided
         o && n.isValid(o) && d) {
           this.setCompleteInput(o);
         } else if (this.value) {
@@ -635,7 +635,7 @@ const y = class {
         }
       } else {
         this.setHints({
-          isValid: a,
+          isValid: i,
           message: s,
           messageType: r
         });
@@ -812,14 +812,14 @@ const y = class {
      * @testOnly
      */  async setValue(e) {
     var t;
-    const i = typeof e === "string" ? stringToDate(e) : e;
-    if (!n.isValid(i)) return;
+    const a = typeof e === "string" ? stringToDate(e) : e;
+    if (!n.isValid(a)) return;
     await this.openPopover();
     await l();
-    this.goToMonthYear(i.getMonth(), i.getFullYear());
+    this.goToMonthYear(a.getMonth(), a.getFullYear());
     await l();
-    const a = (t = this.calendarTable) === null || t === void 0 ? void 0 : t.querySelector(`td[data-date="${formatDateISO(i)}"]`);
-    a === null || a === void 0 ? void 0 : a.click();
+    const i = (t = this.calendarTable) === null || t === void 0 ? void 0 : t.querySelector(`td[data-date="${formatDateISO(a)}"]`);
+    i === null || i === void 0 ? void 0 : i.click();
   }
   /**
      * Emulates focusing the `<input>`, entering the provided value, and emitting an `input` event.
@@ -834,13 +834,13 @@ const y = class {
      */  async typeValue(e) {
     if (!this.typeable) return;
     const t = typeof e === "string" ? stringToDate(e) : e;
-    const i = formatDateShort(t);
+    const a = formatDateShort(t);
     if (!n.isValid(t)) return;
-    const {innerInputField: a, controlElement: s} = this;
-    a.focus();
-    a.dispatchEvent(new FocusEvent("focus"));
-    a.value = i;
-    a.dispatchEvent(new InputEvent("input"));
+    const {innerInputField: i, controlElement: s} = this;
+    i.focus();
+    i.dispatchEvent(new FocusEvent("focus"));
+    i.value = a;
+    i.dispatchEvent(new InputEvent("input"));
     s.dispatchEvent(new KeyboardEvent("keyup"));
   }
   // #endregion
@@ -890,19 +890,19 @@ const y = class {
       return;
     }
     const t = e && typeof e !== "string" && "toDate" in e;
-    const i = t ? e.toDate() : stringToDate(e);
-    const a = formatDateShort(i);
+    const a = t ? e.toDate() : stringToDate(e);
+    const i = formatDateShort(a);
     if (this.isTypeable) {
-      this.typedValue = a;
+      this.typedValue = i;
     } else {
-      this.controlElement.value = a;
-      this.selectedMonthYear = setupMonthYear(i);
+      this.controlElement.value = i;
+      this.selectedMonthYear = setupMonthYear(a);
       this.dateList = this.buildDateList(this.selectedMonthYear);
       this.validateDate();
     }
     // reset hint when value is cleared
         if (this.invalid) return;
-    if (a) {
+    if (i) {
       this.setHints({
         isValid: true,
         message: null,
@@ -935,12 +935,12 @@ const y = class {
     return this.placeholder && s(this.placeholder) || "";
   }
   get currentWeeks() {
-    const e = this.dateList.reduce(((e, t, i) => {
-      const a = Math.floor(i / 7);
-      if (!e[a]) {
-        e[a] = [];
+    const e = this.dateList.reduce(((e, t, a) => {
+      const i = Math.floor(a / 7);
+      if (!e[i]) {
+        e[i] = [];
       }
-      e[a].push(t);
+      e[i].push(t);
       return e;
     }), []);
     return e;
@@ -962,8 +962,8 @@ const y = class {
       const t = e && typeof e !== "string" && "toDate" in e;
       if (t) return e.toDate();
       // stringified moment value assigned in html template e.g.) handlebar
-            const i = typeof e === "string" && e.split(" ").length === 6 && /GMT-\d{4}/g.test(e);
-      if (i) {
+            const a = typeof e === "string" && e.split(" ").length === 6 && /GMT-\d{4}/g.test(e);
+      if (a) {
         e = formatDateISO(e);
       }
       return stringToDate(e);
@@ -973,23 +973,23 @@ const y = class {
     return this.typeable ? s("tecton.element.calendar.hint.format") + ": " + this.defaultFormatString : s("tecton.element.calendar.hint.select");
   }
   get errorList() {
-    const {errors: e, internalError: t, invalid: i} = this;
-    let a = [];
+    const {errors: e, internalError: t, invalid: a} = this;
+    let i = [];
     if (t) {
-      a = [ t ];
+      i = [ t ];
     }
     if (Array.isArray(e) && e.length) {
-      a = e.filter((e => !!e)).map((e => s(e))).concat(a);
-    } else if (!t && i) {
+      i = e.filter((e => !!e)).map((e => s(e))).concat(i);
+    } else if (!t && a) {
       return [ "tecton.element.calendar.invalid" ];
     }
-    return a;
+    return i;
   }
   get formattedValue() {
-    const {typedValue: e, dateValue: t, displayFormat: i, isTypeable: a} = this;
-    if (a) return e;
+    const {typedValue: e, dateValue: t, displayFormat: a, isTypeable: i} = this;
+    if (i) return e;
     if (t === undefined) return "";
-    if (i) return n.format(t, convertMomentFormat(i));
+    if (a) return n.format(t, convertMomentFormat(a));
     return new Intl.DateTimeFormat("en-US", {
       year: "numeric",
       month: "2-digit",
@@ -998,9 +998,9 @@ const y = class {
     }).format(t);
   }
   get hintList() {
-    const {hints: e, hintMessageType: t, hintMessage: i} = this;
+    const {hints: e, hintMessageType: t, hintMessage: a} = this;
     if (Array.isArray(e) && e.length) return e.filter((e => !!e)).map((e => s(e)));
-    if (t === "info" && i) return [ i ];
+    if (t === "info" && a) return [ a ];
     return [];
   }
   get innerInputContainer() {
@@ -1031,30 +1031,30 @@ const y = class {
   }
   buildDateList(e) {
     const t = stringArrayToDate(this.invalidDates);
-    const i = getValidDaysOfWeek(this.daysOfWeekChecksum);
-    const a = stringArrayToDate(this.validDates);
-    return buildDates(i, a, t, e, this.dateValue, this.dateValidators, this.typedValue);
+    const a = getValidDaysOfWeek(this.daysOfWeekChecksum);
+    const i = stringArrayToDate(this.validDates);
+    return buildDates(a, i, t, e, this.dateValue, this.dateValidators, this.typedValue);
   }
   calendarDays() {
-    return i("table", {
+    return a("table", {
       role: "grid",
       "aria-labelledby": "table-label",
       ref: e => this.calendarTable = e
-    }, i("thead", null, i("tr", null, [ ...Array(7).keys() ].map((e => i("th", {
+    }, a("thead", null, a("tr", null, [ ...Array(7).keys() ].map((e => a("th", {
       scope: "col",
       "aria-label": this.dayStrings[e]
-    }, this.dayAbbrStrings[e]))))), i("tbody", {
+    }, this.dayAbbrStrings[e]))))), a("tbody", {
       onClick: this.onDateSelection,
       onKeyDown: this.onDateKeydown,
       ref: e => this.calendarBody = e,
       "test-id": "calendarTableBody"
-    }, this.currentWeeks.map((e => i("tr", null, e.map((e => {
+    }, this.currentWeeks.map((e => a("tr", null, e.map((e => {
       var t;
-      let a = "";
-      if (e.isToday) a = `${s("tecton.element.calendar.today")}, `;
-      a += formatDateFull(e.date);
-      if (e.isSelected) a += ` (${s("tecton.element.calendar.selected")})`;
-      return i("td", {
+      let i = "";
+      if (e.isToday) i = `${s("tecton.element.calendar.today")}, `;
+      i += formatDateFull(e.date);
+      if (e.isSelected) i += ` (${s("tecton.element.calendar.selected")})`;
+      return a("td", {
         class: e.classList,
         "aria-hidden": e.isEmpty ? "true" : undefined,
         tabindex: e.isSelected ? 0 : -1,
@@ -1063,55 +1063,55 @@ const y = class {
         "aria-disabled": e.isValid ? undefined : "true",
         "data-day": e.integer || undefined,
         "data-date": e.date ? formatDateISO(e.date) : undefined
-      }, (e === null || e === void 0 ? void 0 : e.isToday) && i("div", {
+      }, (e === null || e === void 0 ? void 0 : e.isToday) && a("div", {
         class: "today-decorator",
         "aria-hidden": "true"
-      }, s("tecton.element.calendar.today")), i("div", {
-        "aria-label": a
+      }, s("tecton.element.calendar.today")), a("div", {
+        "aria-label": i
       }, (t = e === null || e === void 0 ? void 0 : e.integer) !== null && t !== void 0 ? t : ""));
     })))))));
   }
   renderCalendarPopover() {
     const {monthIndex: e, selectedYear: t} = this.selectedMonthYear;
-    return i("div", {
+    return a("div", {
       class: "calendar-field-popup",
       onKeyUp: this.onPopupKeyup
-    }, this.calendarLabel && i("p", {
+    }, this.calendarLabel && a("p", {
       class: "calendar-label"
-    }, s(this.calendarLabel)), i("div", {
+    }, s(this.calendarLabel)), a("div", {
       class: "cal-month-heading"
-    }, i("q2-btn", {
+    }, a("q2-btn", {
       label: s("tecton.element.calendar.previousMonth"),
       "hide-label": true,
       ref: e => this.btnPrevMonth = e,
       class: "cal-nav-btn prev-month",
       "test-id": "previousMonthButton",
       onClick: () => this.goToMonthYear(e - 1, t)
-    }, i("q2-icon", {
+    }, a("q2-icon", {
       type: "chevron-left"
-    })), i("span", {
+    })), a("span", {
       class: "cal-month-text"
-    }, this.monthStrings[e]), i("q2-btn", {
+    }, this.monthStrings[e]), a("q2-btn", {
       label: s("tecton.element.calendar.nextMonth"),
       "hide-label": true,
       class: "cal-nav-btn next-month",
       ref: e => this.btnNextMonth = e,
       "test-id": "nextMonthButton",
       onClick: () => this.goToMonthYear(e + 1, t)
-    }, i("q2-icon", {
+    }, a("q2-icon", {
       type: "chevron-right"
-    })), i("q2-btn", {
+    })), a("q2-btn", {
       label: s("tecton.element.calendar.previousYear"),
       "hide-label": true,
       class: "cal-nav-btn prev-year",
       ref: e => this.btnPrevYear = e,
       "test-id": "previousYearButton",
       onClick: () => this.goToMonthYear(e, t - 1)
-    }, i("q2-icon", {
+    }, a("q2-icon", {
       type: "chevron-left"
-    })), i("span", {
+    })), a("span", {
       class: "cal-year-text"
-    }, this.selectedMonthYear.selectedYear), i("q2-btn", {
+    }, this.selectedMonthYear.selectedYear), a("q2-btn", {
       label: s("tecton.element.calendar.nextYear"),
       "hide-label": true,
       class: "cal-nav-btn next-year",
@@ -1119,15 +1119,15 @@ const y = class {
       "test-id": "nextYearButton",
       onClick: () => this.goToMonthYear(e, t + 1),
       onKeyDown: this.onHeaderControlKeydown
-    }, i("q2-icon", {
+    }, a("q2-icon", {
       type: "chevron-right"
-    }))), i("div", {
+    }))), a("div", {
       class: "sr",
       "aria-live": "polite",
       id: "table-label"
-    }, `${this.monthStrings[e]} ${t}`), this.calendarDays(), this.disclaimer && i("div", {
+    }, `${this.monthStrings[e]} ${t}`), this.calendarDays(), this.disclaimer && a("div", {
       class: "calendar-disclaimer"
-    }, s(this.disclaimer)), i("q2-btn", {
+    }, s(this.disclaimer)), a("q2-btn", {
       class: "sr refocus-popup",
       onFocus: this.onRefocus
     }));
@@ -1136,9 +1136,9 @@ const y = class {
     const e = this.hostElement.shadowRoot.activeElement;
     if (!e || e.tagName !== "TD" || !e.hasAttribute("aria-hidden")) return;
     const {calendarBody: t} = this;
-    const i = Array.from(t.querySelectorAll("td"));
-    const a = Array.from(i).indexOf(e);
-    const n = a < 15 ? 1 : i.filter((e => !e.hasAttribute("aria-hidden"))).length;
+    const a = Array.from(t.querySelectorAll("td"));
+    const i = Array.from(a).indexOf(e);
+    const n = i < 15 ? 1 : a.filter((e => !e.hasAttribute("aria-hidden"))).length;
     this.focusDay(this.generateDateFromDay(n));
   }
   async focusDay(e) {
@@ -1152,12 +1152,12 @@ const y = class {
     (e = this.controlElement) === null || e === void 0 ? void 0 : e.focus();
   }
   generateDateFromDay(e) {
-    const {monthIndex: t, selectedYear: i} = this.selectedMonthYear;
-    return new Date(i, t, e);
+    const {monthIndex: t, selectedYear: a} = this.selectedMonthYear;
+    return new Date(a, t, e);
   }
   renderHintField() {
     if (!this.hintMessage) return;
-    return i("q2-message", {
+    return a("q2-message", {
       class: "calendar-hint sr",
       ref: e => this.hintMessageElement = e,
       type: this.hintMessageType
@@ -1165,7 +1165,7 @@ const y = class {
   }
   renderInputField() {
     const {isTypeable: e} = this;
-    return i("q2-input", {
+    return a("q2-input", {
       ref: e => this.controlElement = e,
       class: "calendar-input-field",
       value: this.formattedValue,
@@ -1193,14 +1193,14 @@ const y = class {
       "test-id": "inputAndCalendarToggle",
       _role: "combobox",
       _preventEntry: !e
-    }, e && i("q2-btn", {
+    }, e && a("q2-btn", {
       ref: e => this.btnCalendarToggle = e,
       slot: "input-right",
       onClick: this.onInputClick,
       "test-id": "calendarToggle",
       label: "tecton.element.calendar.toggleAriaLabel",
       "hide-label": true
-    }, i("q2-icon", {
+    }, a("q2-icon", {
       type: "calendar"
     })));
   }
@@ -1217,13 +1217,13 @@ const y = class {
       messageType: null
     });
   }
-  setHints({isValid: e, message: t, messageType: i}) {
-    var a;
-    if (t === this.hintMessage) return (a = this.hintMessageElement) === null || a === void 0 ? void 0 : a.present();
+  setHints({isValid: e, message: t, messageType: a}) {
+    var i;
+    if (t === this.hintMessage) return (i = this.hintMessageElement) === null || i === void 0 ? void 0 : i.present();
     this.invalid = !e;
     this.hintMessage = t;
-    this.hintMessageType = i;
-    if (i === "error" && t) {
+    this.hintMessageType = a;
+    if (a === "error" && t) {
       this.internalError = t;
       this.error.emit({
         errors: [ {
@@ -1234,16 +1234,16 @@ const y = class {
     }
   }
   validateDate() {
-    var e, t, i;
+    var e, t, a;
     try {
       if (!!this.value) {
-        const {dateValue: a} = this;
-        const n = (e = a === null || a === void 0 ? void 0 : a.getMonth()) !== null && e !== void 0 ? e : undefined;
-        const s = (t = a === null || a === void 0 ? void 0 : a.getFullYear()) !== null && t !== void 0 ? t : undefined;
+        const {dateValue: i} = this;
+        const n = (e = i === null || i === void 0 ? void 0 : i.getMonth()) !== null && e !== void 0 ? e : undefined;
+        const s = (t = i === null || i === void 0 ? void 0 : i.getFullYear()) !== null && t !== void 0 ? t : undefined;
         const {monthIndex: r, selectedYear: o} = this.selectedMonthYear;
         const d = n === r && s === o;
         let l = [];
-        if (!a) {
+        if (!i) {
           l = [];
         } else if (d) {
           l = this.dateList;
@@ -1253,7 +1253,7 @@ const y = class {
             selectedYear: s
           });
         }
-        const c = (i = a === null || a === void 0 ? void 0 : a.getDate()) !== null && i !== void 0 ? i : undefined;
+        const c = (a = i === null || i === void 0 ? void 0 : i.getDate()) !== null && a !== void 0 ? a : undefined;
         const h = c ? !l.find((({integer: e}) => e === c)).isValid : true;
         if (h) {
           this.error.emit({
@@ -1264,7 +1264,7 @@ const y = class {
           });
         } else {
           this.success.emit({
-            value: formatDateISO(a)
+            value: formatDateISO(i)
           });
         }
       }
@@ -1275,11 +1275,11 @@ const y = class {
   // #endregion
   // #region Render Methods
   render() {
-    return i("click-elsewhere", {
+    return a("click-elsewhere", {
       key: "76bda9101bf99ae49ab8f04be2d5743dc6b110a8",
       class: this.open ? "dropdown-open" : undefined,
       onChange: this.onClickElsewhere
-    }, this.renderInputField(), i("q2-popover", {
+    }, this.renderInputField(), a("q2-popover", {
       key: "4e556602957d99a9e48127e647923f3e5719e950",
       ref: e => this.popoverElement = e,
       controlElement: this.innerInputContainer,
@@ -1292,7 +1292,7 @@ const y = class {
     }, this.renderHintField(), this.renderCalendarPopover()));
   }
   get hostElement() {
-    return a(this);
+    return i(this);
   }
   static get watchers() {
     return {