@universityofmaryland/web-feeds-library 1.3.0-beta.0 → 1.3.0-beta.2

package/dist/helpers/grouping/events.mjs

@@ -1,147 +0,0 @@
-const MONTH_MAP = {
-  Jan: "01",
-  Feb: "02",
-  Mar: "03",
-  Apr: "04",
-  May: "05",
-  Jun: "06",
-  Jul: "07",
-  Aug: "08",
-  Sep: "09",
-  Oct: "10",
-  Nov: "11",
-  Dec: "12"
-};
-const getDateBanner = (dateStamp) => {
-  const dateParts = dateStamp.split("T")[0].split("-");
-  const year = parseInt(dateParts[0], 10);
-  const month = parseInt(dateParts[1], 10) - 1;
-  const day = parseInt(dateParts[2], 10);
-  const eventDate = new Date(year, month, day);
-  const currentDate = /* @__PURE__ */ new Date();
-  currentDate.setHours(0, 0, 0, 0);
-  const weekFromNow = /* @__PURE__ */ new Date();
-  weekFromNow.setDate(currentDate.getDate() + 7);
-  weekFromNow.setHours(0, 0, 0, 0);
-  if (eventDate.getFullYear() === currentDate.getFullYear() && eventDate.getMonth() === currentDate.getMonth() && eventDate.getDate() === currentDate.getDate()) {
-    return "Today";
-  }
-  if (eventDate.getTime() > currentDate.getTime() && eventDate.getTime() <= weekFromNow.getTime()) {
-    const days2 = [
-      "Sunday",
-      "Monday",
-      "Tuesday",
-      "Wednesday",
-      "Thursday",
-      "Friday",
-      "Saturday"
-    ];
-    return days2[eventDate.getDay()];
-  }
-  const days = [
-    "Sunday",
-    "Monday",
-    "Tuesday",
-    "Wednesday",
-    "Thursday",
-    "Friday",
-    "Saturday"
-  ];
-  const months = [
-    "Jan",
-    "Feb",
-    "Mar",
-    "Apr",
-    "May",
-    "Jun",
-    "Jul",
-    "Aug",
-    "Sep",
-    "Oct",
-    "Nov",
-    "Dec"
-  ];
-  return `${days[eventDate.getDay()]}, ${months[eventDate.getMonth()]} ${eventDate.getDate()}`;
-};
-const parseLocalDate = (dateString) => {
-  const parts = dateString.split("-");
-  const date = new Date(
-    parseInt(parts[0], 10),
-    parseInt(parts[1], 10) - 1,
-    parseInt(parts[2], 10)
-  );
-  date.setHours(0, 0, 0, 0);
-  return date;
-};
-const getEventStartDate = (event) => {
-  return parseLocalDate(event.startStamp.split("T")[0]);
-};
-const isMultiDayEvent = (event) => {
-  const startParts = event.startStamp.split("T")[0].split("-");
-  const startMonth = startParts[1];
-  const startDay = startParts[2];
-  const endMonth = MONTH_MAP[event.endMonth || ""];
-  const endDay = (event.endDay || "").padStart(2, "0");
-  return !(startMonth === endMonth && startDay === endDay);
-};
-const eventStartsOnDate = (event, targetDate) => {
-  const eventStartDate = getEventStartDate(event);
-  return eventStartDate.getTime() === targetDate.getTime();
-};
-const getEventPriority = (event, groupDate) => {
-  const isMulti = isMultiDayEvent(event);
-  const startsOnDate = eventStartsOnDate(event, groupDate);
-  if (isMulti && startsOnDate) return 1;
-  if (!isMulti) return 2;
-  return 3;
-};
-const sortEventsByPriority = (events, groupDate) => {
-  return [...events].sort((a, b) => {
-    const aPriority = getEventPriority(a, groupDate);
-    const bPriority = getEventPriority(b, groupDate);
-    return aPriority - bPriority;
-  });
-};
-const groupEventsByDate = (events) => {
-  const currentDate = /* @__PURE__ */ new Date();
-  currentDate.setHours(0, 0, 0, 0);
-  const grouped = events.reduce((acc, event) => {
-    const eventDate = getEventStartDate(event);
-    const dateKey = eventDate < currentDate ? currentDate.toISOString().split("T")[0] : event.startStamp;
-    if (!acc[dateKey]) {
-      acc[dateKey] = {
-        date: getDateBanner(dateKey),
-        events: []
-      };
-    }
-    acc[dateKey].events.push(event);
-    return acc;
-  }, {});
-  Object.keys(grouped).forEach((dateKey) => {
-    const groupDate = parseLocalDate(dateKey);
-    grouped[dateKey].events = sortEventsByPriority(
-      grouped[dateKey].events,
-      groupDate
-    );
-  });
-  return Object.values(grouped).sort((a, b) => {
-    const dateA = new Date(
-      Object.keys(grouped).find((key) => grouped[key] === a) || ""
-    );
-    const dateB = new Date(
-      Object.keys(grouped).find((key) => grouped[key] === b) || ""
-    );
-    return dateA.getTime() - dateB.getTime();
-  });
-};
-export {
-  eventStartsOnDate,
-  getDateBanner,
-  getEventPriority,
-  getEventStartDate,
-  groupEventsByDate,
-  isMultiDayEvent,
-  parseLocalDate,
-  sortEventsByPriority
-};
-//# sourceMappingURL=events.mjs.map

