@vonage/vivid 5.4.0 → 5.5.0

package/calendar/index.js

@@ -1,18 +1,74 @@
-import { V as $, U as q, a as h, h as s, c as z, d as H } from "../bundled/vivid-element.js";
-import { S as R } from "../bundled/enums.js";
-import { C as T } from "../bundled/calendar-event.js";
-import { _ as f, a as c, b as M } from "../bundled/_has.js";
+import { V as q, U as z, a as m, h as c, c as H, d as R } from "../bundled/vivid-element.js";
+import { S as T } from "../bundled/enums.js";
+import { C as M } from "../bundled/calendar-event.js";
 import { r as g } from "../bundled/repeat.js";
 import { c as F } from "../bundled/class-names.js";
-const N = Array.isArray || function(e) {
+const N = ':host{display:block;overflow:auto;block-size:inherit;max-block-size:inherit}ol{padding:0;margin:0;list-style:none}[role=grid i]{position:relative;z-index:0;display:grid;margin:auto;grid-template-areas:"filler column-headers" "row-headers calendar";grid-template-columns:min-content auto;inline-size:max(100%,500px);min-inline-size:880px}.row-headers{display:grid;grid-area:row-headers;grid-template-rows:repeat(24,1fr);margin-inline-end:2px}.row-headers>[role=rowheader i]{display:flex;align-items:flex-end;justify-content:flex-end}.row-headers>[role=rowheader i]>time{font:var(--vvd-typography-base-condensed);font-size:small;line-height:1;text-transform:uppercase;white-space:nowrap}.sticky-column .row-headers,.sticky-all .row-headers{position:sticky;z-index:1;background-color:var(--calendar-column-background-color, var(--vvd-color-canvas));inset-inline-start:0;margin-inline-end:3px}.calendar-row{display:contents}.calendar-grid-presentation{display:grid;overflow:hidden;border-radius:8px;background:var(--vvd-color-surface-2dp);counter-reset:listing;filter:var(--vvd-shadow-surface-2dp);gap:1px;grid-area:calendar;grid-auto-flow:column;grid-template:repeat(24,1fr)/repeat(7,1fr)}.hours{display:contents}.hours>[role=listitem i]{position:relative;grid-column:1/8;grid-row:var(--row);min-block-size:calc(1px*(48 + 4*clamp(-1,var(--vvd-size-density, 0),2)));pointer-events:none}.hours>[role=listitem i]:not(:first-child):after{position:absolute;border-block-end:var(--vvd-color-neutral-100) 1px solid;content:"";inline-size:100%;margin-block-start:-1px}.hours>[role=listitem i]:nth-child(24n+1){--row: 1}.hours>[role=listitem i]:nth-child(24n+2){--row: 2}.hours>[role=listitem i]:nth-child(24n+3){--row: 3}.hours>[role=listitem i]:nth-child(24n+4){--row: 4}.hours>[role=listitem i]:nth-child(24n+5){--row: 5}.hours>[role=listitem i]:nth-child(24n+6){--row: 6}.hours>[role=listitem i]:nth-child(24n+7){--row: 7}.hours>[role=listitem i]:nth-child(24n+8){--row: 8}.hours>[role=listitem i]:nth-child(24n+9){--row: 9}.hours>[role=listitem i]:nth-child(24n+10){--row: 10}.hours>[role=listitem i]:nth-child(24n+11){--row: 11}.hours>[role=listitem i]:nth-child(24n+12){--row: 12}.hours>[role=listitem i]:nth-child(24n+13){--row: 13}.hours>[role=listitem i]:nth-child(24n+14){--row: 14}.hours>[role=listitem i]:nth-child(24n+15){--row: 15}.hours>[role=listitem i]:nth-child(24n+16){--row: 16}.hours>[role=listitem i]:nth-child(24n+17){--row: 17}.hours>[role=listitem i]:nth-child(24n+18){--row: 18}.hours>[role=listitem i]:nth-child(24n+19){--row: 19}.hours>[role=listitem i]:nth-child(24n+20){--row: 20}.hours>[role=listitem i]:nth-child(24n+21){--row: 21}.hours>[role=listitem i]:nth-child(24n+22){--row: 22}.hours>[role=listitem i]:nth-child(24n+23){--row: 23}.hours>[role=listitem i]:nth-child(24n+24){--row: 24}[role=gridcell i]{display:grid;gap:1px;grid-auto-flow:column}[role=gridcell i],[role=columnheader i],[role=columnheader i] [role=button i]{position:relative}[role=gridcell i]:before,[role=columnheader i]:before,[role=columnheader i] [role=button i]:before{position:absolute;z-index:-1;background-color:var(--vvd-color-information-400);content:"";inset:0}[role=gridcell i]:focus,[role=columnheader i]:focus,[role=columnheader i] [role=button i]:focus{outline:none}[role=gridcell i]:not(:focus-visible):before,[role=columnheader i]:not(:focus-visible):before,[role=columnheader i] [role=button i]:not(:focus-visible):before{display:none}.columns{display:contents}.columns>[role=gridcell i]{position:relative;grid-column:var(--column);grid-row:1/25}.columns>[role=gridcell i]:nth-child(1){--column: 1}.columns>[role=gridcell i]:nth-child(2){--column: 2}.columns>[role=gridcell i]:nth-child(3){--column: 3}.columns>[role=gridcell i]:nth-child(4){--column: 4}.columns>[role=gridcell i]:nth-child(5){--column: 5}.columns>[role=gridcell i]:nth-child(6){--column: 6}.columns>[role=gridcell i]:nth-child(7){--column: 7}.columns>[role=gridcell i]:not(:first-child):after{position:absolute;block-size:100%;border-inline-end:var(--vvd-color-neutral-100) 1px solid;content:"";margin-inline-start:-1px}.column-headers{display:grid;grid-area:column-headers;grid-template-columns:repeat(7,1fr)}.column-headers [role=columnheader i] h2{display:grid;align-items:baseline;margin:0;font:var(--vvd-typography-heading-4);grid-template-columns:1fr auto 1fr}.column-headers [role=columnheader i] h2>em{font:inherit;inline-size:min-content;inset-inline-start:0}.column-headers [role=columnheader i] h2>small{font:var(--vvd-typography-base-condensed);text-transform:uppercase}.sticky-header .column-headers,.sticky-all .column-headers{position:sticky;z-index:1;background-color:var(--calendar-header-background-color, var(--vvd-color-canvas));inset-block-start:0;margin-block-end:3px}.filler{background-color:transparent;grid-area:filler}.sticky-header .filler,.sticky-all .filler,.sticky-column .filler{position:sticky;z-index:2;background-color:var(--calendar-header-background-color, var(--vvd-color-canvas));margin-block-end:3px}.sticky-column .filler{inset-inline-start:0}.sticky-header .filler{inset-block-start:0}.sticky-all .filler{inset-block-start:0;inset-inline-start:0}', j = "ArrowUp", x = "ArrowRight", w = "ArrowDown", I = "ArrowLeft";
+function P(t) {
+  return t instanceof HTMLElement && (t.matches('[role="gridcell"i]') || t.matches('[role="columnheader"i]'));
+}
+const U = (t) => t.matches('[role="columnheader"i]') ? '[role="gridcell"i]' : '[role="columnheader"i]';
+function L(t, e) {
+  if (e.parentNode instanceof HTMLElement)
+    switch (t) {
+      case x:
+        return e.nextElementSibling || e.parentNode.firstElementChild;
+      case I:
+        return e.previousElementSibling || e.parentNode.lastElementChild;
+      case j:
+      case w: {
+        const { children: r } = e.parentNode, n = Array.from(r).indexOf(e);
+        return this.shadowRoot.querySelector(
+          `${U(e)}:nth-child(${n + 1})`
+        );
+      }
+    }
+}
+function W(t, e) {
+  if (t !== w)
+    return;
+  const r = e.closest('[role="columnheader"i]'), n = this.shadowRoot.querySelectorAll(
+    '[role="columnheader"i]'
+  ), o = Array.from(n).indexOf(r);
+  return this.shadowRoot.querySelector(
+    `[role="gridcell"i]:nth-child(${o + 1})`
+  );
+}
+function u(t) {
+  return t != null && typeof t == "object" && t["@@functional/placeholder"] === !0;
+}
+function a(t) {
+  return function e(r) {
+    return arguments.length === 0 || u(r) ? e : t.apply(this, arguments);
+  };
+}
+function B(t) {
+  return function e(r, n) {
+    switch (arguments.length) {
+      case 0:
+        return e;
+      case 1:
+        return u(r) ? e : a(function(o) {
+          return t(r, o);
+        });
+      default:
+        return u(r) && u(n) ? e : u(r) ? a(function(o) {
+          return t(o, n);
+        }) : u(n) ? a(function(o) {
+          return t(r, o);
+        }) : t(r, n);
+    }
+  };
+}
+const K = Array.isArray || function(e) {
   return e != null && e.length >= 0 && Object.prototype.toString.call(e) === "[object Array]";
 };
-function b(t) {
+function A(t) {
   for (var e = [], r; !(r = t.next()).done; )
     e.push(r.value);
   return e;
 }
-function A(t, e, r) {
+function k(t, e, r) {
   for (var n = 0, o = r.length; n < o; ) {
     if (t(e, r[n]))
       return !0;
@@ -20,60 +76,63 @@ function A(t, e, r) {
   }
   return !1;
 }
-function U(t) {
+function V(t) {
   var e = String(t).match(/^function (\w*)/);
   return e == null ? "" : e[1];
 }
-function P(t, e) {
+function p(t, e) {
+  return Object.prototype.hasOwnProperty.call(e, t);
+}
+function Y(t, e) {
   return t === e ? t !== 0 || 1 / t === 1 / e : t !== t && e !== e;
 }
-const y = typeof Object.is == "function" ? Object.is : P;
-var k = Object.prototype.toString, C = /* @__PURE__ */ function() {
-  return k.call(arguments) === "[object Arguments]" ? function(e) {
-    return k.call(e) === "[object Arguments]";
+const v = typeof Object.is == "function" ? Object.is : Y;
+var O = Object.prototype.toString, $ = /* @__PURE__ */ function() {
+  return O.call(arguments) === "[object Arguments]" ? function(e) {
+    return O.call(e) === "[object Arguments]";
   } : function(e) {
-    return f("callee", e);
+    return p("callee", e);
   };
-}(), L = !/* @__PURE__ */ {
+}(), G = !/* @__PURE__ */ {
   toString: null
-}.propertyIsEnumerable("toString"), O = ["constructor", "valueOf", "isPrototypeOf", "toString", "propertyIsEnumerable", "hasOwnProperty", "toLocaleString"], S = /* @__PURE__ */ function() {
+}.propertyIsEnumerable("toString"), S = ["constructor", "valueOf", "isPrototypeOf", "toString", "propertyIsEnumerable", "hasOwnProperty", "toLocaleString"], D = /* @__PURE__ */ function() {
   return arguments.propertyIsEnumerable("length");
-}(), W = function(e, r) {
+}(), X = function(e, r) {
   for (var n = 0; n < e.length; ) {
     if (e[n] === r)
       return !0;
     n += 1;
   }
   return !1;
-}, D = typeof Object.keys == "function" && !S ? /* @__PURE__ */ c(function(e) {
+}, E = /* @__PURE__ */ a(typeof Object.keys == "function" && !D ? function(e) {
   return Object(e) !== e ? [] : Object.keys(e);
-}) : /* @__PURE__ */ c(function(e) {
+} : function(e) {
   if (Object(e) !== e)
     return [];
-  var r, n, o = [], i = S && C(e);
+  var r, n, o = [], i = D && $(e);
   for (r in e)
-    f(r, e) && (!i || r !== "length") && (o[o.length] = r);
-  if (L)
-    for (n = O.length - 1; n >= 0; )
-      r = O[n], f(r, e) && !W(o, r) && (o[o.length] = r), n -= 1;
+    p(r, e) && (!i || r !== "length") && (o[o.length] = r);
+  if (G)
+    for (n = S.length - 1; n >= 0; )
+      r = S[n], p(r, e) && !X(o, r) && (o[o.length] = r), n -= 1;
   return o;
-}), E = /* @__PURE__ */ c(function(e) {
+}), _ = /* @__PURE__ */ a(function(e) {
   return e === null ? "Null" : e === void 0 ? "Undefined" : Object.prototype.toString.call(e).slice(8, -1);
 });
-function _(t, e, r, n) {
-  var o = b(t), i = b(e);
-  function l(a, d) {
-    return v(a, d, r.slice(), n.slice());
+function C(t, e, r, n) {
+  var o = A(t), i = A(e);
+  function l(s, h) {
+    return b(s, h, r.slice(), n.slice());
   }
-  return !A(function(a, d) {
-    return !A(l, d, a);
+  return !k(function(s, h) {
+    return !k(l, h, s);
   }, i, o);
 }
-function v(t, e, r, n) {
-  if (y(t, e))
+function b(t, e, r, n) {
+  if (v(t, e))
     return !0;
-  var o = E(t);
-  if (o !== E(e))
+  var o = _(t);
+  if (o !== _(e))
     return !1;
   if (typeof t["fantasy-land/equals"] == "function" || typeof e["fantasy-land/equals"] == "function")
     return typeof t["fantasy-land/equals"] == "function" && t["fantasy-land/equals"](e) && typeof e["fantasy-land/equals"] == "function" && e["fantasy-land/equals"](t);
@@ -83,17 +142,17 @@ function v(t, e, r, n) {
     case "Arguments":
     case "Array":
     case "Object":
-      if (typeof t.constructor == "function" && U(t.constructor) === "Promise")
+      if (typeof t.constructor == "function" && V(t.constructor) === "Promise")
         return t === e;
       break;
     case "Boolean":
     case "Number":
     case "String":
-      if (!(typeof t == typeof e && y(t.valueOf(), e.valueOf())))
+      if (!(typeof t == typeof e && v(t.valueOf(), e.valueOf())))
         return !1;
       break;
     case "Date":
-      if (!y(t.valueOf(), e.valueOf()))
+      if (!v(t.valueOf(), e.valueOf()))
         return !1;
       break;
     case "Error":
@@ -110,9 +169,9 @@ function v(t, e, r, n) {
   }
   switch (o) {
     case "Map":
-      return t.size !== e.size ? !1 : _(t.entries(), e.entries(), r.concat([t]), n.concat([e]));
+      return t.size !== e.size ? !1 : C(t.entries(), e.entries(), r.concat([t]), n.concat([e]));
     case "Set":
-      return t.size !== e.size ? !1 : _(t.values(), e.values(), r.concat([t]), n.concat([e]));
+      return t.size !== e.size ? !1 : C(t.values(), e.values(), r.concat([t]), n.concat([e]));
     case "Arguments":
     case "Array":
     case "Object":
@@ -136,73 +195,42 @@ function v(t, e, r, n) {
     default:
       return !1;
   }
-  var l = D(t);
-  if (l.length !== D(e).length)
+  var l = E(t);
+  if (l.length !== E(e).length)
     return !1;
-  var a = r.concat([t]), d = n.concat([e]);
+  var s = r.concat([t]), h = n.concat([e]);
   for (i = l.length - 1; i >= 0; ) {
-    var p = l[i];
-    if (!(f(p, e) && v(e[p], t[p], a, d)))
+    var y = l[i];
+    if (!(p(y, e) && b(e[y], t[y], s, h)))
       return !1;
     i -= 1;
   }
   return !0;
 }
-var B = /* @__PURE__ */ M(function(e, r) {
-  return v(e, r, [], []);
+var J = /* @__PURE__ */ B(function(e, r) {
+  return b(e, r, [], []);
 });
-function K(t) {
+function Q(t) {
   return Object.prototype.toString.call(t) === "[object Object]";
 }
-function V(t) {
+function Z(t) {
   return Object.prototype.toString.call(t) === "[object String]";
 }
-var Y = /* @__PURE__ */ c(function(e) {
+var ee = /* @__PURE__ */ a(function(e) {
   return !e;
 });
-function G(t) {
+function te(t) {
   var e = Object.prototype.toString.call(t);
   return e === "[object Uint8ClampedArray]" || e === "[object Int8Array]" || e === "[object Uint8Array]" || e === "[object Int16Array]" || e === "[object Uint16Array]" || e === "[object Int32Array]" || e === "[object Uint32Array]" || e === "[object Float32Array]" || e === "[object Float64Array]" || e === "[object BigInt64Array]" || e === "[object BigUint64Array]";
 }
-var X = /* @__PURE__ */ c(function(e) {
-  return e != null && typeof e["fantasy-land/empty"] == "function" ? e["fantasy-land/empty"]() : e != null && e.constructor != null && typeof e.constructor["fantasy-land/empty"] == "function" ? e.constructor["fantasy-land/empty"]() : e != null && typeof e.empty == "function" ? e.empty() : e != null && e.constructor != null && typeof e.constructor.empty == "function" ? e.constructor.empty() : e == Set || e instanceof Set ? /* @__PURE__ */ new Set() : e == Map || e instanceof Map ? /* @__PURE__ */ new Map() : N(e) ? [] : V(e) ? "" : K(e) ? {} : C(e) ? /* @__PURE__ */ function() {
+var re = /* @__PURE__ */ a(function(e) {
+  return e != null && typeof e["fantasy-land/empty"] == "function" ? e["fantasy-land/empty"]() : e != null && e.constructor != null && typeof e.constructor["fantasy-land/empty"] == "function" ? e.constructor["fantasy-land/empty"]() : e != null && typeof e.empty == "function" ? e.empty() : e != null && e.constructor != null && typeof e.constructor.empty == "function" ? e.constructor.empty() : e == Set || e instanceof Set ? /* @__PURE__ */ new Set() : e == Map || e instanceof Map ? /* @__PURE__ */ new Map() : K(e) ? [] : Z(e) ? "" : Q(e) ? {} : $(e) ? /* @__PURE__ */ function() {
     return arguments;
-  }() : G(e) ? e.constructor.from("") : void 0;
-}), J = /* @__PURE__ */ c(function(e) {
-  return e != null && B(e, X(e));
+  }() : te(e) ? e.constructor.from("") : void 0;
+}), ne = /* @__PURE__ */ a(function(e) {
+  return e != null && J(e, re(e));
 });
-const Q = ':host{display:block;overflow:auto;block-size:inherit;max-block-size:inherit}ol{padding:0;margin:0;list-style:none}[role=grid i]{position:relative;z-index:0;display:grid;margin:auto;grid-template-areas:"filler column-headers" "row-headers calendar";grid-template-columns:min-content auto;inline-size:max(100%,500px);min-inline-size:880px}.row-headers{display:grid;grid-area:row-headers;grid-template-rows:repeat(24,1fr);margin-inline-end:2px}.row-headers>[role=rowheader i]{display:flex;align-items:flex-end;justify-content:flex-end}.row-headers>[role=rowheader i]>time{font:var(--vvd-typography-base-condensed);font-size:small;line-height:1;text-transform:uppercase;white-space:nowrap}.sticky-column .row-headers,.sticky-all .row-headers{position:sticky;z-index:1;background-color:var(--calendar-column-background-color, var(--vvd-color-canvas));inset-inline-start:0;margin-inline-end:3px}.calendar-row{display:contents}.calendar-grid-presentation{display:grid;overflow:hidden;border-radius:8px;background:var(--vvd-color-surface-2dp);counter-reset:listing;filter:var(--vvd-shadow-surface-2dp);gap:1px;grid-area:calendar;grid-auto-flow:column;grid-template:repeat(24,1fr)/repeat(7,1fr)}.hours{display:contents}.hours>[role=listitem i]{position:relative;grid-column:1/8;grid-row:var(--row);min-block-size:calc(1px*(48 + 4*clamp(-1,var(--vvd-size-density, 0),2)));pointer-events:none}.hours>[role=listitem i]:not(:first-child):after{position:absolute;border-block-end:var(--vvd-color-neutral-100) 1px solid;content:"";inline-size:100%;margin-block-start:-1px}.hours>[role=listitem i]:nth-child(24n+1){--row: 1}.hours>[role=listitem i]:nth-child(24n+2){--row: 2}.hours>[role=listitem i]:nth-child(24n+3){--row: 3}.hours>[role=listitem i]:nth-child(24n+4){--row: 4}.hours>[role=listitem i]:nth-child(24n+5){--row: 5}.hours>[role=listitem i]:nth-child(24n+6){--row: 6}.hours>[role=listitem i]:nth-child(24n+7){--row: 7}.hours>[role=listitem i]:nth-child(24n+8){--row: 8}.hours>[role=listitem i]:nth-child(24n+9){--row: 9}.hours>[role=listitem i]:nth-child(24n+10){--row: 10}.hours>[role=listitem i]:nth-child(24n+11){--row: 11}.hours>[role=listitem i]:nth-child(24n+12){--row: 12}.hours>[role=listitem i]:nth-child(24n+13){--row: 13}.hours>[role=listitem i]:nth-child(24n+14){--row: 14}.hours>[role=listitem i]:nth-child(24n+15){--row: 15}.hours>[role=listitem i]:nth-child(24n+16){--row: 16}.hours>[role=listitem i]:nth-child(24n+17){--row: 17}.hours>[role=listitem i]:nth-child(24n+18){--row: 18}.hours>[role=listitem i]:nth-child(24n+19){--row: 19}.hours>[role=listitem i]:nth-child(24n+20){--row: 20}.hours>[role=listitem i]:nth-child(24n+21){--row: 21}.hours>[role=listitem i]:nth-child(24n+22){--row: 22}.hours>[role=listitem i]:nth-child(24n+23){--row: 23}.hours>[role=listitem i]:nth-child(24n+24){--row: 24}[role=gridcell i]{display:grid;gap:1px;grid-auto-flow:column}[role=gridcell i],[role=columnheader i],[role=columnheader i] [role=button i]{position:relative}[role=gridcell i]:before,[role=columnheader i]:before,[role=columnheader i] [role=button i]:before{position:absolute;z-index:-1;background-color:var(--vvd-color-information-400);content:"";inset:0}[role=gridcell i]:focus,[role=columnheader i]:focus,[role=columnheader i] [role=button i]:focus{outline:none}[role=gridcell i]:not(:focus-visible):before,[role=columnheader i]:not(:focus-visible):before,[role=columnheader i] [role=button i]:not(:focus-visible):before{display:none}.columns{display:contents}.columns>[role=gridcell i]{position:relative;grid-column:var(--column);grid-row:1/25}.columns>[role=gridcell i]:nth-child(1){--column: 1}.columns>[role=gridcell i]:nth-child(2){--column: 2}.columns>[role=gridcell i]:nth-child(3){--column: 3}.columns>[role=gridcell i]:nth-child(4){--column: 4}.columns>[role=gridcell i]:nth-child(5){--column: 5}.columns>[role=gridcell i]:nth-child(6){--column: 6}.columns>[role=gridcell i]:nth-child(7){--column: 7}.columns>[role=gridcell i]:not(:first-child):after{position:absolute;block-size:100%;border-inline-end:var(--vvd-color-neutral-100) 1px solid;content:"";margin-inline-start:-1px}.column-headers{display:grid;grid-area:column-headers;grid-template-columns:repeat(7,1fr)}.column-headers [role=columnheader i] h2{display:grid;align-items:baseline;margin:0;font:var(--vvd-typography-heading-4);grid-template-columns:1fr auto 1fr}.column-headers [role=columnheader i] h2>em{font:inherit;inline-size:min-content;inset-inline-start:0}.column-headers [role=columnheader i] h2>small{font:var(--vvd-typography-base-condensed);text-transform:uppercase}.sticky-header .column-headers,.sticky-all .column-headers{position:sticky;z-index:1;background-color:var(--calendar-header-background-color, var(--vvd-color-canvas));inset-block-start:0;margin-block-end:3px}.filler{background-color:transparent;grid-area:filler}.sticky-header .filler,.sticky-all .filler,.sticky-column .filler{position:sticky;z-index:2;background-color:var(--calendar-header-background-color, var(--vvd-color-canvas));margin-block-end:3px}.sticky-column .filler{inset-inline-start:0}.sticky-header .filler{inset-block-start:0}.sticky-all .filler{inset-block-start:0;inset-inline-start:0}', j = "ArrowUp", x = "ArrowRight", w = "ArrowDown", I = "ArrowLeft";
-function Z(t) {
-  return t instanceof HTMLElement && (t.matches('[role="gridcell"i]') || t.matches('[role="columnheader"i]'));
-}
-const ee = (t) => t.matches('[role="columnheader"i]') ? '[role="gridcell"i]' : '[role="columnheader"i]';
-function te(t, e) {
-  if (e.parentNode instanceof HTMLElement)
-    switch (t) {
-      case x:
-        return e.nextElementSibling || e.parentNode.firstElementChild;
-      case I:
-        return e.previousElementSibling || e.parentNode.lastElementChild;
-      case j:
-      case w: {
-        const { children: r } = e.parentNode, n = Array.from(r).indexOf(e);
-        return this.shadowRoot.querySelector(
-          `${ee(e)}:nth-child(${n + 1})`
-        );
-      }
-    }
-}
-function re(t, e) {
-  if (t !== w)
-    return;
-  const r = e.closest('[role="columnheader"i]'), n = this.shadowRoot.querySelectorAll(
-    '[role="columnheader"i]'
-  ), o = Array.from(n).indexOf(r);
-  return this.shadowRoot.querySelector(
-    `[role="gridcell"i]:nth-child(${o + 1})`
-  );
-}
-function ne(t) {
+function oe(t) {
   const e = t.closest('[role="gridcell"i], [role="columnheader"i]');
   if (e) {
     const { parentElement: r } = e;
@@ -210,16 +238,16 @@ function ne(t) {
       return r.children && Array.from(r.children).indexOf(e);
   }
 }
-function oe(t, e, r) {
+function ie(t, e, r) {
   const n = e.closest(
     '[role="rowheader"], [role="gridcell"i]'
   );
   if (n) {
-    const o = n.getBoundingClientRect(), i = t.clientY - o.y, l = o.height / r, a = i / l;
-    return Math.round((a + Number.EPSILON) * 100) / 100;
+    const o = n.getBoundingClientRect(), i = t.clientY - o.y, l = o.height / r, s = i / l;
+    return Math.round((s + Number.EPSILON) * 100) / 100;
   }
 }
-const ie = function(t) {
+const le = function(t) {
   if (!(t instanceof KeyboardEvent || t instanceof MouseEvent))
     throw new Error(
       "Invalid event. Event must be instance of KeyboardEvent or MouseEvent"
@@ -229,39 +257,39 @@ const ie = function(t) {
     throw new Error(
       "Invalid event. Event must contain a target object which is a direct descendant of calendar"
     );
-  const r = ne(e);
+  const r = oe(e);
   let n;
-  t instanceof MouseEvent && (n = oe(t, e, this._hours));
+  t instanceof MouseEvent && (n = ie(t, e, this._hours));
   const o = {
     ...r != null && { day: r },
     ...n != null && { hour: n }
   };
-  return Y(J(o)) ? o : null;
+  return ee(ne(o)) ? o : null;
 };
-var le = Object.defineProperty, m = (t, e, r, n) => {
+var ae = Object.defineProperty, f = (t, e, r, n) => {
   for (var o = void 0, i = t.length - 1, l; i >= 0; i--)
     (l = t[i]) && (o = l(e, r, o) || o);
-  return o && le(e, r, o), o;
+  return o && ae(e, r, o), o;
 };
-const ae = (t) => {
+const se = (t) => {
   const e = window.getComputedStyle(t).overflowY, r = window.getComputedStyle(t).overflowX;
   return {
     vertical: (e === "auto" || e === "scroll") && t.scrollHeight > t.clientHeight,
     horizontal: (r === "auto" || r === "scroll") && t.scrollWidth > t.clientWidth
   };
 };
-class u extends $ {
+class d extends q {
   constructor() {
-    super(...arguments), this.hour12 = !1, this.stickyMode = R.All, this._hours = 24, this._days = 7, this.hoursAsDatetime = Array.from({ length: this._hours - 1 }).fill(new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0))).map((e, r) => new Date(e.setHours(++r))), this._generateDaysArr = (e) => {
+    super(...arguments), this.hour12 = !1, this.stickyMode = T.All, this._hours = 24, this._days = 7, this.hoursAsDatetime = Array.from({ length: this._hours - 1 }).fill(new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0))).map((e, r) => new Date(e.setHours(++r))), this._generateDaysArr = (e) => {
       if (e.length == this._days)
         return e;
       const r = new Date(e[e.length - 1]);
       return r.setDate(r.getDate() + 1), this._generateDaysArr([...e, r]);
-    }, this.getEventContext = ie;
+    }, this.getEventContext = le;
   }
   get #e() {
     const { activeElement: e } = document;
-    return e instanceof T ? e : null;
+    return e instanceof M ? e : null;
   }
   getCalendarEventContainingCell(e) {
     const r = e.getAttribute("slot");
@@ -272,9 +300,9 @@ class u extends $ {
   arrowKeysInteractions(e) {
     const { activeElement: r } = this.shadowRoot;
     let n;
-    Z(r) ? n = te.call(this, e, r) : this.#e ? n = this.getCalendarEventContainingCell(
+    P(r) ? n = L.call(this, e, r) : this.#e ? n = this.getCalendarEventContainingCell(
       this.#e
-    ) : r?.matches('em[role="button"i]') ? n = re.call(
+    ) : r?.matches('em[role="button"i]') ? n = W.call(
       this,
       e,
       r
@@ -296,52 +324,52 @@ class u extends $ {
     super.connectedCallback(), this.initializeScrollPosition();
   }
   initializeScrollPosition() {
-    if (!ae(this).vertical)
+    if (!se(this).vertical)
       return;
     const n = this.scrollHeight / this._hours * (8 - 1);
-    q.enqueue(() => {
+    z.enqueue(() => {
       this.scrollTo({
         top: n
       });
     });
   }
 }
-m([
-  h
-], u.prototype, "datetime");
-m([
-  h({ attribute: "start-day" })
-], u.prototype, "startDay");
-m([
-  h
-], u.prototype, "locales");
-m([
-  h({ mode: "boolean" })
-], u.prototype, "hour12");
-m([
-  h({ attribute: "sticky-mode", mode: "fromView" })
-], u.prototype, "stickyMode");
-function se(t) {
+f([
+  m
+], d.prototype, "datetime");
+f([
+  m({ attribute: "start-day" })
+], d.prototype, "startDay");
+f([
+  m
+], d.prototype, "locales");
+f([
+  m({ mode: "boolean" })
+], d.prototype, "hour12");
+f([
+  m({ attribute: "sticky-mode", mode: "fromView" })
+], d.prototype, "stickyMode");
+function ce(t) {
   const e = (r) => `0${r}`.slice(-2);
   return `${t.getFullYear()}-${e(t.getMonth() + 1)}-${e(
     t.getDate()
   )}`;
 }
-const ce = /* @__PURE__ */ new Map([
+const ue = /* @__PURE__ */ new Map([
   ["sunday", 0],
   ["monday", 1]
 ]);
-function ue(t = /* @__PURE__ */ new Date(), e) {
+function de(t = /* @__PURE__ */ new Date(), e) {
   t = new Date(t);
-  let r = ce.get(e);
+  let r = ue.get(e);
   r ??= 1;
   const n = t.getDate() - (t.getDay() + 7 - r) % 7;
   return new Date(t.setDate(n));
 }
-const de = ({ stickyMode: t }) => F([`sticky-${t}`, !!t]), he = () => s` <div class="row-headers" role="row">
+const he = ({ stickyMode: t }) => F([`sticky-${t}`, !!t]), me = () => c` <div class="row-headers" role="row">
 		${g(
   (t) => t.hoursAsDatetime,
-  s`<span role="rowheader">
+  c`<span role="rowheader">
 				<time
 					datetime="${(t, e) => new Intl.DateTimeFormat(e.parent.locales, {
     hour: "numeric",
@@ -356,11 +384,11 @@ const de = ({ stickyMode: t }) => F([`sticky-${t}`, !!t]), he = () => s` <div cl
 				</time>
 			</span>`
 )}
-	</div>`, me = () => s` <div class="column-headers" role="row">
+	</div>`, fe = () => c` <div class="column-headers" role="row">
 		${g(
-  (t) => t._generateDaysArr([ue(t.datetime, t.startDay)]),
-  s` <div role="columnheader" tabindex="-1">
-				<time datetime=${(t) => se(t)}>
+  (t) => t._generateDaysArr([de(t.datetime, t.startDay)]),
+  c` <div role="columnheader" tabindex="-1">
+				<time datetime=${(t) => ce(t)}>
 					<h2>
 						<!-- TODO add to column aria-labelledby or describedby to count
                   events and related day e.g. "3 events, Sunday, March 8" -->
@@ -386,29 +414,29 @@ const de = ({ stickyMode: t }) => F([`sticky-${t}`, !!t]), he = () => s` <div cl
 				</time>
 			</div>`
 )}
-	</div>`, fe = s`
+	</div>`, ge = c`
 	<div role="gridcell" tabindex="-1">
 		<slot name="day-${(t, e) => e.index}"></slot>
 	</div>
-`, ge = s`
+`, pe = c`
 	<div
 		role="grid"
-		class="${de}"
+		class="${he}"
 		@keydown=${(t, e) => t.onKeydown(e.event)}
 	>
 		<div class="filler"></div>
-		${me}
+		${fe}
 		<div class="calendar-row" role="rowgroup">
-			${he}
+			${me}
 			<div class="calendar-grid-presentation" role="presentation">
 				<div class="hours" role="list">
 					${g(
   (t) => Array.from({ length: t.hoursAsDatetime.length + 1 }),
-  s` <div role="listitem"></div>`
+  c` <div role="listitem"></div>`
 )}
 				</div>
 				<div class="columns" role="row">
-					${g((t) => Array.from(Array(t._days)), fe, {
+					${g((t) => Array.from(Array(t._days)), ge, {
   positioning: !0
 })}
 				</div>
@@ -416,16 +444,16 @@ const de = ({ stickyMode: t }) => F([`sticky-${t}`, !!t]), he = () => s` <div cl
 			</div>
 		</div>
 	</div>
-`, pe = H(
+`, ye = R(
   "calendar",
-  u,
-  ge,
+  d,
+  pe,
   [],
   {
-    styles: Q,
+    styles: N,
     shadowOptions: {
       delegatesFocus: !0
     }
   }
-), ye = z(pe);
-ye();
+), ve = H(ye);
+ve();