@vonage/vivid 5.15.1 → 5.17.0

package/calendar/index.js

@@ -1,459 +1,197 @@
-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 = ':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 A(t) {
-  for (var e = [], r; !(r = t.next()).done; )
-    e.push(r.value);
-  return e;
-}
-function k(t, e, r) {
-  for (var n = 0, o = r.length; n < o; ) {
-    if (t(e, r[n]))
-      return !0;
-    n += 1;
-  }
-  return !1;
-}
-function V(t) {
-  var e = String(t).match(/^function (\w*)/);
-  return e == null ? "" : e[1];
-}
-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 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 p("callee", e);
-  };
-})(), G = !/* @__PURE__ */ {
-  toString: null
-}.propertyIsEnumerable("toString"), S = ["constructor", "valueOf", "isPrototypeOf", "toString", "propertyIsEnumerable", "hasOwnProperty", "toLocaleString"], D = /* @__PURE__ */ (function() {
-  return arguments.propertyIsEnumerable("length");
-})(), X = function(e, r) {
-  for (var n = 0; n < e.length; ) {
-    if (e[n] === r)
-      return !0;
-    n += 1;
-  }
-  return !1;
-}, E = /* @__PURE__ */ a(typeof Object.keys == "function" && !D ? function(e) {
-  return Object(e) !== e ? [] : Object.keys(e);
-} : function(e) {
-  if (Object(e) !== e)
-    return [];
-  var r, n, o = [], i = D && $(e);
-  for (r in e)
-    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;
-}), _ = /* @__PURE__ */ a(function(e) {
-  return e === null ? "Null" : e === void 0 ? "Undefined" : Object.prototype.toString.call(e).slice(8, -1);
-});
-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 !k(function(s, h) {
-    return !k(l, h, s);
-  }, i, o);
-}
-function b(t, e, r, n) {
-  if (v(t, e))
-    return !0;
-  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);
-  if (typeof t.equals == "function" || typeof e.equals == "function")
-    return typeof t.equals == "function" && t.equals(e) && typeof e.equals == "function" && e.equals(t);
-  switch (o) {
-    case "Arguments":
-    case "Array":
-    case "Object":
-      if (typeof t.constructor == "function" && V(t.constructor) === "Promise")
-        return t === e;
-      break;
-    case "Boolean":
-    case "Number":
-    case "String":
-      if (!(typeof t == typeof e && v(t.valueOf(), e.valueOf())))
-        return !1;
-      break;
-    case "Date":
-      if (!v(t.valueOf(), e.valueOf()))
-        return !1;
-      break;
-    case "Error":
-      return t.name === e.name && t.message === e.message;
-    case "RegExp":
-      if (!(t.source === e.source && t.global === e.global && t.ignoreCase === e.ignoreCase && t.multiline === e.multiline && t.sticky === e.sticky && t.unicode === e.unicode))
-        return !1;
-      break;
-  }
-  for (var i = r.length - 1; i >= 0; ) {
-    if (r[i] === t)
-      return n[i] === e;
-    i -= 1;
-  }
-  switch (o) {
-    case "Map":
-      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 : C(t.values(), e.values(), r.concat([t]), n.concat([e]));
-    case "Arguments":
-    case "Array":
-    case "Object":
-    case "Boolean":
-    case "Number":
-    case "String":
-    case "Date":
-    case "Error":
-    case "RegExp":
-    case "Int8Array":
-    case "Uint8Array":
-    case "Uint8ClampedArray":
-    case "Int16Array":
-    case "Uint16Array":
-    case "Int32Array":
-    case "Uint32Array":
-    case "Float32Array":
-    case "Float64Array":
-    case "ArrayBuffer":
-      break;
-    default:
-      return !1;
-  }
-  var l = E(t);
-  if (l.length !== E(e).length)
-    return !1;
-  var s = r.concat([t]), h = n.concat([e]);
-  for (i = l.length - 1; i >= 0; ) {
-    var y = l[i];
-    if (!(p(y, e) && b(e[y], t[y], s, h)))
-      return !1;
-    i -= 1;
-  }
-  return !0;
-}
-var J = /* @__PURE__ */ B(function(e, r) {
-  return b(e, r, [], []);
-});
-function Q(t) {
-  return Object.prototype.toString.call(t) === "[object Object]";
-}
-function Z(t) {
-  return Object.prototype.toString.call(t) === "[object String]";
-}
-var ee = /* @__PURE__ */ a(function(e) {
-  return !e;
-});
-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 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;
-  })() : te(e) ? e.constructor.from("") : void 0;
-}), ne = /* @__PURE__ */ a(function(e) {
-  return e != null && J(e, re(e));
-});
-function oe(t) {
-  const e = t.closest('[role="gridcell"i], [role="columnheader"i]');
-  if (e) {
-    const { parentElement: r } = e;
-    if (r)
-      return r.children && Array.from(r.children).indexOf(e);
-  }
-}
-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, s = i / l;
-    return Math.round((s + Number.EPSILON) * 100) / 100;
-  }
-}
-const le = function(t) {
-  if (!(t instanceof KeyboardEvent || t instanceof MouseEvent))
-    throw new Error(
-      "Invalid event. Event must be instance of KeyboardEvent or MouseEvent"
-    );
-  const [e] = t.composedPath();
-  if (!(e && e instanceof HTMLElement && this.shadowRoot.contains(e)))
-    throw new Error(
-      "Invalid event. Event must contain a target object which is a direct descendant of calendar"
-    );
-  const r = oe(e);
-  let n;
-  t instanceof MouseEvent && (n = ie(t, e, this._hours));
-  const o = {
-    ...r != null && { day: r },
-    ...n != null && { hour: n }
-  };
-  return ee(ne(o)) ? o : null;
-};
-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 && ae(e, r, o), o;
-};
-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
-  };
+import { O as e, d as t, l as n, o as r, s as i, t as a } from "../bundled/vivid-element.js";
+import { n as o } from "../bundled/repeat.js";
+import { o as s } from "../bundled/enums.js";
+import { t as c } from "../bundled/decorate.js";
+import { t as l } from "../bundled/class-names.js";
+import { t as u } from "../bundled/calendar-event.js";
+//#region src/lib/calendar/calendar.scss?inline
+var d = ":host{block-size:inherit;max-block-size:inherit;display:block;overflow:auto}ol{margin:0;padding:0;list-style:none}[role=grid i]{z-index:0;grid-template-columns:min-content auto;grid-template-areas:\"filler column-headers\"\"row-headers calendar\";inline-size:max(100%,500px);min-inline-size:880px;margin:auto;display:grid;position:relative}.row-headers{grid-area:row-headers;grid-template-rows:repeat(24,1fr);margin-inline-end:2px;display:grid}.row-headers>[role=rowheader i]{justify-content:flex-end;align-items:flex-end;display:flex}.row-headers>[role=rowheader i]>time{font:var(--vvd-typography-base-condensed);text-transform:uppercase;white-space:nowrap;font-size:small;line-height:1}.sticky-column .row-headers,.sticky-all .row-headers{z-index:1;background-color:var(--calendar-column-background-color,var(--vvd-color-canvas));margin-inline-end:3px;position:sticky;inset-inline-start:0}.calendar-row{display:contents}.calendar-grid-presentation{background:var(--vvd-color-surface-2dp);counter-reset:listing;filter:var(--vvd-shadow-surface-2dp);border-radius:8px;grid-template:repeat(24,1fr)/repeat(7,1fr);grid-area:calendar;grid-auto-flow:column;gap:1px;display:grid;overflow:hidden}.hours{display:contents}.hours>[role=listitem i]{grid-column:1/8;grid-row:var(--row);min-block-size:calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density,0), 2) + 8));pointer-events:none;position:relative}.hours>[role=listitem i]:not(:first-child):after{border-block-end:var(--vvd-color-neutral-100) 1px solid;content:\"\";inline-size:100%;margin-block-start:-1px;position:absolute}.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]{grid-auto-flow:column;gap:1px;display:grid}[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{z-index:-1;background-color:var(--vvd-color-information-400);content:\"\";position:absolute;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]{grid-column:var(--column);grid-row:1/25;position:relative}.columns>[role=gridcell i]:first-child{--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{border-inline-end:var(--vvd-color-neutral-100) 1px solid;content:\"\";block-size:100%;margin-inline-start:-1px;position:absolute}.column-headers{grid-area:column-headers;grid-template-columns:repeat(7,1fr);display:grid}.column-headers [role=columnheader i] h2{font:var(--vvd-typography-heading-4);grid-template-columns:1fr auto 1fr;align-items:baseline;margin:0;display:grid}.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{z-index:1;background-color:var(--calendar-header-background-color,var(--vvd-color-canvas));margin-block-end:3px;position:sticky;inset-block-start:0}.filler{background-color:#0000;grid-area:filler}.sticky-header .filler,.sticky-all .filler,.sticky-column .filler{z-index:2;background-color:var(--calendar-header-background-color,var(--vvd-color-canvas));margin-block-end:3px;position:sticky}.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}", f = "ArrowUp", p = "ArrowRight", m = "ArrowDown", h = "ArrowLeft";
+function g(e) {
+	return e instanceof HTMLElement && (e.matches("[role=\"gridcell\"i]") || e.matches("[role=\"columnheader\"i]"));
+}
+var _ = (e) => e.matches("[role=\"columnheader\"i]") ? "[role=\"gridcell\"i]" : "[role=\"columnheader\"i]";
+function v(e, t) {
+	/* v8 ignore else -- @preserve */
+	if (t.parentNode instanceof HTMLElement) switch (e) {
+		case p: return t.nextElementSibling || t.parentNode.firstElementChild;
+		case h: return t.previousElementSibling || t.parentNode.lastElementChild;
+		case f:
+		case m: {
+			let { children: e } = t.parentNode, n = Array.from(e).indexOf(t);
+			return this.shadowRoot.querySelector(`${_(t)}:nth-child(${n + 1})`);
+		}
+	}
+}
+function y(e, t) {
+	if (e !== "ArrowDown") return;
+	let n = t.closest("[role=\"columnheader\"i]"), r = this.shadowRoot.querySelectorAll("[role=\"columnheader\"i]"), i = Array.from(r).indexOf(n);
+	return this.shadowRoot.querySelector(`[role="gridcell"i]:nth-child(${i + 1})`);
+}
+//#endregion
+//#region src/lib/calendar/helpers/calendar.event-context.ts
+function b(e) {
+	let t = e.closest("[role=\"gridcell\"i], [role=\"columnheader\"i]");
+	if (t) {
+		let { parentElement: e } = t;
+		/* v8 ignore else -- @preserve */
+		if (e) return e.children && Array.from(e.children).indexOf(t);
+	}
+}
+function x(e, t, n) {
+	let r = t.closest("[role=\"rowheader\"], [role=\"gridcell\"i]");
+	if (r) {
+		let t = r.getBoundingClientRect(), i = (e.clientY - t.y) / (t.height / n);
+		return Math.round((i + 2 ** -52) * 100) / 100;
+	}
+}
+var S = function(e) {
+	if (!(e instanceof KeyboardEvent || e instanceof MouseEvent)) throw Error("Invalid event. Event must be instance of KeyboardEvent or MouseEvent");
+	let [t] = e.composedPath();
+	if (!(t && t instanceof HTMLElement && this.shadowRoot.contains(t))) throw Error("Invalid event. Event must contain a target object which is a direct descendant of calendar");
+	let n = b(t), r;
+	e instanceof MouseEvent && (r = x(e, t, this._hours));
+	let i = {
+		...n != null && { day: n },
+		...r != null && { hour: r }
+	};
+	return Object.keys(i).length > 0 ? i : null;
+}, C = (e) => {
+	let t = window.getComputedStyle(e).overflowY, n = window.getComputedStyle(e).overflowX;
+	return {
+		vertical: (t === "auto" || t === "scroll") && e.scrollHeight > e.clientHeight,
+		horizontal: (n === "auto" || n === "scroll") && e.scrollWidth > e.clientWidth
+	};
+}, w = class extends a {
+	constructor(...e) {
+		super(...e), this.hour12 = !1, this.stickyMode = s.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, t) => new Date(e.setHours(++t))), this._generateDaysArr = (e) => {
+			if (e.length == this._days) return e;
+			let t = new Date(e[e.length - 1]);
+			return t.setDate(t.getDate() + 1), this._generateDaysArr([...e, t]);
+		}, this.getEventContext = S;
+	}
+	get #e() {
+		let { activeElement: e } = document;
+		return e instanceof u ? e : null;
+	}
+	getCalendarEventContainingCell(e) {
+		let t = e.getAttribute("slot");
+		return this.shadowRoot.querySelector(`slot[name="${t}"i]`).parentElement;
+	}
+	arrowKeysInteractions(e) {
+		let { activeElement: t } = this.shadowRoot, n;
+		n = g(t) ? v.call(this, e, t) : this.#e ? this.getCalendarEventContainingCell(this.#e) : t?.matches("em[role=\"button\"i]") ? y.call(this, e, t) : this.shadowRoot.querySelector("[role=\"columnheader\"i]"), this.activateElement(n);
+	}
+	activateElement(e) {
+		e?.addEventListener("blur", ({ target: e }) => e.setAttribute("tabindex", "-1"), { once: !0 }), e?.setAttribute("tabindex", "0"), e?.focus();
+	}
+	onKeydown({ key: e }) {
+		let t = [
+			f,
+			p,
+			m,
+			h
+		].some((t) => t == e);
+		return t && this.arrowKeysInteractions(e), !t;
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.initializeScrollPosition();
+	}
+	initializeScrollPosition() {
+		if (!C(this).vertical) return;
+		let t = this.scrollHeight / this._hours * 7;
+		e.enqueue(() => {
+			this.scrollTo({ top: t });
+		});
+	}
 };