package/dist/helpers/grouping/events.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"events.mjs","sources":["../../../source/helpers/grouping/events.ts"],"sourcesContent":["/**\n * Event Grouping Utilities\n *\n * Utilities for grouping and sorting events by date.\n * Used by the grouped events feed.\n *\n * @module utilities/grouping/events\n */\n\nimport { EventEntry } from 'types/data';\n\nexport interface GroupedEvent {\n  date: string;\n  events: EventEntry[];\n}\n\nconst MONTH_MAP: Record<string, string> = {\n  Jan: '01',\n  Feb: '02',\n  Mar: '03',\n  Apr: '04',\n  May: '05',\n  Jun: '06',\n  Jul: '07',\n  Aug: '08',\n  Sep: '09',\n  Oct: '10',\n  Nov: '11',\n  Dec: '12',\n};\n\n/**\n * Get a human-readable date banner\n *\n * Returns \"Today\", day name (within 7 days), or formatted date\n */\nexport const getDateBanner = (dateStamp: string): string => {\n  // Parse the date string more reliably\n  const dateParts = dateStamp.split('T')[0].split('-');\n  const year = parseInt(dateParts[0], 10);\n  const month = parseInt(dateParts[1], 10) - 1; // Month is 0-indexed\n  const day = parseInt(dateParts[2], 10);\n\n  // Create dates using local timezone\n  const eventDate = new Date(year, month, day);\n  const currentDate = new Date();\n  currentDate.setHours(0, 0, 0, 0);\n\n  const weekFromNow = new Date();\n  weekFromNow.setDate(currentDate.getDate() + 7);\n  weekFromNow.setHours(0, 0, 0, 0);\n\n  // Check if it's today\n  if (\n    eventDate.getFullYear() === currentDate.getFullYear() &&\n    eventDate.getMonth() === currentDate.getMonth() &&\n    eventDate.getDate() === currentDate.getDate()\n  ) {\n    return 'Today';\n  }\n\n  // Check if it's within the next 7 days\n  if (\n    eventDate.getTime() > currentDate.getTime() &&\n    eventDate.getTime() <= weekFromNow.getTime()\n  ) {\n    const days = [\n      'Sunday',\n      'Monday',\n      'Tuesday',\n      'Wednesday',\n      'Thursday',\n      'Friday',\n      'Saturday',\n    ];\n    return days[eventDate.getDay()];\n  }\n\n  // Otherwise return day of week, month and day\n  const days = [\n    'Sunday',\n    'Monday',\n    'Tuesday',\n    'Wednesday',\n    'Thursday',\n    'Friday',\n    'Saturday',\n  ];\n  const months = [\n    'Jan',\n    'Feb',\n    'Mar',\n    'Apr',\n    'May',\n    'Jun',\n    'Jul',\n    'Aug',\n    'Sep',\n    'Oct',\n    'Nov',\n    'Dec',\n  ];\n  return `${days[eventDate.getDay()]}, ${\n    months[eventDate.getMonth()]\n  } ${eventDate.getDate()}`;\n};\n\n/**\n * Parse a date string to local Date object\n */\nexport const parseLocalDate = (dateString: string): Date => {\n  const parts = dateString.split('-');\n  const date = new Date(\n    parseInt(parts[0], 10),\n    parseInt(parts[1], 10) - 1,\n    parseInt(parts[2], 10),\n  );\n  date.setHours(0, 0, 0, 0);\n  return date;\n};\n\n/**\n * Get the start date of an event\n */\nexport const getEventStartDate = (event: EventEntry): Date => {\n  return parseLocalDate(event.startStamp.split('T')[0]);\n};\n\n/**\n * Check if an event spans multiple days\n */\nexport const isMultiDayEvent = (event: EventEntry): boolean => {\n  const startParts = event.startStamp.split('T')[0].split('-');\n  const startMonth = startParts[1];\n  const startDay = startParts[2];\n  const endMonth = MONTH_MAP[event.endMonth || ''];\n  const endDay = (event.endDay || '').padStart(2, '0');\n\n  return !(startMonth === endMonth && startDay === endDay);\n};\n\n/**\n * Check if an event starts on a specific date\n */\nexport const eventStartsOnDate = (event: EventEntry, targetDate: Date): boolean => {\n  const eventStartDate = getEventStartDate(event);\n  return eventStartDate.getTime() === targetDate.getTime();\n};\n\n/**\n * Get event priority for sorting within a date group\n *\n * Priority:\n * 1. Multi-day events that start on this date\n * 2. Single-day events\n * 3. Multi-day events that don't start on this date\n */\nexport const getEventPriority = (event: EventEntry, groupDate: Date): number => {\n  const isMulti = isMultiDayEvent(event);\n  const startsOnDate = eventStartsOnDate(event, groupDate);\n\n  if (isMulti && startsOnDate) return 1;\n  if (!isMulti) return 2;\n  return 3;\n};\n\n/**\n * Sort events by priority within a date group\n */\nexport const sortEventsByPriority = (\n  events: EventEntry[],\n  groupDate: Date,\n): EventEntry[] => {\n  return [...events].sort((a, b) => {\n    const aPriority = getEventPriority(a, groupDate);\n    const bPriority = getEventPriority(b, groupDate);\n    return aPriority - bPriority;\n  });\n};\n\n/**\n * Group events by date\n *\n * Groups events by their start date, with past events grouped under today.\n * Each group is sorted by priority (multi-day events starting today first).\n */\nexport const groupEventsByDate = (events: EventEntry[]): GroupedEvent[] => {\n  const currentDate = new Date();\n  currentDate.setHours(0, 0, 0, 0);\n\n  const grouped = events.reduce((acc, event) => {\n    const eventDate = getEventStartDate(event);\n    const dateKey =\n      eventDate < currentDate\n        ? currentDate.toISOString().split('T')[0]\n        : event.startStamp;\n\n    if (!acc[dateKey]) {\n      acc[dateKey] = {\n        date: getDateBanner(dateKey),\n        events: [],\n      };\n    }\n    acc[dateKey].events.push(event);\n    return acc;\n  }, {} as Record<string, GroupedEvent>);\n\n  // Sort events within each group by priority\n  Object.keys(grouped).forEach((dateKey) => {\n    const groupDate = parseLocalDate(dateKey);\n    grouped[dateKey].events = sortEventsByPriority(\n      grouped[dateKey].events,\n      groupDate,\n    );\n  });\n\n  // Return groups sorted by date\n  return Object.values(grouped).sort((a, b) => {\n    const dateA = new Date(\n      Object.keys(grouped).find((key) => grouped[key] === a) || '',\n    );\n    const dateB = new Date(\n      Object.keys(grouped).find((key) => grouped[key] === b) || '',\n    );\n    return dateA.getTime() - dateB.getTime();\n  });\n};\n"],"names":["days"],"mappings":"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"}

package/dist/helpers/styles/shadow.mjs

@@ -1,16 +0,0 @@
-import * as Styles from "@universityofmaryland/web-styles-library";
-const setShadowStyles = async ({
-  shadowRoot,
-  styles
-}) => {
-  const styleElement = document.createElement("style");
-  const optimizedCss = await Styles.utilities.transform.css.removeDuplicates(
-    styles
-  );
-  styleElement.textContent = optimizedCss;
-  shadowRoot.appendChild(styleElement);
-};
-export {
-  setShadowStyles
-};
-//# sourceMappingURL=shadow.mjs.map

