@vonage/vivid 5.15.0 → 5.15.1

package/bundled/calendar-picker.template.js

@@ -5,7 +5,7 @@ import { V as Me } from "./definition14.js";
 import { r as F } from "./repeat.js";
 import { w as D } from "./when.js";
 import { c as ke } from "./class-names.js";
-const lr = '.segments{gap:24px}@media (width >= 648px){.segments{display:inline-flex}}.segment{display:flex;flex-direction:column;gap:12px}.segment .header{display:flex;align-items:center;padding-block:8px}.segment .title{display:flex;flex-grow:1;justify-content:center}.segment .title-action{border-radius:8px;block-size:24px;font:var(--vvd-typography-base-extended);padding-inline:8px}.calendar{display:flex;flex-direction:column;margin-top:8px;gap:4px}.calendar .calendar-separator{margin-inline:10px}.calendar .calendar-weekdays{display:flex;justify-content:center}.calendar .calendar-weekday{display:inline-flex;align-items:center;justify-content:center;block-size:16px;font:var(--vvd-typography-base-condensed);inline-size:40px}.calendar .calendar-week{display:flex;justify-content:center}.calendar .calendar-day{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;aspect-ratio:1/1;block-size:28px;font:var(--vvd-typography-base);margin-inline:6px}.calendar .calendar-day.start,.calendar .calendar-day.end{border:2px solid var(--vvd-color-cta-50);background-color:var(--vvd-color-cta-200)}.calendar:focus-visible .calendar .calendar-day.start,.calendar:focus-visible .calendar .calendar-day.end{border-width:3px}.calendar .calendar-day:before,.calendar .calendar-day:after{position:absolute;z-index:-1;display:block;width:20px;height:28px}.calendar .calendar-day:before{right:50%}.calendar .calendar-day:after{left:50%}.calendar .calendar-day.range:before,.calendar .calendar-day.range:after{background-color:var(--vvd-color-cta-50)}.calendar .calendar-day.range:not(.start):before,.calendar .calendar-day.range:not(.end):after{content:""}.calendar .calendar-day.outside-month,.calendar .calendar-day:disabled{color:var(--vvd-color-neutral-400)}.months-separator{margin-inline:-12px}.month-grid{display:flex;flex-direction:column;gap:34px}.month-grid .months-row{display:flex;justify-content:center;gap:29px}.month-grid .month{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;aspect-ratio:1/1;block-size:48px;font:var(--vvd-typography-base-extended);text-transform:uppercase}.month-grid .month:disabled{color:var(--vvd-color-neutral-400)}.button{--_connotation-color-primary: var(--vvd-date-picker-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-firm: var(--vvd-date-picker-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-faint: var(--vvd-date-picker-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-date-picker-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-dim: var(--vvd-date-picker-accent-dim, var(--vvd-color-neutral-200));--_connotation-color-pale: var(--vvd-date-picker-accent-pale, var(--vvd-color-neutral-300))}.button{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}@media (hover: hover){.button:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}}.button.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.button:active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.button.active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.button.selected:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}@media (hover: hover){.button.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}}.button.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.button.selected:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: transparent}.button.selected.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: transparent}.button{position:relative;padding:0;border:none;background-color:var(--_appearance-color-fill);color:var(--_appearance-color-text);cursor:pointer}.button:disabled{cursor:not-allowed}.button:focus:not(.title-action),.button.title-action:focus-visible{--focus-stroke-gap-color: transparent;color:var(--vvd-color-canvas-text);box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}.button:focus:not(.title-action).start,.button:focus:not(.title-action).end,.button.title-action:focus-visible.start,.button.title-action:focus-visible.end{border-width:3px}.button.current{border:1px solid var(--vvd-color-neutral-200)}.button.selected{border:1px solid var(--vvd-color-neutral-900)}';
+const lr = '.segments{gap:24px}@media(width>=648px){.segments{display:inline-flex}}.segment{display:flex;flex-direction:column;gap:12px}.segment .header{display:flex;align-items:center;padding-block:8px}.segment .title{display:flex;flex-grow:1;justify-content:center}.segment .title-action{border-radius:8px;block-size:24px;font:var(--vvd-typography-base-extended);padding-inline:8px}.calendar{display:flex;flex-direction:column;margin-top:8px;gap:4px}.calendar .calendar-separator{margin-inline:10px}.calendar .calendar-weekdays{display:flex;justify-content:center}.calendar .calendar-weekday{display:inline-flex;align-items:center;justify-content:center;block-size:16px;font:var(--vvd-typography-base-condensed);inline-size:40px}.calendar .calendar-week{display:flex;justify-content:center}.calendar .calendar-day{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;aspect-ratio:1/1;block-size:28px;font:var(--vvd-typography-base);margin-inline:6px}.calendar .calendar-day.start,.calendar .calendar-day.end{border:2px solid var(--vvd-color-cta-50);background-color:var(--vvd-color-cta-200)}.calendar:focus-visible .calendar .calendar-day.start,.calendar:focus-visible .calendar .calendar-day.end{border-width:3px}.calendar .calendar-day:before,.calendar .calendar-day:after{position:absolute;z-index:-1;display:block;width:20px;height:28px}.calendar .calendar-day:before{right:50%}.calendar .calendar-day:after{left:50%}.calendar .calendar-day.range:before,.calendar .calendar-day.range:after{background-color:var(--vvd-color-cta-50)}.calendar .calendar-day.range:not(.start):before,.calendar .calendar-day.range:not(.end):after{content:""}.calendar .calendar-day.outside-month,.calendar .calendar-day:disabled{color:var(--vvd-color-neutral-400)}.months-separator{margin-inline:-12px}.month-grid{display:flex;flex-direction:column;gap:34px}.month-grid .months-row{display:flex;justify-content:center;gap:29px}.month-grid .month{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;aspect-ratio:1/1;block-size:48px;font:var(--vvd-typography-base-extended);text-transform:uppercase}.month-grid .month:disabled{color:var(--vvd-color-neutral-400)}.button{--_connotation-color-primary: var(--vvd-date-picker-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-firm: var(--vvd-date-picker-accent-firm, var(--vvd-color-canvas-text));--_connotation-color-faint: var(--vvd-date-picker-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-date-picker-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-dim: var(--vvd-date-picker-accent-dim, var(--vvd-color-neutral-200));--_connotation-color-pale: var(--vvd-date-picker-accent-pale, var(--vvd-color-neutral-300))}.button{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}@media(hover:hover){.button:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}}.button.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.button:active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.button.active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.button.selected:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}@media(hover:hover){.button.selected:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}}.button.selected.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-dim);--_appearance-color-outline: transparent}.button.selected:disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: transparent}.button.selected.disabled{--_appearance-color-text: var(--vvd-color-neutral-300);--_appearance-color-fill: var(--vvd-color-neutral-200);--_appearance-color-outline: transparent}.button{position:relative;padding:0;border:none;background-color:var(--_appearance-color-fill);color:var(--_appearance-color-text);cursor:pointer}.button:disabled{cursor:not-allowed}.button:focus:not(.title-action),.button.title-action:focus-visible{--focus-stroke-gap-color: transparent;color:var(--vvd-color-canvas-text);box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}.button:focus:not(.title-action).start,.button:focus:not(.title-action).end,.button.title-action:focus-visible.start,.button.title-action:focus-visible.end{border-width:3px}.button.current{border:1px solid var(--vvd-color-neutral-200)}.button.selected{border:1px solid var(--vvd-color-neutral-900)}';
 function _(r) {
   const e = Object.prototype.toString.call(r);
   return r instanceof Date || typeof r == "object" && e === "[object Date]" ? new r.constructor(+r) : typeof r == "number" || e === "[object Number]" || typeof r == "string" || e === "[object String]" ? new Date(r) : /* @__PURE__ */ new Date(NaN);
@@ -561,7 +561,6 @@ const C = {
         return n;
       case "aaaaa":
         return n[0];
-      case "aaaa":
       default:
         return n === "am" ? "a.m." : "p.m.";
     }
@@ -601,13 +600,14 @@ const C = {
   G: function(r, e, n) {
     const t = r.getFullYear() > 0 ? 1 : 0;
     switch (e) {
+      // AD, BC
       case "G":
       case "GG":
       case "GGG":
         return n.era(t, { width: "abbreviated" });
+      // A, B
       case "GGGGG":
         return n.era(t, { width: "narrow" });
-      case "GGGG":
       default:
         return n.era(t, { width: "wide" });
     }
@@ -651,23 +651,27 @@ const C = {
   Q: function(r, e, n) {
     const t = Math.ceil((r.getMonth() + 1) / 3);
     switch (e) {
+      // 1, 2, 3, 4
       case "Q":
         return String(t);
+      // 01, 02, 03, 04
       case "QQ":
         return l(t, 2);
+      // 1st, 2nd, 3rd, 4th
       case "Qo":
         return n.ordinalNumber(t, { unit: "quarter" });
+      // Q1, Q2, Q3, Q4
       case "QQQ":
         return n.quarter(t, {
           width: "abbreviated",
           context: "formatting"
         });
+      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
       case "QQQQQ":
         return n.quarter(t, {
           width: "narrow",
           context: "formatting"
         });
-      case "QQQQ":
       default:
         return n.quarter(t, {
           width: "wide",
@@ -679,23 +683,27 @@ const C = {
   q: function(r, e, n) {
     const t = Math.ceil((r.getMonth() + 1) / 3);
     switch (e) {
+      // 1, 2, 3, 4
       case "q":
         return String(t);
+      // 01, 02, 03, 04
       case "qq":
         return l(t, 2);
+      // 1st, 2nd, 3rd, 4th
       case "qo":
         return n.ordinalNumber(t, { unit: "quarter" });
+      // Q1, Q2, Q3, Q4
       case "qqq":
         return n.quarter(t, {
           width: "abbreviated",
           context: "standalone"
         });
+      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
       case "qqqqq":
         return n.quarter(t, {
           width: "narrow",
           context: "standalone"
         });
-      case "qqqq":
       default:
         return n.quarter(t, {
           width: "wide",
@@ -710,19 +718,21 @@ const C = {
       case "M":
       case "MM":
         return C.M(r, e);
+      // 1st, 2nd, ..., 12th
       case "Mo":
         return n.ordinalNumber(t + 1, { unit: "month" });
+      // Jan, Feb, ..., Dec
       case "MMM":
         return n.month(t, {
           width: "abbreviated",
           context: "formatting"
         });
+      // J, F, ..., D
       case "MMMMM":
         return n.month(t, {
           width: "narrow",
           context: "formatting"
         });
-      case "MMMM":
       default:
         return n.month(t, { width: "wide", context: "formatting" });
     }
@@ -731,23 +741,27 @@ const C = {
   L: function(r, e, n) {
     const t = r.getMonth();
     switch (e) {
+      // 1, 2, ..., 12
       case "L":
         return String(t + 1);
+      // 01, 02, ..., 12
       case "LL":
         return l(t + 1, 2);
+      // 1st, 2nd, ..., 12th
       case "Lo":
         return n.ordinalNumber(t + 1, { unit: "month" });
+      // Jan, Feb, ..., Dec
       case "LLL":
         return n.month(t, {
           width: "abbreviated",
           context: "standalone"
         });
+      // J, F, ..., D
       case "LLLLL":
         return n.month(t, {
           width: "narrow",
           context: "standalone"
         });
-      case "LLLL":
       default:
         return n.month(t, { width: "wide", context: "standalone" });
     }
@@ -775,6 +789,7 @@ const C = {
   E: function(r, e, n) {
     const t = r.getDay();
     switch (e) {
+      // Tue
       case "E":
       case "EE":
       case "EEE":
@@ -782,17 +797,18 @@ const C = {
           width: "abbreviated",
           context: "formatting"
         });
+      // T
       case "EEEEE":
         return n.day(t, {
           width: "narrow",
           context: "formatting"
         });
+      // Tu
       case "EEEEEE":
         return n.day(t, {
           width: "short",
           context: "formatting"
         });
-      case "EEEE":
       default:
         return n.day(t, {
           width: "wide",
@@ -804,10 +820,13 @@ const C = {
   e: function(r, e, n, t) {
     const a = r.getDay(), o = (a - t.weekStartsOn + 8) % 7 || 7;
     switch (e) {
+      // Numerical value (Nth day of week with current locale or weekStartsOn)
       case "e":
         return String(o);
+      // Padded numerical value
       case "ee":
         return l(o, 2);
+      // 1st, 2nd, ..., 7th
       case "eo":
         return n.ordinalNumber(o, { unit: "day" });
       case "eee":
@@ -815,17 +834,18 @@ const C = {
           width: "abbreviated",
           context: "formatting"
         });
+      // T
       case "eeeee":
         return n.day(a, {
           width: "narrow",
           context: "formatting"
         });
+      // Tu
       case "eeeeee":
         return n.day(a, {
           width: "short",
           context: "formatting"
         });
-      case "eeee":
       default:
         return n.day(a, {
           width: "wide",
@@ -837,10 +857,13 @@ const C = {
   c: function(r, e, n, t) {
     const a = r.getDay(), o = (a - t.weekStartsOn + 8) % 7 || 7;
     switch (e) {
+      // Numerical value (same as in `e`)
       case "c":
         return String(o);
+      // Padded numerical value
       case "cc":
         return l(o, e.length);
+      // 1st, 2nd, ..., 7th
       case "co":
         return n.ordinalNumber(o, { unit: "day" });
       case "ccc":
@@ -848,17 +871,18 @@ const C = {
           width: "abbreviated",
           context: "standalone"
         });
+      // T
       case "ccccc":
         return n.day(a, {
           width: "narrow",
           context: "standalone"
         });
+      // Tu
       case "cccccc":
         return n.day(a, {
           width: "short",
           context: "standalone"
         });
-      case "cccc":
       default:
         return n.day(a, {
           width: "wide",
@@ -870,28 +894,33 @@ const C = {
   i: function(r, e, n) {
     const t = r.getDay(), a = t === 0 ? 7 : t;
     switch (e) {
+      // 2
       case "i":
         return String(a);
+      // 02
       case "ii":
         return l(a, e.length);
+      // 2nd
       case "io":
         return n.ordinalNumber(a, { unit: "day" });
+      // Tue
       case "iii":
         return n.day(t, {
           width: "abbreviated",
           context: "formatting"
         });
+      // T
       case "iiiii":
         return n.day(t, {
           width: "narrow",
           context: "formatting"
         });
+      // Tu
       case "iiiiii":
         return n.day(t, {
           width: "short",
           context: "formatting"
         });
-      case "iiii":
       default:
         return n.day(t, {
           width: "wide",
@@ -919,7 +948,6 @@ const C = {
           width: "narrow",
           context: "formatting"
         });
-      case "aaaa":
       default:
         return n.dayPeriod(a, {
           width: "wide",
@@ -948,7 +976,6 @@ const C = {
           width: "narrow",
           context: "formatting"
         });
-      case "bbbb":
       default:
         return n.dayPeriod(a, {
           width: "wide",
@@ -973,7 +1000,6 @@ const C = {
           width: "narrow",
           context: "formatting"
         });
-      case "BBBB":
       default:
         return n.dayPeriod(a, {
           width: "wide",
@@ -1021,13 +1047,16 @@ const C = {
     if (t === 0)
       return "Z";
     switch (e) {
+      // Hours and optional minutes
       case "X":
         return me(t);
+      // Hours, minutes and optional seconds without `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `XX`
       case "XXXX":
       case "XX":
         return E(t);
-      case "XXXXX":
-      case "XXX":
+      // Hours and minutes with `:` delimiter
       default:
         return E(t, ":");
     }
@@ -1036,13 +1065,16 @@ const C = {
   x: function(r, e, n) {
     const t = r.getTimezoneOffset();
     switch (e) {
+      // Hours and optional minutes
       case "x":
         return me(t);
+      // Hours, minutes and optional seconds without `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `xx`
       case "xxxx":
       case "xx":
         return E(t);
-      case "xxxxx":
-      case "xxx":
+      // Hours and minutes with `:` delimiter
       default:
         return E(t, ":");
     }
@@ -1051,11 +1083,11 @@ const C = {
   O: function(r, e, n) {
     const t = r.getTimezoneOffset();
     switch (e) {
+      // Short
       case "O":
       case "OO":
       case "OOO":
         return "GMT" + pe(t, ":");
-      case "OOOO":
       default:
         return "GMT" + E(t, ":");
     }
@@ -1064,11 +1096,11 @@ const C = {
   z: function(r, e, n) {
     const t = r.getTimezoneOffset();
     switch (e) {
+      // Short
       case "z":
       case "zz":
       case "zzz":
         return "GMT" + pe(t, ":");
-      case "zzzz":
       default:
         return "GMT" + E(t, ":");
     }
@@ -1103,7 +1135,6 @@ const we = (r, e) => {
       return e.date({ width: "medium" });
     case "PPP":
       return e.date({ width: "long" });
-    case "PPPP":
     default:
       return e.date({ width: "full" });
   }
@@ -1115,7 +1146,6 @@ const we = (r, e) => {
       return e.time({ width: "medium" });
     case "ppp":
       return e.time({ width: "long" });
-    case "pppp":
     default:
       return e.time({ width: "full" });
   }
@@ -1134,7 +1164,6 @@ const we = (r, e) => {
     case "PPP":
       o = e.dateTime({ width: "long" });
       break;
-    case "PPPP":
     default:
       o = e.dateTime({ width: "full" });
       break;
@@ -1282,13 +1311,14 @@ class zt extends u {
   priority = 140;
   parse(e, n, t) {
     switch (n) {
+      // AD, BC
       case "G":
       case "GG":
       case "GGG":
         return t.era(e, { width: "abbreviated" }) || t.era(e, { width: "narrow" });
+      // A, B
       case "GGGGG":
         return t.era(e, { width: "narrow" });
-      case "GGGG":
       default:
         return t.era(e, { width: "wide" }) || t.era(e, { width: "abbreviated" }) || t.era(e, { width: "narrow" });
     }
@@ -1412,9 +1442,6 @@ function oe(r) {
     case "noon":
     case "afternoon":
       return 12;
-    case "am":
-    case "midnight":
-    case "night":
     default:
       return 0;
   }
@@ -1568,11 +1595,14 @@ class St extends u {
   priority = 120;
   parse(e, n, t) {
     switch (n) {
+      // 1, 2, 3, 4
       case "Q":
       case "QQ":
         return b(n.length, e);
+      // 1st, 2nd, 3rd, 4th
       case "Qo":
         return t.ordinalNumber(e, { unit: "quarter" });
+      // Q1, Q2, Q3, Q4
       case "QQQ":
         return t.quarter(e, {
           width: "abbreviated",
@@ -1581,12 +1611,12 @@ class St extends u {
           width: "narrow",
           context: "formatting"
         });
+      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
       case "QQQQQ":
         return t.quarter(e, {
           width: "narrow",
           context: "formatting"
         });
-      case "QQQQ":
       default:
         return t.quarter(e, {
           width: "wide",
@@ -1627,11 +1657,14 @@ class en extends u {
   priority = 120;
   parse(e, n, t) {
     switch (n) {
+      // 1, 2, 3, 4
       case "q":
       case "qq":
         return b(n.length, e);
+      // 1st, 2nd, 3rd, 4th
       case "qo":
         return t.ordinalNumber(e, { unit: "quarter" });
+      // Q1, Q2, Q3, Q4
       case "qqq":
         return t.quarter(e, {
           width: "abbreviated",
@@ -1640,12 +1673,12 @@ class en extends u {
           width: "narrow",
           context: "standalone"
         });
+      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
       case "qqqqq":
         return t.quarter(e, {
           width: "narrow",
           context: "standalone"
         });
-      case "qqqq":
       default:
         return t.quarter(e, {
           width: "wide",
@@ -1702,13 +1735,16 @@ class tn extends u {
   parse(e, n, t) {
     const a = (o) => o - 1;
     switch (n) {
+      // 1, 2, ..., 12
       case "M":
         return g(
           p(y.month, e),
           a
         );
+      // 01, 02, ..., 12
       case "MM":
         return g(b(2, e), a);
+      // 1st, 2nd, ..., 12th
       case "Mo":
         return g(
           t.ordinalNumber(e, {
@@ -1716,17 +1752,18 @@ class tn extends u {
           }),
           a
         );
+      // Jan, Feb, ..., Dec
       case "MMM":
         return t.month(e, {
           width: "abbreviated",
           context: "formatting"
         }) || t.month(e, { width: "narrow", context: "formatting" });
+      // J, F, ..., D
       case "MMMMM":
         return t.month(e, {
           width: "narrow",
           context: "formatting"
         });
-      case "MMMM":
       default:
         return t.month(e, { width: "wide", context: "formatting" }) || t.month(e, {
           width: "abbreviated",
@@ -1746,13 +1783,16 @@ class nn extends u {
   parse(e, n, t) {
     const a = (o) => o - 1;
     switch (n) {
+      // 1, 2, ..., 12
       case "L":
         return g(
           p(y.month, e),
           a
         );
+      // 01, 02, ..., 12
       case "LL":
         return g(b(2, e), a);
+      // 1st, 2nd, ..., 12th
       case "Lo":
         return g(
           t.ordinalNumber(e, {
@@ -1760,17 +1800,18 @@ class nn extends u {
           }),
           a
         );
+      // Jan, Feb, ..., Dec
       case "LLL":
         return t.month(e, {
           width: "abbreviated",
           context: "standalone"
         }) || t.month(e, { width: "narrow", context: "standalone" });
+      // J, F, ..., D
       case "LLLLL":
         return t.month(e, {
           width: "narrow",
           context: "standalone"
         });
-      case "LLLL":
       default:
         return t.month(e, { width: "wide", context: "standalone" }) || t.month(e, {
           width: "abbreviated",
@@ -1973,6 +2014,7 @@ class hn extends u {
   priority = 90;
   parse(e, n, t) {
     switch (n) {
+      // Tue
       case "E":
       case "EE":
       case "EEE":
@@ -1980,14 +2022,15 @@ class hn extends u {
           width: "abbreviated",
           context: "formatting"
         }) || t.day(e, { width: "short", context: "formatting" }) || t.day(e, { width: "narrow", context: "formatting" });
+      // T
       case "EEEEE":
         return t.day(e, {
           width: "narrow",
           context: "formatting"
         });
+      // Tu
       case "EEEEEE":
         return t.day(e, { width: "short", context: "formatting" }) || t.day(e, { width: "narrow", context: "formatting" });
-      case "EEEE":
       default:
         return t.day(e, { width: "wide", context: "formatting" }) || t.day(e, {
           width: "abbreviated",
@@ -2011,9 +2054,11 @@ class fn extends u {
       return (s + a.weekStartsOn + 6) % 7 + i;
     };
     switch (n) {
+      // 3
       case "e":
       case "ee":
         return g(b(n.length, e), o);
+      // 3rd
       case "eo":
         return g(
           t.ordinalNumber(e, {
@@ -2021,19 +2066,21 @@ class fn extends u {
           }),
           o
         );
+      // Tue
       case "eee":
         return t.day(e, {
           width: "abbreviated",
           context: "formatting"
         }) || t.day(e, { width: "short", context: "formatting" }) || t.day(e, { width: "narrow", context: "formatting" });
+      // T
       case "eeeee":
         return t.day(e, {
           width: "narrow",
           context: "formatting"
         });
+      // Tu
       case "eeeeee":
         return t.day(e, { width: "short", context: "formatting" }) || t.day(e, { width: "narrow", context: "formatting" });
-      case "eeee":
       default:
         return t.day(e, { width: "wide", context: "formatting" }) || t.day(e, {
           width: "abbreviated",
@@ -2073,9 +2120,11 @@ class pn extends u {
       return (s + a.weekStartsOn + 6) % 7 + i;
     };
     switch (n) {
+      // 3
       case "c":
       case "cc":
         return g(b(n.length, e), o);
+      // 3rd
       case "co":
         return g(
           t.ordinalNumber(e, {
@@ -2083,19 +2132,21 @@ class pn extends u {
           }),
           o
         );
+      // Tue
       case "ccc":
         return t.day(e, {
           width: "abbreviated",
           context: "standalone"
         }) || t.day(e, { width: "short", context: "standalone" }) || t.day(e, { width: "narrow", context: "standalone" });
+      // T
       case "ccccc":
         return t.day(e, {
           width: "narrow",
           context: "standalone"
         });
+      // Tu
       case "cccccc":
         return t.day(e, { width: "short", context: "standalone" }) || t.day(e, { width: "narrow", context: "standalone" });
-      case "cccc":
       default:
         return t.day(e, { width: "wide", context: "standalone" }) || t.day(e, {
           width: "abbreviated",
@@ -2136,11 +2187,14 @@ class wn extends u {
   parse(e, n, t) {
     const a = (o) => o === 0 ? 7 : o;
     switch (n) {
+      // 2
       case "i":
       case "ii":
         return b(n.length, e);
+      // 2nd
       case "io":
         return t.ordinalNumber(e, { unit: "day" });
+      // Tue
       case "iii":
         return g(
           t.day(e, {
@@ -2155,6 +2209,7 @@ class wn extends u {
           }),
           a
         );
+      // T
       case "iiiii":
         return g(
           t.day(e, {
@@ -2163,6 +2218,7 @@ class wn extends u {
           }),
           a
         );
+      // Tu
       case "iiiiii":
         return g(
           t.day(e, {
@@ -2174,7 +2230,6 @@ class wn extends u {
           }),
           a
         );
-      case "iiii":
       default:
         return g(
           t.day(e, {
@@ -2237,7 +2292,6 @@ class bn extends u {
           width: "narrow",
           context: "formatting"
         });
-      case "aaaa":
       default:
         return t.dayPeriod(e, {
           width: "wide",
@@ -2275,7 +2329,6 @@ class yn extends u {
           width: "narrow",
           context: "formatting"
         });
-      case "bbbb":
       default:
         return t.dayPeriod(e, {
           width: "wide",
@@ -2313,7 +2366,6 @@ class gn extends u {
           width: "narrow",
           context: "formatting"
         });
-      case "BBBB":
       default:
         return t.dayPeriod(e, {
           width: "wide",
@@ -2486,7 +2538,6 @@ class Tn extends u {
           P.extendedOptionalSeconds,
           e
         );
-      case "XXX":
       default:
         return T(P.extended, e);
     }
@@ -2520,7 +2571,6 @@ class Yn extends u {
           P.extendedOptionalSeconds,
           e
         );
-      case "xxx":
       default:
         return T(P.extended, e);
     }
@@ -3036,7 +3086,6 @@ const _e = {
      * @internal
      */
     minChanged(t, a) {
-      /* v8 ignore if -- @preserve */
       this.proxy instanceof HTMLInputElement && (this.proxy.min = a, this.validate());
     }
     /**
@@ -3049,7 +3098,6 @@ const _e = {
      * @internal
      */
     maxChanged(t, a) {
-      /* v8 ignore if -- @preserve */
       this.proxy instanceof HTMLInputElement && (this.proxy.max = a, this.validate());
     }
     /**