-class d extends q {
-  constructor() {
-    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 = le;
-  }
-  get #e() {
-    const { activeElement: e } = document;
-    return e instanceof M ? e : null;
-  }
-  getCalendarEventContainingCell(e) {
-    const r = e.getAttribute("slot");
-    return this.shadowRoot.querySelector(
-      `slot[name="${r}"i]`
-    ).parentElement;
-  }
-  arrowKeysInteractions(e) {
-    const { activeElement: r } = this.shadowRoot;
-    let n;
-    P(r) ? n = L.call(this, e, r) : this.#e ? n = this.getCalendarEventContainingCell(
-      this.#e
-    ) : r?.matches('em[role="button"i]') ? n = W.call(
-      this,
-      e,
-      r
-    ) : n = this.shadowRoot.querySelector(
-      '[role="columnheader"i]'
-    ), this.activateElement(n);
-  }
-  activateElement(e) {
-    const r = ({ target: n }) => n.setAttribute("tabindex", "-1");
-    e?.addEventListener("blur", r, { once: !0 }), e?.setAttribute("tabindex", "0"), e?.focus();
-  }
-  onKeydown({ key: e }) {
-    const r = [j, x, w, I].some(
-      (n) => n == e
-    );
-    return r && this.arrowKeysInteractions(e), !r;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.initializeScrollPosition();
-  }
-  initializeScrollPosition() {
-    if (!se(this).vertical)
-      return;
-    const n = this.scrollHeight / this._hours * (8 - 1);
-    z.enqueue(() => {
-      this.scrollTo({
-        top: n
-      });
-    });
-  }
-}
-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 ue = /* @__PURE__ */ new Map([
-  ["sunday", 0],
-  ["monday", 1]
-]);
-function de(t = /* @__PURE__ */ new Date(), e) {
-  t = new Date(t);
-  let r = ue.get(e);
-  r ??= 1;
-  const n = t.getDate() - (t.getDay() + 7 - r) % 7;
-  return new Date(t.setDate(n));
-}
-const he = ({ stickyMode: t }) => F([`sticky-${t}`, !!t]), me = () => c` <div class="row-headers" role="row">
-		${g(
-  (t) => t.hoursAsDatetime,
-  c`<span role="rowheader">
+c([n], w.prototype, "datetime", void 0), c([n({ attribute: "start-day" })], w.prototype, "startDay", void 0), c([n], w.prototype, "locales", void 0), c([n({ mode: "boolean" })], w.prototype, "hour12", void 0), c([n({
+	attribute: "sticky-mode",
+	mode: "fromView"
+})], w.prototype, "stickyMode", void 0);
+//#endregion
+//#region src/lib/calendar/helpers/calendar.date-functions.ts
+function T(e) {
+	let t = (e) => `0${e}`.slice(-2);
+	return `${e.getFullYear()}-${t(e.getMonth() + 1)}-${t(e.getDate())}`;
+}
+var E = new Map([["sunday", 0], ["monday", 1]]);
+function D(e = /* @__PURE__ */ new Date(), t) {
+	e = new Date(e);
+	let n = E.get(t);
+	n ??= 1;
+	let r = e.getDate() - (e.getDay() + 7 - n) % 7;
+	return new Date(e.setDate(r));
+}
+//#endregion
+//#region src/lib/calendar/calendar.template.ts
+var O = ({ stickyMode: e }) => l([`sticky-${e}`, !!e]), k = () => t` <div class="row-headers" role="row">
+		${o((e) => e.hoursAsDatetime, t`<span role="rowheader">
 				<time