package/dist/helpers/styles/shadow.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"shadow.mjs","sources":["../../../source/helpers/styles/shadow.ts"],"sourcesContent":["/**\n * Shadow DOM Styles Utility\n *\n * Utilities for managing styles within Shadow DOM contexts.\n *\n * @module utilities/styles/shadow\n */\n\nimport * as Styles from '@universityofmaryland/web-styles-library';\n\n/**\n * Sets optimized styles on a shadow root\n *\n * This function takes a CSS string, removes duplicate rules for optimization,\n * and injects it into a shadow root via a style element.\n *\n * @param shadowRoot - The shadow root to inject styles into\n * @param styles - CSS string to optimize and inject\n *\n * @example\n * ```typescript\n * const shadowRoot = element.attachShadow({ mode: 'open' });\n * await setShadowStyles({\n *   shadowRoot,\n *   styles: '.my-class { color: red; }'\n * });\n * ```\n */\nexport const setShadowStyles = async ({\n  shadowRoot,\n  styles,\n}: {\n  shadowRoot: ShadowRoot;\n  styles: string;\n}): Promise<void> => {\n  const styleElement = document.createElement('style');\n  const optimizedCss = await Styles.utilities.transform.css.removeDuplicates(\n    styles,\n  );\n  styleElement.textContent = optimizedCss;\n  shadowRoot.appendChild(styleElement);\n};\n\n/**\n * Updates shadow root styles by replacing or appending\n *\n * This function can either replace all existing styles or append new styles\n * to an existing shadow root.\n *\n * @param shadowRoot - The shadow root to update\n * @param styles - CSS string to optimize and inject\n * @param replace - If true, removes all existing style elements first\n *\n * @example\n * ```typescript\n * // Append additional styles\n * await updateShadowStyles({\n *   shadowRoot,\n *   styles: '.new-class { color: blue; }',\n *   replace: false\n * });\n *\n * // Replace all styles\n * await updateShadowStyles({\n *   shadowRoot,\n *   styles: '.only-class { color: green; }',\n *   replace: true\n * });\n * ```\n */\nexport const updateShadowStyles = async ({\n  shadowRoot,\n  styles,\n  replace = false,\n}: {\n  shadowRoot: ShadowRoot;\n  styles: string;\n  replace?: boolean;\n}): Promise<void> => {\n  if (replace) {\n    // Remove all existing style elements\n    const existingStyles = shadowRoot.querySelectorAll('style');\n    existingStyles.forEach((style) => style.remove());\n  }\n\n  await setShadowStyles({ shadowRoot, styles });\n};\n"],"names":[],"mappings":";AA4BO,MAAM,kBAAkB,OAAO;AAAA,EACpC;AAAA,EACA;AACF,MAGqB;AACnB,QAAM,eAAe,SAAS,cAAc,OAAO;AACnD,QAAM,eAAe,MAAM,OAAO,UAAU,UAAU,IAAI;AAAA,IACxD;AAAA,EAAA;AAEF,eAAa,cAAc;AAC3B,aAAW,YAAY,YAAY;AACrC;"}

package/dist/index.mjs

@@ -1,11 +0,0 @@
-import * as academic from "./academic.mjs";
-import * as experts from "./experts.mjs";
-import * as events from "./events.mjs";
-import * as news from "./news.mjs";
-export {
-  academic,
-  events,
-  experts,
-  news
-};
-//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/news.mjs

@@ -1,9 +0,0 @@
-import { default as default2 } from "./feeds/news/featured.mjs";
-import { default as default3 } from "./feeds/news/grid.mjs";
-import { default as default4 } from "./feeds/news/list.mjs";
-export {
-  default2 as featured,
-  default3 as grid,
-  default4 as list
-};
-//# sourceMappingURL=news.mjs.map

package/dist/news.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"news.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/states/_types.mjs

@@ -1,12 +0,0 @@
-var FeedStateEvent = /* @__PURE__ */ ((FeedStateEvent2) => {
-  FeedStateEvent2["LOADING_START"] = "feed:loading:start";
-  FeedStateEvent2["LOADING_END"] = "feed:loading:end";
-  FeedStateEvent2["EMPTY_SHOWN"] = "feed:empty:shown";
-  FeedStateEvent2["PAGINATION_LOADED"] = "feed:pagination:loaded";
-  FeedStateEvent2["ANNOUNCEMENT"] = "feed:announcement";
-  return FeedStateEvent2;
-})(FeedStateEvent || {});
-export {
-  FeedStateEvent
-};
-//# sourceMappingURL=_types.mjs.map

package/dist/states/_types.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"_types.mjs","sources":["../../source/states/_types.ts"],"sourcesContent":["import { type ElementModel } from '../_types';\n\n/**\n * Configuration for loading state\n */\nexport interface LoadingStateConfig {\n  isThemeDark?: boolean;\n}\n\n/**\n * Configuration for empty/no results state\n */\nexport interface EmptyStateConfig {\n  message?: string;\n  linkUrl?: string;\n  linkText?: string;\n  isThemeDark?: boolean;\n  isAlignedCenter?: boolean;\n}\n\n/**\n * Configuration for pagination state\n */\nexport interface PaginationStateConfig {\n  callback: () => void;\n  isThemeDark?: boolean;\n  isLazyLoad: boolean;\n  totalEntries: number | null;\n  offset: number;\n}\n\n/**\n * Configuration for announcer (aria-live)\n */\nexport interface AnnouncerConfig {\n  message: string;\n  politeness?: 'polite' | 'assertive';\n}\n\n/**\n * Feed state events for custom event dispatching\n */\nexport enum FeedStateEvent {\n  LOADING_START = 'feed:loading:start',\n  LOADING_END = 'feed:loading:end',\n  EMPTY_SHOWN = 'feed:empty:shown',\n  PAGINATION_LOADED = 'feed:pagination:loaded',\n  ANNOUNCEMENT = 'feed:announcement',\n}\n\n/**\n * Standard feed state interface\n */\nexport interface FeedState {\n  element: HTMLElement;\n  styles: string;\n  show?: (container: HTMLElement) => void;\n  hide?: () => void;\n  destroy?: () => void;\n}\n\n/**\n * Legacy loader API (backwards compatible)\n */\nexport interface LoaderLegacyAPI {\n  create: (config: LoadingStateConfig) => ElementModel;\n  display: (props: { container: HTMLElement; isThemeDark?: boolean }) => void;\n  remove: (props: { container: HTMLElement }) => void;\n}\n\n/**\n * Legacy announcer API (backwards compatible)\n */\nexport interface AnnouncerLegacyAPI {\n  create: (config: AnnouncerConfig) => HTMLElement;\n  update: (props: { container: HTMLElement; message: string }) => void;\n}\n\n/**\n * Legacy pagination API (backwards compatible)\n */\nexport interface PaginationLegacyAPI {\n  create: (config: PaginationStateConfig) => ElementModel | undefined;\n  remove: (props: { container: HTMLElement }) => void;\n}\n"],"names":["FeedStateEvent"],"mappings":"AA0CO,IAAK,mCAAAA,oBAAL;AACLA,kBAAA,eAAA,IAAgB;AAChBA,kBAAA,aAAA,IAAc;AACdA,kBAAA,aAAA,IAAc;AACdA,kBAAA,mBAAA,IAAoB;AACpBA,kBAAA,cAAA,IAAe;AALL,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;"}

