@vonage/vivid 5.15.1 → 5.17.0

package/calendar/definition.js

@@ -1,352 +1,2 @@
-import { V as VividElement, d as defineVividComponent, c as createRegisterFunction } from '../unbundled/vivid-element.js';
-import { Updates, attr, html, repeat } from '@microsoft/fast-element';
-import { d as Sticky } from '../unbundled/enums.js';
-import { C as CalendarEvent } from '../unbundled/calendar-event.js';
-import { not, isEmpty } from 'ramda';
-import { classNames } from '@microsoft/fast-web-utilities';
-
-const styles = ":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}";
-
-const ARROW_UP = "ArrowUp";
-const ARROW_RIGHT = "ArrowRight";
-const ARROW_DOWN = "ArrowDown";
-const ARROW_LEFT = "ArrowLeft";
-function isCellOrHeader(el) {
-  return el instanceof HTMLElement && (el.matches('[role="gridcell"i]') || el.matches('[role="columnheader"i]'));
-}
-const getCellOrHeader = (f) => f.matches('[role="columnheader"i]') ? '[role="gridcell"i]' : '[role="columnheader"i]';
-function getNextFocusableGridElement(key, activeElement) {
-  if (activeElement.parentNode instanceof HTMLElement) {
-    switch (key) {
-      case ARROW_RIGHT:
-        return activeElement.nextElementSibling || activeElement.parentNode.firstElementChild;
-      case ARROW_LEFT:
-        return activeElement.previousElementSibling || activeElement.parentNode.lastElementChild;
-      case ARROW_UP:
-      case ARROW_DOWN: {
-        const { children } = activeElement.parentNode;
-        const i = Array.from(children).indexOf(activeElement);
-        return this.shadowRoot.querySelector(
-          `${getCellOrHeader(activeElement)}:nth-child(${i + 1})`
-        );
-      }
-    }
-  }
-}
-function getHeaderDescendantGridCell(key, activeElement) {
-  if (key !== ARROW_DOWN) {
-    return;
-  }
-  const header = activeElement.closest('[role="columnheader"i]');
-  const columnHeaders = this.shadowRoot.querySelectorAll(
-    '[role="columnheader"i]'
-  );
-  const i = Array.from(columnHeaders).indexOf(header);
-  return this.shadowRoot.querySelector(
-    `[role="gridcell"i]:nth-child(${i + 1})`
-  );
-}
-
-function getDay(el) {
-  const cellOrHeader = el.closest('[role="gridcell"i], [role="columnheader"i]');
-  if (cellOrHeader) {
-    const { parentElement } = cellOrHeader;
-    if (parentElement) {
-      return parentElement.children && Array.from(parentElement.children).indexOf(cellOrHeader);
-    }
-  }
-}
-function getHour(e, el, hours) {
-  const rowHeaderOrCell = el.closest(
-    '[role="rowheader"], [role="gridcell"i]'
-  );
-  if (rowHeaderOrCell) {
-    const DOMRect = rowHeaderOrCell.getBoundingClientRect();
-    const offsetY = e.clientY - DOMRect.y;
-    const hourHeight = DOMRect.height / hours;
-    const hour = offsetY / hourHeight;
-    return Math.round((hour + Number.EPSILON) * 100) / 100;
-  }
-}
-const getEventContext = function(e) {
-  if (!(e instanceof KeyboardEvent || e instanceof MouseEvent)) {
-    throw new Error(
-      "Invalid event. Event must be instance of KeyboardEvent or MouseEvent"
-    );
-  }
-  const [el] = e.composedPath();
-  if (!(el && el instanceof HTMLElement && this.shadowRoot.contains(el))) {
-    throw new Error(
-      "Invalid event. Event must contain a target object which is a direct descendant of calendar"
-    );
-  }
-  const day = getDay(el);
-  let hour;
-  if (e instanceof MouseEvent) {
-    hour = getHour(e, el, this._hours);
-  }
-  const context = {
-    ...day != void 0 && { day },
-    ...hour != void 0 && { hour }
-  };
-  return not(isEmpty(context)) ? context : null;
-};
-
-var __defProp = Object.defineProperty;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = void 0 ;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (decorator(target, key, result) ) || result;
-  if (result) __defProp(target, key, result);
-  return result;
-};
-const isScrollable = (node) => {
-  const overflowY = window.getComputedStyle(node).overflowY;
-  const overflowX = window.getComputedStyle(node).overflowX;
-  return {
-    vertical: (overflowY === "auto" || overflowY === "scroll") && node.scrollHeight > node.clientHeight,
-    horizontal: (overflowX === "auto" || overflowX === "scroll") && node.scrollWidth > node.clientWidth
-  };
-};
-class Calendar extends VividElement {
-  constructor() {
-    super(...arguments);
-    this.hour12 = false;
-    this.stickyMode = Sticky.All;
-    /**
-     * @internal
-     */
-    this._hours = 24;
-    /**
-     * @internal
-     */
-    this._days = 7;
-    /**
-     * @internal
-     */
-    this.hoursAsDatetime = Array.from({ length: this._hours - 1 }).fill(new Date((/* @__PURE__ */ new Date()).setHours(0, 0, 0))).map((d, i) => new Date(d.setHours(++i)));
-    /**
-     * @param dateArr - array of dates. requires at least 1 date to be set within the array
-     * @returns array of incremental dates from the first date in the array
-     * @internal
-     */
-    this._generateDaysArr = (dateArr) => {
-      if (dateArr.length == this._days) {
-        return dateArr;
-      }
-      const lastDate = new Date(dateArr[dateArr.length - 1]);
-      lastDate.setDate(lastDate.getDate() + 1);
-      return this._generateDaysArr([...dateArr, lastDate]);
-    };
-    /**
-     * Fire an event
-     *
-     * @param calendarEvent - event name
-     * @returns boolean - return true
-     */
-    this.getEventContext = getEventContext;
-  }
-  get #activeCalendarEvent() {
-    const { activeElement } = document;
-    return activeElement instanceof CalendarEvent ? activeElement : null;
-  }
-  getCalendarEventContainingCell(calendarEvent) {
-    const slotName = calendarEvent.getAttribute("slot");
-    const gridCell = this.shadowRoot.querySelector(
-      `slot[name="${slotName}"i]`
-    );
-    return gridCell.parentElement;
-  }
-  arrowKeysInteractions(key) {
-    const { activeElement } = this.shadowRoot;
-    let focusNext;
-    if (isCellOrHeader(activeElement)) {
-      focusNext = getNextFocusableGridElement.call(this, key, activeElement);
-    } else if (this.#activeCalendarEvent) {
-      focusNext = this.getCalendarEventContainingCell(
-        this.#activeCalendarEvent
-      );
-    } else if (activeElement?.matches('em[role="button"i]')) {
-      focusNext = getHeaderDescendantGridCell.call(
-        this,
-        key,
-        activeElement
-      );
-    } else {
-      focusNext = this.shadowRoot.querySelector(
-        '[role="columnheader"i]'
-      );
-    }
-    this.activateElement(focusNext);
-  }
-  activateElement(el) {
-    const onBlur = ({ target }) => target.setAttribute("tabindex", "-1");
-    el?.addEventListener("blur", onBlur, { once: true });
-    el?.setAttribute("tabindex", "0");
-    el?.focus();
-  }
-  onKeydown({ key }) {
-    const isArrow = [ARROW_UP, ARROW_RIGHT, ARROW_DOWN, ARROW_LEFT].some(
-      (predefinedKey) => predefinedKey == key
-    );
-    if (isArrow) {
-      this.arrowKeysInteractions(key);
-    }
-    return !isArrow;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.initializeScrollPosition();
-  }
-  initializeScrollPosition() {
-    if (!isScrollable(this).vertical) {
-      return;
-    }
-    const initialScrollHour = 8;
-    const rowHeight = this.scrollHeight / this._hours;
-    const scrollPosition = rowHeight * (initialScrollHour - 1);
-    Updates.enqueue(() => {
-      this.scrollTo({
-        top: scrollPosition
-      });
-    });
-  }
-}
-__decorateClass([
-  attr
-], Calendar.prototype, "datetime");
-__decorateClass([
-  attr({ attribute: "start-day" })
-], Calendar.prototype, "startDay");
-__decorateClass([
-  attr
-], Calendar.prototype, "locales");
-__decorateClass([
-  attr({ mode: "boolean" })
-], Calendar.prototype, "hour12");
-__decorateClass([
-  attr({ attribute: "sticky-mode", mode: "fromView" })
-], Calendar.prototype, "stickyMode");
-
-function getValidDateString(date) {
-  const twoDigit = (num) => `0${num}`.slice(-2);
-  return `${date.getFullYear()}-${twoDigit(date.getMonth() + 1)}-${twoDigit(
-    date.getDate()
-  )}`;
-}
-const weekdaysMap = /* @__PURE__ */ new Map([
-  ["sunday", 0],
-  ["monday", 1]
-]);
-function getFirstDateOfTheWeek(date = /* @__PURE__ */ new Date(), startDay) {
-  date = new Date(date);
-  let num = weekdaysMap.get(startDay);
-  num ??= 1;
-  const day = date.getDate() - (date.getDay() + 7 - num) % 7;
-  return new Date(date.setDate(day));
-}
-
-const getClasses = ({ stickyMode }) => classNames([`sticky-${stickyMode}`, Boolean(stickyMode)]);
-const HoursTemplate = () => {
-  return html` <div class="row-headers" role="row">
-		${repeat(
-    (x) => x.hoursAsDatetime,
-    html`<span role="rowheader">
-				<time
-					datetime="${(x, c) => new Intl.DateTimeFormat(c.parent.locales, {
-      hour: "numeric",
-      minute: "numeric",
-      hour12: false
-    }).format(x)}"
-				>
-					${(x, c) => new Intl.DateTimeFormat(c.parent.locales, {
-      hour: "numeric",
-      hour12: c.parent.hour12
-    }).format(x)}
-				</time>
-			</span>`
-  )}
-	</div>`;
-};
-const DaysTemplate = () => {
-  return html` <div class="column-headers" role="row">
-		${repeat(
-    (x) => x._generateDaysArr([getFirstDateOfTheWeek(x.datetime, x.startDay)]),
-    html` <div role="columnheader" tabindex="-1">
-				<time datetime=${(x) => getValidDateString(x)}>
-					<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=${(x, c) => new Intl.DateTimeFormat(c.parent.locales, {
-      weekday: "long",
-      month: "long",
-      day: "2-digit"
-    }).format(x)}
-						>
-							${(x, c) => new Intl.DateTimeFormat(c.parent.locales, {
-      day: "2-digit"
-    }).format(x)}
-						</em>
-						<small aria-hidden="true">
-							${(x, c) => new Intl.DateTimeFormat(c.parent.locales, {
-      weekday: "short"
-    }).format(x)}
-						</small>
-					</h2>
-				</time>
-			</div>`
-  )}
-	</div>`;
-};
-const ColumnTemplate = html`
-	<div role="gridcell" tabindex="-1">
-		<slot name="day-${(_, c) => c.index}"></slot>
-	</div>
-`;
-const CalendarTemplate = html`
-	<div
-		role="grid"
-		class="${getClasses}"
-		@keydown=${(x, c) => x.onKeydown(c.event)}
-	>
-		<div class="filler"></div>
-		${DaysTemplate}
-		<div class="calendar-row" role="rowgroup">
-			${HoursTemplate}
-			<div class="calendar-grid-presentation" role="presentation">
-				<div class="hours" role="list">
-					${repeat(
-  (x) => Array.from({ length: x.hoursAsDatetime.length + 1 }),
-  html` <div role="listitem"></div>`
-)}
-				</div>
-				<div class="columns" role="row">
-					${repeat((x) => Array.from(Array(x._days)), ColumnTemplate, {
-  positioning: true
-})}
-				</div>
-				<slot></slot>
-			</div>
-		</div>
-	</div>
-`;
-
-const calendarDefinition = defineVividComponent(
-  "calendar",
-  Calendar,
-  CalendarTemplate,
-  [],
-  {
-    styles,
-    shadowOptions: {
-      delegatesFocus: true
-    }
-  }
-);
-const registerCalendar = createRegisterFunction(calendarDefinition);
-
+import { n as registerCalendar, r as Calendar, t as calendarDefinition } from "../unbundled/definition21.js";
 export { Calendar as VwcCalendarElement, calendarDefinition, registerCalendar };

