@tylertech/forge 2.0.0 → 2.1.0

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

@@ -0,0 +1,742 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import {
+  CALENDAR_MENU_CONSTANTS
+} from "./chunk.XY3ZHN7Y.js";
+import {
+  createVisuallyHiddenElement
+} from "./chunk.PBGL3BRX.js";
+import {
+  getEventPath
+} from "./chunk.EY57VTRF.js";
+import {
+  POPUP_CONSTANTS
+} from "./chunk.5EEEKOOK.js";
+import {
+  TOOLTIP_CONSTANTS
+} from "./chunk.NX5SKZLU.js";
+import {
+  COMPONENT_NAME_PREFIX
+} from "./chunk.35U3UPDV.js";
+import {
+  addClass,
+  appendToAttribute,
+  toggleOnAttribute
+} from "./chunk.4JURZYE4.js";
+import {
+  isArray
+} from "./chunk.MEFT5FQC.js";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk.LM5TVNZY.js";
+
+// dist/build/lib/staging/src/calendar/calendar-constants.ts
+var elementName = `${COMPONENT_NAME_PREFIX}calendar`;
+var observedAttributes = {
+  ALLOW_SINGLE_DATE_RANGE: "allow-single-date-range",
+  CLEAR_BUTTON: "clear-button",
+  CONSTRAIN_TO_ENABLED: "constrain-to-enabled",
+  FIRST_DAY_OF_WEEK: "first-day-of-week",
+  FIXED_HEIGHT: "static-height",
+  LIST_YEARS: "list-years",
+  LOCALE: "locale",
+  MAX: "max",
+  MENU_ANIMATION: "menu-animation",
+  MIN: "min",
+  MODE: "mode",
+  MONTH: "month",
+  PREVENT_FOCUS: "prevent-focus",
+  READONLY: "readonly",
+  SELECTION_FOLLOWS_MONTH: "selection-follows-month",
+  SHOW_HEADER: "show-header",
+  SHOW_OTHER_MONTHS: "show-other-months",
+  SHOW_TODAY: "show-today",
+  TODAY_BUTTON: "today-button",
+  VIEW: "view",
+  YEAR: "year",
+  YEAR_RANGE: "year-range"
+};
+var attributes = __spreadProps(__spreadValues({}, observedAttributes), {
+  DATA_DATE: "data-date",
+  DATA_EVENT_THEME: "data-event-theme",
+  POPUP_CONTEXT: "forge-popup-context"
+});
+var classes = {
+  ALLOW_SINGLE_DATE_RANGE: "forge-calendar--allow-single-date-range",
+  DATE: "forge-calendar__date",
+  DATE_GRID: "forge-calendar__date-grid",
+  DATE_INNER: "forge-calendar__date__inner",
+  DATE_OTHER_MONTH: "forge-calendar__date--other-month",
+  DATE_SPACER: "forge-calendar__date-spacer",
+  DATE_SELECTED: "forge-calendar__date--selected",
+  DATE_TODAY: "forge-calendar__date--today",
+  DATE_VIEW: "forge-calendar__date-view",
+  DATE_VIEW_ROW: "forge-calendar__date-view__row",
+  DATE_WRAPPER: "forge-calendar__date-wrapper",
+  DAY: "forge-calendar__day",
+  EVENT: "forge-calendar__event",
+  EVENT_OVERFLOW: "forge-calendar__event--overflow",
+  EVENT_WRAPPER: "forge-calendar__event__wrapper",
+  FIXED_HEIGHT: "forge-calendar--fixed-height",
+  FOOTER: "forge-calendar__footer",
+  HEADER: "forge-calendar__header",
+  MDC_RIPPLE_UPGRADED_FOCUSED: "mdc-ripple-upgraded--background-focused",
+  MONTH_MENU_OPEN: "forge-calendar--month-menu-open",
+  PREVENT_FOCUS: "forge-calendar--prevent-focus",
+  RANGE: "forge-calendar__range",
+  RANGE_END: "forge-calendar__range--end",
+  RANGE_START: "forge-calendar__range--start",
+  RANGE_TARGET: "forge-calendar__range__target",
+  READONLY: "forge-calendar--readonly",
+  RTL: "forge-calendar--rtl",
+  SHOW_OTHER_MONTHS: "forge-calendar--show-other-months",
+  SHOW_TODAY: "forge-calendar--show-today",
+  VIEW: "forge-calendar__view",
+  YEAR_MENU_OPEN: "forge-calendar--year-menu-open"
+};
+var ids = {
+  ACCESSIBLE_HEADER: "accessible-header",
+  ACCESSIBLE_MONTH: "accessible-month",
+  ACCESSIBLE_YEAR: "accessible-year",
+  CLEAR_BUTTON: "clear-button",
+  DATE_GRID: "date-grid",
+  DATE_VIEW: "date-view",
+  DAY_ROW: "day-row",
+  FOOTER: "footer",
+  HEADER: "header",
+  MENU: "menu",
+  MONTH_BUTTON: "month-button",
+  NEXT_BUTTON: "next-button",
+  NEXT_BUTTON_TOOLTIP: "next-button-tooltip",
+  PREVIOUS_BUTTON: "previous-button",
+  PREVIOUS_BUTTON_TOOLTIP: "previous-button-tooltip",
+  TODAY_BUTTON: "today-button",
+  YEAR_BUTTON: "year-button"
+};
+var weekdayParts = {
+  SUNDAY: "sunday",
+  MONDAY: "monday",
+  TUESDAY: "tuesday",
+  WEDNESDAY: "wednesday",
+  THURSDAY: "thursday",
+  FRIDAY: "friday",
+  SATURDAY: "saturday"
+};
+var parts = __spreadProps(__spreadValues({}, weekdayParts), {
+  CLEAR_BUTTON: "clear-button",
+  DATE: "date",
+  DATE_OTHER_MONTH: "date-other-month",
+  DATE_VIEW: "date-view",
+  DATE_WRAPPER: "date-wrapper",
+  DAY: "day",
+  EVENT: "event",
+  EVENT_WRAPPER: "event-wrapper",
+  FOOTER: "footer",
+  HEADER: "header",
+  MONTH_BUTTON: "month-button",
+  MONTH_BUTTON_ELEMENT: "month-button-element",
+  NEXT_BUTTON: "next-button",
+  PREVIOUS_BUTTON: "previous-button",
+  RANGE: "range",
+  RANGE_END: "range-end",
+  RANGE_START: "range-start",
+  TODAY: "today",
+  TODAY_BUTTON: "today-button",
+  WEEKEND: "weekend",
+  YEAR_BUTTON: "year-button",
+  YEAR_BUTTON_ELEMENT: "year-button-element"
+});
+var selectors = {
+  ACCESSIBLE_HEADER: `#${ids.ACCESSIBLE_HEADER}`,
+  ACCESSIBLE_MONTH: `#${ids.ACCESSIBLE_MONTH}`,
+  ACCESSIBLE_YEAR: `#${ids.ACCESSIBLE_YEAR}`,
+  CALENDAR: ".forge-calendar",
+  CLEAR_BUTTON: `#${ids.CLEAR_BUTTON}`,
+  DATE: `.${classes.DATE}`,
+  DATE_GRID: `#${ids.DATE_GRID}`,
+  DATE_INNER: `.${classes.DATE_INNER}`,
+  DATE_OTHER_MONTH: `.${classes.DATE_OTHER_MONTH}`,
+  DATE_SPACER: `.${classes.DATE_SPACER}`,
+  DATE_SELECTED: `.${classes.DATE_SELECTED}`,
+  DATE_TODAY: `.${classes.DATE_TODAY}`,
+  DATE_VIEW: `#${ids.DATE_VIEW}`,
+  DATE_WRAPPER: `.${classes.DATE_WRAPPER}`,
+  DAY_ROW: `#${ids.DAY_ROW}`,
+  EVENT_WRAPPER: `.${classes.EVENT_WRAPPER}`,
+  FOOTER: `#${ids.FOOTER}`,
+  HEADER: `#${ids.HEADER}`,
+  MENU: CALENDAR_MENU_CONSTANTS.elementName,
+  MONTH_BUTTON: `#${ids.MONTH_BUTTON}`,
+  NEXT_BUTTON: `#${ids.NEXT_BUTTON}`,
+  NEXT_BUTTON_TOOLTIP: `#${ids.NEXT_BUTTON_TOOLTIP}`,
+  PREVIOUS_BUTTON: `#${ids.PREVIOUS_BUTTON}`,
+  PREVIOUS_BUTTON_TOOLTIP: `#${ids.PREVIOUS_BUTTON_TOOLTIP}`,
+  RANGE: `.${classes.RANGE}`,
+  RANGE_END: `.${classes.RANGE_END}`,
+  RANGE_START: `.${classes.RANGE_START}`,
+  TODAY_BUTTON: `#${ids.TODAY_BUTTON}`,
+  TOOLTIP: TOOLTIP_CONSTANTS.elementName,
+  VIEW: "#view",
+  YEAR_BUTTON: `#${ids.YEAR_BUTTON}`
+};
+var events = {
+  DATE_SELECT: `${elementName}-date-select`,
+  FOCUS_CHANGE: `${elementName}-focus-change`,
+  MONTH_CHANGE: `${elementName}-month-change`,
+  VIEW_CHANGE: `${elementName}-view-change`
+};
+var numbers = {
+  DEFAULT_MAX_YEAR_OFFSET: 50,
+  DEFAULT_MIN_YEAR_OFFSET: 50,
+  FINAL_WEEK_BEGIN_INDEX: 35,
+  MONTH_LENGTH: 42,
+  PENULTIMATE_WEEK_BEGIN_INDEX: 28,
+  WEEK_LENGTH: 7,
+  YEARS_IN_VIEW: 20
+};
+var CALENDAR_CONSTANTS = {
+  elementName,
+  attributes,
+  classes,
+  ids,
+  parts,
+  selectors,
+  events,
+  numbers
+};
+var DayOfWeek = /* @__PURE__ */ ((DayOfWeek2) => {
+  DayOfWeek2[DayOfWeek2["Sunday"] = 0] = "Sunday";
+  DayOfWeek2[DayOfWeek2["Monday"] = 1] = "Monday";
+  DayOfWeek2[DayOfWeek2["Tuesday"] = 2] = "Tuesday";
+  DayOfWeek2[DayOfWeek2["Wednesday"] = 3] = "Wednesday";
+  DayOfWeek2[DayOfWeek2["Thursday"] = 4] = "Thursday";
+  DayOfWeek2[DayOfWeek2["Friday"] = 5] = "Friday";
+  DayOfWeek2[DayOfWeek2["Saturday"] = 6] = "Saturday";
+  return DayOfWeek2;
+})(DayOfWeek || {});
+var CalendarMonthFocus = /* @__PURE__ */ ((CalendarMonthFocus2) => {
+  CalendarMonthFocus2[CalendarMonthFocus2["First"] = 1] = "First";
+  CalendarMonthFocus2[CalendarMonthFocus2["Last"] = 2] = "Last";
+  CalendarMonthFocus2[CalendarMonthFocus2["Current"] = 3] = "Current";
+  return CalendarMonthFocus2;
+})(CalendarMonthFocus || {});
+
+// dist/build/lib/staging/src/calendar/calendar-locale-utils.ts
+function getLocalizedDayOfWeek(day, format, locale) {
+  if (!locale) {
+    locale = navigator.language;
+  }
+  return new Date(2017, 0, day + 1).toLocaleString(locale, { weekday: format });
+}
+function getLocalizedDayOfMonth(date, format, locale) {
+  if (!locale) {
+    locale = navigator.language;
+  }
+  return new Date(1970, 0, date).toLocaleDateString(locale, { day: format });
+}
+function getLocalizedMonth(month, format, locale) {
+  if (!locale) {
+    locale = navigator.language;
+  }
+  return new Date(1970, month, 1).toLocaleString(locale, { month: format });
+}
+function getLocalizedYear(year, format, locale) {
+  if (!locale) {
+    locale = navigator.language;
+  }
+  return new Date(year, 0, 1).toLocaleDateString(locale, { year: format });
+}
+function getFirstDayOfWeekForLocale(locale) {
+  if (!locale) {
+    locale = navigator.language;
+  }
+  const localeParts = locale.match(/^([a-z]{2,3})(?:-([a-z]{3})(?=$|-))?(?:-([a-z]{4})(?=$|-))?(?:-([a-z]{2}|\d{3})(?=$|-))?/i);
+  if (!localeParts || !localeParts.length) {
+    return 1 /* Monday */;
+  }
+  const language = localeParts[1];
+  const region = localeParts[4];
+  const saturdayRegions = "AEAFBHDJDZEGIQIRJOKWLYOMQASDSY".match(/../g);
+  const sundayRegions = "AGARASAUBDBRBSBTBWBZCACNCODMDOETGTGUHKHNIDILINJMJPKEKHKRLAMHMMMOMTMXMZNINPPAPEPHPKPRPTPYSASGSVTHTTTWUMUSVEVIWSYEZAZW".match(/../g);
+  const saturdayLanguages = ["ar", "arq", "arz", "fa"];
+  const sundayLanguages = "amasbndzengnguhehiidjajvkmknkolomhmlmrmtmyneomorpapssdsmsnsutatethtnurzhzu".match(/../g);
+  if (region) {
+    if (sundayRegions && sundayRegions.includes(region)) {
+      return 0 /* Sunday */;
+    } else if (saturdayRegions && saturdayRegions.includes(region)) {
+      return 6 /* Saturday */;
+    } else {
+      return 1 /* Monday */;
+    }
+  } else {
+    if (sundayLanguages && sundayLanguages.includes(language)) {
+      return 0 /* Sunday */;
+    } else if (saturdayLanguages && saturdayLanguages.includes(language)) {
+      return 6 /* Saturday */;
+    } else {
+      return 1 /* Monday */;
+    }
+  }
+}
+function getWeekendDaysForLocale(locale) {
+  if (!locale) {
+    locale = navigator.language;
+  }
+  const region = locale.split("-")[1];
+  switch (region) {
+    case "DZ":
+    case "BH":
+    case "BD":
+    case "EG":
+    case "IQ":
+    case "IL":
+    case "JO":
+    case "KW":
+    case "LY":
+    case "MV":
+    case "MR":
+    case "NP":
+    case "OM":
+    case "QA":
+    case "SA":
+    case "SD":
+    case "SY":
+    case "AE":
+    case "YE":
+    case "AF":
+    case "IR":
+      return [4 /* Thursday */, 5 /* Friday */];
+    case "BN":
+      return [0 /* Sunday */, 5 /* Friday */];
+    default:
+      return [0 /* Sunday */, 6 /* Saturday */];
+  }
+}
+function isRtlLocale(locale) {
+  if (!locale) {
+    locale = navigator.language;
+  }
+  const rtlLocales = [
+    "ar",
+    "arc",
+    "ckb",
+    "dv",
+    "fa",
+    "ha",
+    "he",
+    "khw",
+    "ks",
+    "ps",
+    "sd",
+    "ur",
+    "uz-AF",
+    "yi"
+  ];
+  return rtlLocales.some((l) => locale ? locale.startsWith(l) : false);
+}
+
+// dist/build/lib/staging/src/calendar/calendar-dom-utils.ts
+function getDayId(day) {
+  return `d${day}`;
+}
+function getDateId(date) {
+  const month = String(date.getMonth()).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  const year = date.getFullYear();
+  return ["d", year, month, day].join("");
+}
+function getEventWrapperId(date) {
+  const month = String(date.getMonth()).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  const year = date.getFullYear();
+  return ["e", year, month, day].join("");
+}
+function getDayElement(day, locale) {
+  const element = document.createElement("div");
+  element.classList.add(CALENDAR_CONSTANTS.classes.DAY);
+  element.id = getDayId(day);
+  element.setAttribute("role", "columnheader");
+  element.setAttribute("aria-label", getLocalizedDayOfWeek(day, "long", locale));
+  element.setAttribute("part", CALENDAR_CONSTANTS.parts.DAY);
+  element.textContent = getLocalizedDayOfWeek(day, "short", locale);
+  return element;
+}
+function getDateRow(dates, index, options) {
+  var _a;
+  const element = document.createElement("div");
+  element.classList.add(CALENDAR_CONSTANTS.classes.DATE_VIEW_ROW);
+  element.setAttribute("role", "row");
+  if (index > 0 && !((_a = dates[0]) == null ? void 0 : _a.thisMonth)) {
+    dates.forEach((d) => element.appendChild(getDateSpacerElement(d.date)));
+    element.setAttribute("aria-hidden", "true");
+  } else {
+    dates.forEach((d) => {
+      let dateElement = d.thisMonth || (options == null ? void 0 : options.showOtherMonths) ? getDateElement(d, options == null ? void 0 : options.locale) : getDateSpacerElement(d.date);
+      if ((d.thisMonth || (options == null ? void 0 : options.showOtherMonths)) && (options == null ? void 0 : options.builder)) {
+        dateElement = options.builder(d, dateElement);
+      }
+      element.appendChild(dateElement);
+    });
+  }
+  return element;
+}
+function getDateElement(date, locale) {
+  const element = document.createElement("div");
+  const rangeElement = document.createElement("div");
+  const innerElement = document.createElement("div");
+  const rippleElement = document.createElement("div");
+  const day = date.date.getDay();
+  element.id = getDateId(date.date);
+  element.tabIndex = -1;
+  element.classList.add(CALENDAR_CONSTANTS.classes.DATE);
+  element.classList.toggle(CALENDAR_CONSTANTS.classes.DATE_TODAY, date.today);
+  element.classList.toggle(CALENDAR_CONSTANTS.classes.DATE_SELECTED, date.selected);
+  element.classList.toggle(CALENDAR_CONSTANTS.classes.DATE_OTHER_MONTH, !date.thisMonth);
+  element.setAttribute("role", "gridcell");
+  element.setAttribute("aria-disabled", date.disabled.toString());
+  element.setAttribute("aria-label", `${date.today ? "Today, " : ""}${date.date.toLocaleDateString(locale != null ? locale : navigator.language, { weekday: "long", month: "long", day: "numeric", year: "numeric" })}`);
+  element.setAttribute("aria-selected", date.selected.toString());
+  element.setAttribute(CALENDAR_CONSTANTS.attributes.DATA_DATE, date.date.toDateString());
+  element.toggleAttribute("disabled", date.disabled);
+  element.setAttribute("part", CALENDAR_CONSTANTS.parts.DATE_WRAPPER);
+  let dayOfWeekPart = "";
+  switch (day) {
+    case 0 /* Sunday */:
+      dayOfWeekPart = CALENDAR_CONSTANTS.parts.SUNDAY;
+      break;
+    case 1 /* Monday */:
+      dayOfWeekPart = CALENDAR_CONSTANTS.parts.MONDAY;
+      break;
+    case 2 /* Tuesday */:
+      dayOfWeekPart = CALENDAR_CONSTANTS.parts.TUESDAY;
+      break;
+    case 3 /* Wednesday */:
+      dayOfWeekPart = CALENDAR_CONSTANTS.parts.WEDNESDAY;
+      break;
+    case 4 /* Thursday */:
+      dayOfWeekPart = CALENDAR_CONSTANTS.parts.THURSDAY;
+      break;
+    case 5 /* Friday */:
+      dayOfWeekPart = CALENDAR_CONSTANTS.parts.FRIDAY;
+      break;
+    case 6 /* Saturday */:
+      dayOfWeekPart = CALENDAR_CONSTANTS.parts.SATURDAY;
+      break;
+  }
+  appendToAttribute(innerElement, "part", dayOfWeekPart);
+  appendToAttribute(innerElement, "part", CALENDAR_CONSTANTS.parts.DATE);
+  toggleOnAttribute(innerElement, "part", CALENDAR_CONSTANTS.parts.TODAY, date.today);
+  toggleOnAttribute(innerElement, "part", CALENDAR_CONSTANTS.parts.DATE_OTHER_MONTH, !date.thisMonth);
+  rangeElement.classList.add(CALENDAR_CONSTANTS.classes.RANGE_TARGET);
+  element.appendChild(rangeElement);
+  innerElement.textContent = getLocalizedDayOfMonth(date.date.getDate(), "numeric", locale);
+  innerElement.classList.add(CALENDAR_CONSTANTS.classes.DATE_INNER);
+  element.appendChild(innerElement);
+  rippleElement.classList.add("mdc-ripple-surface");
+  element.appendChild(rippleElement);
+  return element;
+}
+function getDateSpacerElement(date) {
+  const element = document.createElement("span");
+  element.classList.add(CALENDAR_CONSTANTS.classes.DATE_SPACER);
+  element.id = getDateId(date);
+  return element;
+}
+function getEventWrapperElement(date) {
+  const element = document.createElement("div");
+  element.classList.add(CALENDAR_CONSTANTS.classes.EVENT_WRAPPER);
+  element.id = getEventWrapperId(date);
+  element.setAttribute("part", CALENDAR_CONSTANTS.parts.EVENT_WRAPPER);
+  return element;
+}
+function getEventElement(event, overflow) {
+  const element = document.createElement("forge-icon");
+  element.classList.add(CALENDAR_CONSTANTS.classes.EVENT);
+  element.setAttribute("part", CALENDAR_CONSTANTS.parts.EVENT);
+  if (overflow) {
+    element.classList.add(CALENDAR_CONSTANTS.classes.EVENT_OVERFLOW);
+    element.name = "add";
+  } else {
+    const svg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"></path><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z" stroke="var(--forge-calendar-event-stroke-color)" stroke-width="4px" paint-order="stroke"></path></svg>';
+    element.src = svg;
+    element.setAttribute(CALENDAR_CONSTANTS.attributes.DATA_EVENT_THEME, event.color);
+  }
+  return element;
+}
+function getTooltip(content) {
+  const tooltip = document.createElement("forge-tooltip");
+  tooltip.text = content;
+  tooltip.setAttribute("aria-hidden", "true");
+  return tooltip;
+}
+function getHeader() {
+  const element = document.createElement("div");
+  element.classList.add(CALENDAR_CONSTANTS.classes.HEADER);
+  element.id = CALENDAR_CONSTANTS.ids.HEADER;
+  element.setAttribute("part", CALENDAR_CONSTANTS.parts.HEADER);
+  const previousButton = document.createElement("forge-icon-button");
+  const previousButtonElement = document.createElement("button");
+  const previousIcon = document.createElement("forge-icon");
+  const previousTooltip = document.createElement("forge-tooltip");
+  previousButton.setAttribute("part", CALENDAR_CONSTANTS.parts.PREVIOUS_BUTTON);
+  previousButtonElement.id = CALENDAR_CONSTANTS.ids.PREVIOUS_BUTTON;
+  previousButtonElement.type = "button";
+  previousButtonElement.setAttribute("aria-label", "Previous");
+  previousIcon.setAttribute("name", "keyboard_arrow_left");
+  previousTooltip.id = CALENDAR_CONSTANTS.ids.PREVIOUS_BUTTON_TOOLTIP;
+  previousTooltip.setAttribute("aria-hidden", "true");
+  previousTooltip.innerText = "Previous";
+  previousButton.appendChild(previousButtonElement);
+  previousButton.appendChild(previousTooltip);
+  previousButtonElement.appendChild(previousIcon);
+  const nextButton = document.createElement("forge-icon-button");
+  const nextButtonElement = document.createElement("button");
+  const nextIcon = document.createElement("forge-icon");
+  const nextTooltip = document.createElement("forge-tooltip");
+  nextButton.setAttribute("part", CALENDAR_CONSTANTS.parts.NEXT_BUTTON);
+  nextButtonElement.id = CALENDAR_CONSTANTS.ids.NEXT_BUTTON;
+  nextButtonElement.type = "button";
+  nextButtonElement.setAttribute("aria-label", "Next");
+  nextIcon.setAttribute("name", "keyboard_arrow_right");
+  nextTooltip.id = CALENDAR_CONSTANTS.ids.NEXT_BUTTON_TOOLTIP;
+  nextTooltip.setAttribute("aria-hidden", "true");
+  nextTooltip.innerText = "Next";
+  nextButton.appendChild(nextButtonElement);
+  nextButton.appendChild(nextTooltip);
+  nextButtonElement.appendChild(nextIcon);
+  const monthButton = document.createElement("forge-button");
+  const monthButtonElement = document.createElement("button");
+  monthButton.setAttribute("part", CALENDAR_CONSTANTS.parts.MONTH_BUTTON);
+  monthButtonElement.id = CALENDAR_CONSTANTS.ids.MONTH_BUTTON;
+  monthButtonElement.type = "button";
+  monthButtonElement.setAttribute("aria-pressed", "false");
+  monthButton.appendChild(monthButtonElement);
+  const yearButton = document.createElement("forge-button");
+  const yearButtonElement = document.createElement("button");
+  yearButton.setAttribute("part", CALENDAR_CONSTANTS.parts.YEAR_BUTTON);
+  yearButtonElement.id = CALENDAR_CONSTANTS.ids.YEAR_BUTTON;
+  yearButtonElement.type = "button";
+  yearButtonElement.setAttribute("aria-pressed", "false");
+  yearButton.appendChild(yearButtonElement);
+  const centerContainer = document.createElement("div");
+  centerContainer.setAttribute("aria-live", "polite");
+  centerContainer.appendChild(monthButton);
+  centerContainer.appendChild(yearButton);
+  element.appendChild(previousButton);
+  element.appendChild(centerContainer);
+  element.appendChild(nextButton);
+  return element;
+}
+function getMonthButtonContent(month, locale) {
+  const span = document.createElement("span");
+  const icon = document.createElement("forge-icon");
+  span.innerHTML = getLocalizedMonth(month, "long", locale);
+  icon.setAttribute("name", "arrow_drop_down");
+  return [span, icon];
+}
+function getYearButtonContent(year, locale) {
+  const span = document.createElement("span");
+  const icon = document.createElement("forge-icon");
+  span.innerHTML = getLocalizedYear(year, "numeric", locale);
+  icon.setAttribute("name", "arrow_drop_down");
+  return [span, icon];
+}
+function getAccessibleHeader() {
+  const element = document.createElement("div");
+  element.id = CALENDAR_CONSTANTS.ids.ACCESSIBLE_HEADER;
+  element.setAttribute("aria-live", "polite");
+  const month = document.createElement("span");
+  month.id = CALENDAR_CONSTANTS.ids.ACCESSIBLE_MONTH;
+  const year = document.createElement("span");
+  year.id = CALENDAR_CONSTANTS.ids.ACCESSIBLE_YEAR;
+  element.appendChild(month);
+  element.appendChild(year);
+  return element;
+}
+function getFooter() {
+  const element = document.createElement("div");
+  element.id = CALENDAR_CONSTANTS.ids.FOOTER;
+  element.classList.add(CALENDAR_CONSTANTS.classes.FOOTER);
+  element.setAttribute("part", CALENDAR_CONSTANTS.parts.FOOTER);
+  return element;
+}
+function getClearButton() {
+  const clearButton = document.createElement("forge-button");
+  const clearButtonElement = document.createElement("button");
+  clearButton.id = CALENDAR_CONSTANTS.ids.CLEAR_BUTTON;
+  clearButton.setAttribute("part", CALENDAR_CONSTANTS.parts.CLEAR_BUTTON);
+  clearButtonElement.type = "button";
+  clearButtonElement.innerText = "Clear";
+  clearButton.appendChild(clearButtonElement);
+  return clearButton;
+}
+function getTodayButton() {
+  const todayButton = document.createElement("forge-button");
+  const todayButtonElement = document.createElement("button");
+  todayButton.id = CALENDAR_CONSTANTS.ids.TODAY_BUTTON;
+  todayButton.setAttribute("part", CALENDAR_CONSTANTS.parts.TODAY_BUTTON);
+  todayButtonElement.type = "button";
+  todayButtonElement.innerText = "Today";
+  todayButton.appendChild(todayButtonElement);
+  return todayButton;
+}
+function eventIncludesDate(evt, includeDisabled) {
+  const element = getEventPath(evt).find((p) => p.classList && p.classList.contains(CALENDAR_CONSTANTS.classes.DATE));
+  if (!element || !includeDisabled && element.hasAttribute("disabled")) {
+    return null;
+  }
+  return element;
+}
+function eventIncludesElement(evt, id) {
+  const element = getEventPath(evt).find((p) => p.id === id);
+  return element != null ? element : null;
+}
+function setTabindexOnElement(element, value, setFocus, preventFocus) {
+  element.tabIndex = preventFocus ? -1 : value;
+  element.classList.toggle(CALENDAR_CONSTANTS.classes.MDC_RIPPLE_UPGRADED_FOCUSED, preventFocus && value > -1);
+  if (value > -1 && setFocus && !preventFocus) {
+    element.focus();
+  } else {
+    element.blur();
+  }
+}
+
+// dist/build/lib/staging/src/calendar/calendar-dropdown/calendar-dropdown-constants.ts
+var classes2 = {
+  POPUP: `forge-calendar-dropdown__popup`
+};
+var CALENDAR_DROPDOWN_CONSTANTS = {
+  classes: classes2
+};
+
+// dist/build/lib/staging/src/calendar/calendar-dropdown/calendar-dropdown.ts
+var CalendarDropdown = class {
+  constructor(targetElement, id) {
+    this._popupClasses = [];
+    this.targetElement = targetElement;
+    this.id = id;
+  }
+  get isOpen() {
+    var _a, _b;
+    return (_b = (_a = this.dropdownElement) == null ? void 0 : _a.open) != null ? _b : false;
+  }
+  get popupClasses() {
+    return this._popupClasses;
+  }
+  set popupClasses(value) {
+    this._popupClasses = !!value ? isArray(value) ? [...value] : [value] : [];
+  }
+  close() {
+    if (!this.dropdownElement) {
+      return;
+    }
+    this.dropdownElement.open = false;
+    this.dropdownElement = void 0;
+    this.calendar = void 0;
+  }
+  destroy() {
+    this.close();
+  }
+  open(config) {
+    this.calendar = this._createCalendar(config);
+    this._announcerElement = createVisuallyHiddenElement();
+    this._announcerElement.id = `${this.id}-activedescendant`;
+    this.dropdownElement = this._createDropdown();
+    this.dropdownElement.appendChild(this.calendar);
+    this.dropdownElement.appendChild(this._announcerElement);
+    this.dropdownElement.static = true;
+    this.calendar.addEventListener(CALENDAR_CONSTANTS.events.FOCUS_CHANGE, (evt) => {
+      var _a;
+      let id = `${this.id}-activedescendent-`;
+      switch (evt.detail.type) {
+        case "date":
+          id += getDateId(evt.detail.value);
+          break;
+        case "month":
+          id += `month-${evt.detail.value.toString()}`;
+          break;
+        case "year":
+          id += `year-${evt.detail.value.toString()}`;
+          break;
+      }
+      (_a = this.activeChangeCallback) == null ? void 0 : _a.call(this, id);
+      if (this._announcerElement) {
+        this._announcerElement.id = id;
+        this._announcerElement.setAttribute("aria-selected", evt.detail.selected.toString());
+        this._announcerElement.textContent = evt.detail.text;
+      }
+    });
+    this.dropdownElement.open = true;
+    window.requestAnimationFrame(() => {
+      setTimeout(() => {
+        if (this.dropdownElement && this.dropdownElement.open && this.calendar && this.calendar.isConnected) {
+          this.calendar.layout();
+        }
+      }, POPUP_CONSTANTS.numbers.ANIMATION_DURATION);
+    });
+  }
+  propagateKeyboardEvent(evt) {
+    var _a;
+    (_a = this.calendar) == null ? void 0 : _a.handleKey(evt);
+  }
+  _createCalendar(config) {
+    const calendarElement = document.createElement(CALENDAR_CONSTANTS.elementName);
+    Object.assign(calendarElement, config);
+    return calendarElement;
+  }
+  _createDropdown() {
+    const popupElement = document.createElement(POPUP_CONSTANTS.elementName);
+    popupElement.targetElement = this.targetElement;
+    popupElement.placement = "bottom-start";
+    popupElement.animationType = "menu" /* Menu */;
+    popupElement.classList.add(CALENDAR_DROPDOWN_CONSTANTS.classes.POPUP);
+    popupElement.id = this.id;
+    addClass(this._popupClasses, popupElement);
+    popupElement.addEventListener(POPUP_CONSTANTS.events.CLOSE, () => {
+      if (this.closeCallback) {
+        this.closeCallback();
+      }
+    });
+    return popupElement;
+  }
+};
+
+export {
+  CALENDAR_CONSTANTS,
+  DayOfWeek,
+  CalendarMonthFocus,
+  getLocalizedDayOfWeek,
+  getLocalizedDayOfMonth,
+  getLocalizedMonth,
+  getLocalizedYear,
+  getFirstDayOfWeekForLocale,
+  getWeekendDaysForLocale,
+  isRtlLocale,
+  getDayId,
+  getDateId,
+  getEventWrapperId,
+  getDayElement,
+  getDateRow,
+  getDateElement,
+  getDateSpacerElement,
+  getEventWrapperElement,
+  getEventElement,
+  getTooltip,
+  getHeader,
+  getMonthButtonContent,
+  getYearButtonContent,
+  getAccessibleHeader,
+  getFooter,
+  getClearButton,
+  getTodayButton,
+  eventIncludesDate,
+  eventIncludesElement,
+  setTabindexOnElement,
+  CALENDAR_DROPDOWN_CONSTANTS,
+  CalendarDropdown
+};
+//# sourceMappingURL=chunk.YDPSV74L.js.map