package/dist/states/announcer.mjs

@@ -1,62 +0,0 @@
-import { FeedStateEvent } from "./_types.mjs";
-class Announcer {
-  constructor(config = {}) {
-    this.politeness = config.politeness || "polite";
-    this.element = document.createElement("div");
-    this.element.setAttribute("aria-live", this.politeness);
-    this.element.setAttribute("role", "status");
-    this.element.classList.add("sr-only");
-    this.textElement = document.createElement("p");
-    this.element.appendChild(this.textElement);
-    if (config.message) {
-      this.announce(config.message);
-    }
-  }
-  /**
-   * Announce a message to screen readers
-   */
-  announce(message) {
-    this.textElement.textContent = message;
-    this.element.dispatchEvent(
-      new CustomEvent(FeedStateEvent.ANNOUNCEMENT, {
-        bubbles: true,
-        detail: {
-          message,
-          politeness: this.politeness,
-          timestamp: Date.now()
-        }
-      })
-    );
-  }
-  /**
-   * Clear the announcement
-   */
-  clear() {
-    this.textElement.textContent = "";
-  }
-  /**
-   * Change the politeness level
-   */
-  setPoliteness(politeness) {
-    this.politeness = politeness;
-    this.element.setAttribute("aria-live", politeness);
-  }
-  /**
-   * Remove the announcer from DOM
-   */
-  destroy() {
-    if (this.element.parentNode) {
-      this.element.remove();
-    }
-  }
-  /**
-   * Get the announcer element
-   */
-  getElement() {
-    return this.element;
-  }
-}
-export {
-  Announcer
-};
-//# sourceMappingURL=announcer.mjs.map

package/dist/states/announcer.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"announcer.mjs","sources":["../../source/states/announcer.ts"],"sourcesContent":["import { type AnnouncerConfig, type AnnouncerLegacyAPI, FeedStateEvent } from './_types';\n\n/**\n * Creates an ARIA live region for screen reader announcements\n *\n * @param config - Announcer configuration\n * @returns HTMLElement configured as an ARIA live region\n *\n * @example\n * ```typescript\n * const announcer = createAnnouncerElement({\n *   message: 'Loading complete, 10 items found',\n *   politeness: 'polite'\n * });\n * document.body.appendChild(announcer);\n * ```\n */\nexport function createAnnouncerElement(config: AnnouncerConfig): HTMLElement {\n  const { message, politeness = 'polite' } = config;\n\n  const container = document.createElement('div');\n  const textElement = document.createElement('p');\n\n  container.setAttribute('aria-live', politeness);\n  container.setAttribute('role', 'status');\n  container.classList.add('sr-only');\n\n  // Use textContent for security instead of innerHTML\n  textElement.textContent = message;\n\n  container.appendChild(textElement);\n\n  return container;\n}\n\n/**\n * Announcer class for managing ARIA live regions\n *\n * Provides a reusable way to announce dynamic content changes to screen readers.\n *\n * @example\n * ```typescript\n * const announcer = new Announcer({ politeness: 'polite' });\n * document.body.appendChild(announcer.element);\n *\n * // Later, announce something\n * announcer.announce('20 new items loaded');\n *\n * // Cleanup when done\n * announcer.destroy();\n * ```\n */\nexport class Announcer {\n  private element: HTMLElement;\n  private textElement: HTMLElement;\n  private politeness: 'polite' | 'assertive';\n\n  constructor(config: Partial<AnnouncerConfig> = {}) {\n    this.politeness = config.politeness || 'polite';\n\n    // Create the live region\n    this.element = document.createElement('div');\n    this.element.setAttribute('aria-live', this.politeness);\n    this.element.setAttribute('role', 'status');\n    this.element.classList.add('sr-only');\n\n    // Create text container\n    this.textElement = document.createElement('p');\n    this.element.appendChild(this.textElement);\n\n    // Set initial message if provided\n    if (config.message) {\n      this.announce(config.message);\n    }\n  }\n\n  /**\n   * Announce a message to screen readers\n   */\n  announce(message: string): void {\n    // Use textContent for security\n    this.textElement.textContent = message;\n\n    // Dispatch custom event for tracking\n    this.element.dispatchEvent(\n      new CustomEvent(FeedStateEvent.ANNOUNCEMENT, {\n        bubbles: true,\n        detail: {\n          message,\n          politeness: this.politeness,\n          timestamp: Date.now(),\n        },\n      })\n    );\n  }\n\n  /**\n   * Clear the announcement\n   */\n  clear(): void {\n    this.textElement.textContent = '';\n  }\n\n  /**\n   * Change the politeness level\n   */\n  setPoliteness(politeness: 'polite' | 'assertive'): void {\n    this.politeness = politeness;\n    this.element.setAttribute('aria-live', politeness);\n  }\n\n  /**\n   * Remove the announcer from DOM\n   */\n  destroy(): void {\n    if (this.element.parentNode) {\n      this.element.remove();\n    }\n  }\n\n  /**\n   * Get the announcer element\n   */\n  getElement(): HTMLElement {\n    return this.element;\n  }\n}\n\n// =============================================================================\n// Backwards Compatible Exports (Legacy API)\n// =============================================================================\n\n/**\n * @deprecated Use Announcer class or createAnnouncerElement instead\n */\nconst create = (config: AnnouncerConfig): HTMLElement => {\n  return createAnnouncerElement(config);\n};\n\n/**\n * @deprecated Use Announcer.announce() instead\n */\nconst update = ({\n  container,\n  message,\n}: {\n  container: HTMLElement;\n  message: string;\n}): void => {\n  const element = container.querySelector(`[aria-live]`) as HTMLDivElement;\n  const textElement = element?.querySelector('p');\n\n  if (textElement) {\n    textElement.textContent = message; // Use textContent for security\n  }\n};\n\n/**\n * Legacy API for backwards compatibility\n * @deprecated Use Announcer class instead\n */\nexport default {\n  create,\n  update,\n} as AnnouncerLegacyAPI;\n"],"names":[],"mappings":";AAoDO,MAAM,UAAU;AAAA,EAKrB,YAAY,SAAmC,IAAI;AACjD,SAAK,aAAa,OAAO,cAAc;AAGvC,SAAK,UAAU,SAAS,cAAc,KAAK;AAC3C,SAAK,QAAQ,aAAa,aAAa,KAAK,UAAU;AACtD,SAAK,QAAQ,aAAa,QAAQ,QAAQ;AAC1C,SAAK,QAAQ,UAAU,IAAI,SAAS;AAGpC,SAAK,cAAc,SAAS,cAAc,GAAG;AAC7C,SAAK,QAAQ,YAAY,KAAK,WAAW;AAGzC,QAAI,OAAO,SAAS;AAClB,WAAK,SAAS,OAAO,OAAO;AAAA,IAC9B;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,SAAS,SAAuB;AAE9B,SAAK,YAAY,cAAc;AAG/B,SAAK,QAAQ;AAAA,MACX,IAAI,YAAY,eAAe,cAAc;AAAA,QAC3C,SAAS;AAAA,QACT,QAAQ;AAAA,UACN;AAAA,UACA,YAAY,KAAK;AAAA,UACjB,WAAW,KAAK,IAAA;AAAA,QAAI;AAAA,MACtB,CACD;AAAA,IAAA;AAAA,EAEL;AAAA;AAAA;AAAA;AAAA,EAKA,QAAc;AACZ,SAAK,YAAY,cAAc;AAAA,EACjC;AAAA;AAAA;AAAA;AAAA,EAKA,cAAc,YAA0C;AACtD,SAAK,aAAa;AAClB,SAAK,QAAQ,aAAa,aAAa,UAAU;AAAA,EACnD;AAAA;AAAA;AAAA;AAAA,EAKA,UAAgB;AACd,QAAI,KAAK,QAAQ,YAAY;AAC3B,WAAK,QAAQ,OAAA;AAAA,IACf;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,aAA0B;AACxB,WAAO,KAAK;AAAA,EACd;AACF;"}