-					datetime="${(t, e) => new Intl.DateTimeFormat(e.parent.locales, {
-    hour: "numeric",
-    minute: "numeric",
-    hour12: !1
-  }).format(t)}"
+					datetime="${(e, t) => new Intl.DateTimeFormat(t.parent.locales, {
+	hour: "numeric",
+	minute: "numeric",
+	hour12: !1
+}).format(e)}"
 				>
-					${(t, e) => new Intl.DateTimeFormat(e.parent.locales, {
-    hour: "numeric",
-    hour12: e.parent.hour12
-  }).format(t)}
+					${(e, t) => new Intl.DateTimeFormat(t.parent.locales, {
+	hour: "numeric",
+	hour12: t.parent.hour12
+}).format(e)}
 				</time>
-			</span>`
-)}
-	</div>`, fe = () => c` <div class="column-headers" role="row">
-		${g(
-  (t) => t._generateDaysArr([de(t.datetime, t.startDay)]),
-  c` <div role="columnheader" tabindex="-1">
-				<time datetime=${(t) => ce(t)}>
+			</span>`)}
+	</div>`, A = () => t` <div class="column-headers" role="row">
+		${o((e) => e._generateDaysArr([D(e.datetime, e.startDay)]), t` <div role="columnheader" tabindex="-1">
+				<time datetime=${(e) => T(e)}>
 					<h2>
 						<!-- TODO add to column aria-labelledby or describedby to count
                   events and related day e.g. "3 events, Sunday, March 8" -->
 						<em
 							tabindex="0"
 							role="button"
