@vonage/vivid 5.15.0 → 5.16.0

package/bundled/when.cjs

@@ -1 +1 @@
-"use strict";const s=require("./vivid-element.cjs"),l=()=>null;function e(n){return n===void 0?l:s.isFunction(n)?n:()=>n}function m(n,d,r){const u=s.isFunction(n)?n:()=>n,c=e(d),g=e(r);return(i,t)=>u(i,t)?c(i,t):g(i,t)}exports.when=m;
+const e=require(`./vivid-element.cjs`);var t=()=>null;function n(n){return n===void 0?t:e.j(n)?n:()=>n}function r(t,r,i){let a=e.j(t)?t:()=>t,o=n(r),s=n(i);return(e,t)=>a(e,t)?o(e,t):s(e,t)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});

package/bundled/when.js

@@ -1,12 +1,12 @@
-import { f as r } from "./vivid-element.js";
-const g = () => null;
-function e(n) {
-  return n === void 0 ? g : r(n) ? n : () => n;
+import { j as e } from "./vivid-element.js";
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/templating/when.js
+var t = () => null;
+function n(n) {
+	return n === void 0 ? t : e(n) ? n : () => n;
 }
-function p(n, s, d) {
-  const f = r(n) ? n : () => n, m = e(s), a = e(d);
-  return (i, t) => f(i, t) ? m(i, t) : a(i, t);
+function r(t, r, i) {
+	let a = e(t) ? t : () => t, o = n(r), s = n(i);
+	return (e, t) => a(e, t) ? o(e, t) : s(e, t);
 }
-export {
-  p as w
-};
+//#endregion
+export { r as t };

package/bundled/with-contextual-help.cjs

@@ -1 +1 @@
-"use strict";const s=require("./vivid-element.cjs");var p=Object.defineProperty,u=(n,e,o,a)=>{for(var t=void 0,l=n.length-1,r;l>=0;l--)(r=n[l])&&(t=r(e,o,t)||t);return t&&p(e,o,t),t};const c=n=>{class e extends n{get _hasContextualHelp(){return(this._contextualHelpSlottedContent?.length??0)>0}_isFromContextualHelp(a){return a.composedPath().some(l=>l?.closest?.('[slot="contextual-help"],[data-vvd-component="contextual-help"]'))}}return u([s.observable],e.prototype,"_contextualHelpSlottedContent"),e};exports.WithContextualHelp=c;
+const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`);var n=n=>{class r extends n{get _hasContextualHelp(){return(this._contextualHelpSlottedContent?.length??0)>0}_isFromContextualHelp(e){return e.composedPath().some(e=>e?.closest?.(`[slot="contextual-help"],[data-vvd-component="contextual-help"]`))}}return t.t([e.T],r.prototype,`_contextualHelpSlottedContent`,void 0),r};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/bundled/with-contextual-help.js

@@ -1,32 +1,16 @@
-import { o as p } from "./vivid-element.js";
-var s = Object.defineProperty, u = (l, e, n, a) => {
-  for (var t = void 0, o = l.length - 1, r; o >= 0; o--)
-    (r = l[o]) && (t = r(e, n, t) || t);
-  return t && s(e, n, t), t;
-};
-const c = (l) => {
-  class e extends l {
-    /**
-     * @internal
-     */
-    get _hasContextualHelp() {
-      return (this._contextualHelpSlottedContent?.length ?? 0) > 0;
-    }
-    /**
-     * @internal
-     */
-    _isFromContextualHelp(a) {
-      return a.composedPath().some(
-        (o) => o?.closest?.(
-          '[slot="contextual-help"],[data-vvd-component="contextual-help"]'
-        )
-      );
-    }
-  }
-  return u([
-    p
-  ], e.prototype, "_contextualHelpSlottedContent"), e;
-};
-export {
-  c as W
+import { T as e } from "./vivid-element.js";
+import { t } from "./decorate.js";
+//#region src/shared/patterns/form-elements/with-contextual-help.ts
+var n = (n) => {
+	class r extends n {
+		get _hasContextualHelp() {
+			return (this._contextualHelpSlottedContent?.length ?? 0) > 0;
+		}
+		_isFromContextualHelp(e) {
+			return e.composedPath().some((e) => e?.closest?.("[slot=\"contextual-help\"],[data-vvd-component=\"contextual-help\"]"));
+		}
+	}
+	return t([e], r.prototype, "_contextualHelpSlottedContent", void 0), r;
 };
+//#endregion
+export { n as t };

package/bundled/with-error-text.cjs

@@ -1 +1 @@
-"use strict";const l=require("./vivid-element.cjs");var h=Object.defineProperty,n=(i,e,s,r)=>{for(var t=void 0,a=i.length-1,o;a>=0;a--)(o=i[a])&&(t=o(e,s,t)||t);return t&&h(e,s,t),t};const d=i=>{class e extends i{errorTextChanged(r,t){t?this.#e(t):this.#i()}#t=!1;#r;constructor(...r){super(...r),this.#r=this.validate,this.validate=()=>{this.#t||this.#r()}}#e(r){this.setValidity({customError:!0},r,this.control),this.errorValidationMessage=r,this.#t=!0}#i(){this.setValidity({},"",this.control),this.#t=!1,this.validate()}}return n([l.attr({attribute:"error-text"})],e.prototype,"errorText"),e};exports.WithErrorText=d;
+const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`);var n=n=>{class r extends n{errorTextChanged(e,t){t?this.#n(t):this.#r()}#e=!1;#t;constructor(...e){super(...e),this.#t=this.validate,this.validate=()=>{this.#e||this.#t()}}#n(e){this.setValidity({customError:!0},e,this.control),this.errorValidationMessage=e,this.#e=!0}#r(){this.setValidity({},``,this.control),this.#e=!1,this.validate()}}return t.t([e.l({attribute:`error-text`})],r.prototype,`errorText`,void 0),r};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/bundled/with-error-text.js

@@ -1,39 +1,26 @@
-import { a as l } from "./vivid-element.js";
-var h = Object.defineProperty, d = (i, e, s, r) => {
-  for (var t = void 0, a = i.length - 1, o; a >= 0; a--)
-    (o = i[a]) && (t = o(e, s, t) || t);
-  return t && h(e, s, t), t;
-};
-const f = (i) => {
-  class e extends i {
-    /**
-     * @internal
-     */
-    errorTextChanged(r, t) {
-      t ? this.#e(t) : this.#i();
-    }
-    #t = !1;
-    #r;
-    constructor(...r) {
-      super(...r), this.#r = this.validate, this.validate = () => {
-        this.#t || this.#r();
-      };
-    }
-    #e(r) {
-      this.setValidity(
-        { customError: !0 },
-        r,
-        this.control
-      ), this.errorValidationMessage = r, this.#t = !0;
-    }
-    #i() {
-      this.setValidity({}, "", this.control), this.#t = !1, this.validate();
-    }
-  }
-  return d([
-    l({ attribute: "error-text" })
-  ], e.prototype, "errorText"), e;
-};
-export {
-  f as W
+import { l as e } from "./vivid-element.js";
+import { t } from "./decorate.js";
+//#region src/shared/patterns/form-elements/with-error-text.ts
+var n = (n) => {
+	class r extends n {
+		errorTextChanged(e, t) {
+			t ? this.#n(t) : this.#r();
+		}
+		#e = !1;
+		#t;
+		constructor(...e) {
+			super(...e), this.#t = this.validate, this.validate = () => {
+				this.#e || this.#t();
+			};
+		}
+		#n(e) {
+			this.setValidity({ customError: !0 }, e, this.control), this.errorValidationMessage = e, this.#e = !0;
+		}
+		#r() {
+			this.setValidity({}, "", this.control), this.#e = !1, this.validate();
+		}
+	}
+	return t([e({ attribute: "error-text" })], r.prototype, "errorText", void 0), r;
 };