package/dist/states/empty.mjs

@@ -1,104 +0,0 @@
-import { ElementBuilder } from "@universityofmaryland/web-builder-library";
-import { Atomic } from "@universityofmaryland/web-elements-library";
-import * as Styles from "@universityofmaryland/web-styles-library";
-import { theme } from "@universityofmaryland/web-utilities-library/theme";
-import { FeedStateEvent } from "./_types.mjs";
-function createEmptyElement(config = {}) {
-  const {
-    message = "No results found",
-    linkUrl,
-    linkText,
-    isThemeDark = false,
-    isAlignedCenter = true
-  } = config;
-  const headline = new ElementBuilder(document.createElement("p")).styled(Styles.typography.sans.compose("extralarge")).withStyles({
-    element: {
-      textTransform: "uppercase",
-      color: theme.foreground(isThemeDark)
-    }
-  }).build();
-  headline.element.textContent = message;
-  const composite = new ElementBuilder().styled(Styles.layout.grid.stacked).withChild(headline).withStyles({
-    element: {
-      [`& *`]: {
-        textAlign: isAlignedCenter ? "center" : "left"
-      },
-      [`& *:not(:first-child)`]: {
-        marginTop: `${Styles.token.spacing.md}`
-      }
-    }
-  });
-  if (linkUrl && linkText) {
-    const link = document.createElement("a");
-    link.textContent = linkText;
-    link.setAttribute("href", linkUrl);
-    link.setAttribute("target", "_blank");
-    link.setAttribute("rel", "noopener noreferrer");
-    const ctaButton = Atomic.actions.options({
-      element: link,
-      isTypeOutline: true,
-      isThemeDark
-    });
-    composite.withChild(ctaButton);
-  }
-  return composite.build();
-}
-class EmptyState {
-  constructor(config = {}) {
-    this.container = null;
-    this.config = config;
-    this.model = createEmptyElement(config);
-  }
-  /**
-   * Render the empty state in a container
-   */
-  render(container) {
-    this.container = container;
-    container.appendChild(this.model.element);
-    container.dispatchEvent(
-      new CustomEvent(FeedStateEvent.EMPTY_SHOWN, {
-        bubbles: true,
-        detail: {
-          message: this.config.message,
-          timestamp: Date.now()
-        }
-      })
-    );
-  }
-  /**
-   * Update the empty state message
-   */
-  updateMessage(message) {
-    const headline = this.model.element.querySelector("p");
-    if (headline) {
-      headline.textContent = message;
-      this.config.message = message;
-    }
-  }
-  /**
-   * Remove the empty state from DOM
-   */
-  destroy() {
-    if (this.model.element.parentNode) {
-      this.model.element.remove();
-    }
-    this.container = null;
-  }
-  /**
-   * Get the empty state element
-   */
-  get element() {
-    return this.model.element;
-  }
-  /**
-   * Get the empty state styles
-   */
-  get styles() {
-    return this.model.styles;
-  }
-}
-export {
-  EmptyState,
-  createEmptyElement
-};
-//# sourceMappingURL=empty.mjs.map