-							aria-label=${(t, e) => new Intl.DateTimeFormat(e.parent.locales, {
-    weekday: "long",
-    month: "long",
-    day: "2-digit"
-  }).format(t)}
+							aria-label=${(e, t) => new Intl.DateTimeFormat(t.parent.locales, {
+	weekday: "long",
+	month: "long",
+	day: "2-digit"
+}).format(e)}
 						>
-							${(t, e) => new Intl.DateTimeFormat(e.parent.locales, {
-    day: "2-digit"
-  }).format(t)}
+							${(e, t) => new Intl.DateTimeFormat(t.parent.locales, { day: "2-digit" }).format(e)}
 						</em>
 						<small aria-hidden="true">
-							${(t, e) => new Intl.DateTimeFormat(e.parent.locales, {
-    weekday: "short"
-  }).format(t)}
+							${(e, t) => new Intl.DateTimeFormat(t.parent.locales, { weekday: "short" }).format(e)}
 						</small>
 					</h2>
 				</time>
-			</div>`
-)}
-	</div>`, ge = c`
+			</div>`)}
+	</div>`, j = t`
 	<div role="gridcell" tabindex="-1">
-		<slot name="day-${(t, e) => e.index}"></slot>
+		<slot name="day-${(e, t) => t.index}"></slot>
 	</div>
