@tylertech/forge 2.0.0 → 2.1.0

package/dist/esm/chunks/chunk.XY3ZHN7Y.js

@@ -0,0 +1,649 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import {
+  getEventPath
+} from "./chunk.EY57VTRF.js";
+import {
+  BaseAdapter
+} from "./chunk.KZATVOA6.js";
+import {
+  FoundationProperty
+} from "./chunk.MMIZOYAS.js";
+import {
+  COMPONENT_NAME_PREFIX,
+  CustomElement
+} from "./chunk.35U3UPDV.js";
+import {
+  attachShadowTemplate,
+  defineCustomElement,
+  getShadowElement
+} from "./chunk.K2PCTUVN.js";
+import {
+  elementParents,
+  playKeyframeAnimation,
+  removeAllChildren,
+  tryScrollIntoView
+} from "./chunk.4JURZYE4.js";
+import {
+  coerceBoolean,
+  isDefined
+} from "./chunk.MEFT5FQC.js";
+import {
+  __decorateClass
+} from "./chunk.LM5TVNZY.js";
+
+// dist/build/lib/staging/src/calendar/calendar-menu/calendar-menu-constants.ts
+var elementName = `${COMPONENT_NAME_PREFIX}calendar-menu`;
+var attributes = {
+  ANIMATION_TYPE: "animation-type",
+  DATA_ANIMATION: "data-animation",
+  DATA_VALUE: "data-value",
+  POPUP_CONTEXT: "forge-popup-context",
+  PREVENT_FOCUS: "prevent-focus"
+};
+var classes = {
+  BACKDROP: "forge-calendar-menu__backdrop",
+  CLOSING: "forge-calendar-menu--closing",
+  GRID: "forge-calendar-menu__grid",
+  GRID_ITEM: "forge-calendar-menu__item--grid",
+  GRID_FOUR_COL: "forge-calendar-menu__grid--four-col",
+  GRID_THREE_COL: "forge-calendar-menu__grid--three-col",
+  ITEM: "forge-calendar-menu__item",
+  ITEM_FOCUSED: "forge-calendar-menu__item--focused",
+  ITEM_SELECTED: "forge-calendar-menu__item--selected",
+  LIST: "forge-calendar-menu__list",
+  LIST_ITEM: "forge-calendar-menu__item--list",
+  LIST_WRAPPER: "forge-calendar-menu__list__wrapper",
+  MDC_RIPPLE_UPGRADED_FOCUSED: "mdc-ripple-upgraded--background-focused",
+  OPEN: "forge-calendar-menu--open",
+  REPLACING_VIEW: "forge-calendar-menu--replacing-view",
+  SLIDE_LEFT: "forge-calendar-menu--slide-left",
+  SLIDE_RIGHT: "forge-calendar-menu--slide-right",
+  VIEW: "forge-calendar-menu__view"
+};
+var ids = {
+  SCROLL_SPY_BOTTOM: "scroll-spy-bottom",
+  SCROLL_SPY_TOP: "scroll-spy-top"
+};
+var parts = {
+  ITEM: "menu-item",
+  ITEM_BUTTON: "menu-item-button",
+  ITEM_CONTENT: "menu-item-content",
+  MENU: "menu"
+};
+var selectors = {
+  CONTAINER: ".forge-calendar-menu",
+  FOCUSED: `.${classes.ITEM_FOCUSED}`,
+  GRID: `.${classes.GRID}`,
+  ITEM: `.${classes.ITEM}`,
+  LIST: `.${classes.LIST}`,
+  LIST_WRAPPER: `.${classes.LIST_WRAPPER}`,
+  SCROLL_SPY_BOTTOM: `#${ids.SCROLL_SPY_BOTTOM}`,
+  SCROLL_SPY_TOP: `#${ids.SCROLL_SPY_TOP}`,
+  SELECTED: `.${classes.ITEM_SELECTED}`,
+  VIEW: `.${classes.VIEW}`
+};
+var events = {
+  FOCUS_CHANGE: `${elementName}-focus-change`,
+  SELECT: `${elementName}-select`
+};
+var numbers = {
+  FOUR_COL: 4,
+  LARGE_ITEM_SET: 13,
+  LIST_SLICE_SIZE: 20,
+  THREE_COL: 3
+};
+var CALENDAR_MENU_CONSTANTS = {
+  elementName,
+  attributes,
+  classes,
+  ids,
+  parts,
+  selectors,
+  events,
+  numbers
+};
+
+// dist/build/lib/staging/src/calendar/calendar-menu/calendar-menu-utils.ts
+function getGrid(options) {
+  const grid = document.createElement("div");
+  grid.setAttribute("part", CALENDAR_MENU_CONSTANTS.parts.MENU);
+  grid.classList.add(CALENDAR_MENU_CONSTANTS.classes.VIEW, CALENDAR_MENU_CONSTANTS.classes.GRID);
+  let gridItems;
+  if (options.length > 12) {
+    grid.classList.add(CALENDAR_MENU_CONSTANTS.classes.GRID_FOUR_COL);
+    gridItems = getGridItems(options);
+  } else {
+    grid.classList.add(CALENDAR_MENU_CONSTANTS.classes.GRID_THREE_COL);
+    gridItems = getGridItems(options);
+  }
+  gridItems.forEach((g) => grid.appendChild(g));
+  return grid;
+}
+function getGridItems(options) {
+  return options.map((o) => {
+    const element = document.createElement("div");
+    element.classList.add(CALENDAR_MENU_CONSTANTS.classes.ITEM, CALENDAR_MENU_CONSTANTS.classes.GRID_ITEM);
+    element.innerText = o.label;
+    element.setAttribute("role", "button");
+    element.setAttribute("part", CALENDAR_MENU_CONSTANTS.parts.ITEM);
+    element.setAttribute("tabindex", "-1");
+    element.setAttribute(CALENDAR_MENU_CONSTANTS.attributes.DATA_VALUE, o.value.toString());
+    if (o.selected) {
+      element.classList.add(CALENDAR_MENU_CONSTANTS.classes.ITEM_SELECTED);
+      element.setAttribute("aria-current", "true");
+    }
+    if (o.disabled) {
+      element.setAttribute("disabled", "true");
+    }
+    return element;
+  });
+}
+function getList(options) {
+  const wrapper = document.createElement("div");
+  const list = document.createElement("div");
+  wrapper.classList.add(CALENDAR_MENU_CONSTANTS.classes.VIEW, CALENDAR_MENU_CONSTANTS.classes.LIST_WRAPPER);
+  list.classList.add(CALENDAR_MENU_CONSTANTS.classes.LIST);
+  list.setAttribute("role", "list");
+  list.appendChild(getScrollSpy(CALENDAR_MENU_CONSTANTS.ids.SCROLL_SPY_TOP));
+  getListItems(options).forEach((l) => list.appendChild(l));
+  list.appendChild(getScrollSpy(CALENDAR_MENU_CONSTANTS.ids.SCROLL_SPY_BOTTOM));
+  wrapper.appendChild(list);
+  return wrapper;
+}
+function getListItems(options) {
+  return options.map((o) => {
+    const element = document.createElement("div");
+    element.innerText = o.label;
+    element.classList.add(CALENDAR_MENU_CONSTANTS.classes.ITEM, CALENDAR_MENU_CONSTANTS.classes.LIST_ITEM);
+    element.setAttribute("part", CALENDAR_MENU_CONSTANTS.parts.ITEM);
+    element.setAttribute("tabindex", "-1");
+    element.setAttribute("role", "listitem");
+    element.setAttribute(CALENDAR_MENU_CONSTANTS.attributes.DATA_VALUE, o.value.toString());
+    if (o.selected) {
+      element.classList.toggle(CALENDAR_MENU_CONSTANTS.classes.ITEM_SELECTED, true);
+      element.setAttribute("aria-current", "true");
+    }
+    if (o.disabled) {
+      element.setAttribute("disabled", "true");
+    }
+    return element;
+  });
+}
+function getScrollSpy(id) {
+  const element = document.createElement("div");
+  element.id = id;
+  element.setAttribute("aria-hidden", "true");
+  return element;
+}
+function removeAllExceptLastChild(el) {
+  while (el.childNodes.length > 1) {
+    if (el.firstChild) {
+      el.removeChild(el.firstChild);
+    }
+  }
+}
+
+// dist/build/lib/staging/src/calendar/calendar-menu/calendar-menu-adapter.ts
+var CalendarMenuAdapter = class extends BaseAdapter {
+  constructor(component) {
+    super(component);
+    this.component = component;
+    this._container = getShadowElement(component, CALENDAR_MENU_CONSTANTS.selectors.CONTAINER);
+  }
+  registerClickListener(listener) {
+    this._container.addEventListener("click", listener);
+  }
+  unregisterClickListener(listener) {
+    this._container.removeEventListener("click", listener);
+  }
+  registerIntersectionObserver(callback) {
+    const root = this._container.querySelector(CALENDAR_MENU_CONSTANTS.selectors.LIST_WRAPPER);
+    if (!root) {
+      return;
+    }
+    const options = {
+      root
+    };
+    this._intersectionObserver = new IntersectionObserver(callback, options);
+    const scrollSpyBottom = this._container.querySelector(CALENDAR_MENU_CONSTANTS.selectors.SCROLL_SPY_BOTTOM);
+    const scrollSpyTop = this._container.querySelector(CALENDAR_MENU_CONSTANTS.selectors.SCROLL_SPY_TOP);
+    if (scrollSpyBottom) {
+      this._intersectionObserver.observe(scrollSpyBottom);
+    }
+    if (scrollSpyTop) {
+      this._intersectionObserver.observe(scrollSpyTop);
+    }
+  }
+  unregisterIntersectionObserver() {
+    if (this._intersectionObserver) {
+      this._intersectionObserver.disconnect();
+      this._intersectionObserver = void 0;
+    }
+  }
+  setAnimationType(value) {
+    this._container.setAttribute(CALENDAR_MENU_CONSTANTS.attributes.DATA_ANIMATION, value);
+  }
+  setClosed() {
+    this._container.classList.remove(CALENDAR_MENU_CONSTANTS.classes.OPEN);
+    this._container.classList.add(CALENDAR_MENU_CONSTANTS.classes.CLOSING);
+    playKeyframeAnimation(this._container, CALENDAR_MENU_CONSTANTS.classes.CLOSING, true).then(() => {
+      removeAllChildren(this._container);
+      this.toggleHostAttribute("hidden", true);
+    });
+  }
+  setOpenAsGrid(options, focusedIndex, setFocus, preventFocus, replace) {
+    const element = getGrid(options);
+    if (replace) {
+      playKeyframeAnimation(this._container, CALENDAR_MENU_CONSTANTS.classes.REPLACING_VIEW, true).then(() => {
+        removeAllExceptLastChild(this._container);
+        this.setFocusAtIndex(focusedIndex, setFocus, preventFocus);
+      });
+    }
+    this._container.appendChild(element);
+    this.toggleHostAttribute("hidden", false);
+    this._container.classList.add(CALENDAR_MENU_CONSTANTS.classes.OPEN);
+    if (!replace) {
+      this.setFocusAtIndex(focusedIndex, setFocus, preventFocus);
+    }
+  }
+  setOpenAsList(options, focusedIndex, setFocus, preventFocus, replace) {
+    const element = getList(options);
+    if (replace) {
+      playKeyframeAnimation(this._container, CALENDAR_MENU_CONSTANTS.classes.REPLACING_VIEW, true).then(() => {
+        removeAllExceptLastChild(this._container);
+        this.setFocusAtIndex(focusedIndex, setFocus, preventFocus);
+      });
+    }
+    this._container.appendChild(element);
+    this.toggleHostAttribute("hidden", false);
+    this._container.classList.add(CALENDAR_MENU_CONSTANTS.classes.OPEN);
+    this._scrollItemIntoView("selected");
+    if (!replace) {
+      this.setFocusAtIndex(focusedIndex, setFocus, preventFocus);
+    }
+  }
+  appendListItemsToStart(options) {
+    const wrapper = this._container.querySelector(CALENDAR_MENU_CONSTANTS.selectors.LIST_WRAPPER);
+    const list = this._container.querySelector(CALENDAR_MENU_CONSTANTS.selectors.LIST);
+    const firstItem = list == null ? void 0 : list.querySelector(CALENDAR_MENU_CONSTANTS.selectors.ITEM);
+    if (wrapper && list && firstItem) {
+      const oldScrollTop = wrapper.scrollTop;
+      const oldScroll = wrapper.scrollHeight - wrapper.clientHeight;
+      getListItems(options).forEach((l) => {
+        list.insertBefore(l, firstItem);
+      });
+      const newScroll = wrapper.scrollHeight - wrapper.clientHeight;
+      wrapper.scrollTop = oldScrollTop + (newScroll - oldScroll);
+    }
+  }
+  appendListItemsToEnd(options) {
+    const list = this._container.querySelector(CALENDAR_MENU_CONSTANTS.selectors.LIST);
+    const scrollSpyBottom = this._container.querySelector(CALENDAR_MENU_CONSTANTS.selectors.SCROLL_SPY_BOTTOM);
+    if (list && scrollSpyBottom) {
+      getListItems(options).forEach((l) => {
+        list.insertBefore(l, scrollSpyBottom);
+      });
+    }
+  }
+  animateInFromLeft(options, callback) {
+    playKeyframeAnimation(this._container, CALENDAR_MENU_CONSTANTS.classes.SLIDE_RIGHT, true).then(() => {
+      removeAllExceptLastChild(this._container);
+      if (callback) {
+        callback();
+      }
+    });
+    const element = getGrid(options);
+    this._container.appendChild(element);
+  }
+  animateInFromRight(options, callback) {
+    playKeyframeAnimation(this._container, CALENDAR_MENU_CONSTANTS.classes.SLIDE_LEFT, true).then(() => {
+      removeAllExceptLastChild(this._container);
+      if (callback) {
+        callback();
+      }
+    });
+    const element = getGrid(options);
+    this._container.appendChild(element);
+  }
+  setFocusAtIndex(index, setFocus, preventFocus) {
+    var _a;
+    const previouslyFocusedElement = this._container.querySelector(CALENDAR_MENU_CONSTANTS.selectors.FOCUSED);
+    previouslyFocusedElement == null ? void 0 : previouslyFocusedElement.classList.remove(CALENDAR_MENU_CONSTANTS.classes.ITEM_FOCUSED, CALENDAR_MENU_CONSTANTS.classes.MDC_RIPPLE_UPGRADED_FOCUSED);
+    previouslyFocusedElement == null ? void 0 : previouslyFocusedElement.setAttribute("tabindex", "-1");
+    const item = (_a = this._container.querySelectorAll(CALENDAR_MENU_CONSTANTS.selectors.ITEM)) == null ? void 0 : _a[index];
+    if (item) {
+      item.classList.add(CALENDAR_MENU_CONSTANTS.classes.ITEM_FOCUSED);
+      item.setAttribute("tabindex", preventFocus ? "-1" : "0");
+      if (setFocus && !preventFocus) {
+        item.focus();
+      } else if (preventFocus) {
+        item.classList.add(CALENDAR_MENU_CONSTANTS.classes.MDC_RIPPLE_UPGRADED_FOCUSED);
+      }
+      this._scrollItemIntoView("focused");
+    }
+  }
+  _scrollItemIntoView(type) {
+    const list = this._container.querySelector(CALENDAR_MENU_CONSTANTS.selectors.LIST);
+    const item = list == null ? void 0 : list.querySelector(type === "selected" ? CALENDAR_MENU_CONSTANTS.selectors.SELECTED : CALENDAR_MENU_CONSTANTS.selectors.FOCUSED);
+    if (list && item) {
+      tryScrollIntoView(list.parentElement, item, type === "selected" ? "auto" : "smooth", type === "selected" ? "center" : "nearest");
+    }
+  }
+};
+
+// dist/build/lib/staging/src/calendar/calendar-menu/calendar-menu-foundation.ts
+var CalendarMenuFoundation = class {
+  constructor(_adapter) {
+    this._adapter = _adapter;
+    this._animationType = "scale";
+    this._columnCount = 3;
+    this._focusedIndex = 0;
+    this._list = false;
+    this._open = false;
+    this._options = [];
+    this._preventFocus = false;
+    this._sliceEnd = -1;
+    this._sliceStart = -1;
+    this._clickListener = (evt) => this._onClick(evt);
+    this._intersectionObserverCallback = (entries) => this._onIntersection(entries);
+  }
+  initialize() {
+    this._applyAnimationType();
+    this._applyPreventFocus();
+    this._adapter.setHostAttribute("exportparts", Object.values(CALENDAR_MENU_CONSTANTS.parts).join(", "));
+    this._adapter.toggleHostAttribute("hidden", true);
+    this._adapter.registerClickListener(this._clickListener);
+  }
+  disconnect() {
+    this._adapter.unregisterClickListener(this._clickListener);
+    this._adapter.unregisterIntersectionObserver();
+  }
+  openAsGrid(options, setFocus) {
+    this._list = false;
+    this._options = options;
+    this._focusedIndex = 0;
+    this._setColumnCount();
+    this._adapter.setOpenAsGrid(options, this._focusedIndex, setFocus, this._preventFocus, this._open);
+    this._setGridListeners();
+    this._open = true;
+    this._emitFocusChangeEvent();
+  }
+  openAsList(options, setFocus) {
+    this._list = true;
+    this._options = options;
+    const currentSlice = this._getOptionSliceIncludingSelected();
+    this._focusedIndex = Math.max(options.findIndex((o) => o.selected), this._sliceStart);
+    this._adapter.setOpenAsList(currentSlice, this._focusedIndex - this._sliceStart, setFocus, this._preventFocus, this._open);
+    this._setListListeners();
+    this._open = true;
+    this._emitFocusChangeEvent();
+  }
+  close() {
+    this._open = false;
+    this._options = [];
+    this._adapter.setClosed();
+  }
+  animateIn(options, direction, setFocus) {
+    const callback = () => {
+      this._setFocusFromStoredIndex(setFocus);
+    };
+    if (direction === "left") {
+      this._adapter.animateInFromLeft(options, callback);
+    } else {
+      this._adapter.animateInFromRight(options, callback);
+    }
+    this._options = options;
+    this._setColumnCount();
+  }
+  selectFocusedItem() {
+    var _a;
+    this._adapter.emitHostEvent(CALENDAR_MENU_CONSTANTS.events.SELECT, (_a = this._options[this._focusedIndex]) == null ? void 0 : _a.value);
+  }
+  moveFocusBackward() {
+    if (this._list) {
+      return true;
+    }
+    const index = this._focusedIndex - 1;
+    const indexIsInView = index >= 0 && index % this._columnCount !== this._columnCount - 1;
+    this._focusedIndexAfterAnimation = indexIsInView ? void 0 : index + this._columnCount;
+    return this._tryMoveFocus(index, indexIsInView);
+  }
+  moveFocusDown() {
+    if (this._list) {
+      const index = Math.min(this._focusedIndex += 1, this._options.length - 1);
+      this._tryMoveFocus(index, true);
+    } else {
+      const index = this._focusedIndex + this._columnCount;
+      const indexIsInView = index < this._options.length;
+      this._focusedIndexAfterAnimation = indexIsInView ? void 0 : index % this._columnCount;
+      this._tryMoveFocus(index, indexIsInView);
+    }
+  }
+  moveFocusForward() {
+    if (this._list) {
+      return true;
+    }
+    const index = this._focusedIndex + 1;
+    const indexIsInView = index < this._options.length && index % this._columnCount !== 0;
+    this._focusedIndexAfterAnimation = indexIsInView ? void 0 : index - this._columnCount;
+    return this._tryMoveFocus(index, indexIsInView);
+  }
+  moveFocusUp() {
+    if (this._list) {
+      const index = Math.max(this._focusedIndex -= 1, 0);
+      this._tryMoveFocus(index, true);
+    } else {
+      const index = this._focusedIndex - this._columnCount;
+      const indexIsInView = index >= 0;
+      this._focusedIndexAfterAnimation = indexIsInView ? void 0 : this._options.length + index;
+      this._tryMoveFocus(index, indexIsInView);
+    }
+  }
+  _tryMoveFocus(index, indexIsInView) {
+    var _a;
+    if (indexIsInView && !((_a = this._options[index]) == null ? void 0 : _a.disabled)) {
+      this._focusedIndex = index;
+      this._adapter.setFocusAtIndex(this._list ? this._focusedIndex - this._sliceStart : this._focusedIndex, true, this._preventFocus);
+      this._emitFocusChangeEvent();
+    }
+    return indexIsInView;
+  }
+  _setFocusFromStoredIndex(setFocus) {
+    var _a, _b;
+    if (this._focusedIndexAfterAnimation === void 0) {
+      return;
+    }
+    if (this._options[this._focusedIndexAfterAnimation] && !((_a = this._options[this._focusedIndexAfterAnimation]) == null ? void 0 : _a.disabled)) {
+      this._focusedIndex = this._focusedIndexAfterAnimation;
+    } else if ((_b = this._options[0]) == null ? void 0 : _b.disabled) {
+      this._focusedIndex = this._options.findIndex((o) => !o.disabled);
+    } else {
+      this._focusedIndex = this._options.length - this._options.slice().reverse().findIndex((o) => !o.disabled) - 1;
+    }
+    this._focusedIndexAfterAnimation = void 0;
+    this._adapter.setFocusAtIndex(this._focusedIndex, setFocus, this._preventFocus);
+    this._emitFocusChangeEvent();
+  }
+  _onClick(evt) {
+    const element = getEventPath(evt).find((p) => p.classList && p.classList.contains(CALENDAR_MENU_CONSTANTS.classes.ITEM));
+    const value = element == null ? void 0 : element.getAttribute(CALENDAR_MENU_CONSTANTS.attributes.DATA_VALUE);
+    if (isDefined(value)) {
+      this._adapter.emitHostEvent(CALENDAR_MENU_CONSTANTS.events.SELECT, +value);
+    }
+  }
+  _onIntersection(entries) {
+    if (this._sliceStart > 0 && entries.some((e) => e.target.id === CALENDAR_MENU_CONSTANTS.ids.SCROLL_SPY_TOP && e.isIntersecting)) {
+      this._adapter.appendListItemsToStart(this._getPreviousOptionsSlice());
+    }
+    if (this._sliceEnd < this._options.length && entries.some((e) => e.target.id === CALENDAR_MENU_CONSTANTS.ids.SCROLL_SPY_BOTTOM && e.isIntersecting)) {
+      this._adapter.appendListItemsToEnd(this._getNextOptionsSlice());
+    }
+  }
+  _setColumnCount() {
+    this._columnCount = this._options.length >= CALENDAR_MENU_CONSTANTS.numbers.LARGE_ITEM_SET ? CALENDAR_MENU_CONSTANTS.numbers.FOUR_COL : CALENDAR_MENU_CONSTANTS.numbers.THREE_COL;
+  }
+  _emitFocusChangeEvent() {
+    var _a;
+    this._adapter.emitHostEvent(CALENDAR_MENU_CONSTANTS.events.FOCUS_CHANGE, (_a = this._options[this._focusedIndex]) == null ? void 0 : _a.value);
+  }
+  _setGridListeners() {
+    this._adapter.unregisterIntersectionObserver();
+  }
+  _setListListeners() {
+    this._adapter.unregisterIntersectionObserver();
+    this._adapter.registerIntersectionObserver(this._intersectionObserverCallback);
+  }
+  _getOptionSliceIncludingSelected() {
+    if (this._options.length <= CALENDAR_MENU_CONSTANTS.numbers.LIST_SLICE_SIZE) {
+      this._sliceStart = 0;
+      this._sliceEnd = this._options.length;
+      return this._options.slice();
+    }
+    const selectedIndex = Math.max(this._options.findIndex((o) => o.selected), 0);
+    let start = Math.max(Math.floor(selectedIndex - CALENDAR_MENU_CONSTANTS.numbers.LIST_SLICE_SIZE / 2), 0);
+    let end = start + CALENDAR_MENU_CONSTANTS.numbers.LIST_SLICE_SIZE;
+    if (end > this._options.length) {
+      start = this._options.length - 1 - CALENDAR_MENU_CONSTANTS.numbers.LIST_SLICE_SIZE;
+      end = this._options.length;
+    }
+    this._sliceStart = start;
+    this._sliceEnd = end;
+    return this._options.slice(this._sliceStart, this._sliceEnd);
+  }
+  _getNextOptionsSlice() {
+    const newEnd = Math.min(this._sliceEnd + CALENDAR_MENU_CONSTANTS.numbers.LIST_SLICE_SIZE, this._options.length);
+    const slice = this._options.slice(this._sliceEnd, newEnd);
+    this._sliceEnd = newEnd;
+    return slice;
+  }
+  _getPreviousOptionsSlice() {
+    const newStart = Math.max(this._sliceStart - CALENDAR_MENU_CONSTANTS.numbers.LIST_SLICE_SIZE, 0);
+    const slice = this._options.slice(newStart, this._sliceStart);
+    this._sliceStart = newStart;
+    return slice;
+  }
+  _applyAnimationType() {
+    this._adapter.setHostAttribute(CALENDAR_MENU_CONSTANTS.attributes.ANIMATION_TYPE, this._animationType);
+    this._adapter.setAnimationType(this._animationType);
+  }
+  _applyPreventFocus() {
+    this._adapter.toggleHostAttribute(CALENDAR_MENU_CONSTANTS.attributes.PREVENT_FOCUS, this._preventFocus);
+    this._adapter.setFocusAtIndex(this._focusedIndex, false, this._preventFocus);
+  }
+  get animationType() {
+    return this._animationType;
+  }
+  set animationType(value) {
+    if (this._animationType !== value) {
+      this._animationType = value;
+      this._applyAnimationType();
+    }
+  }
+  get preventFocus() {
+    return this._preventFocus;
+  }
+  set preventFocus(value) {
+    if (this._preventFocus !== value) {
+      this._preventFocus = value;
+      this._applyPreventFocus();
+    }
+  }
+};
+
+// dist/build/lib/staging/src/calendar/calendar-menu/calendar-menu.ts
+var template = '<template><div class="forge-calendar-menu" part="root"></div></template>';
+var styles = '.forge-calendar-menu{background-color:#fff;background-color:var(--mdc-theme-surface,#fff);position:relative;height:100%;width:100%;overflow:hidden}.forge-calendar-menu__view{position:absolute;top:0;left:0;height:100%;width:100%;background-color:inherit}.forge-calendar-menu__grid{max-height:320px;max-height:var(--forge-calendar-menu-max-height,320px);display:grid;gap:16px;justify-items:center;-webkit-box-align:center;align-items:center;padding:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.forge-calendar-menu__grid--three-col{grid-template-columns:repeat(3,1fr)}.forge-calendar-menu__grid--four-col{grid-template-columns:repeat(4,1fr)}.forge-calendar-menu__list{position:relative;background-color:inherit}.forge-calendar-menu__list__wrapper{position:relative;height:100%;overflow:auto}.forge-calendar-menu__list__wrapper::-webkit-scrollbar{width:16px;width:var(--forge-scrollbar-width,16px);height:16px;height:var(--forge-scrollbar-height,16px)}.forge-calendar-menu__list__wrapper::-webkit-scrollbar-corner{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-calendar-menu__list__wrapper::-webkit-scrollbar-track{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-calendar-menu__list__wrapper::-webkit-scrollbar-track:hover{background-color:#ececec;background-color:var(--forge-theme-scrollbar-track-hover,#ececec)}.forge-calendar-menu__list__wrapper::-webkit-scrollbar-thumb{background-color:#bdbdbd;background-color:var(--forge-theme-scrollbar-thumb,#bdbdbd);height:32px;height:var(--forge-scrollbar-min-height,32px);width:32px;width:var(--forge-scrollbar-min-width,32px);border-radius:10px;border-radius:var(--forge-scrollbar-border-radius,10px);border-width:3px;border-width:var(--forge-scrollbar-border-width,3px);border-style:solid;border-color:transparent;background-clip:content-box}.forge-calendar-menu__list__wrapper::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--forge-theme-scrollbar-thumb-hover,#9e9e9e)}.forge-calendar-menu__item--grid{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:relative;width:100%;height:100%;border-radius:4px;overflow:hidden;font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.forge-calendar-menu__item--grid:not([disabled]){--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;border:1px solid #e0e0e0;cursor:pointer}.forge-calendar-menu__item--grid:not([disabled])::after,.forge-calendar-menu__item--grid:not([disabled])::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.forge-calendar-menu__item--grid:not([disabled])::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-calendar-menu__item--grid:not([disabled])::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-calendar-menu__item--grid:not([disabled]).mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-calendar-menu__item--grid:not([disabled]).mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-calendar-menu__item--grid:not([disabled]).mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-calendar-menu__item--grid:not([disabled]).mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-calendar-menu__item--grid:not([disabled]).mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-calendar-menu__item--grid:not([disabled])::after,.forge-calendar-menu__item--grid:not([disabled])::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-calendar-menu__item--grid:not([disabled]).mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-calendar-menu__item--grid:not([disabled])::after,.forge-calendar-menu__item--grid:not([disabled])::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-calendar-menu__item--grid:not([disabled]).mdc-ripple-surface--hover::before,.forge-calendar-menu__item--grid:not([disabled]):hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-calendar-menu__item--grid:not([disabled]).mdc-ripple-upgraded--background-focused::before,.forge-calendar-menu__item--grid:not([disabled]):not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-calendar-menu__item--grid:not([disabled]):not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-calendar-menu__item--grid:not([disabled]):not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-calendar-menu__item--grid:not([disabled]).mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-calendar-menu__item--grid[disabled]{color:rgba(0,0,0,.12);color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-calendar-menu__item--grid.forge-calendar-menu__item--selected{color:#fff;color:var(--mdc-theme-on-primary,#fff);background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5)}.forge-calendar-menu__item--grid.forge-calendar-menu__item--selected:hover{opacity:.87}.forge-calendar-menu__item--grid.forge-calendar-menu__item--selected.mdc-ripple-upgraded--background-focused,.forge-calendar-menu__item--grid.forge-calendar-menu__item--selected:focus{opacity:.54}.forge-calendar-menu__item--list{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;margin:0 4px;width:calc(100% - 8px);height:48px;border-radius:4px;overflow:hidden;text-align:center;cursor:pointer}.forge-calendar-menu__item--list::after,.forge-calendar-menu__item--list::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.forge-calendar-menu__item--list::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-calendar-menu__item--list::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-calendar-menu__item--list.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-calendar-menu__item--list.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-calendar-menu__item--list.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-calendar-menu__item--list.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-calendar-menu__item--list.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-calendar-menu__item--list::after,.forge-calendar-menu__item--list::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-calendar-menu__item--list.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-calendar-menu__item--list::after,.forge-calendar-menu__item--list::before{background-color:#000;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-surface,#000))}.forge-calendar-menu__item--list.mdc-ripple-surface--hover::before,.forge-calendar-menu__item--list:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-calendar-menu__item--list.mdc-ripple-upgraded--background-focused::before,.forge-calendar-menu__item--list:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-calendar-menu__item--list:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-calendar-menu__item--list:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-calendar-menu__item--list.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-calendar-menu__item--list--activated::before{opacity:.12;opacity:var(--mdc-ripple-activated-opacity, .12)}.forge-calendar-menu__item--list--activated::after,.forge-calendar-menu__item--list--activated::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-calendar-menu__item--list--activated.mdc-ripple-surface--hover::before,.forge-calendar-menu__item--list--activated:hover::before{opacity:.16;opacity:var(--mdc-ripple-hover-opacity, .16)}.forge-calendar-menu__item--list--activated.mdc-ripple-upgraded--background-focused::before,.forge-calendar-menu__item--list--activated:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-calendar-menu__item--list--activated:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-calendar-menu__item--list--activated:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-calendar-menu__item--list--activated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-calendar-menu__item--list--selected::before{opacity:.08;opacity:var(--mdc-ripple-selected-opacity, .08)}.forge-calendar-menu__item--list--selected::after,.forge-calendar-menu__item--list--selected::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-calendar-menu__item--list--selected.mdc-ripple-surface--hover::before,.forge-calendar-menu__item--list--selected:hover::before{opacity:.12;opacity:var(--mdc-ripple-hover-opacity, .12)}.forge-calendar-menu__item--list--selected.mdc-ripple-upgraded--background-focused::before,.forge-calendar-menu__item--list--selected:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-focus-opacity, .2)}.forge-calendar-menu__item--list--selected:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-calendar-menu__item--list--selected:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.2;opacity:var(--mdc-ripple-press-opacity, .2)}.forge-calendar-menu__item--list--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.forge-calendar-menu__item--list--selected:focus:hover.mdc-ripple-upgraded--background-focused:not(.mdc-ripple-upgraded--foreground-activation)::before{opacity:.28}.forge-calendar-menu__item--list--active:not(.forge-list-item--selected):not(.forge-list-item--activated):not(.mdc-ripple-upgraded--foreground-activation)::before,.forge-calendar-menu__item--list:focus:not(.forge-list-item--selected):not(.forge-list-item--activated):not(.mdc-ripple-upgraded--foreground-activation)::before{opacity:.12}.forge-calendar-menu__item--list--active:not(.forge-list-item--selected):not(.forge-list-item--activated):not(.mdc-ripple-upgraded--foreground-activation):hover::before,.forge-calendar-menu__item--list:focus:not(.forge-list-item--selected):not(.forge-list-item--activated):not(.mdc-ripple-upgraded--foreground-activation):hover::before{opacity:.16}.forge-calendar-menu__item--list--active:not(.forge-list-item--selected):not(.forge-list-item--activated):not(.mdc-ripple-upgraded--foreground-activation)::after,.forge-calendar-menu__item--list--active:not(.forge-list-item--selected):not(.forge-list-item--activated):not(.mdc-ripple-upgraded--foreground-activation)::before,.forge-calendar-menu__item--list:focus:not(.forge-list-item--selected):not(.forge-list-item--activated):not(.mdc-ripple-upgraded--foreground-activation)::after,.forge-calendar-menu__item--list:focus:not(.forge-list-item--selected):not(.forge-list-item--activated):not(.mdc-ripple-upgraded--foreground-activation)::before{background-color:#000;background-color:var(--mdc-theme-on-surface,#000)}.forge-calendar-menu__item--list--active:focus.forge-list-item--selected.forge-list-item--activated:not(.mdc-ripple-upgraded--foreground-activation)::before{opacity:.24}.forge-calendar-menu__item--list--active:focus.forge-list-item--selected.forge-list-item--activated:not(.mdc-ripple-upgraded--foreground-activation):hover::before{opacity:.28}.forge-calendar-menu__item--list.forge-calendar-menu__item--selected{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-calendar-menu__item--list.forge-calendar-menu__item--selected:hover{opacity:.87}.forge-calendar-menu__item--list.forge-calendar-menu__item--selected.mdc-ripple-upgraded--background-focused,.forge-calendar-menu__item--list.forge-calendar-menu__item--selected:focus{opacity:.54}.forge-calendar-menu__item .mdc-ripple-upgraded--background-focused,.forge-calendar-menu__item--focused,.forge-calendar-menu__item:focus{outline:0}.forge-calendar-menu--open{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:scale-open;animation-name:scale-open;-webkit-transform-origin:top center;transform-origin:top center}.forge-calendar-menu--open[data-animation=fade]{-webkit-animation-name:fade-in;animation-name:fade-in}.forge-calendar-menu--open[data-animation=none]{-webkit-animation-duration:1ms;animation-duration:1ms}@media (prefers-reduced-motion){.forge-calendar-menu--open{-webkit-animation-name:fade-in;animation-name:fade-in}}.forge-calendar-menu--closing{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:scale-closed;animation-name:scale-closed;-webkit-transform-origin:top center;transform-origin:top center}.forge-calendar-menu--closing[data-animation=fade]{-webkit-animation-name:fade-out;animation-name:fade-out}.forge-calendar-menu--closing[data-animation=none]{-webkit-animation-duration:1ms;animation-duration:1ms}@media (prefers-reduced-motion){.forge-calendar-menu--closing{-webkit-animation-name:fade-out;animation-name:fade-out}}.forge-calendar-menu--slide-right .forge-calendar-menu__view:first-child{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:slide-out-to-right;animation-name:slide-out-to-right}@media (prefers-reduced-motion){.forge-calendar-menu--slide-right .forge-calendar-menu__view:first-child{-webkit-animation-name:fade-out;animation-name:fade-out}}.forge-calendar-menu--slide-right .forge-calendar-menu__view:last-child{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:slide-in-from-left;animation-name:slide-in-from-left}@media (prefers-reduced-motion){.forge-calendar-menu--slide-right .forge-calendar-menu__view:last-child{-webkit-animation-name:fade-in;animation-name:fade-in}}.forge-calendar-menu--slide-left .forge-calendar-menu__view:first-child{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:slide-out-to-left;animation-name:slide-out-to-left}@media (prefers-reduced-motion){.forge-calendar-menu--slide-left .forge-calendar-menu__view:first-child{-webkit-animation-name:fade-out;animation-name:fade-out}}.forge-calendar-menu--slide-left .forge-calendar-menu__view:last-child{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:slide-in-from-right;animation-name:slide-in-from-right}@media (prefers-reduced-motion){.forge-calendar-menu--slide-left .forge-calendar-menu__view:last-child{-webkit-animation-name:fade-in;animation-name:fade-in}}.forge-calendar-menu--replacing-view .forge-calendar-menu__view:first-child{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:fade-out;animation-name:fade-out}.forge-calendar-menu--replacing-view .forge-calendar-menu__view:last-child{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:fade-in;animation-name:fade-in}#scroll-spy-bottom{position:absolute;bottom:0;height:48px;pointer-events:none}#scroll-spy-top{position:absolute;top:0;height:48px;pointer-events:none}@-webkit-keyframes scale-open{from{opacity:0;-webkit-transform:scale(.4);transform:scale(.4)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-open{from{opacity:0;-webkit-transform:scale(.4);transform:scale(.4)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes scale-closed{from{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.4);transform:scale(.4)}}@keyframes scale-closed{from{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(.4);transform:scale(.4)}}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes slide-in-from-left{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in-from-left{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-in-from-right{from{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in-from-right{from{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-out-to-left{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slide-out-to-left{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes slide-out-to-right{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slide-out-to-right{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}:host{display:block;position:absolute;top:0;left:0;height:100%;width:100%}:host([hidden]){display:none}:host([forge-popup-context=true]) .forge-calendar-menu{background-color:#fff;background-color:var(--forge-theme-elevated-surface,#fff)}';
+var CalendarMenuComponent = class extends HTMLElement {
+  constructor() {
+    super();
+    attachShadowTemplate(this, template, styles);
+    this._foundation = new CalendarMenuFoundation(new CalendarMenuAdapter(this));
+  }
+  static get observedAttributes() {
+    return [
+      CALENDAR_MENU_CONSTANTS.attributes.ANIMATION_TYPE,
+      CALENDAR_MENU_CONSTANTS.attributes.PREVENT_FOCUS
+    ];
+  }
+  connectedCallback() {
+    if (!this.hasAttribute(CALENDAR_MENU_CONSTANTS.attributes.POPUP_CONTEXT) && elementParents(this).some((el) => el.tagName.toLowerCase() === "forge-popup")) {
+      this.setAttribute(CALENDAR_MENU_CONSTANTS.attributes.POPUP_CONTEXT, "true");
+    }
+    this._foundation.initialize();
+  }
+  disconnectedCallback() {
+    this._foundation.disconnect();
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    switch (name) {
+      case CALENDAR_MENU_CONSTANTS.attributes.ANIMATION_TYPE:
+        this.animationType = newValue;
+        break;
+      case CALENDAR_MENU_CONSTANTS.attributes.PREVENT_FOCUS:
+        this.preventFocus = coerceBoolean(newValue);
+        break;
+    }
+  }
+  animateIn(options, direction, setFocus = false) {
+    this._foundation.animateIn(options, direction, setFocus);
+  }
+  close() {
+    this._foundation.close();
+  }
+  moveFocusDown() {
+    this._foundation.moveFocusDown();
+  }
+  moveFocusBackward() {
+    return this._foundation.moveFocusBackward();
+  }
+  moveFocusForward() {
+    return this._foundation.moveFocusForward();
+  }
+  moveFocusUp() {
+    this._foundation.moveFocusUp();
+  }
+  openAsGrid(options, setFocus = false) {
+    this._foundation.openAsGrid(options, setFocus);
+  }
+  openAsList(options, setFocus = false) {
+    this._foundation.openAsList(options, setFocus);
+  }
+  selectFocusedItem() {
+    this._foundation.selectFocusedItem();
+  }
+};
+__decorateClass([
+  FoundationProperty()
+], CalendarMenuComponent.prototype, "animationType", 2);
+__decorateClass([
+  FoundationProperty()
+], CalendarMenuComponent.prototype, "preventFocus", 2);
+CalendarMenuComponent = __decorateClass([
+  CustomElement({
+    name: CALENDAR_MENU_CONSTANTS.elementName
+  })
+], CalendarMenuComponent);
+
+// dist/build/lib/staging/src/calendar/calendar-menu/index.ts
+function defineCalendarMenuComponent() {
+  defineCustomElement(CalendarMenuComponent);
+}
+
+export {
+  CALENDAR_MENU_CONSTANTS,
+  getGrid,
+  getGridItems,
+  getList,
+  getListItems,
+  getScrollSpy,
+  removeAllExceptLastChild,
+  CalendarMenuAdapter,
+  CalendarMenuFoundation,
+  CalendarMenuComponent,
+  defineCalendarMenuComponent
+};
+//# sourceMappingURL=chunk.XY3ZHN7Y.js.map