package/dist/states/empty.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"empty.mjs","sources":["../../source/states/empty.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { Atomic } from '@universityofmaryland/web-elements-library';\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\n\nimport { type ElementModel } from '../_types';\nimport { type EmptyStateConfig, FeedStateEvent } from './_types';\n\n/**\n * Creates an empty/no results state element\n *\n * @param config - Empty state configuration\n * @returns ElementModel with empty state UI\n *\n * @example\n * ```typescript\n * const empty = createEmptyElement({\n *   message: 'No events found',\n *   linkUrl: 'https://calendar.umd.edu',\n *   linkText: 'View all events'\n * });\n * container.appendChild(empty.element);\n * ```\n */\nexport function createEmptyElement(config: EmptyStateConfig = {}): ElementModel {\n  const {\n    message = 'No results found',\n    linkUrl,\n    linkText,\n    isThemeDark = false,\n    isAlignedCenter = true,\n  } = config;\n\n  const headline = new ElementBuilder(document.createElement('p'))\n    .styled(Styles.typography.sans.compose('extralarge'))\n    .withStyles({\n      element: {\n        textTransform: 'uppercase',\n        color: theme.foreground(isThemeDark),\n      },\n    })\n    .build();\n\n  // Use textContent for security instead of innerHTML\n  headline.element.textContent = message;\n\n  const composite = new ElementBuilder()\n    .styled(Styles.layout.grid.stacked)\n    .withChild(headline)\n    .withStyles({\n      element: {\n        [`& *`]: {\n          textAlign: isAlignedCenter ? 'center' : 'left',\n        },\n        [`& *:not(:first-child)`]: {\n          marginTop: `${Styles.token.spacing.md}`,\n        },\n      },\n    });\n\n  // Add optional CTA link\n  if (linkUrl && linkText) {\n    const link = document.createElement('a');\n    link.textContent = linkText; // Use textContent for security\n    link.setAttribute('href', linkUrl);\n    link.setAttribute('target', '_blank');\n    link.setAttribute('rel', 'noopener noreferrer');\n\n    const ctaButton = Atomic.actions.options({\n      element: link,\n      isTypeOutline: true,\n      isThemeDark,\n    });\n\n    composite.withChild(ctaButton);\n  }\n\n  return composite.build();\n}\n\n/**\n * Empty state manager class\n *\n * Manages the display of empty/no results state with optional CTA.\n *\n * @example\n * ```typescript\n * const empty = new EmptyState({\n *   message: 'No articles found',\n *   linkUrl: 'https://today.umd.edu',\n *   linkText: 'View all articles'\n * });\n * empty.render(container);\n * ```\n */\nexport class EmptyState {\n  private model: ElementModel;\n  private container: HTMLElement | null = null;\n  private config: EmptyStateConfig;\n\n  constructor(config: EmptyStateConfig = {}) {\n    this.config = config;\n    this.model = createEmptyElement(config);\n  }\n\n  /**\n   * Render the empty state in a container\n   */\n  render(container: HTMLElement): void {\n    this.container = container;\n    container.appendChild(this.model.element);\n\n    container.dispatchEvent(\n      new CustomEvent(FeedStateEvent.EMPTY_SHOWN, {\n        bubbles: true,\n        detail: {\n          message: this.config.message,\n          timestamp: Date.now(),\n        },\n      })\n    );\n  }\n\n  /**\n   * Update the empty state message\n   */\n  updateMessage(message: string): void {\n    const headline = this.model.element.querySelector('p');\n    if (headline) {\n      headline.textContent = message;\n      this.config.message = message;\n    }\n  }\n\n  /**\n   * Remove the empty state from DOM\n   */\n  destroy(): void {\n    if (this.model.element.parentNode) {\n      this.model.element.remove();\n    }\n    this.container = null;\n  }\n\n  /**\n   * Get the empty state element\n   */\n  get element(): HTMLElement {\n    return this.model.element;\n  }\n\n  /**\n   * Get the empty state styles\n   */\n  get styles(): string {\n    return this.model.styles;\n  }\n}\n\n// =============================================================================\n// Backwards Compatible Export (Legacy API)\n// =============================================================================\n\n/**\n * Create empty state element (legacy function API)\n *\n * @deprecated Use EmptyState class or createEmptyElement function instead\n */\nexport default (config: EmptyStateConfig = {}): ElementModel => {\n  return createEmptyElement(config);\n};\n"],"names":[],"mappings":";;;;;AAwBO,SAAS,mBAAmB,SAA2B,IAAkB;AAC9E,QAAM;AAAA,IACJ,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,kBAAkB;AAAA,EAAA,IAChB;AAEJ,QAAM,WAAW,IAAI,eAAe,SAAS,cAAc,GAAG,CAAC,EAC5D,OAAO,OAAO,WAAW,KAAK,QAAQ,YAAY,CAAC,EACnD,WAAW;AAAA,IACV,SAAS;AAAA,MACP,eAAe;AAAA,MACf,OAAO,MAAM,WAAW,WAAW;AAAA,IAAA;AAAA,EACrC,CACD,EACA,MAAA;AAGH,WAAS,QAAQ,cAAc;AAE/B,QAAM,YAAY,IAAI,iBACnB,OAAO,OAAO,OAAO,KAAK,OAAO,EACjC,UAAU,QAAQ,EAClB,WAAW;AAAA,IACV,SAAS;AAAA,MACP,CAAC,KAAK,GAAG;AAAA,QACP,WAAW,kBAAkB,WAAW;AAAA,MAAA;AAAA,MAE1C,CAAC,uBAAuB,GAAG;AAAA,QACzB,WAAW,GAAG,OAAO,MAAM,QAAQ,EAAE;AAAA,MAAA;AAAA,IACvC;AAAA,EACF,CACD;AAGH,MAAI,WAAW,UAAU;AACvB,UAAM,OAAO,SAAS,cAAc,GAAG;AACvC,SAAK,cAAc;AACnB,SAAK,aAAa,QAAQ,OAAO;AACjC,SAAK,aAAa,UAAU,QAAQ;AACpC,SAAK,aAAa,OAAO,qBAAqB;AAE9C,UAAM,YAAY,OAAO,QAAQ,QAAQ;AAAA,MACvC,SAAS;AAAA,MACT,eAAe;AAAA,MACf;AAAA,IAAA,CACD;AAED,cAAU,UAAU,SAAS;AAAA,EAC/B;AAEA,SAAO,UAAU,MAAA;AACnB;AAiBO,MAAM,WAAW;AAAA,EAKtB,YAAY,SAA2B,IAAI;AAH3C,SAAQ,YAAgC;AAItC,SAAK,SAAS;AACd,SAAK,QAAQ,mBAAmB,MAAM;AAAA,EACxC;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,WAA8B;AACnC,SAAK,YAAY;AACjB,cAAU,YAAY,KAAK,MAAM,OAAO;AAExC,cAAU;AAAA,MACR,IAAI,YAAY,eAAe,aAAa;AAAA,QAC1C,SAAS;AAAA,QACT,QAAQ;AAAA,UACN,SAAS,KAAK,OAAO;AAAA,UACrB,WAAW,KAAK,IAAA;AAAA,QAAI;AAAA,MACtB,CACD;AAAA,IAAA;AAAA,EAEL;AAAA;AAAA;AAAA;AAAA,EAKA,cAAc,SAAuB;AACnC,UAAM,WAAW,KAAK,MAAM,QAAQ,cAAc,GAAG;AACrD,QAAI,UAAU;AACZ,eAAS,cAAc;AACvB,WAAK,OAAO,UAAU;AAAA,IACxB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,UAAgB;AACd,QAAI,KAAK,MAAM,QAAQ,YAAY;AACjC,WAAK,MAAM,QAAQ,OAAA;AAAA,IACrB;AACA,SAAK,YAAY;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,UAAuB;AACzB,WAAO,KAAK,MAAM;AAAA,EACpB;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,SAAiB;AACnB,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;"}