-`, pe = c`
+`;
+//#endregion
+//#region src/lib/calendar/index.ts
+i(r("calendar", w, t`
 	<div
 		role="grid"
-		class="${he}"
-		@keydown=${(t, e) => t.onKeydown(e.event)}
+		class="${O}"
+		@keydown=${(e, t) => e.onKeydown(t.event)}
 	>
 		<div class="filler"></div>
-		${fe}
+		${A}
 		<div class="calendar-row" role="rowgroup">
-			${me}
+			${k}
 			<div class="calendar-grid-presentation" role="presentation">
 				<div class="hours" role="list">
-					${g(
-  (t) => Array.from({ length: t.hoursAsDatetime.length + 1 }),
-  c` <div role="listitem"></div>`
-)}
+					${o((e) => Array.from({ length: e.hoursAsDatetime.length + 1 }), t` <div role="listitem"></div>`)}
 				</div>
 				<div class="columns" role="row">
-					${g((t) => Array.from(Array(t._days)), ge, {
-  positioning: !0
-})}
+					${o((e) => Array.from(Array(e._days)), j, { positioning: !0 })}
 				</div>
 				<slot></slot>
 			</div>
 		</div>
 	</div>
-`, ye = R(
-  "calendar",
-  d,
-  pe,
-  [],
-  {
-    styles: N,
-    shadowOptions: {
-      delegatesFocus: !0
-    }
-  }
-), ve = H(ye);
-ve();
+`, [], {
+	styles: d,
+	shadowOptions: { delegatesFocus: !0 }
+}))();
+//#endregion