+//#endregion
+export { n as t };

package/bundled/with-success-text.cjs

@@ -1 +1 @@
-"use strict";const u=require("./vivid-element.cjs");var n=Object.defineProperty,v=(s,t,r,l)=>{for(var e=void 0,c=s.length-1,i;c>=0;c--)(i=s[c])&&(e=i(t,r,e)||e);return e&&n(t,r,e),e};const a=s=>{class t extends s{}return v([u.attr({attribute:"success-text"})],t.prototype,"successText"),t};exports.WithSuccessText=a;
+const e=require(`./vivid-element.cjs`),t=require(`./decorate.cjs`);var n=n=>{class r extends n{}return t.t([e.l({attribute:`success-text`})],r.prototype,`successText`,void 0),r};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});

package/bundled/with-success-text.js

@@ -1,16 +1,9 @@
-import { a as n } from "./vivid-element.js";
-var u = Object.defineProperty, i = (s, t, r, o) => {
-  for (var e = void 0, c = s.length - 1, a; c >= 0; c--)
-    (a = s[c]) && (e = a(t, r, e) || e);
-  return e && u(t, r, e), e;
-};
-const p = (s) => {
-  class t extends s {
-  }
-  return i([
-    n({ attribute: "success-text" })
-  ], t.prototype, "successText"), t;
-};
-export {
-  p as W
+import { l as e } from "./vivid-element.js";
+import { t } from "./decorate.js";
+//#region src/shared/patterns/form-elements/with-success-text.ts
+var n = (n) => {
+	class r extends n {}
+	return t([e({ attribute: "success-text" })], r.prototype, "successText", void 0), r;
 };
+//#endregion
+export { n as t };

package/button/definition.cjs

@@ -1,14 +1,6 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-require('../icon/definition.cjs');
-require('../progress-ring/definition.cjs');
-require('../unbundled/vivid-element.cjs');
-const button_definition = require('../unbundled/definition.cjs');
-
-
-
-exports.VwcButtonElement = button_definition.Button;
-exports.buttonDefinition = button_definition.buttonDefinition;
-exports.registerButton = button_definition.registerButton;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../unbundled/definition2.cjs");
+const require_definition$1 = require("../unbundled/definition7.cjs");
+exports.VwcButtonElement = require_definition$1.Button;
+exports.buttonDefinition = require_definition$1.buttonDefinition;
+exports.registerButton = require_definition$1.registerButton;

package/button/definition.js

@@ -1,4 +1,3 @@
-import '../icon/definition.js';
-import '../progress-ring/definition.js';
-import '../unbundled/vivid-element.js';
-export { B as VwcButtonElement, b as buttonDefinition, r as registerButton } from '../unbundled/definition.js';
+import "../unbundled/definition2.js";
+import { i as Button, n as registerButton, t as buttonDefinition } from "../unbundled/definition7.js";
+export { Button as VwcButtonElement, buttonDefinition, registerButton };

package/button/index.cjs

@@ -1 +1 @@
-"use strict";const t=require("../bundled/definition3.cjs");t.registerButton();
+require(`../bundled/vivid-element.cjs`),require(`../bundled/definition2.cjs`),require(`../bundled/definition6.cjs`).n();

package/button/index.js

@@ -1,2 +1,6 @@
-import { r } from "../bundled/definition3.js";
-r();
+import "../bundled/vivid-element.js";
+import "../bundled/definition2.js";
+import { n as e } from "../bundled/definition6.js";
+//#region src/lib/button/index.ts
+e();
+//#endregion

package/calendar/definition.cjs

@@ -1,360 +1,5 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const vividElement = require('../unbundled/vivid-element.cjs');
-const fastElement = require('@microsoft/fast-element');
-const enums = require('../unbundled/enums.cjs');
-const calendarEvent = require('../unbundled/calendar-event.cjs');
-const ramda = require('ramda');
-const fastWebUtilities = require('@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) {
-  /* v8 ignore else -- @preserve */
-  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;
-    /* v8 ignore else -- @preserve */
-    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 ramda.not(ramda.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.VividElement {
-  constructor() {
-    super(...arguments);
-    this.hour12 = false;
-    this.stickyMode = enums.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.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);
-    fastElement.Updates.enqueue(() => {
-      this.scrollTo({
-        top: scrollPosition
-      });
-    });
-  }
-}
-__decorateClass([
-  fastElement.attr
-], Calendar.prototype, "datetime");
-__decorateClass([
-  fastElement.attr({ attribute: "start-day" })
-], Calendar.prototype, "startDay");
-__decorateClass([
-  fastElement.attr
-], Calendar.prototype, "locales");
-__decorateClass([
-  fastElement.attr({ mode: "boolean" })
-], Calendar.prototype, "hour12");
-__decorateClass([
-  fastElement.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 }) => fastWebUtilities.classNames([`sticky-${stickyMode}`, Boolean(stickyMode)]);
-const HoursTemplate = () => {
-  return fastElement.html` <div class="row-headers" role="row">
-		${fastElement.repeat(
-    (x) => x.hoursAsDatetime,
-    fastElement.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 fastElement.html` <div class="column-headers" role="row">
-		${fastElement.repeat(
-    (x) => x._generateDaysArr([getFirstDateOfTheWeek(x.datetime, x.startDay)]),
-    fastElement.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 = fastElement.html`
-	<div role="gridcell" tabindex="-1">
-		<slot name="day-${(_, c) => c.index}"></slot>
-	</div>
-`;
-const CalendarTemplate = fastElement.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">
-					${fastElement.repeat(
-  (x) => Array.from({ length: x.hoursAsDatetime.length + 1 }),
-  fastElement.html` <div role="listitem"></div>`
-)}
-				</div>
-				<div class="columns" role="row">
-					${fastElement.repeat((x) => Array.from(Array(x._days)), ColumnTemplate, {
-  positioning: true
-})}
-				</div>
-				<slot></slot>
-			</div>
-		</div>
-	</div>
-`;
-
-const calendarDefinition = vividElement.defineVividComponent(
-  "calendar",
-  Calendar,
-  CalendarTemplate,
-  [],
-  {
-    styles,
-    shadowOptions: {
-      delegatesFocus: true
-    }
-  }
-);
-const registerCalendar = vividElement.createRegisterFunction(calendarDefinition);
-
-exports.VwcCalendarElement = Calendar;
-exports.calendarDefinition = calendarDefinition;
-exports.registerCalendar = registerCalendar;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_definition = require("../unbundled/definition21.cjs");
+exports.VwcCalendarElement = require_definition.Calendar;
+exports.calendarDefinition = require_definition.calendarDefinition;
+exports.registerCalendar = require_definition.registerCalendar;