package/dist/states/loading.mjs

@@ -1,155 +0,0 @@
-import { ElementBuilder } from "@universityofmaryland/web-builder-library";
-import { token } from "@universityofmaryland/web-styles-library";
-import { FeedStateEvent } from "./_types.mjs";
-const ID_UMD_LOADER = "umd-loader-container";
-const keyframes = `
-  @keyframes loader-first-animation {
-    0% {
-      transform: scale(0);
-    }
-    100% {
-      transform: scale(1);
-    }
-  }
-
-  @keyframes loader-last-animation {
-    0% {
-      transform: scale(1);
-    }
-    100% {
-      transform: scale(0);
-    }
-  }
-
-  @keyframes loader-middle-animation {
-    0% {
-      transform: translate(0, 0);
-    }
-    100% {
-      transform: translate(24px, 0);
-    }
-  }
-`;
-function createLoadingElement(config = {}) {
-  const { isThemeDark = false } = config;
-  const defaultDotStyles = {
-    position: "absolute",
-    top: "50%",
-    transform: "translateY(-50%)",
-    width: "8px",
-    height: "8px",
-    borderRadius: "50%",
-    background: isThemeDark ? token.color.gray.light : token.color.gray.dark,
-    animationTimingFunction: "cubic-bezier(0, 1, 1, 0)"
-  };
-  const innerElmOne = new ElementBuilder().withClassName(`${ID_UMD_LOADER}-one`).withStyles({
-    element: {
-      ...defaultDotStyles,
-      left: "5px",
-      animation: "loader-first-animation 0.6s infinite"
-    }
-  }).build();
-  const innerElmTwo = new ElementBuilder().withClassName(`${ID_UMD_LOADER}-two`).withStyles({
-    element: {
-      ...defaultDotStyles,
-      left: "5px",
-      animation: "loader-middle-animation 0.6s infinite"
-    }
-  }).build();
-  const innerElmThree = new ElementBuilder().withClassName(`${ID_UMD_LOADER}-three`).withStyles({
-    element: {
-      ...defaultDotStyles,
-      left: "24px",
-      animation: "loader-middle-animation 0.6s infinite"
-    }
-  }).build();
-  const innerElmFour = new ElementBuilder().withClassName(`${ID_UMD_LOADER}-four`).withStyles({
-    element: {
-      ...defaultDotStyles,
-      left: "45px",
-      animation: "loader-last-animation 0.6s infinite"
-    }
-  }).build();
-  const wrapper = new ElementBuilder().withClassName(`${ID_UMD_LOADER}-wrapper`).withChild(innerElmOne).withChild(innerElmTwo).withChild(innerElmThree).withChild(innerElmFour).withStyles({
-    element: {
-      position: "relative"
-    }
-  }).build();
-  const composite = new ElementBuilder().withClassName(ID_UMD_LOADER).withChild(wrapper).withStyles({
-    element: {
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
-      padding: "10px 0",
-      minHeight: "40px",
-      position: "relative",
-      gridColumn: "1 / -1"
-    }
-  }).build();
-  composite.styles += keyframes;
-  return composite;
-}
-class LoadingState {
-  constructor(config = {}) {
-    this.container = null;
-    this.isVisible = false;
-    this.model = createLoadingElement(config);
-  }
-  /**
-   * Show the loading spinner in a container
-   */
-  show(container) {
-    if (!this.isVisible) {
-      this.container = container;
-      container.appendChild(this.model.element);
-      this.isVisible = true;
-      container.dispatchEvent(
-        new CustomEvent(FeedStateEvent.LOADING_START, {
-          bubbles: true,
-          detail: { timestamp: Date.now() }
-        })
-      );
-    }
-  }
-  /**
-   * Hide and remove the loading spinner
-   */
-  hide() {
-    if (this.isVisible && this.model.element.parentNode) {
-      this.model.element.remove();
-      this.isVisible = false;
-      if (this.container) {
-        this.container.dispatchEvent(
-          new CustomEvent(FeedStateEvent.LOADING_END, {
-            bubbles: true,
-            detail: { timestamp: Date.now() }
-          })
-        );
-      }
-    }
-  }
-  /**
-   * Cleanup and remove the loading spinner
-   */
-  destroy() {
-    this.hide();
-    this.container = null;
-  }
-  /**
-   * Get the loading spinner element
-   */
-  get element() {
-    return this.model.element;
-  }
-  /**
-   * Get the loading spinner styles
-   */
-  get styles() {
-    return this.model.styles;
-  }
-}
-export {
-  LoadingState,
-  createLoadingElement
-};
-//# sourceMappingURL=loading.mjs.map

