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

package/dist/feeds/academic/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../source/feeds/academic/slider.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;yBAiBjC,OAAO,mBAAmB,KAAG,YAAY;AAAzD,wBAKK"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../source/feeds/academic/slider.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAiBjD,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,KAAG,YAKxD,CAAC"}

package/dist/feeds/academic/slider.js

@@ -1,10 +1,11 @@
-"use strict";
-const slider$1 = require("../../widgets/slider.js");
-const academic = require("../../strategies/fetch/academic.js");
-const slider = (props) => slider$1({
+import { createSliderWidget } from "../../widgets/slider.js";
+import { ACADEMIC_SLIDER_QUERY } from "../../strategies/fetch/academic.js";
+const academicSlider = (props) => createSliderWidget({
   ...props,
-  query: academic.ACADEMIC_SLIDER_QUERY,
+  query: ACADEMIC_SLIDER_QUERY,
   url: "https://provost.umd.edu/graphql"
 });
-module.exports = slider;
+export {
+  academicSlider
+};
 //# sourceMappingURL=slider.js.map

package/dist/feeds/academic/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sources":["../../../source/feeds/academic/slider.ts"],"sourcesContent":["/**\n * Academic Slider Feed (Migrated)\n *\n * Displays academic events in a horizontal carousel layout.\n * Uses strategy pattern for GraphQL queries.\n *\n * @module composite/academic/slider-new\n */\n\nimport { slider } from '../../widgets';\nimport { ACADEMIC_SLIDER_QUERY } from '../../strategies/fetch/academic';\nimport { type AcademicSliderProps } from './_types';\nimport { type ElementModel } from '../../_types';\n\n/**\n * Creates an academic events slider feed\n *\n * @param props - Slider configuration options\n * @returns ElementModel with slider element and styles\n *\n * @example\n * ```typescript\n * const academicSlider = slider({\n *   token: 'your-token',\n *   categories: 'engineering,science',\n *   isThemeDark: false,\n * });\n * ```\n */\nexport default (props: AcademicSliderProps): ElementModel =>\n  slider({\n    ...props,\n    query: ACADEMIC_SLIDER_QUERY,\n    url: 'https://provost.umd.edu/graphql',\n  });\n"],"names":["slider","ACADEMIC_SLIDER_QUERY"],"mappings":";;;AA6BA,MAAA,SAAe,CAAC,UACdA,SAAO;AAAA,EACL,GAAG;AAAA,EACH,OAAOC,SAAAA;AAAAA,EACP,KAAK;AACP,CAAC;;"}
+{"version":3,"file":"slider.js","sources":["../../../source/feeds/academic/slider.ts"],"sourcesContent":["/**\n * Academic Slider Feed (Migrated)\n *\n * Displays academic events in a horizontal carousel layout.\n * Uses strategy pattern for GraphQL queries.\n *\n * @module composite/academic/slider-new\n */\n\nimport { slider } from '../../widgets';\nimport { ACADEMIC_SLIDER_QUERY } from '../../strategies/fetch/academic';\nimport { type AcademicSliderProps } from './_types';\nimport { type ElementModel } from '../../_types';\n\n/**\n * Creates an academic events slider feed\n *\n * @param props - Slider configuration options\n * @returns ElementModel with slider element and styles\n *\n * @example\n * ```typescript\n * const academicSlider = slider({\n *   token: 'your-token',\n *   categories: 'engineering,science',\n *   isThemeDark: false,\n * });\n * ```\n */\nexport const academicSlider = (props: AcademicSliderProps): ElementModel =>\n  slider({\n    ...props,\n    query: ACADEMIC_SLIDER_QUERY,\n    url: 'https://provost.umd.edu/graphql',\n  });\n"],"names":["slider"],"mappings":";;AA6BO,MAAM,iBAAiB,CAAC,UAC7BA,mBAAO;AAAA,EACL,GAAG;AAAA,EACH,OAAO;AAAA,EACP,KAAK;AACP,CAAC;"}

package/dist/feeds/events/grid.d.ts

@@ -1,5 +1,4 @@
 import { BlockProps } from './_types';
 import { ElementModel } from '../../_types';
-declare const _default: (props: BlockProps) => ElementModel;
-export default _default;
+export declare const eventsGrid: (props: BlockProps) => ElementModel;
 //# sourceMappingURL=grid.d.ts.map

package/dist/feeds/events/grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../source/feeds/events/grid.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;yBAqBjC,OAAO,UAAU,KAAG,YAAY;AAAhD,wBAaK"}
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../source/feeds/events/grid.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAqBjD,eAAO,MAAM,UAAU,GAAI,OAAO,UAAU,KAAG,YAa3C,CAAC"}

package/dist/feeds/events/grid.js

@@ -1,25 +1,24 @@
-"use strict";
-const createBaseFeed = require("../../factory/core/createBaseFeed.js");
-require("@universityofmaryland/web-builder-library");
-require("@universityofmaryland/web-styles-library");
-require("@universityofmaryland/web-styles-library/typography");
-require("@universityofmaryland/web-utilities-library/theme");
-require("@universityofmaryland/web-elements-library");
-const events$1 = require("../../strategies/display/events.js");
-require("@universityofmaryland/web-elements-library/composite");
-require("@universityofmaryland/web-utilities-library/elements");
-require("@universityofmaryland/web-utilities-library/network");
-const events = require("../../strategies/fetch/events.js");
-require("../../strategies/fetch/news.js");
-require("../../strategies/fetch/experts.js");
-const grid$1 = require("../../strategies/layout/grid.js");
-require("@universityofmaryland/web-elements-library/layout");
-const grid = (props) => createBaseFeed.createBaseFeed({
+import { createBaseFeed } from "../../factory/core/createBaseFeed.js";
+import "@universityofmaryland/web-builder-library";
+import "@universityofmaryland/web-styles-library";
+import "@universityofmaryland/web-styles-library/typography";
+import "@universityofmaryland/web-utilities-library/theme";
+import "@universityofmaryland/web-elements-library";
+import { eventsDisplayStrategy } from "../../strategies/display/events.js";
+import "@universityofmaryland/web-elements-library/composite";
+import "@universityofmaryland/web-utilities-library/elements";
+import "@universityofmaryland/web-utilities-library/network";
+import { eventsFetchStrategy } from "../../strategies/fetch/events.js";
+import "../../strategies/fetch/news.js";
+import "../../strategies/fetch/experts.js";
+import { gridGapLayout } from "../../strategies/layout/grid.js";
+import "@universityofmaryland/web-elements-library/layout";
+const eventsGrid = (props) => createBaseFeed({
   ...props,
   enableCategoryFallback: true,
-  fetchStrategy: events.eventsFetchStrategy,
-  displayStrategy: events$1.eventsDisplayStrategy,
-  layoutStrategy: grid$1.gridGapLayout,
+  fetchStrategy: eventsFetchStrategy,
+  displayStrategy: eventsDisplayStrategy,
+  layoutStrategy: gridGapLayout,
   imageConfig: (entry) => ({
     imageUrl: entry.image[0].url,
     altText: entry.image[0].altText || "Event Image",
@@ -27,5 +26,7 @@ const grid = (props) => createBaseFeed.createBaseFeed({
     linkLabel: "University of Maryland Event"
   })
 });
-module.exports = grid;
+export {
+  eventsGrid
+};
 //# sourceMappingURL=grid.js.map

package/dist/feeds/events/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","sources":["../../../source/feeds/events/grid.ts"],"sourcesContent":["/**\n * Events Grid Feed (Factory Pattern)\n *\n * Grid layout for event entries using the feed factory pattern.\n * This is the NEW implementation using factory + strategies.\n *\n * @module composite/events/grid-new\n */\n\nimport { createBaseFeed } from 'factory';\nimport {\n  eventsFetchStrategy,\n  eventsDisplayStrategy,\n  gridGapLayout,\n} from 'strategies';\nimport { type BlockProps } from './_types';\nimport { type ElementModel } from '../../_types';\n\n/**\n * Create an events grid feed\n *\n * @param props - Feed configuration\n * @returns ElementModel with feed element and styles\n *\n * @example\n * ```typescript\n * const feed = eventsGrid({\n *   token: 'my-token',\n *   numberOfColumnsToShow: 3,\n *   numberOfRowsToStart: 2,\n *   isLazyLoad: true,\n *   categories: ['sports', 'arts'],\n * });\n *\n * document.body.appendChild(feed.element);\n * ```\n */\nexport default (props: BlockProps): ElementModel =>\n  createBaseFeed({\n    ...props,\n    enableCategoryFallback: true,\n    fetchStrategy: eventsFetchStrategy,\n    displayStrategy: eventsDisplayStrategy,\n    layoutStrategy: gridGapLayout,\n    imageConfig: (entry) => ({\n      imageUrl: entry.image[0].url,\n      altText: entry.image[0].altText || 'Event Image',\n      linkUrl: entry.url,\n      linkLabel: 'University of Maryland Event',\n    }),\n  });\n"],"names":["createBaseFeed","eventsFetchStrategy","eventsDisplayStrategy","gridGapLayout"],"mappings":";;;;;;;;;;;;;;;;AAqCA,MAAA,OAAe,CAAC,UACdA,eAAAA,eAAe;AAAA,EACb,GAAG;AAAA,EACH,wBAAwB;AAAA,EACxB,eAAeC,OAAAA;AAAAA,EACf,iBAAiBC,SAAAA;AAAAA,EACjB,gBAAgBC,OAAAA;AAAAA,EAChB,aAAa,CAAC,WAAW;AAAA,IACvB,UAAU,MAAM,MAAM,CAAC,EAAE;AAAA,IACzB,SAAS,MAAM,MAAM,CAAC,EAAE,WAAW;AAAA,IACnC,SAAS,MAAM;AAAA,IACf,WAAW;AAAA,EAAA;AAEf,CAAC;;"}
+{"version":3,"file":"grid.js","sources":["../../../source/feeds/events/grid.ts"],"sourcesContent":["/**\n * Events Grid Feed (Factory Pattern)\n *\n * Grid layout for event entries using the feed factory pattern.\n * This is the NEW implementation using factory + strategies.\n *\n * @module composite/events/grid-new\n */\n\nimport { createBaseFeed } from 'factory';\nimport {\n  eventsFetchStrategy,\n  eventsDisplayStrategy,\n  gridGapLayout,\n} from 'strategies';\nimport { type BlockProps } from './_types';\nimport { type ElementModel } from '../../_types';\n\n/**\n * Create an events grid feed\n *\n * @param props - Feed configuration\n * @returns ElementModel with feed element and styles\n *\n * @example\n * ```typescript\n * const feed = eventsGrid({\n *   token: 'my-token',\n *   numberOfColumnsToShow: 3,\n *   numberOfRowsToStart: 2,\n *   isLazyLoad: true,\n *   categories: ['sports', 'arts'],\n * });\n *\n * document.body.appendChild(feed.element);\n * ```\n */\nexport const eventsGrid = (props: BlockProps): ElementModel =>\n  createBaseFeed({\n    ...props,\n    enableCategoryFallback: true,\n    fetchStrategy: eventsFetchStrategy,\n    displayStrategy: eventsDisplayStrategy,\n    layoutStrategy: gridGapLayout,\n    imageConfig: (entry) => ({\n      imageUrl: entry.image[0].url,\n      altText: entry.image[0].altText || 'Event Image',\n      linkUrl: entry.url,\n      linkLabel: 'University of Maryland Event',\n    }),\n  });\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAqCO,MAAM,aAAa,CAAC,UACzB,eAAe;AAAA,EACb,GAAG;AAAA,EACH,wBAAwB;AAAA,EACxB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,aAAa,CAAC,WAAW;AAAA,IACvB,UAAU,MAAM,MAAM,CAAC,EAAE;AAAA,IACzB,SAAS,MAAM,MAAM,CAAC,EAAE,WAAW;AAAA,IACnC,SAAS,MAAM;AAAA,IACf,WAAW;AAAA,EAAA;AAEf,CAAC;"}

package/dist/feeds/events/grouped.d.ts

@@ -1,5 +1,4 @@
 import { ListProps } from './_types';
 import { ElementModel } from '../../_types';
-declare const _default: (props: ListProps) => ElementModel;
-export default _default;
+export declare const eventsGrouped: (props: ListProps) => ElementModel;
 //# sourceMappingURL=grouped.d.ts.map

package/dist/feeds/events/grouped.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grouped.d.ts","sourceRoot":"","sources":["../../../source/feeds/events/grouped.ts"],"names":[],"mappings":"AA0BA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;yBAibjC,OAAO,SAAS,KAAG,YAAY;AAA/C,wBA+HE"}
+{"version":3,"file":"grouped.d.ts","sourceRoot":"","sources":["../../../source/feeds/events/grouped.ts"],"names":[],"mappings":"AA0BA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAibjD,eAAO,MAAM,aAAa,GAAI,OAAO,SAAS,KAAG,YA+HhD,CAAC"}

package/dist/feeds/events/grouped.js

@@ -1,38 +1,20 @@
-"use strict";
-const Styles = require("@universityofmaryland/web-styles-library");
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const composite = require("@universityofmaryland/web-elements-library/composite");
-const atomic = require("@universityofmaryland/web-elements-library/atomic");
-const elements = require("@universityofmaryland/web-utilities-library/elements");
-const loading = require("../../states/loading.js");
-const empty = require("../../states/empty.js");
-const pagination = require("../../states/pagination.js");
-const announcer = require("../../states/announcer.js");
-require("@universityofmaryland/web-utilities-library/network");
-const events = require("../../strategies/fetch/events.js");
-require("../../strategies/fetch/news.js");
-require("../../strategies/fetch/experts.js");
-require("@universityofmaryland/web-elements-library/layout");
-const index = require("../../helpers/events/index.js");
-const events$1 = require("../../helpers/grouping/events.js");
-const shadow = require("../../helpers/styles/shadow.js");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const Styles__namespace = /* @__PURE__ */ _interopNamespaceDefault(Styles);
+import * as Styles from "@universityofmaryland/web-styles-library";
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import { card } from "@universityofmaryland/web-elements-library/composite";
+import { events } from "@universityofmaryland/web-elements-library/atomic";
+import { createImageOrLinkedImage, createTextContainer, createTextWithLink } from "@universityofmaryland/web-utilities-library/elements";
+import { LoadingState } from "../../states/loading.js";
+import { EmptyState } from "../../states/empty.js";
+import { PaginationState } from "../../states/pagination.js";
+import { Announcer } from "../../states/announcer.js";
+import "@universityofmaryland/web-utilities-library/network";
+import { eventsFetchStrategyRange } from "../../strategies/fetch/events.js";
+import "../../strategies/fetch/news.js";
+import "../../strategies/fetch/experts.js";
+import "@universityofmaryland/web-elements-library/layout";
+import { dispatch, eventNames } from "../../helpers/events/index.js";
+import { groupEventsByDate } from "../../helpers/grouping/events.js";
+import { setShadowStyles } from "../../helpers/styles/shadow.js";
 const createFetchProps = (props, offset) => ({
   token: props.token,
   categories: props.categories,
@@ -76,8 +58,8 @@ class GroupedFeedState {
    *
    * @param shadow - Shadow root element
    */
-  setShadowRoot(shadow2) {
-    this.shadowRoot = shadow2;
+  setShadowRoot(shadow) {
+    this.shadowRoot = shadow;
   }
   /**
    * Update shadow DOM styles
@@ -86,7 +68,7 @@ class GroupedFeedState {
    */
   async updateShadowStyles() {
     if (!this.shadowRoot) return;
-    await shadow.setShadowStyles({
+    await setShadowStyles({
       shadowRoot: this.shadowRoot,
       styles: this.getStyles()
     });
@@ -105,7 +87,7 @@ class GroupedFeedState {
    * @returns Callback function for shadow root
    */
   getShadowCallback() {
-    return (shadow2) => this.setShadowRoot(shadow2);
+    return (shadow) => this.setShadowRoot(shadow);
   }
   /**
    * Get current offset
@@ -159,19 +141,19 @@ class GroupedFeedState {
 const createDateHeader = (date, state) => {
   const dateHeadline = document.createElement("p");
   dateHeadline.textContent = date;
-  const headerElement = new webBuilderLibrary.ElementBuilder(dateHeadline).styled(Styles__namespace.element.text.decoration.ribbon).withStyles({
+  const headerElement = new ElementBuilder(dateHeadline).styled(Styles.element.text.decoration.ribbon).withStyles({
     element: {
-      margin: `${Styles__namespace.token.spacing.lg} 0`
+      margin: `${Styles.token.spacing.lg} 0`
     }
   }).build();
   state.addStyles(headerElement.styles);
   return headerElement;
 };
 const createEventCard = (entry, isThemeDark) => {
-  return composite.card.list({
-    headline: elements.createTextWithLink({ text: entry.title, url: entry.url }),
-    text: elements.createTextContainer({ text: entry.summary, allowHTML: true }),
-    dateSign: atomic.events.sign({
+  return card.list({
+    headline: createTextWithLink({ text: entry.title, url: entry.url }),
+    text: createTextContainer({ text: entry.summary, allowHTML: true }),
+    dateSign: events.sign({
       startMonth: entry.startMonth,
       startDay: entry.startDay,
       endMonth: entry.endMonth,
@@ -179,27 +161,27 @@ const createEventCard = (entry, isThemeDark) => {
       isThemeDark,
       isLargeSize: true
     }),
-    eventMeta: atomic.events.meta({
+    eventMeta: events.meta({
       ...entry,
       isThemeDark
     }),
-    image: elements.createImageOrLinkedImage(createImageConfig(entry)),
+    image: createImageOrLinkedImage(createImageConfig(entry)),
     isAligned: false,
     isThemeDark
   });
 };
 const createGroupContainer = (events2, state, isThemeDark) => {
-  const entriesBuilder = new webBuilderLibrary.ElementBuilder("div").withClassName("umd-feed-events-grouped-entries").withStyles({
+  const entriesBuilder = new ElementBuilder("div").withClassName("umd-feed-events-grouped-entries").withStyles({
     element: {
       [` > *:not(:last-child)`]: {
-        paddingBottom: Styles__namespace.token.spacing.md,
-        marginBottom: Styles__namespace.token.spacing.md,
-        borderBottom: `1px solid ${isThemeDark ? Styles__namespace.token.color.gray.dark : Styles__namespace.token.color.gray.light}`
+        paddingBottom: Styles.token.spacing.md,
+        marginBottom: Styles.token.spacing.md,
+        borderBottom: `1px solid ${isThemeDark ? Styles.token.color.gray.dark : Styles.token.color.gray.light}`
       },
       [`+ .umd-feed-events-grouped-entries`]: {
-        paddingTop: Styles__namespace.token.spacing.md,
-        marginTop: Styles__namespace.token.spacing.md,
-        borderTop: `1px solid ${isThemeDark ? Styles__namespace.token.color.gray.dark : Styles__namespace.token.color.gray.light}`
+        paddingTop: Styles.token.spacing.md,
+        marginTop: Styles.token.spacing.md,
+        borderTop: `1px solid ${isThemeDark ? Styles.token.color.gray.dark : Styles.token.color.gray.light}`
       }
     }
   });
@@ -218,8 +200,8 @@ const renderGroupedEvents = async (container, events2, state, isThemeDark, isLaz
   );
   if (!grid) return;
   container.querySelector(".umd-loader-container")?.remove();
-  container.querySelector(`.${Styles__namespace.layout.alignment.block.center.className}`)?.remove();
-  const groupedEvents = events$1.groupEventsByDate(events2);
+  container.querySelector(`.${Styles.layout.alignment.block.center.className}`)?.remove();
+  const groupedEvents = groupEventsByDate(events2);
   let actualEventCount = 0;
   groupedEvents.forEach((group) => {
     if (group.date !== state.getLastDateHeadline()) {
@@ -233,13 +215,13 @@ const renderGroupedEvents = async (container, events2, state, isThemeDark, isLaz
   });
   state.incrementOffset(actualEventCount);
   if (isLazyLoad && state.getTotalEntries() > state.getOffset()) {
-    const pagination$1 = new pagination.PaginationState({
+    const pagination = new PaginationState({
       totalEntries: state.getTotalEntries(),
       offset: state.getOffset(),
       isLazyLoad: true,
       callback: loadMore
     });
-    const paginationElement = pagination$1.render(container);
+    const paginationElement = pagination.render(container);
     if (paginationElement) {
       state.addStyles(paginationElement.styles);
     }
@@ -247,20 +229,20 @@ const renderGroupedEvents = async (container, events2, state, isThemeDark, isLaz
   await state.updateShadowStyles();
 };
 const renderError = async (container, state, isThemeDark) => {
-  const emptyState = new empty.EmptyState({
+  const emptyState = new EmptyState({
     message: "No events found",
     isThemeDark
   });
   emptyState.render(container);
   state.addStyles(emptyState.styles);
-  const announcer$1 = new announcer.Announcer({ message: "No events found" });
-  container.appendChild(announcer$1.getElement());
-  index.dispatch(container, index.eventNames.FEED_ERROR, {
+  const announcer = new Announcer({ message: "No events found" });
+  container.appendChild(announcer.getElement());
+  dispatch(container, eventNames.FEED_ERROR, {
     error: "No results found"
   });
   await state.updateShadowStyles();
 };
-const grouped = (props) => {
+const eventsGrouped = (props) => {
   const {
     token,
     isThemeDark = false,
@@ -268,21 +250,21 @@ const grouped = (props) => {
     numberOfRowsToStart,
     categories
   } = props;
-  const containerBuilder = new webBuilderLibrary.ElementBuilder("div").withClassName(
+  const containerBuilder = new ElementBuilder("div").withClassName(
     "events-grouped-feed"
   );
   const container = containerBuilder.getElement();
-  const loading$1 = new loading.LoadingState({ isThemeDark });
-  const state = new GroupedFeedState(loading$1.styles);
-  const layoutElement = new webBuilderLibrary.ElementBuilder("div").withClassName("umd-feed-events-grouped").build();
+  const loading = new LoadingState({ isThemeDark });
+  const state = new GroupedFeedState(loading.styles);
+  const layoutElement = new ElementBuilder("div").withClassName("umd-feed-events-grouped").build();
   state.addStyles(layoutElement.styles);
   const loadMore = async () => {
     const fetchProps = createFetchProps(
       { token, categories, numberOfRowsToStart },
       state.getOffset()
     );
-    const variables = events.eventsFetchStrategyRange.composeApiVariables(fetchProps);
-    const entries = await events.eventsFetchStrategyRange.fetchEntries(variables);
+    const variables = eventsFetchStrategyRange.composeApiVariables(fetchProps);
+    const entries = await eventsFetchStrategyRange.fetchEntries(variables);
     if (entries && entries.length > 0) {
       await renderGroupedEvents(
         container,
@@ -295,17 +277,17 @@ const grouped = (props) => {
     }
   };
   const initialize = async () => {
-    loading$1.show(container);
+    loading.show(container);
     const fetchProps = createFetchProps(
       { token, categories, numberOfRowsToStart },
       0
     );
-    const variables = events.eventsFetchStrategyRange.composeApiVariables(fetchProps);
+    const variables = eventsFetchStrategyRange.composeApiVariables(fetchProps);
     const [count, entries] = await Promise.all([
-      events.eventsFetchStrategyRange.fetchCount(variables),
-      events.eventsFetchStrategyRange.fetchEntries(variables)
+      eventsFetchStrategyRange.fetchCount(variables),
+      eventsFetchStrategyRange.fetchEntries(variables)
     ]);
-    loading$1.hide();
+    loading.hide();
     if (!entries || entries.length === 0) {
       await renderError(container, state, isThemeDark);
       return;
@@ -316,7 +298,7 @@ const grouped = (props) => {
       "umd-feed-events-grouped-container"
     );
     container.appendChild(layoutElement.element);
-    index.dispatch(container, index.eventNames.FEED_LOADED, {
+    dispatch(container, eventNames.FEED_LOADED, {
       items: entries,
       count: entries.length,
       total: state.getTotalEntries()
@@ -334,8 +316,8 @@ const grouped = (props) => {
       state.getTotalEntries(),
       isLazyLoad
     );
-    const announcer$1 = new announcer.Announcer({ message });
-    container.appendChild(announcer$1.getElement());
+    const announcer = new Announcer({ message });
+    container.appendChild(announcer.getElement());
   };
   initialize();
   const model = containerBuilder.build();
@@ -349,5 +331,7 @@ const grouped = (props) => {
     }
   };
 };
-module.exports = grouped;
+export {
+  eventsGrouped
+};
 //# sourceMappingURL=grouped.js.map

package/dist/feeds/events/grouped.js.map

@@ -1 +1 @@
-{"version":3,"file":"grouped.js","sources":["../../../source/feeds/events/grouped.ts"],"sourcesContent":["/**\n * Events Grouped Feed (Refactored with Element Builder)\n *\n * Grouped layout for event entries organized by date with dynamic headers.\n * Uses Element Builder pattern with custom grouping logic for date-based organization.\n *\n * @module feeds/events/grouped\n */\n\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { card } from '@universityofmaryland/web-elements-library/composite';\nimport { events as eventElements } from '@universityofmaryland/web-elements-library/atomic';\nimport {\n  createTextWithLink,\n  createTextContainer,\n  createImageOrLinkedImage,\n} from '@universityofmaryland/web-utilities-library/elements';\nimport { LoadingState, PaginationState, EmptyState, Announcer } from 'states';\nimport { eventsFetchStrategyRange } from 'strategies';\nimport { type EventEntry } from 'types/data';\nimport {\n  grouping,\n  events as eventUtilities,\n  styles as styleUtilities,\n} from '../../helpers';\nimport { type ListProps } from './_types';\nimport { type ElementModel } from '../../_types';\n\n// ============================================================================\n// PURE HELPER FUNCTIONS\n// ============================================================================\n\n/**\n * Create base props for fetch strategy\n *\n * @param props - Feed props\n * @param offset - Current offset\n * @returns Base props object for strategy's composeApiVariables\n */\nconst createFetchProps = (\n  props: Pick<ListProps, 'token' | 'categories' | 'numberOfRowsToStart'>,\n  offset: number,\n) => ({\n  token: props.token,\n  categories: props.categories,\n  numberOfColumnsToShow: 1,\n  numberOfRowsToStart: props.numberOfRowsToStart,\n  getOffset: () => offset,\n});\n\n/**\n * Create image configuration for event entry\n *\n * @param entry - Event entry\n * @returns Image config object\n */\nconst createImageConfig = (entry: EventEntry) => ({\n  imageUrl: entry.image[0].url,\n  altText: entry.image[0].altText || 'Event Image',\n  linkUrl: entry.url,\n  linkLabel: 'University of Maryland Event',\n});\n\n/**\n * Create announcer message\n *\n * @param count - Number of events shown\n * @param total - Total events\n * @param isLazyLoad - Lazy load enabled\n * @returns Announcer message\n */\nconst createAnnouncerMessage = (\n  count: number,\n  total: number,\n  isLazyLoad: boolean,\n): string => {\n  return isLazyLoad\n    ? `Showing ${count} of ${total} events`\n    : `Showing ${count} events`;\n};\n\n// ============================================================================\n// STATE MANAGER CLASS\n// ============================================================================\n\n/**\n * Manages grouped feed state and shadow DOM synchronization\n *\n * Encapsulates all mutable state including offset, total,\n * last date headline tracking, and shadow DOM management.\n */\nclass GroupedFeedState {\n  private stylesArray: string[] = [];\n  private shadowRoot: ShadowRoot | null = null;\n  private totalEntries: number = 0;\n  private offset: number = 0;\n  private lastDateHeadline: string | null = null;\n\n  /**\n   * Initialize state with initial styles\n   *\n   * @param initialStyles - Initial CSS styles\n   */\n  constructor(initialStyles: string) {\n    this.stylesArray.push(initialStyles);\n  }\n\n  /**\n   * Add styles to the accumulated styles\n   *\n   * @param styles - CSS styles to add\n   */\n  addStyles(styles: string): void {\n    this.stylesArray.push(styles);\n  }\n\n  /**\n   * Set shadow root reference for style updates\n   *\n   * @param shadow - Shadow root element\n   */\n  setShadowRoot(shadow: ShadowRoot): void {\n    this.shadowRoot = shadow;\n  }\n\n  /**\n   * Update shadow DOM styles\n   *\n   * @returns Promise that resolves when styles are updated\n   */\n  async updateShadowStyles(): Promise<void> {\n    if (!this.shadowRoot) return;\n    await styleUtilities.setShadowStyles({\n      shadowRoot: this.shadowRoot,\n      styles: this.getStyles(),\n    });\n  }\n\n  /**\n   * Get accumulated styles as single string\n   *\n   * @returns Combined CSS styles\n   */\n  getStyles(): string {\n    return this.stylesArray.join('\\n');\n  }\n\n  /**\n   * Get shadow root callback for events\n   *\n   * @returns Callback function for shadow root\n   */\n  getShadowCallback(): (shadow: ShadowRoot) => void {\n    return (shadow) => this.setShadowRoot(shadow);\n  }\n\n  /**\n   * Get current offset\n   *\n   * @returns Current offset\n   */\n  getOffset(): number {\n    return this.offset;\n  }\n\n  /**\n   * Increment offset by count\n   *\n   * @param count - Number to increment by\n   */\n  incrementOffset(count: number): void {\n    this.offset += count;\n  }\n\n  /**\n   * Get total entries\n   *\n   * @returns Total entries\n   */\n  getTotalEntries(): number {\n    return this.totalEntries;\n  }\n\n  /**\n   * Set total entries\n   *\n   * @param total - Total entries\n   */\n  setTotalEntries(total: number): void {\n    this.totalEntries = total;\n  }\n\n  /**\n   * Get last date headline\n   *\n   * @returns Last date headline or null\n   */\n  getLastDateHeadline(): string | null {\n    return this.lastDateHeadline;\n  }\n\n  /**\n   * Set last date headline\n   *\n   * @param headline - Date headline\n   */\n  setLastDateHeadline(headline: string): void {\n    this.lastDateHeadline = headline;\n  }\n}\n\n// ============================================================================\n// RENDERING FUNCTIONS\n// ============================================================================\n\n/**\n * Create date header element\n *\n * @param date - Date string\n * @param state - State manager\n * @returns Date header element model\n */\nconst createDateHeader = (\n  date: string,\n  state: GroupedFeedState,\n): ElementModel => {\n  const dateHeadline = document.createElement('p');\n  dateHeadline.textContent = date;\n\n  const headerElement = new ElementBuilder(dateHeadline)\n    .styled(Styles.element.text.decoration.ribbon)\n    .withStyles({\n      element: {\n        margin: `${Styles.token.spacing.lg} 0`,\n      },\n    })\n    .build();\n\n  state.addStyles(headerElement.styles);\n  return headerElement;\n};\n\n/**\n * Create event card for grouped display\n *\n * @param entry - Event entry\n * @param isThemeDark - Dark theme flag\n * @returns Event card element model\n */\nconst createEventCard = (\n  entry: EventEntry,\n  isThemeDark: boolean,\n): ElementModel => {\n  return card.list({\n    headline: createTextWithLink({ text: entry.title, url: entry.url }),\n    text: createTextContainer({ text: entry.summary, allowHTML: true }),\n    dateSign: eventElements.sign({\n      startMonth: entry.startMonth,\n      startDay: entry.startDay,\n      endMonth: entry.endMonth,\n      endDay: entry.endDay,\n      isThemeDark,\n      isLargeSize: true,\n    }),\n    eventMeta: eventElements.meta({\n      ...entry,\n      isThemeDark,\n    } as any),\n    image: createImageOrLinkedImage(createImageConfig(entry)),\n    isAligned: false,\n    isThemeDark,\n  });\n};\n\n/**\n * Create group container with entries\n *\n * @param events - Event entries for this group\n * @param state - State manager\n * @param isThemeDark - Dark theme flag\n * @returns Group container element model\n */\nconst createGroupContainer = (\n  events: EventEntry[],\n  state: GroupedFeedState,\n  isThemeDark: boolean,\n): ElementModel => {\n  const entriesBuilder = new ElementBuilder('div')\n    .withClassName('umd-feed-events-grouped-entries')\n    .withStyles({\n      element: {\n        [` > *:not(:last-child)`]: {\n          paddingBottom: Styles.token.spacing.md,\n          marginBottom: Styles.token.spacing.md,\n          borderBottom: `1px solid ${\n            isThemeDark\n              ? Styles.token.color.gray.dark\n              : Styles.token.color.gray.light\n          }`,\n        },\n        [`+ .umd-feed-events-grouped-entries`]: {\n          paddingTop: Styles.token.spacing.md,\n          marginTop: Styles.token.spacing.md,\n          borderTop: `1px solid ${\n            isThemeDark\n              ? Styles.token.color.gray.dark\n              : Styles.token.color.gray.light\n          }`,\n        },\n      },\n    });\n\n  // Create cards for each event\n  events.forEach((entry) => {\n    const eventCard = createEventCard(entry, isThemeDark);\n    entriesBuilder.withChild(eventCard);\n    state.addStyles(eventCard.styles);\n  });\n\n  const groupElement = entriesBuilder.build();\n  state.addStyles(groupElement.styles);\n\n  return groupElement;\n};\n\n/**\n * Render grouped events\n *\n * @param container - Container element\n * @param events - Event entries\n * @param state - State manager\n * @param isThemeDark - Dark theme flag\n * @param isLazyLoad - Lazy load enabled\n * @param loadMore - Load more callback\n * @returns Promise that resolves when rendering is complete\n */\nconst renderGroupedEvents = async (\n  container: HTMLElement,\n  events: EventEntry[],\n  state: GroupedFeedState,\n  isThemeDark: boolean,\n  isLazyLoad: boolean,\n  loadMore: () => Promise<void>,\n): Promise<void> => {\n  const grid = container.querySelector(\n    '#umd-feed-events-grouped-container',\n  ) as HTMLElement;\n  if (!grid) return;\n\n  // Remove existing states\n  container.querySelector('.umd-loader-container')?.remove();\n  container\n    .querySelector(`.${Styles.layout.alignment.block.center.className}`)\n    ?.remove();\n\n  // Group events by date\n  const groupedEvents = grouping.groupEventsByDate(events);\n  let actualEventCount = 0;\n\n  groupedEvents.forEach((group) => {\n    // Add date header if it's a new date\n    if (group.date !== state.getLastDateHeadline()) {\n      const headerElement = createDateHeader(group.date, state);\n      grid.appendChild(headerElement.element);\n      state.setLastDateHeadline(group.date);\n    }\n\n    // Create group container with entries\n    const groupElement = createGroupContainer(group.events, state, isThemeDark);\n    grid.appendChild(groupElement.element);\n\n    actualEventCount += group.events.length;\n  });\n\n  // Update offset with actual event count\n  state.incrementOffset(actualEventCount);\n\n  // Add pagination if lazy load enabled\n  if (isLazyLoad && state.getTotalEntries() > state.getOffset()) {\n    const pagination = new PaginationState({\n      totalEntries: state.getTotalEntries(),\n      offset: state.getOffset(),\n      isLazyLoad: true,\n      callback: loadMore,\n    });\n\n    const paginationElement = pagination.render(container);\n    if (paginationElement) {\n      state.addStyles(paginationElement.styles);\n    }\n  }\n\n  // Update shadow root styles\n  await state.updateShadowStyles();\n};\n\n/**\n * Render error state\n *\n * @param container - Container element\n * @param state - State manager\n * @param isThemeDark - Dark theme flag\n * @returns Promise that resolves when rendering is complete\n */\nconst renderError = async (\n  container: HTMLElement,\n  state: GroupedFeedState,\n  isThemeDark: boolean,\n): Promise<void> => {\n  const emptyState = new EmptyState({\n    message: 'No events found',\n    isThemeDark,\n  });\n  emptyState.render(container);\n  state.addStyles(emptyState.styles);\n\n  const announcer = new Announcer({ message: 'No events found' });\n  container.appendChild(announcer.getElement());\n\n  eventUtilities.dispatch(container, eventUtilities.eventNames.FEED_ERROR, {\n    error: 'No results found',\n  });\n\n  await state.updateShadowStyles();\n};\n\n// ============================================================================\n// MAIN EXPORT\n// ============================================================================\n\n/**\n * Create a grouped events feed\n *\n * Groups events by date with dynamic date headers (Today, day names, formatted dates).\n * Events are sorted by priority within each group (multi-day events starting today first).\n * Uses Element Builder pattern for clean construction.\n *\n * @param props - Feed configuration\n * @returns ElementModel with feed element and styles\n *\n * @example\n * ```typescript\n * const feed = eventsGrouped({\n *   token: 'my-token',\n *   numberOfRowsToStart: 10,\n *   isLazyLoad: true,\n * });\n * ```\n *\n * @example\n * ```typescript\n * // With dark theme\n * const feed = eventsGrouped({\n *   token: 'my-token',\n *   numberOfRowsToStart: 20,\n *   isThemeDark: true,\n * });\n * ```\n */\nexport default (props: ListProps): ElementModel => {\n  const {\n    token,\n    isThemeDark = false,\n    isLazyLoad = false,\n    numberOfRowsToStart,\n    categories,\n  } = props;\n\n  // Create container using ElementBuilder\n  const containerBuilder = new ElementBuilder('div').withClassName(\n    'events-grouped-feed',\n  );\n\n  // Get element for manipulation (non-destructive)\n  const container = containerBuilder.getElement();\n\n  // Initialize state management\n  const loading = new LoadingState({ isThemeDark });\n  const state = new GroupedFeedState(loading.styles);\n\n  // Create layout\n  const layoutElement = new ElementBuilder('div')\n    .withClassName('umd-feed-events-grouped')\n    .build();\n  state.addStyles(layoutElement.styles);\n\n  /**\n   * Load more events (for lazy loading)\n   */\n  const loadMore = async (): Promise<void> => {\n    const fetchProps = createFetchProps(\n      { token, categories, numberOfRowsToStart },\n      state.getOffset(),\n    );\n    const variables = eventsFetchStrategyRange.composeApiVariables(fetchProps);\n\n    const entries = await eventsFetchStrategyRange.fetchEntries(variables);\n    if (entries && entries.length > 0) {\n      await renderGroupedEvents(\n        container,\n        entries,\n        state,\n        isThemeDark,\n        isLazyLoad,\n        loadMore,\n      );\n    }\n  };\n\n  /**\n   * Initialize feed\n   */\n  const initialize = async (): Promise<void> => {\n    loading.show(container);\n\n    const fetchProps = createFetchProps(\n      { token, categories, numberOfRowsToStart },\n      0,\n    );\n    const variables = eventsFetchStrategyRange.composeApiVariables(fetchProps);\n\n    // Fetch count and entries\n    const [count, entries] = await Promise.all([\n      eventsFetchStrategyRange.fetchCount(variables),\n      eventsFetchStrategyRange.fetchEntries(variables),\n    ]);\n\n    // Remove loading\n    loading.hide();\n\n    // Handle no results\n    if (!entries || entries.length === 0) {\n      await renderError(container, state, isThemeDark);\n      return;\n    }\n\n    // Set total and append layout\n    state.setTotalEntries(count || entries.length);\n    layoutElement.element.setAttribute(\n      'id',\n      'umd-feed-events-grouped-container',\n    );\n    container.appendChild(layoutElement.element);\n\n    // Dispatch loaded event\n    eventUtilities.dispatch(container, eventUtilities.eventNames.FEED_LOADED, {\n      items: entries,\n      count: entries.length,\n      total: state.getTotalEntries(),\n    });\n\n    // Render grouped events\n    await renderGroupedEvents(\n      container,\n      entries,\n      state,\n      isThemeDark,\n      isLazyLoad,\n      loadMore,\n    );\n\n    // Add announcer\n    const message = createAnnouncerMessage(\n      entries.length,\n      state.getTotalEntries(),\n      isLazyLoad,\n    );\n    const announcer = new Announcer({ message });\n    container.appendChild(announcer.getElement());\n  };\n\n  // Start initialization\n  initialize();\n\n  // Build and return element model\n  const model = containerBuilder.build();\n\n  return {\n    element: model.element,\n    get styles() {\n      return state.getStyles();\n    },\n    events: {\n      callback: state.getShadowCallback(),\n    },\n  };\n};\n"],"names":["shadow","styleUtilities.setShadowStyles","ElementBuilder","Styles","card","createTextWithLink","createTextContainer","eventElements","createImageOrLinkedImage","events","grouping.groupEventsByDate","pagination","PaginationState","EmptyState","announcer","Announcer","eventUtilities.dispatch","eventUtilities.eventNames","loading","LoadingState","eventsFetchStrategyRange"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,MAAM,mBAAmB,CACvB,OACA,YACI;AAAA,EACJ,OAAO,MAAM;AAAA,EACb,YAAY,MAAM;AAAA,EAClB,uBAAuB;AAAA,EACvB,qBAAqB,MAAM;AAAA,EAC3B,WAAW,MAAM;AACnB;AAQA,MAAM,oBAAoB,CAAC,WAAuB;AAAA,EAChD,UAAU,MAAM,MAAM,CAAC,EAAE;AAAA,EACzB,SAAS,MAAM,MAAM,CAAC,EAAE,WAAW;AAAA,EACnC,SAAS,MAAM;AAAA,EACf,WAAW;AACb;AAUA,MAAM,yBAAyB,CAC7B,OACA,OACA,eACW;AACX,SAAO,aACH,WAAW,KAAK,OAAO,KAAK,YAC5B,WAAW,KAAK;AACtB;AAYA,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYrB,YAAY,eAAuB;AAXnC,SAAQ,cAAwB,CAAA;AAChC,SAAQ,aAAgC;AACxC,SAAQ,eAAuB;AAC/B,SAAQ,SAAiB;AACzB,SAAQ,mBAAkC;AAQxC,SAAK,YAAY,KAAK,aAAa;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,UAAU,QAAsB;AAC9B,SAAK,YAAY,KAAK,MAAM;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,cAAcA,SAA0B;AACtC,SAAK,aAAaA;AAAA,EACpB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,MAAM,qBAAoC;AACxC,QAAI,CAAC,KAAK,WAAY;AACtB,UAAMC,uBAA+B;AAAA,MACnC,YAAY,KAAK;AAAA,MACjB,QAAQ,KAAK,UAAA;AAAA,IAAU,CACxB;AAAA,EACH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,YAAoB;AAClB,WAAO,KAAK,YAAY,KAAK,IAAI;AAAA,EACnC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,oBAAkD;AAChD,WAAO,CAACD,YAAW,KAAK,cAAcA,OAAM;AAAA,EAC9C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,YAAoB;AAClB,WAAO,KAAK;AAAA,EACd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,gBAAgB,OAAqB;AACnC,SAAK,UAAU;AAAA,EACjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,kBAA0B;AACxB,WAAO,KAAK;AAAA,EACd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,gBAAgB,OAAqB;AACnC,SAAK,eAAe;AAAA,EACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,sBAAqC;AACnC,WAAO,KAAK;AAAA,EACd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,oBAAoB,UAAwB;AAC1C,SAAK,mBAAmB;AAAA,EAC1B;AACF;AAaA,MAAM,mBAAmB,CACvB,MACA,UACiB;AACjB,QAAM,eAAe,SAAS,cAAc,GAAG;AAC/C,eAAa,cAAc;AAE3B,QAAM,gBAAgB,IAAIE,iCAAe,YAAY,EAClD,OAAOC,kBAAO,QAAQ,KAAK,WAAW,MAAM,EAC5C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,QAAQ,GAAGA,kBAAO,MAAM,QAAQ,EAAE;AAAA,IAAA;AAAA,EACpC,CACD,EACA,MAAA;AAEH,QAAM,UAAU,cAAc,MAAM;AACpC,SAAO;AACT;AASA,MAAM,kBAAkB,CACtB,OACA,gBACiB;AACjB,SAAOC,UAAAA,KAAK,KAAK;AAAA,IACf,UAAUC,SAAAA,mBAAmB,EAAE,MAAM,MAAM,OAAO,KAAK,MAAM,KAAK;AAAA,IAClE,MAAMC,SAAAA,oBAAoB,EAAE,MAAM,MAAM,SAAS,WAAW,MAAM;AAAA,IAClE,UAAUC,OAAAA,OAAc,KAAK;AAAA,MAC3B,YAAY,MAAM;AAAA,MAClB,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,QAAQ,MAAM;AAAA,MACd;AAAA,MACA,aAAa;AAAA,IAAA,CACd;AAAA,IACD,WAAWA,OAAAA,OAAc,KAAK;AAAA,MAC5B,GAAG;AAAA,MACH;AAAA,IAAA,CACM;AAAA,IACR,OAAOC,SAAAA,yBAAyB,kBAAkB,KAAK,CAAC;AAAA,IACxD,WAAW;AAAA,IACX;AAAA,EAAA,CACD;AACH;AAUA,MAAM,uBAAuB,CAC3BC,SACA,OACA,gBACiB;AACjB,QAAM,iBAAiB,IAAIP,iCAAe,KAAK,EAC5C,cAAc,iCAAiC,EAC/C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,CAAC,uBAAuB,GAAG;AAAA,QACzB,eAAeC,kBAAO,MAAM,QAAQ;AAAA,QACpC,cAAcA,kBAAO,MAAM,QAAQ;AAAA,QACnC,cAAc,aACZ,cACIA,kBAAO,MAAM,MAAM,KAAK,OACxBA,kBAAO,MAAM,MAAM,KAAK,KAC9B;AAAA,MAAA;AAAA,MAEF,CAAC,oCAAoC,GAAG;AAAA,QACtC,YAAYA,kBAAO,MAAM,QAAQ;AAAA,QACjC,WAAWA,kBAAO,MAAM,QAAQ;AAAA,QAChC,WAAW,aACT,cACIA,kBAAO,MAAM,MAAM,KAAK,OACxBA,kBAAO,MAAM,MAAM,KAAK,KAC9B;AAAA,MAAA;AAAA,IACF;AAAA,EACF,CACD;AAGH,EAAAM,QAAO,QAAQ,CAAC,UAAU;AACxB,UAAM,YAAY,gBAAgB,OAAO,WAAW;AACpD,mBAAe,UAAU,SAAS;AAClC,UAAM,UAAU,UAAU,MAAM;AAAA,EAClC,CAAC;AAED,QAAM,eAAe,eAAe,MAAA;AACpC,QAAM,UAAU,aAAa,MAAM;AAEnC,SAAO;AACT;AAaA,MAAM,sBAAsB,OAC1B,WACAA,SACA,OACA,aACA,YACA,aACkB;AAClB,QAAM,OAAO,UAAU;AAAA,IACrB;AAAA,EAAA;AAEF,MAAI,CAAC,KAAM;AAGX,YAAU,cAAc,uBAAuB,GAAG,OAAA;AAClD,YACG,cAAc,IAAIN,kBAAO,OAAO,UAAU,MAAM,OAAO,SAAS,EAAE,GACjE,OAAA;AAGJ,QAAM,gBAAgBO,SAAAA,kBAA2BD,OAAM;AACvD,MAAI,mBAAmB;AAEvB,gBAAc,QAAQ,CAAC,UAAU;AAE/B,QAAI,MAAM,SAAS,MAAM,oBAAA,GAAuB;AAC9C,YAAM,gBAAgB,iBAAiB,MAAM,MAAM,KAAK;AACxD,WAAK,YAAY,cAAc,OAAO;AACtC,YAAM,oBAAoB,MAAM,IAAI;AAAA,IACtC;AAGA,UAAM,eAAe,qBAAqB,MAAM,QAAQ,OAAO,WAAW;AAC1E,SAAK,YAAY,aAAa,OAAO;AAErC,wBAAoB,MAAM,OAAO;AAAA,EACnC,CAAC;AAGD,QAAM,gBAAgB,gBAAgB;AAGtC,MAAI,cAAc,MAAM,gBAAA,IAAoB,MAAM,aAAa;AAC7D,UAAME,eAAa,IAAIC,2BAAgB;AAAA,MACrC,cAAc,MAAM,gBAAA;AAAA,MACpB,QAAQ,MAAM,UAAA;AAAA,MACd,YAAY;AAAA,MACZ,UAAU;AAAA,IAAA,CACX;AAED,UAAM,oBAAoBD,aAAW,OAAO,SAAS;AACrD,QAAI,mBAAmB;AACrB,YAAM,UAAU,kBAAkB,MAAM;AAAA,IAC1C;AAAA,EACF;AAGA,QAAM,MAAM,mBAAA;AACd;AAUA,MAAM,cAAc,OAClB,WACA,OACA,gBACkB;AAClB,QAAM,aAAa,IAAIE,iBAAW;AAAA,IAChC,SAAS;AAAA,IACT;AAAA,EAAA,CACD;AACD,aAAW,OAAO,SAAS;AAC3B,QAAM,UAAU,WAAW,MAAM;AAEjC,QAAMC,cAAY,IAAIC,UAAAA,UAAU,EAAE,SAAS,mBAAmB;AAC9D,YAAU,YAAYD,YAAU,YAAY;AAE5CE,iBAAwB,WAAWC,MAAAA,WAA0B,YAAY;AAAA,IACvE,OAAO;AAAA,EAAA,CACR;AAED,QAAM,MAAM,mBAAA;AACd;AAmCA,MAAA,UAAe,CAAC,UAAmC;AACjD,QAAM;AAAA,IACJ;AAAA,IACA,cAAc;AAAA,IACd,aAAa;AAAA,IACb;AAAA,IACA;AAAA,EAAA,IACE;AAGJ,QAAM,mBAAmB,IAAIf,iCAAe,KAAK,EAAE;AAAA,IACjD;AAAA,EAAA;AAIF,QAAM,YAAY,iBAAiB,WAAA;AAGnC,QAAMgB,YAAU,IAAIC,qBAAa,EAAE,aAAa;AAChD,QAAM,QAAQ,IAAI,iBAAiBD,UAAQ,MAAM;AAGjD,QAAM,gBAAgB,IAAIhB,iCAAe,KAAK,EAC3C,cAAc,yBAAyB,EACvC,MAAA;AACH,QAAM,UAAU,cAAc,MAAM;AAKpC,QAAM,WAAW,YAA2B;AAC1C,UAAM,aAAa;AAAA,MACjB,EAAE,OAAO,YAAY,oBAAA;AAAA,MACrB,MAAM,UAAA;AAAA,IAAU;AAElB,UAAM,YAAYkB,OAAAA,yBAAyB,oBAAoB,UAAU;AAEzE,UAAM,UAAU,MAAMA,gCAAyB,aAAa,SAAS;AACrE,QAAI,WAAW,QAAQ,SAAS,GAAG;AACjC,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF;AAKA,QAAM,aAAa,YAA2B;AAC5CF,cAAQ,KAAK,SAAS;AAEtB,UAAM,aAAa;AAAA,MACjB,EAAE,OAAO,YAAY,oBAAA;AAAA,MACrB;AAAA,IAAA;AAEF,UAAM,YAAYE,OAAAA,yBAAyB,oBAAoB,UAAU;AAGzE,UAAM,CAAC,OAAO,OAAO,IAAI,MAAM,QAAQ,IAAI;AAAA,MACzCA,OAAAA,yBAAyB,WAAW,SAAS;AAAA,MAC7CA,OAAAA,yBAAyB,aAAa,SAAS;AAAA,IAAA,CAChD;AAGDF,cAAQ,KAAA;AAGR,QAAI,CAAC,WAAW,QAAQ,WAAW,GAAG;AACpC,YAAM,YAAY,WAAW,OAAO,WAAW;AAC/C;AAAA,IACF;AAGA,UAAM,gBAAgB,SAAS,QAAQ,MAAM;AAC7C,kBAAc,QAAQ;AAAA,MACpB;AAAA,MACA;AAAA,IAAA;AAEF,cAAU,YAAY,cAAc,OAAO;AAG3CF,mBAAwB,WAAWC,MAAAA,WAA0B,aAAa;AAAA,MACxE,OAAO;AAAA,MACP,OAAO,QAAQ;AAAA,MACf,OAAO,MAAM,gBAAA;AAAA,IAAgB,CAC9B;AAGD,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAIF,UAAM,UAAU;AAAA,MACd,QAAQ;AAAA,MACR,MAAM,gBAAA;AAAA,MACN;AAAA,IAAA;AAEF,UAAMH,cAAY,IAAIC,oBAAU,EAAE,SAAS;AAC3C,cAAU,YAAYD,YAAU,YAAY;AAAA,EAC9C;AAGA,aAAA;AAGA,QAAM,QAAQ,iBAAiB,MAAA;AAE/B,SAAO;AAAA,IACL,SAAS,MAAM;AAAA,IACf,IAAI,SAAS;AACX,aAAO,MAAM,UAAA;AAAA,IACf;AAAA,IACA,QAAQ;AAAA,MACN,UAAU,MAAM,kBAAA;AAAA,IAAkB;AAAA,EACpC;AAEJ;;"}
+{"version":3,"file":"grouped.js","sources":["../../../source/feeds/events/grouped.ts"],"sourcesContent":["/**\n * Events Grouped Feed (Refactored with Element Builder)\n *\n * Grouped layout for event entries organized by date with dynamic headers.\n * Uses Element Builder pattern with custom grouping logic for date-based organization.\n *\n * @module feeds/events/grouped\n */\n\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { card } from '@universityofmaryland/web-elements-library/composite';\nimport { events as eventElements } from '@universityofmaryland/web-elements-library/atomic';\nimport {\n  createTextWithLink,\n  createTextContainer,\n  createImageOrLinkedImage,\n} from '@universityofmaryland/web-utilities-library/elements';\nimport { LoadingState, PaginationState, EmptyState, Announcer } from 'states';\nimport { eventsFetchStrategyRange } from 'strategies';\nimport { type EventEntry } from 'types/data';\nimport {\n  grouping,\n  events as eventUtilities,\n  styles as styleUtilities,\n} from '../../helpers';\nimport { type ListProps } from './_types';\nimport { type ElementModel } from '../../_types';\n\n// ============================================================================\n// PURE HELPER FUNCTIONS\n// ============================================================================\n\n/**\n * Create base props for fetch strategy\n *\n * @param props - Feed props\n * @param offset - Current offset\n * @returns Base props object for strategy's composeApiVariables\n */\nconst createFetchProps = (\n  props: Pick<ListProps, 'token' | 'categories' | 'numberOfRowsToStart'>,\n  offset: number,\n) => ({\n  token: props.token,\n  categories: props.categories,\n  numberOfColumnsToShow: 1,\n  numberOfRowsToStart: props.numberOfRowsToStart,\n  getOffset: () => offset,\n});\n\n/**\n * Create image configuration for event entry\n *\n * @param entry - Event entry\n * @returns Image config object\n */\nconst createImageConfig = (entry: EventEntry) => ({\n  imageUrl: entry.image[0].url,\n  altText: entry.image[0].altText || 'Event Image',\n  linkUrl: entry.url,\n  linkLabel: 'University of Maryland Event',\n});\n\n/**\n * Create announcer message\n *\n * @param count - Number of events shown\n * @param total - Total events\n * @param isLazyLoad - Lazy load enabled\n * @returns Announcer message\n */\nconst createAnnouncerMessage = (\n  count: number,\n  total: number,\n  isLazyLoad: boolean,\n): string => {\n  return isLazyLoad\n    ? `Showing ${count} of ${total} events`\n    : `Showing ${count} events`;\n};\n\n// ============================================================================\n// STATE MANAGER CLASS\n// ============================================================================\n\n/**\n * Manages grouped feed state and shadow DOM synchronization\n *\n * Encapsulates all mutable state including offset, total,\n * last date headline tracking, and shadow DOM management.\n */\nclass GroupedFeedState {\n  private stylesArray: string[] = [];\n  private shadowRoot: ShadowRoot | null = null;\n  private totalEntries: number = 0;\n  private offset: number = 0;\n  private lastDateHeadline: string | null = null;\n\n  /**\n   * Initialize state with initial styles\n   *\n   * @param initialStyles - Initial CSS styles\n   */\n  constructor(initialStyles: string) {\n    this.stylesArray.push(initialStyles);\n  }\n\n  /**\n   * Add styles to the accumulated styles\n   *\n   * @param styles - CSS styles to add\n   */\n  addStyles(styles: string): void {\n    this.stylesArray.push(styles);\n  }\n\n  /**\n   * Set shadow root reference for style updates\n   *\n   * @param shadow - Shadow root element\n   */\n  setShadowRoot(shadow: ShadowRoot): void {\n    this.shadowRoot = shadow;\n  }\n\n  /**\n   * Update shadow DOM styles\n   *\n   * @returns Promise that resolves when styles are updated\n   */\n  async updateShadowStyles(): Promise<void> {\n    if (!this.shadowRoot) return;\n    await styleUtilities.setShadowStyles({\n      shadowRoot: this.shadowRoot,\n      styles: this.getStyles(),\n    });\n  }\n\n  /**\n   * Get accumulated styles as single string\n   *\n   * @returns Combined CSS styles\n   */\n  getStyles(): string {\n    return this.stylesArray.join('\\n');\n  }\n\n  /**\n   * Get shadow root callback for events\n   *\n   * @returns Callback function for shadow root\n   */\n  getShadowCallback(): (shadow: ShadowRoot) => void {\n    return (shadow) => this.setShadowRoot(shadow);\n  }\n\n  /**\n   * Get current offset\n   *\n   * @returns Current offset\n   */\n  getOffset(): number {\n    return this.offset;\n  }\n\n  /**\n   * Increment offset by count\n   *\n   * @param count - Number to increment by\n   */\n  incrementOffset(count: number): void {\n    this.offset += count;\n  }\n\n  /**\n   * Get total entries\n   *\n   * @returns Total entries\n   */\n  getTotalEntries(): number {\n    return this.totalEntries;\n  }\n\n  /**\n   * Set total entries\n   *\n   * @param total - Total entries\n   */\n  setTotalEntries(total: number): void {\n    this.totalEntries = total;\n  }\n\n  /**\n   * Get last date headline\n   *\n   * @returns Last date headline or null\n   */\n  getLastDateHeadline(): string | null {\n    return this.lastDateHeadline;\n  }\n\n  /**\n   * Set last date headline\n   *\n   * @param headline - Date headline\n   */\n  setLastDateHeadline(headline: string): void {\n    this.lastDateHeadline = headline;\n  }\n}\n\n// ============================================================================\n// RENDERING FUNCTIONS\n// ============================================================================\n\n/**\n * Create date header element\n *\n * @param date - Date string\n * @param state - State manager\n * @returns Date header element model\n */\nconst createDateHeader = (\n  date: string,\n  state: GroupedFeedState,\n): ElementModel => {\n  const dateHeadline = document.createElement('p');\n  dateHeadline.textContent = date;\n\n  const headerElement = new ElementBuilder(dateHeadline)\n    .styled(Styles.element.text.decoration.ribbon)\n    .withStyles({\n      element: {\n        margin: `${Styles.token.spacing.lg} 0`,\n      },\n    })\n    .build();\n\n  state.addStyles(headerElement.styles);\n  return headerElement;\n};\n\n/**\n * Create event card for grouped display\n *\n * @param entry - Event entry\n * @param isThemeDark - Dark theme flag\n * @returns Event card element model\n */\nconst createEventCard = (\n  entry: EventEntry,\n  isThemeDark: boolean,\n): ElementModel => {\n  return card.list({\n    headline: createTextWithLink({ text: entry.title, url: entry.url }),\n    text: createTextContainer({ text: entry.summary, allowHTML: true }),\n    dateSign: eventElements.sign({\n      startMonth: entry.startMonth,\n      startDay: entry.startDay,\n      endMonth: entry.endMonth,\n      endDay: entry.endDay,\n      isThemeDark,\n      isLargeSize: true,\n    }),\n    eventMeta: eventElements.meta({\n      ...entry,\n      isThemeDark,\n    } as any),\n    image: createImageOrLinkedImage(createImageConfig(entry)),\n    isAligned: false,\n    isThemeDark,\n  });\n};\n\n/**\n * Create group container with entries\n *\n * @param events - Event entries for this group\n * @param state - State manager\n * @param isThemeDark - Dark theme flag\n * @returns Group container element model\n */\nconst createGroupContainer = (\n  events: EventEntry[],\n  state: GroupedFeedState,\n  isThemeDark: boolean,\n): ElementModel => {\n  const entriesBuilder = new ElementBuilder('div')\n    .withClassName('umd-feed-events-grouped-entries')\n    .withStyles({\n      element: {\n        [` > *:not(:last-child)`]: {\n          paddingBottom: Styles.token.spacing.md,\n          marginBottom: Styles.token.spacing.md,\n          borderBottom: `1px solid ${\n            isThemeDark\n              ? Styles.token.color.gray.dark\n              : Styles.token.color.gray.light\n          }`,\n        },\n        [`+ .umd-feed-events-grouped-entries`]: {\n          paddingTop: Styles.token.spacing.md,\n          marginTop: Styles.token.spacing.md,\n          borderTop: `1px solid ${\n            isThemeDark\n              ? Styles.token.color.gray.dark\n              : Styles.token.color.gray.light\n          }`,\n        },\n      },\n    });\n\n  // Create cards for each event\n  events.forEach((entry) => {\n    const eventCard = createEventCard(entry, isThemeDark);\n    entriesBuilder.withChild(eventCard);\n    state.addStyles(eventCard.styles);\n  });\n\n  const groupElement = entriesBuilder.build();\n  state.addStyles(groupElement.styles);\n\n  return groupElement;\n};\n\n/**\n * Render grouped events\n *\n * @param container - Container element\n * @param events - Event entries\n * @param state - State manager\n * @param isThemeDark - Dark theme flag\n * @param isLazyLoad - Lazy load enabled\n * @param loadMore - Load more callback\n * @returns Promise that resolves when rendering is complete\n */\nconst renderGroupedEvents = async (\n  container: HTMLElement,\n  events: EventEntry[],\n  state: GroupedFeedState,\n  isThemeDark: boolean,\n  isLazyLoad: boolean,\n  loadMore: () => Promise<void>,\n): Promise<void> => {\n  const grid = container.querySelector(\n    '#umd-feed-events-grouped-container',\n  ) as HTMLElement;\n  if (!grid) return;\n\n  // Remove existing states\n  container.querySelector('.umd-loader-container')?.remove();\n  container\n    .querySelector(`.${Styles.layout.alignment.block.center.className}`)\n    ?.remove();\n\n  // Group events by date\n  const groupedEvents = grouping.groupEventsByDate(events);\n  let actualEventCount = 0;\n\n  groupedEvents.forEach((group) => {\n    // Add date header if it's a new date\n    if (group.date !== state.getLastDateHeadline()) {\n      const headerElement = createDateHeader(group.date, state);\n      grid.appendChild(headerElement.element);\n      state.setLastDateHeadline(group.date);\n    }\n\n    // Create group container with entries\n    const groupElement = createGroupContainer(group.events, state, isThemeDark);\n    grid.appendChild(groupElement.element);\n\n    actualEventCount += group.events.length;\n  });\n\n  // Update offset with actual event count\n  state.incrementOffset(actualEventCount);\n\n  // Add pagination if lazy load enabled\n  if (isLazyLoad && state.getTotalEntries() > state.getOffset()) {\n    const pagination = new PaginationState({\n      totalEntries: state.getTotalEntries(),\n      offset: state.getOffset(),\n      isLazyLoad: true,\n      callback: loadMore,\n    });\n\n    const paginationElement = pagination.render(container);\n    if (paginationElement) {\n      state.addStyles(paginationElement.styles);\n    }\n  }\n\n  // Update shadow root styles\n  await state.updateShadowStyles();\n};\n\n/**\n * Render error state\n *\n * @param container - Container element\n * @param state - State manager\n * @param isThemeDark - Dark theme flag\n * @returns Promise that resolves when rendering is complete\n */\nconst renderError = async (\n  container: HTMLElement,\n  state: GroupedFeedState,\n  isThemeDark: boolean,\n): Promise<void> => {\n  const emptyState = new EmptyState({\n    message: 'No events found',\n    isThemeDark,\n  });\n  emptyState.render(container);\n  state.addStyles(emptyState.styles);\n\n  const announcer = new Announcer({ message: 'No events found' });\n  container.appendChild(announcer.getElement());\n\n  eventUtilities.dispatch(container, eventUtilities.eventNames.FEED_ERROR, {\n    error: 'No results found',\n  });\n\n  await state.updateShadowStyles();\n};\n\n// ============================================================================\n// MAIN EXPORT\n// ============================================================================\n\n/**\n * Create a grouped events feed\n *\n * Groups events by date with dynamic date headers (Today, day names, formatted dates).\n * Events are sorted by priority within each group (multi-day events starting today first).\n * Uses Element Builder pattern for clean construction.\n *\n * @param props - Feed configuration\n * @returns ElementModel with feed element and styles\n *\n * @example\n * ```typescript\n * const feed = eventsGrouped({\n *   token: 'my-token',\n *   numberOfRowsToStart: 10,\n *   isLazyLoad: true,\n * });\n * ```\n *\n * @example\n * ```typescript\n * // With dark theme\n * const feed = eventsGrouped({\n *   token: 'my-token',\n *   numberOfRowsToStart: 20,\n *   isThemeDark: true,\n * });\n * ```\n */\nexport const eventsGrouped = (props: ListProps): ElementModel => {\n  const {\n    token,\n    isThemeDark = false,\n    isLazyLoad = false,\n    numberOfRowsToStart,\n    categories,\n  } = props;\n\n  // Create container using ElementBuilder\n  const containerBuilder = new ElementBuilder('div').withClassName(\n    'events-grouped-feed',\n  );\n\n  // Get element for manipulation (non-destructive)\n  const container = containerBuilder.getElement();\n\n  // Initialize state management\n  const loading = new LoadingState({ isThemeDark });\n  const state = new GroupedFeedState(loading.styles);\n\n  // Create layout\n  const layoutElement = new ElementBuilder('div')\n    .withClassName('umd-feed-events-grouped')\n    .build();\n  state.addStyles(layoutElement.styles);\n\n  /**\n   * Load more events (for lazy loading)\n   */\n  const loadMore = async (): Promise<void> => {\n    const fetchProps = createFetchProps(\n      { token, categories, numberOfRowsToStart },\n      state.getOffset(),\n    );\n    const variables = eventsFetchStrategyRange.composeApiVariables(fetchProps);\n\n    const entries = await eventsFetchStrategyRange.fetchEntries(variables);\n    if (entries && entries.length > 0) {\n      await renderGroupedEvents(\n        container,\n        entries,\n        state,\n        isThemeDark,\n        isLazyLoad,\n        loadMore,\n      );\n    }\n  };\n\n  /**\n   * Initialize feed\n   */\n  const initialize = async (): Promise<void> => {\n    loading.show(container);\n\n    const fetchProps = createFetchProps(\n      { token, categories, numberOfRowsToStart },\n      0,\n    );\n    const variables = eventsFetchStrategyRange.composeApiVariables(fetchProps);\n\n    // Fetch count and entries\n    const [count, entries] = await Promise.all([\n      eventsFetchStrategyRange.fetchCount(variables),\n      eventsFetchStrategyRange.fetchEntries(variables),\n    ]);\n\n    // Remove loading\n    loading.hide();\n\n    // Handle no results\n    if (!entries || entries.length === 0) {\n      await renderError(container, state, isThemeDark);\n      return;\n    }\n\n    // Set total and append layout\n    state.setTotalEntries(count || entries.length);\n    layoutElement.element.setAttribute(\n      'id',\n      'umd-feed-events-grouped-container',\n    );\n    container.appendChild(layoutElement.element);\n\n    // Dispatch loaded event\n    eventUtilities.dispatch(container, eventUtilities.eventNames.FEED_LOADED, {\n      items: entries,\n      count: entries.length,\n      total: state.getTotalEntries(),\n    });\n\n    // Render grouped events\n    await renderGroupedEvents(\n      container,\n      entries,\n      state,\n      isThemeDark,\n      isLazyLoad,\n      loadMore,\n    );\n\n    // Add announcer\n    const message = createAnnouncerMessage(\n      entries.length,\n      state.getTotalEntries(),\n      isLazyLoad,\n    );\n    const announcer = new Announcer({ message });\n    container.appendChild(announcer.getElement());\n  };\n\n  // Start initialization\n  initialize();\n\n  // Build and return element model\n  const model = containerBuilder.build();\n\n  return {\n    element: model.element,\n    get styles() {\n      return state.getStyles();\n    },\n    events: {\n      callback: state.getShadowCallback(),\n    },\n  };\n};\n"],"names":["styleUtilities.setShadowStyles","eventElements","events","grouping.groupEventsByDate","eventUtilities.dispatch","eventUtilities.eventNames"],"mappings":"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"}

package/dist/feeds/events/index.d.ts

@@ -1,5 +1,5 @@
-export { default as grid } from './grid';
-export { default as list } from './list';
-export { default as slider } from './slider';
-export { default as grouped } from './grouped';
+export { eventsGrid as grid } from './grid';
+export { eventsList as list } from './list';
+export { eventsSlider as slider } from './slider';
+export { eventsGrouped as grouped } from './grouped';
 //# sourceMappingURL=index.d.ts.map

package/dist/feeds/events/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/feeds/events/index.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAkBzC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAiBzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAkB7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/feeds/events/index.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,UAAU,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAkB5C,OAAO,EAAE,UAAU,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAiB5C,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAkBlD,OAAO,EAAE,aAAa,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/feeds/events/list.d.ts

@@ -1,5 +1,4 @@
 import { ListProps } from './_types';
 import { ElementModel } from '../../_types';
-declare const _default: (props: ListProps) => ElementModel;
-export default _default;
+export declare const eventsList: (props: ListProps) => ElementModel;
 //# sourceMappingURL=list.d.ts.map

package/dist/feeds/events/list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../source/feeds/events/list.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;yBAoBjC,OAAO,SAAS,KAAG,YAAY;AAA/C,wBAcK"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../source/feeds/events/list.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAoBjD,eAAO,MAAM,UAAU,GAAI,OAAO,SAAS,KAAG,YAc1C,CAAC"}

package/dist/feeds/events/list.js

@@ -1,26 +1,25 @@
-"use strict";
-const createBaseFeed = require("../../factory/core/createBaseFeed.js");
-require("@universityofmaryland/web-builder-library");
-require("@universityofmaryland/web-styles-library");
-require("@universityofmaryland/web-styles-library/typography");
-require("@universityofmaryland/web-utilities-library/theme");
-require("@universityofmaryland/web-elements-library");
-const events$1 = require("../../strategies/display/events.js");
-require("@universityofmaryland/web-elements-library/composite");
-require("@universityofmaryland/web-utilities-library/elements");
-require("@universityofmaryland/web-utilities-library/network");
-const events = require("../../strategies/fetch/events.js");
-require("../../strategies/fetch/news.js");
-require("../../strategies/fetch/experts.js");
-const grid = require("../../strategies/layout/grid.js");
-require("@universityofmaryland/web-elements-library/layout");
-const list = (props) => createBaseFeed.createBaseFeed({
+import { createBaseFeed } from "../../factory/core/createBaseFeed.js";
+import "@universityofmaryland/web-builder-library";
+import "@universityofmaryland/web-styles-library";
+import "@universityofmaryland/web-styles-library/typography";
+import "@universityofmaryland/web-utilities-library/theme";
+import "@universityofmaryland/web-elements-library";
+import { eventsDisplayStrategy } from "../../strategies/display/events.js";
+import "@universityofmaryland/web-elements-library/composite";
+import "@universityofmaryland/web-utilities-library/elements";
+import "@universityofmaryland/web-utilities-library/network";
+import { eventsFetchStrategy } from "../../strategies/fetch/events.js";
+import "../../strategies/fetch/news.js";
+import "../../strategies/fetch/experts.js";
+import { stackedLayout } from "../../strategies/layout/grid.js";
+import "@universityofmaryland/web-elements-library/layout";
+const eventsList = (props) => createBaseFeed({
   ...props,
   enableCategoryFallback: true,
   cardType: "list",
-  fetchStrategy: events.eventsFetchStrategy,
-  displayStrategy: events$1.eventsDisplayStrategy,
-  layoutStrategy: grid.stackedLayout,
+  fetchStrategy: eventsFetchStrategy,
+  displayStrategy: eventsDisplayStrategy,
+  layoutStrategy: stackedLayout,
   imageConfig: (entry) => ({
     imageUrl: entry.image[0].url,
     altText: entry.image[0].altText || "Event Image",
@@ -28,5 +27,7 @@ const list = (props) => createBaseFeed.createBaseFeed({
     linkLabel: "University of Maryland Event"
   })
 });
-module.exports = list;
+export {
+  eventsList
+};
 //# sourceMappingURL=list.js.map

package/dist/feeds/events/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","sources":["../../../source/feeds/events/list.ts"],"sourcesContent":["/**\n * Events List Feed (Factory Pattern)\n *\n * List layout for event entries using the feed factory pattern.\n * This is the NEW implementation using factory + strategies.\n *\n * @module composite/events/list-new\n */\n\nimport { createBaseFeed } from 'factory';\nimport {\n  eventsFetchStrategy,\n  eventsDisplayStrategy,\n  stackedLayout,\n} from 'strategies';\nimport { type ListProps } from './_types';\nimport { type ElementModel } from '../../_types';\n\n/**\n * Create an events list feed\n *\n * @param props - Feed configuration\n * @returns ElementModel with feed element and styles\n *\n * @example\n * ```typescript\n * const feed = eventsList({\n *   token: 'my-token',\n *   numberOfRowsToStart: 5,\n *   isLazyLoad: true,\n *   categories: ['sports', 'arts'],\n * });\n *\n * document.body.appendChild(feed.element);\n * ```\n */\nexport default (props: ListProps): ElementModel =>\n  createBaseFeed({\n    ...props,\n    enableCategoryFallback: true,\n    cardType: 'list',\n    fetchStrategy: eventsFetchStrategy,\n    displayStrategy: eventsDisplayStrategy,\n    layoutStrategy: stackedLayout,\n    imageConfig: (entry) => ({\n      imageUrl: entry.image[0].url,\n      altText: entry.image[0].altText || 'Event Image',\n      linkUrl: entry.url,\n      linkLabel: 'University of Maryland Event',\n    }),\n  });\n"],"names":["createBaseFeed","eventsFetchStrategy","eventsDisplayStrategy","stackedLayout"],"mappings":";;;;;;;;;;;;;;;;AAoCA,MAAA,OAAe,CAAC,UACdA,eAAAA,eAAe;AAAA,EACb,GAAG;AAAA,EACH,wBAAwB;AAAA,EACxB,UAAU;AAAA,EACV,eAAeC,OAAAA;AAAAA,EACf,iBAAiBC,SAAAA;AAAAA,EACjB,gBAAgBC,KAAAA;AAAAA,EAChB,aAAa,CAAC,WAAW;AAAA,IACvB,UAAU,MAAM,MAAM,CAAC,EAAE;AAAA,IACzB,SAAS,MAAM,MAAM,CAAC,EAAE,WAAW;AAAA,IACnC,SAAS,MAAM;AAAA,IACf,WAAW;AAAA,EAAA;AAEf,CAAC;;"}
+{"version":3,"file":"list.js","sources":["../../../source/feeds/events/list.ts"],"sourcesContent":["/**\n * Events List Feed (Factory Pattern)\n *\n * List layout for event entries using the feed factory pattern.\n * This is the NEW implementation using factory + strategies.\n *\n * @module composite/events/list-new\n */\n\nimport { createBaseFeed } from 'factory';\nimport {\n  eventsFetchStrategy,\n  eventsDisplayStrategy,\n  stackedLayout,\n} from 'strategies';\nimport { type ListProps } from './_types';\nimport { type ElementModel } from '../../_types';\n\n/**\n * Create an events list feed\n *\n * @param props - Feed configuration\n * @returns ElementModel with feed element and styles\n *\n * @example\n * ```typescript\n * const feed = eventsList({\n *   token: 'my-token',\n *   numberOfRowsToStart: 5,\n *   isLazyLoad: true,\n *   categories: ['sports', 'arts'],\n * });\n *\n * document.body.appendChild(feed.element);\n * ```\n */\nexport const eventsList = (props: ListProps): ElementModel =>\n  createBaseFeed({\n    ...props,\n    enableCategoryFallback: true,\n    cardType: 'list',\n    fetchStrategy: eventsFetchStrategy,\n    displayStrategy: eventsDisplayStrategy,\n    layoutStrategy: stackedLayout,\n    imageConfig: (entry) => ({\n      imageUrl: entry.image[0].url,\n      altText: entry.image[0].altText || 'Event Image',\n      linkUrl: entry.url,\n      linkLabel: 'University of Maryland Event',\n    }),\n  });\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAoCO,MAAM,aAAa,CAAC,UACzB,eAAe;AAAA,EACb,GAAG;AAAA,EACH,wBAAwB;AAAA,EACxB,UAAU;AAAA,EACV,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,aAAa,CAAC,WAAW;AAAA,IACvB,UAAU,MAAM,MAAM,CAAC,EAAE;AAAA,IACzB,SAAS,MAAM,MAAM,CAAC,EAAE,WAAW;AAAA,IACnC,SAAS,MAAM;AAAA,IACf,WAAW;AAAA,EAAA;AAEf,CAAC;"}