package/calendar/index.cjs

@@ -1,53 +1,53 @@
-"use strict";const l=require("../bundled/vivid-element.cjs"),I=require("../bundled/enums.cjs"),$=require("../bundled/calendar-event.cjs"),f=require("../bundled/repeat.cjs"),z=require("../bundled/class-names.cjs"),H=':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}',C="ArrowUp",j="ArrowRight",v="ArrowDown",q="ArrowLeft";function R(t){return t instanceof HTMLElement&&(t.matches('[role="gridcell"i]')||t.matches('[role="columnheader"i]'))}const T=t=>t.matches('[role="columnheader"i]')?'[role="gridcell"i]':'[role="columnheader"i]';function M(t,e){if(e.parentNode instanceof HTMLElement)switch(t){case j:return e.nextElementSibling||e.parentNode.firstElementChild;case q:return e.previousElementSibling||e.parentNode.lastElementChild;case C:case v:{const{children:r}=e.parentNode,n=Array.from(r).indexOf(e);return this.shadowRoot.querySelector(`${T(e)}:nth-child(${n+1})`)}}}function F(t,e){if(t!==v)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 s(t){return function e(r){return arguments.length===0||u(r)?e:t.apply(this,arguments)}}function N(t){return function e(r,n){switch(arguments.length){case 0:return e;case 1:return u(r)?e:s(function(o){return t(r,o)});default:return u(r)&&u(n)?e:u(r)?s(function(o){return t(o,n)}):u(n)?s(function(o){return t(r,o)}):t(r,n)}}}const P=Array.isArray||function(e){return e!=null&&e.length>=0&&Object.prototype.toString.call(e)==="[object Array]"};function b(t){for(var e=[],r;!(r=t.next()).done;)e.push(r.value);return e}function A(t,e,r){for(var n=0,o=r.length;n<o;){if(t(e,r[n]))return!0;n+=1}return!1}function U(t){var e=String(t).match(/^function (\w*)/);return e==null?"":e[1]}function g(t,e){return Object.prototype.hasOwnProperty.call(e,t)}function L(t,e){return t===e?t!==0||1/t===1/e:t!==t&&e!==e}const y=typeof Object.is=="function"?Object.is:L;var k=Object.prototype.toString,x=(function(){return k.call(arguments)==="[object Arguments]"?function(e){return k.call(e)==="[object Arguments]"}:function(e){return g("callee",e)}})(),W=!{toString:null}.propertyIsEnumerable("toString"),O=["constructor","valueOf","isPrototypeOf","toString","propertyIsEnumerable","hasOwnProperty","toLocaleString"],E=(function(){return arguments.propertyIsEnumerable("length")})(),B=function(e,r){for(var n=0;n<e.length;){if(e[n]===r)return!0;n+=1}return!1},D=s(typeof Object.keys=="function"&&!E?function(e){return Object(e)!==e?[]:Object.keys(e)}:function(e){if(Object(e)!==e)return[];var r,n,o=[],i=E&&x(e);for(r in e)g(r,e)&&(!i||r!=="length")&&(o[o.length]=r);if(W)for(n=O.length-1;n>=0;)r=O[n],g(r,e)&&!B(o,r)&&(o[o.length]=r),n-=1;return o}),S=s(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 a(c,h){return w(c,h,r.slice(),n.slice())}return!A(function(c,h){return!A(a,h,c)},i,o)}function w(t,e,r,n){if(y(t,e))return!0;var o=S(t);if(o!==S(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"&&U(t.constructor)==="Promise")return t===e;break;case"Boolean":case"Number":case"String":if(!(typeof t==typeof e&&y(t.valueOf(),e.valueOf())))return!1;break;case"Date":if(!y(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:_(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]));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 a=D(t);if(a.length!==D(e).length)return!1;var c=r.concat([t]),h=n.concat([e]);for(i=a.length-1;i>=0;){var p=a[i];if(!(g(p,e)&&w(e[p],t[p],c,h)))return!1;i-=1}return!0}var K=N(function(e,r){return w(e,r,[],[])});function Y(t){return Object.prototype.toString.call(t)==="[object Object]"}function V(t){return Object.prototype.toString.call(t)==="[object String]"}var G=s(function(e){return!e});function X(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 J=s(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?new Set:e==Map||e instanceof Map?new Map:P(e)?[]:V(e)?"":Y(e)?{}:x(e)?(function(){return arguments})():X(e)?e.constructor.from(""):void 0}),Q=s(function(e){return e!=null&&K(e,J(e))});function Z(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 ee(t,e,r){const n=e.closest('[role="rowheader"], [role="gridcell"i]');if(n){const o=n.getBoundingClientRect(),i=t.clientY-o.y,a=o.height/r,c=i/a;return Math.round((c+Number.EPSILON)*100)/100}}const te=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=Z(e);let n;t instanceof MouseEvent&&(n=ee(t,e,this._hours));const o={...r!=null&&{day:r},...n!=null&&{hour:n}};return G(Q(o))?o:null};var re=Object.defineProperty,m=(t,e,r,n)=>{for(var o=void 0,i=t.length-1,a;i>=0;i--)(a=t[i])&&(o=a(e,r,o)||o);return o&&re(e,r,o),o};const ne=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 d extends l.VividElement{constructor(){super(...arguments),this.hour12=!1,this.stickyMode=I.Sticky.All,this._hours=24,this._days=7,this.hoursAsDatetime=Array.from({length:this._hours-1}).fill(new Date(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=te}get#e(){const{activeElement:e}=document;return e instanceof $.CalendarEvent?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;R(r)?n=M.call(this,e,r):this.#e?n=this.getCalendarEventContainingCell(this.#e):r?.matches('em[role="button"i]')?n=F.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=[C,j,v,q].some(n=>n==e);return r&&this.arrowKeysInteractions(e),!r}connectedCallback(){super.connectedCallback(),this.initializeScrollPosition()}initializeScrollPosition(){if(!ne(this).vertical)return;const n=this.scrollHeight/this._hours*(8-1);l.Updates.enqueue(()=>{this.scrollTo({top:n})})}}m([l.attr],d.prototype,"datetime");m([l.attr({attribute:"start-day"})],d.prototype,"startDay");m([l.attr],d.prototype,"locales");m([l.attr({mode:"boolean"})],d.prototype,"hour12");m([l.attr({attribute:"sticky-mode",mode:"fromView"})],d.prototype,"stickyMode");function oe(t){const e=r=>`0${r}`.slice(-2);return`${t.getFullYear()}-${e(t.getMonth()+1)}-${e(t.getDate())}`}const ie=new Map([["sunday",0],["monday",1]]);function le(t=new Date,e){t=new Date(t);let r=ie.get(e);r??=1;const n=t.getDate()-(t.getDay()+7-r)%7;return new Date(t.setDate(n))}const ae=({stickyMode:t})=>z.classNames([`sticky-${t}`,!!t]),se=()=>l.html` <div class="row-headers" role="row">
-		${f.repeat(t=>t.hoursAsDatetime,l.html`<span role="rowheader">
+const e=require(`../bundled/vivid-element.cjs`),t=require(`../bundled/repeat.cjs`),n=require(`../bundled/enums.cjs`),r=require(`../bundled/decorate.cjs`),i=require(`../bundled/class-names.cjs`),a=require(`../bundled/calendar-event.cjs`);var o=`: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}`,s=`ArrowUp`,c=`ArrowRight`,l=`ArrowDown`,u=`ArrowLeft`;function d(e){return e instanceof HTMLElement&&(e.matches(`[role="gridcell"i]`)||e.matches(`[role="columnheader"i]`))}var f=e=>e.matches(`[role="columnheader"i]`)?`[role="gridcell"i]`:`[role="columnheader"i]`;function p(e,t){if(t.parentNode instanceof HTMLElement)switch(e){case c:return t.nextElementSibling||t.parentNode.firstElementChild;case u:return t.previousElementSibling||t.parentNode.lastElementChild;case s:case l:{let{children:e}=t.parentNode,n=Array.from(e).indexOf(t);return this.shadowRoot.querySelector(`${f(t)}:nth-child(${n+1})`)}}}function m(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})`)}function h(e){let t=e.closest(`[role="gridcell"i], [role="columnheader"i]`);if(t){let{parentElement:e}=t;if(e)return e.children&&Array.from(e.children).indexOf(t)}}function g(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 _=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=h(t),r;e instanceof MouseEvent&&(r=g(e,t,this._hours));let i={...n!=null&&{day:n},...r!=null&&{hour:r}};return Object.keys(i).length>0?i:null},v=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}},y=class extends e.t{constructor(...e){super(...e),this.hour12=!1,this.stickyMode=n.o.All,this._hours=24,this._days=7,this.hoursAsDatetime=Array.from({length:this._hours-1}).fill(new Date(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=_}get#e(){let{activeElement:e}=document;return e instanceof a.t?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=d(t)?p.call(this,e,t):this.#e?this.getCalendarEventContainingCell(this.#e):t?.matches(`em[role="button"i]`)?m.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=[s,c,l,u].some(t=>t==e);return t&&this.arrowKeysInteractions(e),!t}connectedCallback(){super.connectedCallback(),this.initializeScrollPosition()}initializeScrollPosition(){if(!v(this).vertical)return;let t=this.scrollHeight/this._hours*7;e.O.enqueue(()=>{this.scrollTo({top:t})})}};r.t([e.l],y.prototype,`datetime`,void 0),r.t([e.l({attribute:`start-day`})],y.prototype,`startDay`,void 0),r.t([e.l],y.prototype,`locales`,void 0),r.t([e.l({mode:`boolean`})],y.prototype,`hour12`,void 0),r.t([e.l({attribute:`sticky-mode`,mode:`fromView`})],y.prototype,`stickyMode`,void 0);function b(e){let t=e=>`0${e}`.slice(-2);return`${e.getFullYear()}-${t(e.getMonth()+1)}-${t(e.getDate())}`}var x=new Map([[`sunday`,0],[`monday`,1]]);function S(e=new Date,t){e=new Date(e);let n=x.get(t);n??=1;let r=e.getDate()-(e.getDay()+7-n)%7;return new Date(e.setDate(r))}var C=({stickyMode:e})=>i.t([`sticky-${e}`,!!e]),w=()=>e.d` <div class="row-headers" role="row">
+		${t.n(e=>e.hoursAsDatetime,e.d`<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>`,ce=()=>l.html` <div class="column-headers" role="row">
-		${f.repeat(t=>t._generateDaysArr([le(t.datetime,t.startDay)]),l.html` <div role="columnheader" tabindex="-1">
-				<time datetime=${t=>oe(t)}>
+	</div>`,T=()=>e.d` <div class="column-headers" role="row">
+		${t.n(e=>e._generateDaysArr([S(e.datetime,e.startDay)]),e.d` <div role="columnheader" tabindex="-1">
+				<time datetime=${e=>b(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>`,ue=l.html`
+	</div>`,E=e.d`
 	<div role="gridcell" tabindex="-1">
-		<slot name="day-${(t,e)=>e.index}"></slot>
+		<slot name="day-${(e,t)=>t.index}"></slot>
 	</div>
-`,de=l.html`
+`,D=e.d`
 	<div
 		role="grid"
-		class="${ae}"
-		@keydown=${(t,e)=>t.onKeydown(e.event)}
+		class="${C}"
+		@keydown=${(e,t)=>e.onKeydown(t.event)}
 	>
 		<div class="filler"></div>
-		${ce}
+		${T}
 		<div class="calendar-row" role="rowgroup">
-			${se}
+			${w}
 			<div class="calendar-grid-presentation" role="presentation">
 				<div class="hours" role="list">
-					${f.repeat(t=>Array.from({length:t.hoursAsDatetime.length+1}),l.html` <div role="listitem"></div>`)}
+					${t.n(e=>Array.from({length:e.hoursAsDatetime.length+1}),e.d` <div role="listitem"></div>`)}
 				</div>
 				<div class="columns" role="row">
-					${f.repeat(t=>Array.from(Array(t._days)),ue,{positioning:!0})}
+					${t.n(e=>Array.from(Array(e._days)),E,{positioning:!0})}
 				</div>
 				<slot></slot>
 			</div>
 		</div>
 	</div>
-`,he=l.defineVividComponent("calendar",d,de,[],{styles:H,shadowOptions:{delegatesFocus:!0}}),me=l.createRegisterFunction(he);me();
+`,O=e.o(`calendar`,y,D,[],{styles:o,shadowOptions:{delegatesFocus:!0}});e.s(O)();