package/dist/states/loading.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"loading.mjs","sources":["../../source/states/loading.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { token } from '@universityofmaryland/web-styles-library';\n\nimport { type ElementModel } from '../_types';\nimport {\n  type LoadingStateConfig,\n  type LoaderLegacyAPI,\n  FeedStateEvent,\n} from './_types';\n\nconst ID_UMD_LOADER = 'umd-loader-container';\n\nconst keyframes = `\n  @keyframes loader-first-animation {\n    0% {\n      transform: scale(0);\n    }\n    100% {\n      transform: scale(1);\n    }\n  }\n\n  @keyframes loader-last-animation {\n    0% {\n      transform: scale(1);\n    }\n    100% {\n      transform: scale(0);\n    }\n  }\n\n  @keyframes loader-middle-animation {\n    0% {\n      transform: translate(0, 0);\n    }\n    100% {\n      transform: translate(24px, 0);\n    }\n  }\n`;\n\n/**\n * Creates a loading spinner element model\n *\n * @param config - Loading state configuration\n * @returns ElementModel with loading spinner\n *\n * @example\n * ```typescript\n * const loading = createLoadingElement({ isThemeDark: false });\n * container.appendChild(loading.element);\n * ```\n */\nexport function createLoadingElement(config: LoadingStateConfig = {}): ElementModel {\n  const { isThemeDark = false } = config;\n\n  const defaultDotStyles = {\n    position: 'absolute',\n    top: '50%',\n    transform: 'translateY(-50%)',\n    width: '8px',\n    height: '8px',\n    borderRadius: '50%',\n    background: isThemeDark ? token.color.gray.light : token.color.gray.dark,\n    animationTimingFunction: 'cubic-bezier(0, 1, 1, 0)',\n  };\n\n  const innerElmOne = new ElementBuilder()\n    .withClassName(`${ID_UMD_LOADER}-one`)\n    .withStyles({\n      element: {\n        ...defaultDotStyles,\n        left: '5px',\n        animation: 'loader-first-animation 0.6s infinite',\n      },\n    })\n    .build();\n\n  const innerElmTwo = new ElementBuilder()\n    .withClassName(`${ID_UMD_LOADER}-two`)\n    .withStyles({\n      element: {\n        ...defaultDotStyles,\n        left: '5px',\n        animation: 'loader-middle-animation 0.6s infinite',\n      },\n    })\n    .build();\n\n  const innerElmThree = new ElementBuilder()\n    .withClassName(`${ID_UMD_LOADER}-three`)\n    .withStyles({\n      element: {\n        ...defaultDotStyles,\n        left: '24px',\n        animation: 'loader-middle-animation 0.6s infinite',\n      },\n    })\n    .build();\n\n  const innerElmFour = new ElementBuilder()\n    .withClassName(`${ID_UMD_LOADER}-four`)\n    .withStyles({\n      element: {\n        ...defaultDotStyles,\n        left: '45px',\n        animation: 'loader-last-animation 0.6s infinite',\n      },\n    })\n    .build();\n\n  const wrapper = new ElementBuilder()\n    .withClassName(`${ID_UMD_LOADER}-wrapper`)\n    .withChild(innerElmOne)\n    .withChild(innerElmTwo)\n    .withChild(innerElmThree)\n    .withChild(innerElmFour)\n    .withStyles({\n      element: {\n        position: 'relative',\n      },\n    })\n    .build();\n\n  const composite = new ElementBuilder()\n    .withClassName(ID_UMD_LOADER)\n    .withChild(wrapper)\n    .withStyles({\n      element: {\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        padding: '10px 0',\n        minHeight: '40px',\n        position: 'relative',\n        gridColumn: '1 / -1',\n      },\n    })\n    .build();\n\n  composite.styles += keyframes;\n\n  return composite;\n}\n\n/**\n * Loading state manager class\n *\n * Manages the lifecycle of a loading spinner with show/hide functionality.\n *\n * @example\n * ```typescript\n * const loading = new LoadingState({ isThemeDark: false });\n * loading.show(container);\n * // ... async operation\n * loading.hide();\n * ```\n */\nexport class LoadingState {\n  private model: ElementModel;\n  private container: HTMLElement | null = null;\n  private isVisible: boolean = false;\n\n  constructor(config: LoadingStateConfig = {}) {\n    this.model = createLoadingElement(config);\n  }\n\n  /**\n   * Show the loading spinner in a container\n   */\n  show(container: HTMLElement): void {\n    if (!this.isVisible) {\n      this.container = container;\n      container.appendChild(this.model.element);\n      this.isVisible = true;\n\n      container.dispatchEvent(\n        new CustomEvent(FeedStateEvent.LOADING_START, {\n          bubbles: true,\n          detail: { timestamp: Date.now() },\n        })\n      );\n    }\n  }\n\n  /**\n   * Hide and remove the loading spinner\n   */\n  hide(): void {\n    if (this.isVisible && this.model.element.parentNode) {\n      this.model.element.remove();\n      this.isVisible = false;\n\n      if (this.container) {\n        this.container.dispatchEvent(\n          new CustomEvent(FeedStateEvent.LOADING_END, {\n            bubbles: true,\n            detail: { timestamp: Date.now() },\n          })\n        );\n      }\n    }\n  }\n\n  /**\n   * Cleanup and remove the loading spinner\n   */\n  destroy(): void {\n    this.hide();\n    this.container = null;\n  }\n\n  /**\n   * Get the loading spinner element\n   */\n  get element(): HTMLElement {\n    return this.model.element;\n  }\n\n  /**\n   * Get the loading spinner styles\n   */\n  get styles(): string {\n    return this.model.styles;\n  }\n}\n\n// =============================================================================\n// Backwards Compatible Exports (Legacy API)\n// =============================================================================\n\n/**\n * @deprecated Use LoadingState class instead\n */\nconst create = (config: LoadingStateConfig = {}): ElementModel => {\n  return createLoadingElement(config);\n};\n\n/**\n * @deprecated Use LoadingState.show() instead\n */\nconst display = ({\n  container,\n  isThemeDark,\n}: {\n  container: HTMLElement;\n  isThemeDark?: boolean;\n}): void => {\n  const loading = createLoadingElement({ isThemeDark });\n  container.appendChild(loading.element);\n};\n\n/**\n * @deprecated Use LoadingState.hide() instead\n */\nconst remove = ({ container }: { container: HTMLElement }): void => {\n  const loader = container.querySelector(`.${ID_UMD_LOADER}`) as HTMLDivElement;\n  if (loader) loader.remove();\n};\n\n/**\n * Legacy API for backwards compatibility\n * @deprecated Use LoadingState class instead\n */\nexport default {\n  create,\n  display,\n  remove,\n} as LoaderLegacyAPI;\n"],"names":[],"mappings":"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"}