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

package/dist/academic.js

@@ -1,5 +1,5 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const slider = require("./feeds/academic/slider.js");
-exports.slider = slider;
+import { academicSlider } from "./feeds/academic/slider.js";
+export {
+  academicSlider as slider
+};
 //# sourceMappingURL=academic.js.map

package/dist/academic.js.map

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

package/dist/events.js

@@ -1,11 +1,11 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const grid = require("./feeds/events/grid.js");
-const list = require("./feeds/events/list.js");
-const slider = require("./feeds/events/slider.js");
-const grouped = require("./feeds/events/grouped.js");
-exports.grid = grid;
-exports.list = list;
-exports.slider = slider;
-exports.grouped = grouped;
+import { eventsGrid } from "./feeds/events/grid.js";
+import { eventsList } from "./feeds/events/list.js";
+import { eventsSlider } from "./feeds/events/slider.js";
+import { eventsGrouped } from "./feeds/events/grouped.js";
+export {
+  eventsGrid as grid,
+  eventsGrouped as grouped,
+  eventsList as list,
+  eventsSlider as slider
+};
 //# sourceMappingURL=events.js.map

package/dist/events.js.map

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

package/dist/experts.js

@@ -1,9 +1,9 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const grid = require("./feeds/experts/grid.js");
-const list = require("./feeds/experts/list.js");
-const bio = require("./feeds/experts/bio.js");
-exports.grid = grid;
-exports.list = list;
-exports.bio = bio;
+import { expertsGrid } from "./feeds/experts/grid.js";
+import { expertsList } from "./feeds/experts/list.js";
+import { expertsBio } from "./feeds/experts/bio.js";
+export {
+  expertsBio as bio,
+  expertsGrid as grid,
+  expertsList as list
+};
 //# sourceMappingURL=experts.js.map

package/dist/experts.js.map

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

package/dist/factory/core/createBaseFeed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createBaseFeed.d.ts","sourceRoot":"","sources":["../../../source/factory/core/createBaseFeed.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAsB,MAAM,SAAS,CAAC;AAyChF,wBAAgB,cAAc,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,EACpD,MAAM,EAAE,cAAc,CAAC,KAAK,EAAE,UAAU,CAAC,GACxC,iBAAiB,CAkInB"}
+{"version":3,"file":"createBaseFeed.d.ts","sourceRoot":"","sources":["../../../source/factory/core/createBaseFeed.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAsB,MAAM,SAAS,CAAC;AAyChF,wBAAgB,cAAc,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG,EACpD,MAAM,EAAE,cAAc,CAAC,KAAK,EAAE,UAAU,CAAC,GACxC,iBAAiB,CAoInB"}

package/dist/factory/core/createBaseFeed.js

@@ -1,13 +1,11 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const loading = require("../../states/loading.js");
-require("@universityofmaryland/web-builder-library");
-require("@universityofmaryland/web-elements-library");
-require("@universityofmaryland/web-styles-library");
-require("@universityofmaryland/web-utilities-library/theme");
-const feedHelpers = require("../helpers/feedHelpers.js");
-const displayHandler = require("../helpers/displayHandler.js");
-const fetchHandler = require("../helpers/fetchHandler.js");
+import { LoadingState } from "../../states/loading.js";
+import "@universityofmaryland/web-builder-library";
+import "@universityofmaryland/web-elements-library";
+import "@universityofmaryland/web-styles-library";
+import "@universityofmaryland/web-utilities-library/theme";
+import { createFeedHelpers } from "../helpers/feedHelpers.js";
+import { createDisplayHandlers } from "../helpers/displayHandler.js";
+import { createFetchHandlers } from "../helpers/fetchHandler.js";
 function createBaseFeed(config) {
   const {
     token,
@@ -15,6 +13,7 @@ function createBaseFeed(config) {
     isTransparent = false,
     isOverlay = false,
     isAligned = false,
+    isMediaTrained = null,
     cardType,
     numberOfColumnsToShow = 1,
     numberOfRowsToStart,
@@ -29,9 +28,9 @@ function createBaseFeed(config) {
     imageConfig
   } = config;
   const container = document.createElement("div");
-  const loading$1 = new loading.LoadingState({ isThemeDark });
-  let styles = loading$1.styles;
-  const helpers = feedHelpers.createFeedHelpers({
+  const loading = new LoadingState({ isThemeDark });
+  let styles = loading.styles;
+  const helpers = createFeedHelpers({
     container,
     initialStyles: styles
   });
@@ -63,12 +62,13 @@ function createBaseFeed(config) {
     numberOfColumnsToShow,
     numberOfRowsToStart,
     isLazyLoad,
+    isMediaTrained,
     getOffset: helpers.getOffset
   };
   const lazyLoadCallbackRef = {
     current: void 0
   };
-  const displayHandlers = displayHandler.createDisplayHandlers({
+  const displayHandlers = createDisplayHandlers({
     displayStrategy,
     layoutStrategy,
     helpers,
@@ -88,7 +88,7 @@ function createBaseFeed(config) {
       }
     } : void 0
   });
-  const fetchHandlers = fetchHandler.createFetchHandlers({
+  const fetchHandlers = createFetchHandlers({
     fetchStrategy,
     helpers,
     baseProps,
@@ -98,7 +98,7 @@ function createBaseFeed(config) {
     enableCategoryFallback
   });
   lazyLoadCallbackRef.current = fetchHandlers.loadMore;
-  container.appendChild(loading$1.element);
+  container.appendChild(loading.element);
   fetchHandlers.start();
   return {
     element: container,
@@ -110,5 +110,7 @@ function createBaseFeed(config) {
     }
   };
 }
-exports.createBaseFeed = createBaseFeed;
+export {
+  createBaseFeed
+};
 //# sourceMappingURL=createBaseFeed.js.map

package/dist/factory/core/createBaseFeed.js.map

@@ -1 +1 @@
-{"version":3,"file":"createBaseFeed.js","sources":["../../../source/factory/core/createBaseFeed.ts"],"sourcesContent":["/**\n * Base Feed Factory\n *\n * Creates a complete feed with initialization, data fetching, and display logic.\n * Uses strategy pattern to allow customization of fetch, display, and layout.\n *\n * @module factory/core/createBaseFeed\n */\n\nimport { LoadingState } from '../../states';\nimport {\n  createFeedHelpers,\n  createDisplayHandlers,\n  createFetchHandlers,\n} from '../helpers';\nimport { BaseFeedConfig, FeedFactoryResult, CardMappingOptions } from './types';\n\n/**\n * Create a base feed using the factory pattern\n *\n * This factory eliminates ~70% of boilerplate code by handling:\n * - Feed initialization (container, loading, state)\n * - Strategy composition (fetch, display, layout)\n * - Lifecycle management (start, load more, no results)\n * - Shadow DOM support\n * - Event system\n *\n * @template TData - The type of entry data from the API\n * @template TVariables - The type of API variables\n *\n * @param config - Configuration for the feed\n * @returns ElementModel with feed element and styles\n *\n * @example\n * ```typescript\n * // Simple grid feed\n * const eventsFeed = createBaseFeed({\n *   token: 'my-token',\n *   isThemeDark: false,\n *   numberOfColumnsToShow: 3,\n *   numberOfRowsToStart: 2,\n *   isLazyLoad: 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,\n *     linkUrl: entry.url,\n *   }),\n * });\n *\n * // Use the feed\n * document.body.appendChild(eventsFeed.element);\n * ```\n */\nexport function createBaseFeed<TData, TVariables = any>(\n  config: BaseFeedConfig<TData, TVariables>,\n): FeedFactoryResult {\n  const {\n    token,\n    isThemeDark = false,\n    isTransparent = false,\n    isOverlay = false,\n    isAligned = false,\n    cardType,\n    numberOfColumnsToShow = 1,\n    numberOfRowsToStart,\n    isLazyLoad = false,\n    enableCategoryFallback = false,\n    categories,\n    entriesToRemove,\n    fetchStrategy,\n    displayStrategy,\n    layoutStrategy,\n    noResultsConfig,\n    imageConfig,\n  } = config;\n\n  const container = document.createElement('div');\n  const loading = new LoadingState({ isThemeDark });\n  let styles = loading.styles;\n\n  // Create helpers for state management\n  const helpers = createFeedHelpers({\n    container,\n    initialStyles: styles,\n  });\n\n  // Override setStyles to also update the local styles variable\n  const originalSetStyles = helpers.setStyles;\n  helpers.setStyles = (additionalStyles: string) => {\n    styles += additionalStyles;\n    originalSetStyles(additionalStyles);\n  };\n\n  // Shadow root support\n  let shadowRoot: ShadowRoot | null = null;\n  const shadowRootCallback = (shadow: ShadowRoot) => {\n    shadowRoot = shadow;\n\n    helpers.setShadowRoot(shadow);\n  };\n\n  const cardMappingOptions: CardMappingOptions = {\n    isThemeDark,\n    isTransparent,\n    isOverlay,\n    isAligned,\n    imageConfig,\n    ...(cardType && { cardType }),\n  };\n\n  const layoutElement = layoutStrategy.create({\n    columns: numberOfColumnsToShow as 2 | 3 | 4,\n    isThemeDark,\n  });\n  helpers.setStyles(layoutElement.styles);\n\n  const baseProps = {\n    token,\n    categories,\n    entriesToRemove,\n    numberOfColumnsToShow,\n    numberOfRowsToStart,\n    isLazyLoad,\n    getOffset: helpers.getOffset,\n  };\n\n  // Create a mutable reference for lazy load callback\n  // This allows us to set it after fetchHandlers are created\n  const lazyLoadCallbackRef = {\n    current: undefined as (() => Promise<void>) | undefined,\n  };\n\n  // Create display handlers with callback reference\n  const displayHandlers = createDisplayHandlers({\n    displayStrategy,\n    layoutStrategy,\n    helpers,\n    cardMappingOptions,\n    isLazyLoad,\n    numberOfColumnsToShow,\n    numberOfRowsToStart,\n    noResultsConfig: {\n      ...noResultsConfig,\n      isThemeDark, // Ensure theme is passed to EmptyState\n    },\n    // Pass a function that calls the current callback\n    lazyLoadCallback: isLazyLoad\n      ? async () => {\n          if (lazyLoadCallbackRef.current) {\n            await lazyLoadCallbackRef.current();\n          }\n        }\n      : undefined,\n  });\n\n  // Create fetch handlers\n  const fetchHandlers = createFetchHandlers({\n    fetchStrategy,\n    helpers,\n    baseProps,\n    displayHandlers,\n    layoutElement,\n    isThemeDark,\n    enableCategoryFallback,\n  });\n\n  // Set the lazy load callback reference now that fetch handlers exist\n  lazyLoadCallbackRef.current = fetchHandlers.loadMore;\n\n  // Append loading indicator to container\n  container.appendChild(loading.element);\n\n  // Start fetching data\n  fetchHandlers.start();\n\n  // Return feed with getter for styles to ensure dynamic access\n  return {\n    element: container,\n    get styles() {\n      return styles;\n    },\n    events: {\n      callback: shadowRootCallback,\n    },\n  };\n}\n"],"names":["loading","LoadingState","createFeedHelpers","createDisplayHandlers","createFetchHandlers"],"mappings":";;;;;;;;;;AAwDO,SAAS,eACd,QACmB;AACnB,QAAM;AAAA,IACJ;AAAA,IACA,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ;AAAA,IACA,wBAAwB;AAAA,IACxB;AAAA,IACA,aAAa;AAAA,IACb,yBAAyB;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,QAAMA,YAAU,IAAIC,qBAAa,EAAE,aAAa;AAChD,MAAI,SAASD,UAAQ;AAGrB,QAAM,UAAUE,YAAAA,kBAAkB;AAAA,IAChC;AAAA,IACA,eAAe;AAAA,EAAA,CAChB;AAGD,QAAM,oBAAoB,QAAQ;AAClC,UAAQ,YAAY,CAAC,qBAA6B;AAChD,cAAU;AACV,sBAAkB,gBAAgB;AAAA,EACpC;AAIA,QAAM,qBAAqB,CAAC,WAAuB;AAGjD,YAAQ,cAAc,MAAM;AAAA,EAC9B;AAEA,QAAM,qBAAyC;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAI,YAAY,EAAE,SAAA;AAAA,EAAS;AAG7B,QAAM,gBAAgB,eAAe,OAAO;AAAA,IAC1C,SAAS;AAAA,IACT;AAAA,EAAA,CACD;AACD,UAAQ,UAAU,cAAc,MAAM;AAEtC,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,QAAQ;AAAA,EAAA;AAKrB,QAAM,sBAAsB;AAAA,IAC1B,SAAS;AAAA,EAAA;AAIX,QAAM,kBAAkBC,eAAAA,sBAAsB;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,MACf,GAAG;AAAA,MACH;AAAA;AAAA,IAAA;AAAA;AAAA,IAGF,kBAAkB,aACd,YAAY;AACV,UAAI,oBAAoB,SAAS;AAC/B,cAAM,oBAAoB,QAAA;AAAA,MAC5B;AAAA,IACF,IACA;AAAA,EAAA,CACL;AAGD,QAAM,gBAAgBC,aAAAA,oBAAoB;AAAA,IACxC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAGD,sBAAoB,UAAU,cAAc;AAG5C,YAAU,YAAYJ,UAAQ,OAAO;AAGrC,gBAAc,MAAA;AAGd,SAAO;AAAA,IACL,SAAS;AAAA,IACT,IAAI,SAAS;AACX,aAAO;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,EACZ;AAEJ;;"}
+{"version":3,"file":"createBaseFeed.js","sources":["../../../source/factory/core/createBaseFeed.ts"],"sourcesContent":["/**\n * Base Feed Factory\n *\n * Creates a complete feed with initialization, data fetching, and display logic.\n * Uses strategy pattern to allow customization of fetch, display, and layout.\n *\n * @module factory/core/createBaseFeed\n */\n\nimport { LoadingState } from '../../states';\nimport {\n  createFeedHelpers,\n  createDisplayHandlers,\n  createFetchHandlers,\n} from '../helpers';\nimport { BaseFeedConfig, FeedFactoryResult, CardMappingOptions } from './types';\n\n/**\n * Create a base feed using the factory pattern\n *\n * This factory eliminates ~70% of boilerplate code by handling:\n * - Feed initialization (container, loading, state)\n * - Strategy composition (fetch, display, layout)\n * - Lifecycle management (start, load more, no results)\n * - Shadow DOM support\n * - Event system\n *\n * @template TData - The type of entry data from the API\n * @template TVariables - The type of API variables\n *\n * @param config - Configuration for the feed\n * @returns ElementModel with feed element and styles\n *\n * @example\n * ```typescript\n * // Simple grid feed\n * const eventsFeed = createBaseFeed({\n *   token: 'my-token',\n *   isThemeDark: false,\n *   numberOfColumnsToShow: 3,\n *   numberOfRowsToStart: 2,\n *   isLazyLoad: 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,\n *     linkUrl: entry.url,\n *   }),\n * });\n *\n * // Use the feed\n * document.body.appendChild(eventsFeed.element);\n * ```\n */\nexport function createBaseFeed<TData, TVariables = any>(\n  config: BaseFeedConfig<TData, TVariables>,\n): FeedFactoryResult {\n  const {\n    token,\n    isThemeDark = false,\n    isTransparent = false,\n    isOverlay = false,\n    isAligned = false,\n    isMediaTrained = null,\n    cardType,\n    numberOfColumnsToShow = 1,\n    numberOfRowsToStart,\n    isLazyLoad = false,\n    enableCategoryFallback = false,\n    categories,\n    entriesToRemove,\n    fetchStrategy,\n    displayStrategy,\n    layoutStrategy,\n    noResultsConfig,\n    imageConfig,\n  } = config;\n\n  const container = document.createElement('div');\n  const loading = new LoadingState({ isThemeDark });\n  let styles = loading.styles;\n\n  // Create helpers for state management\n  const helpers = createFeedHelpers({\n    container,\n    initialStyles: styles,\n  });\n\n  // Override setStyles to also update the local styles variable\n  const originalSetStyles = helpers.setStyles;\n  helpers.setStyles = (additionalStyles: string) => {\n    styles += additionalStyles;\n    originalSetStyles(additionalStyles);\n  };\n\n  // Shadow root support\n  let shadowRoot: ShadowRoot | null = null;\n  const shadowRootCallback = (shadow: ShadowRoot) => {\n    shadowRoot = shadow;\n\n    helpers.setShadowRoot(shadow);\n  };\n\n  const cardMappingOptions: CardMappingOptions = {\n    isThemeDark,\n    isTransparent,\n    isOverlay,\n    isAligned,\n    imageConfig,\n    ...(cardType && { cardType }),\n  };\n\n  const layoutElement = layoutStrategy.create({\n    columns: numberOfColumnsToShow as 2 | 3 | 4,\n    isThemeDark,\n  });\n  helpers.setStyles(layoutElement.styles);\n\n  const baseProps = {\n    token,\n    categories,\n    entriesToRemove,\n    numberOfColumnsToShow,\n    numberOfRowsToStart,\n    isLazyLoad,\n    isMediaTrained,\n    getOffset: helpers.getOffset,\n  };\n\n  // Create a mutable reference for lazy load callback\n  // This allows us to set it after fetchHandlers are created\n  const lazyLoadCallbackRef = {\n    current: undefined as (() => Promise<void>) | undefined,\n  };\n\n  // Create display handlers with callback reference\n  const displayHandlers = createDisplayHandlers({\n    displayStrategy,\n    layoutStrategy,\n    helpers,\n    cardMappingOptions,\n    isLazyLoad,\n    numberOfColumnsToShow,\n    numberOfRowsToStart,\n    noResultsConfig: {\n      ...noResultsConfig,\n      isThemeDark, // Ensure theme is passed to EmptyState\n    },\n    // Pass a function that calls the current callback\n    lazyLoadCallback: isLazyLoad\n      ? async () => {\n          if (lazyLoadCallbackRef.current) {\n            await lazyLoadCallbackRef.current();\n          }\n        }\n      : undefined,\n  });\n\n  // Create fetch handlers\n  const fetchHandlers = createFetchHandlers({\n    fetchStrategy,\n    helpers,\n    baseProps,\n    displayHandlers,\n    layoutElement,\n    isThemeDark,\n    enableCategoryFallback,\n  });\n\n  // Set the lazy load callback reference now that fetch handlers exist\n  lazyLoadCallbackRef.current = fetchHandlers.loadMore;\n\n  // Append loading indicator to container\n  container.appendChild(loading.element);\n\n  // Start fetching data\n  fetchHandlers.start();\n\n  // Return feed with getter for styles to ensure dynamic access\n  return {\n    element: container,\n    get styles() {\n      return styles;\n    },\n    events: {\n      callback: shadowRootCallback,\n    },\n  };\n}\n"],"names":[],"mappings":";;;;;;;;AAwDO,SAAS,eACd,QACmB;AACnB,QAAM;AAAA,IACJ;AAAA,IACA,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB;AAAA,IACA,wBAAwB;AAAA,IACxB;AAAA,IACA,aAAa;AAAA,IACb,yBAAyB;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,QAAM,UAAU,IAAI,aAAa,EAAE,aAAa;AAChD,MAAI,SAAS,QAAQ;AAGrB,QAAM,UAAU,kBAAkB;AAAA,IAChC;AAAA,IACA,eAAe;AAAA,EAAA,CAChB;AAGD,QAAM,oBAAoB,QAAQ;AAClC,UAAQ,YAAY,CAAC,qBAA6B;AAChD,cAAU;AACV,sBAAkB,gBAAgB;AAAA,EACpC;AAIA,QAAM,qBAAqB,CAAC,WAAuB;AAGjD,YAAQ,cAAc,MAAM;AAAA,EAC9B;AAEA,QAAM,qBAAyC;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAI,YAAY,EAAE,SAAA;AAAA,EAAS;AAG7B,QAAM,gBAAgB,eAAe,OAAO;AAAA,IAC1C,SAAS;AAAA,IACT;AAAA,EAAA,CACD;AACD,UAAQ,UAAU,cAAc,MAAM;AAEtC,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,QAAQ;AAAA,EAAA;AAKrB,QAAM,sBAAsB;AAAA,IAC1B,SAAS;AAAA,EAAA;AAIX,QAAM,kBAAkB,sBAAsB;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,MACf,GAAG;AAAA,MACH;AAAA;AAAA,IAAA;AAAA;AAAA,IAGF,kBAAkB,aACd,YAAY;AACV,UAAI,oBAAoB,SAAS;AAC/B,cAAM,oBAAoB,QAAA;AAAA,MAC5B;AAAA,IACF,IACA;AAAA,EAAA,CACL;AAGD,QAAM,gBAAgB,oBAAoB;AAAA,IACxC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAGD,sBAAoB,UAAU,cAAc;AAG5C,YAAU,YAAY,QAAQ,OAAO;AAGrC,gBAAc,MAAA;AAGd,SAAO;AAAA,IACL,SAAS;AAAA,IACT,IAAI,SAAS;AACX,aAAO;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,EACZ;AAEJ;"}

package/dist/factory/core/types.d.ts

@@ -64,6 +64,7 @@ export interface BaseFeedConfig<TData, TVariables = any> {
     numberOfRowsToStart: number;
     isLazyLoad?: boolean;
     enableCategoryFallback?: boolean;
+    isMediaTrained?: boolean | null;
     categories?: string[];
     entriesToRemove?: Array<string | number>;
     fetchStrategy: FetchStrategy<TData, TVariables>;

package/dist/factory/core/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../source/factory/core/types.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAM5C,MAAM,WAAW,WAAW;IAE1B,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEnC,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpC,aAAa,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAEhD,YAAY,EAAE,MAAM,WAAW,CAAC;IAEhC,SAAS,EAAE,MAAM,MAAM,CAAC;IAExB,eAAe,EAAE,MAAM,MAAM,CAAC;IAE9B,SAAS,EAAE,MAAM,MAAM,CAAC;IAExB,aAAa,EAAE,MAAM,UAAU,GAAG,IAAI,CAAC;CACxC;AAQD,MAAM,WAAW,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG;IAKpD,UAAU,EAAE,CAAC,SAAS,EAAE,UAAU,KAAK,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAK9D,YAAY,EAAE,CAAC,SAAS,EAAE,UAAU,KAAK,OAAO,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,CAAC;IAMjE,mBAAmB,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,UAAU,CAAC;IAMhD,kBAAkB,CAAC,EAAE,CACnB,WAAW,EAAE,MAAM,EAAE,EACrB,KAAK,CAAC,EAAE,MAAM,KACX,OAAO,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC;CAC/B;AAKD,MAAM,WAAW,kBAAkB;IAEjC,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IAEpD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,WAAW,CAAC;IAE1C,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAKD,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAOD,MAAM,WAAW,eAAe,CAAC,KAAK;IAIpC,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,kBAAkB,KAAK,YAAY,CAAC;IAM5E,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;CACpD;AAKD,MAAM,WAAW,aAAa;IAE5B,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAEpB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAKD,MAAM,WAAW,cAAc;IAI7B,MAAM,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,YAAY,CAAC;IAMjD,KAAK,EAAE,MAAM,MAAM,CAAC;CACrB;AAKD,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAQD,MAAM,WAAW,cAAc,CAAC,KAAK,EAAE,UAAU,GAAG,GAAG;IAGrD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAIrB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;IAEpD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B,mBAAmB,EAAE,MAAM,CAAC;IAI5B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAIjC,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IAEtB,eAAe,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAIzC,aAAa,EAAE,aAAa,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IAEhD,eAAe,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;IAExC,cAAc,EAAE,cAAc,CAAC;IAI/B,eAAe,CAAC,EAAE,eAAe,CAAC;IAElC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,WAAW,CAAC;IAG5C,SAAS,CAAC,EAAE,MAAM,MAAM,CAAC;CAC1B;AAKD,MAAM,WAAW,mBAAmB,CAAC,KAAK;IACxC,QAAQ,EAAE,KAAK,EAAE,CAAC;CACnB;AAMD,MAAM,WAAW,aAAa,CAAC,KAAK;IAElC,kBAAkB,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAEzC,cAAc,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,KAAK,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAErE,gBAAgB,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CACxC;AAKD,MAAM,WAAW,UAAU;IAEzB,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAE5C,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAKD,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IAErD,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../source/factory/core/types.ts"],"names":[],"mappings":"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"}

package/dist/factory/helpers/displayHandler.js

@@ -1,37 +1,17 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const Styles = require("@universityofmaryland/web-styles-library");
-const typography = require("@universityofmaryland/web-styles-library/typography");
-const theme = require("@universityofmaryland/web-utilities-library/theme");
-const empty = require("../../states/empty.js");
-const pagination = require("../../states/pagination.js");
-const announcer = require("../../states/announcer.js");
-const index = require("../../helpers/events/index.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);
-const typography__namespace = /* @__PURE__ */ _interopNamespaceDefault(typography);
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import * as Styles from "@universityofmaryland/web-styles-library";
+import * as typography from "@universityofmaryland/web-styles-library/typography";
+import { theme } from "@universityofmaryland/web-utilities-library/theme";
+import { EmptyState } from "../../states/empty.js";
+import { PaginationState } from "../../states/pagination.js";
+import { Announcer } from "../../states/announcer.js";
+import { dispatch, eventNames } from "../../helpers/events/index.js";
 async function setShadowStyles({
   shadowRoot,
   styles
 }) {
   const styleElement = document.createElement("style");
-  const optimizedCss = await Styles__namespace.utilities.transform.css.removeDuplicates(
+  const optimizedCss = await Styles.utilities.transform.css.removeDuplicates(
     styles
   );
   styleElement.textContent = optimizedCss;
@@ -40,9 +20,9 @@ async function setShadowStyles({
 function createFallbackMessage(categoryNames, isThemeDark = false) {
   const formattedNames = categoryNames.join(", ");
   const message = `No events found for "${formattedNames}" <span> Other upcoming events:</span>`;
-  const messageElement = new webBuilderLibrary.ElementBuilder(document.createElement("p")).styled(
-    typography__namespace.sans.compose("extralarge", {
-      theme: theme.theme.fontColor(isThemeDark)
+  const messageElement = new ElementBuilder(document.createElement("p")).styled(
+    typography.sans.compose("extralarge", {
+      theme: theme.fontColor(isThemeDark)
     })
   ).withStyles({
     textAlign: "center",
@@ -51,10 +31,10 @@ function createFallbackMessage(categoryNames, isThemeDark = false) {
       display: "block"
     }
   }).withHTML(message);
-  const container = new webBuilderLibrary.ElementBuilder(document.createElement("div")).withClassName("feed-events-fallback-message").withChild(messageElement).withStyles({
+  const container = new ElementBuilder(document.createElement("div")).withClassName("feed-events-fallback-message").withChild(messageElement).withStyles({
     element: {
-      marginBottom: Styles__namespace.token.spacing.lg,
-      padding: `${Styles__namespace.token.spacing.md} ${Styles__namespace.token.spacing.lg}`
+      marginBottom: Styles.token.spacing.lg,
+      padding: `${Styles.token.spacing.md} ${Styles.token.spacing.lg}`
     }
   }).build();
   return container;
@@ -78,18 +58,18 @@ function createDisplayHandlers(config) {
       ...noResultsConfig,
       ...props
     };
-    const emptyState = new empty.EmptyState({
+    const emptyState = new EmptyState({
       message,
       linkUrl,
       linkText,
       isThemeDark
     });
-    const announcer$1 = new announcer.Announcer({ message: message || "No results found" });
+    const announcer = new Announcer({ message: message || "No results found" });
     container.innerHTML = "";
     emptyState.render(container);
-    container.appendChild(announcer$1.getElement());
+    container.appendChild(announcer.getElement());
     helpers.setStyles(emptyState.styles);
-    index.dispatch(container, index.eventNames.FEED_ERROR, {
+    dispatch(container, eventNames.FEED_ERROR, {
       error: "No results found",
       message,
       isThemeDark
@@ -110,7 +90,7 @@ function createDisplayHandlers(config) {
     const existingLoader = container.querySelector(".umd-loader-container");
     existingLoader?.remove();
     const existingPagination = container.querySelector(
-      `.${Styles__namespace.layout.alignment.block.center.className}`
+      `.${Styles.layout.alignment.block.center.className}`
     );
     existingPagination?.remove();
     helpers.setOffset(feedData.length);
@@ -122,13 +102,13 @@ function createDisplayHandlers(config) {
       helpers.setStyles(entry.styles);
     });
     if (isLazyLoad && lazyLoadCallback) {
-      const pagination$1 = new pagination.PaginationState({
+      const pagination = new PaginationState({
         totalEntries: helpers.getTotalEntries(),
         offset: helpers.getOffset(),
         isLazyLoad: true,
         callback: lazyLoadCallback
       });
-      const paginationElement = pagination$1.render(container);
+      const paginationElement = pagination.render(container);
       if (paginationElement) {
         helpers.setStyles(paginationElement.styles);
       }
@@ -165,7 +145,7 @@ function createDisplayHandlers(config) {
     layoutElement.element.setAttribute("id", layoutStrategy.getId());
     container.appendChild(layoutElement.element);
     helpers.setStyles(layoutElement.styles);
-    index.dispatch(container, index.eventNames.FEED_LOADED, {
+    dispatch(container, eventNames.FEED_LOADED, {
       items: feedData,
       count: feedData.length,
       total: totalEntries || feedData.length,
@@ -173,8 +153,8 @@ function createDisplayHandlers(config) {
       categoryNames
     });
     await displayResults({ feedData });
-    const announcer$1 = new announcer.Announcer({ message });
-    container.appendChild(announcer$1.getElement());
+    const announcer = new Announcer({ message });
+    container.appendChild(announcer.getElement());
   };
   return {
     displayNoResults,
@@ -182,6 +162,8 @@ function createDisplayHandlers(config) {
     displayResultStart
   };
 }
-exports.createDisplayHandlers = createDisplayHandlers;
-exports.setShadowStyles = setShadowStyles;
+export {
+  createDisplayHandlers,
+  setShadowStyles
+};
 //# sourceMappingURL=displayHandler.js.map

package/dist/factory/helpers/displayHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"displayHandler.js","sources":["../../../source/factory/helpers/displayHandler.ts"],"sourcesContent":["/**\n * Display Handler Utilities\n *\n * Creates handlers for displaying feed results using a display strategy.\n * Handles both initial display and lazy-loaded results.\n *\n * @module factory/helpers/displayHandler\n */\n\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport * as typography from '@universityofmaryland/web-styles-library/typography';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\nimport { PaginationState, EmptyState, Announcer } from '../../states';\nimport { events } from '../../helpers';\nimport {\n  DisplayStrategy,\n  FeedHelpers,\n  LayoutStrategy,\n  CardMappingOptions,\n  DisplayResultsProps,\n  NoResultsConfig,\n} from '../core/types';\nimport { ElementModel } from '../../_types';\n\n/**\n * Configuration for creating display handlers\n */\ninterface DisplayHandlerConfig<TData> {\n  /** Strategy for displaying entries */\n  displayStrategy: DisplayStrategy<TData>;\n  /** Strategy for creating layout */\n  layoutStrategy: LayoutStrategy;\n  /** Feed helper functions */\n  helpers: FeedHelpers;\n  /** Options for card mapping */\n  cardMappingOptions: CardMappingOptions;\n  /** Whether lazy loading is enabled */\n  isLazyLoad?: boolean;\n  /** Number of columns to show */\n  numberOfColumnsToShow?: number;\n  /** Number of rows to start with */\n  numberOfRowsToStart: number;\n  /** Configuration for no results state */\n  noResultsConfig?: NoResultsConfig;\n  /** Callback for lazy load */\n  lazyLoadCallback?: () => Promise<void>;\n}\n\n/**\n * Set shadow root styles with CSS optimization\n */\nexport async function setShadowStyles({\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 * Create fallback message for category-filtered feeds with no results\n */\nfunction createFallbackMessage(\n  categoryNames: string[],\n  isThemeDark: boolean = false,\n): ElementModel {\n  const formattedNames = categoryNames.join(', ');\n  const message = `No events found for \"${formattedNames}\" <span> Other upcoming events:</span>`;\n\n  const messageElement = new ElementBuilder(document.createElement('p'))\n    .styled(\n      typography.sans.compose('extralarge', {\n        theme: theme.fontColor(isThemeDark),\n      }),\n    )\n    .withStyles({\n      textAlign: 'center',\n      margin: '0 auto',\n\n      ['& span']: {\n        display: 'block',\n      },\n    })\n    .withHTML(message);\n\n  const container = new ElementBuilder(document.createElement('div'))\n    .withClassName('feed-events-fallback-message')\n    .withChild(messageElement)\n    .withStyles({\n      element: {\n        marginBottom: Styles.token.spacing.lg,\n        padding: `${Styles.token.spacing.md} ${Styles.token.spacing.lg}`,\n      },\n    })\n    .build();\n\n  return container;\n}\n\n/**\n * Create display handlers for a feed\n *\n * Returns handlers for:\n * - Displaying initial results\n * - Displaying lazy-loaded results\n * - Displaying no results state\n *\n * @param config - Configuration for the display handlers\n * @returns Display handler functions\n *\n * @example\n * ```typescript\n * const handlers = createDisplayHandlers({\n *   displayStrategy: eventsDisplayStrategy,\n *   layoutStrategy: gridGapLayout,\n *   helpers: feedHelpers,\n *   cardMappingOptions: { isThemeDark: false },\n *   isLazyLoad: true,\n *   numberOfColumnsToShow: 3,\n *   numberOfRowsToStart: 2,\n * });\n *\n * // Use handlers\n * handlers.displayResultStart({ feedData, layoutElement });\n * await handlers.displayResults({ feedData });\n * ```\n */\nexport function createDisplayHandlers<TData>(\n  config: DisplayHandlerConfig<TData>,\n) {\n  const {\n    displayStrategy,\n    layoutStrategy,\n    helpers,\n    cardMappingOptions,\n    isLazyLoad,\n    numberOfColumnsToShow = 1,\n    numberOfRowsToStart,\n    noResultsConfig = {},\n    lazyLoadCallback,\n  } = config;\n\n  /**\n   * Handle displaying no results\n   */\n  const displayNoResults = (props: any) => {\n    const container = helpers.getContainer();\n    const shadowRoot = helpers.getShadowRoot();\n    const { message, linkUrl, linkText, isThemeDark } = {\n      ...noResultsConfig,\n      ...props,\n    };\n\n    const emptyState = new EmptyState({\n      message,\n      linkUrl,\n      linkText,\n      isThemeDark,\n    });\n\n    const announcer = new Announcer({ message: message || 'No results found' });\n\n    container.innerHTML = '';\n    emptyState.render(container);\n    container.appendChild(announcer.getElement());\n    helpers.setStyles(emptyState.styles);\n\n    events.dispatch(container, events.eventNames.FEED_ERROR, {\n      error: 'No results found',\n      message,\n      isThemeDark,\n    });\n\n    setTimeout(() => {\n      const styles = helpers.getStyles();\n      if (shadowRoot) {\n        setShadowStyles({ shadowRoot, styles });\n      }\n    }, 100);\n  };\n\n  /**\n   * Handle displaying lazy-loaded results\n   */\n  const displayResults = async (\n    props: DisplayResultsProps<TData>,\n  ): Promise<void> => {\n    const { feedData } = props;\n    const container = helpers.getContainer();\n    const grid = container.querySelector(\n      `#${layoutStrategy.getId()}`,\n    ) as HTMLDivElement;\n\n    // Remove existing loading and pagination states\n    const existingLoader = container.querySelector('.umd-loader-container');\n    existingLoader?.remove();\n\n    const existingPagination = container.querySelector(\n      `.${Styles.layout.alignment.block.center.className}`,\n    );\n    existingPagination?.remove();\n\n    helpers.setOffset(feedData.length);\n\n    // Map entries to cards using display strategy\n    const entries = feedData.map((entry) =>\n      displayStrategy.mapEntryToCard(entry, cardMappingOptions),\n    );\n\n    // Append entries to grid\n    entries.forEach((entry) => {\n      grid.appendChild(entry.element);\n      helpers.setStyles(entry.styles);\n    });\n\n    // Add pagination if lazy load is enabled\n    if (isLazyLoad && lazyLoadCallback) {\n      const pagination = new PaginationState({\n        totalEntries: helpers.getTotalEntries(),\n        offset: helpers.getOffset(),\n        isLazyLoad: true,\n        callback: lazyLoadCallback,\n      });\n\n      const paginationElement = pagination.render(container);\n      if (paginationElement) {\n        helpers.setStyles(paginationElement.styles);\n      }\n    }\n\n    // Update shadow root styles if needed\n    const shadowRoot = helpers.getShadowRoot();\n    if (shadowRoot) {\n      await setShadowStyles({\n        shadowRoot,\n        styles: helpers.getStyles(),\n      });\n    }\n  };\n\n  /**\n   * Handle displaying initial results\n   */\n  const displayResultStart = async (props: {\n    feedData: TData[];\n    layoutElement: ElementModel;\n    isFallback?: boolean;\n    categoryNames?: string[];\n  }): Promise<void> => {\n    const { feedData, layoutElement, isFallback, categoryNames } = props;\n    const container = helpers.getContainer();\n    const totalEntries = helpers.getTotalEntries();\n    const showAmount = numberOfColumnsToShow * numberOfRowsToStart;\n    const message = isLazyLoad\n      ? `Showing ${showAmount} of ${totalEntries} articles`\n      : `Showing ${showAmount} articles`;\n\n    // If this is a fallback, add a message about the category FIRST\n    if (isFallback && categoryNames && categoryNames.length > 0) {\n      const fallbackMessage = createFallbackMessage(\n        categoryNames,\n        cardMappingOptions.isThemeDark || false,\n      );\n      container.appendChild(fallbackMessage.element);\n      helpers.setStyles(fallbackMessage.styles);\n\n      // Inject fallback message styles into shadow DOM immediately\n      const shadowRoot = helpers.getShadowRoot();\n      if (shadowRoot) {\n        await setShadowStyles({\n          shadowRoot,\n          styles: helpers.getStyles(),\n        });\n      }\n    }\n\n    // Set layout ID and append to container\n    layoutElement.element.setAttribute('id', layoutStrategy.getId());\n    container.appendChild(layoutElement.element);\n    helpers.setStyles(layoutElement.styles);\n\n    // Dispatch feed loaded event\n    events.dispatch(container, events.eventNames.FEED_LOADED, {\n      items: feedData,\n      count: feedData.length,\n      total: totalEntries || feedData.length,\n      isFallback,\n      categoryNames,\n    });\n\n    // Display the results\n    await displayResults({ feedData });\n\n    // Add announcer\n    const announcer = new Announcer({ message });\n    container.appendChild(announcer.getElement());\n  };\n\n  return {\n    displayNoResults,\n    displayResults,\n    displayResultStart,\n  };\n}\n"],"names":["Styles","ElementBuilder","typography","theme","EmptyState","announcer","Announcer","events.dispatch","events.eventNames","pagination","PaginationState"],"mappings":"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"}
+{"version":3,"file":"displayHandler.js","sources":["../../../source/factory/helpers/displayHandler.ts"],"sourcesContent":["/**\n * Display Handler Utilities\n *\n * Creates handlers for displaying feed results using a display strategy.\n * Handles both initial display and lazy-loaded results.\n *\n * @module factory/helpers/displayHandler\n */\n\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport * as typography from '@universityofmaryland/web-styles-library/typography';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\nimport { PaginationState, EmptyState, Announcer } from '../../states';\nimport { events } from '../../helpers';\nimport {\n  DisplayStrategy,\n  FeedHelpers,\n  LayoutStrategy,\n  CardMappingOptions,\n  DisplayResultsProps,\n  NoResultsConfig,\n} from '../core/types';\nimport { ElementModel } from '../../_types';\n\n/**\n * Configuration for creating display handlers\n */\ninterface DisplayHandlerConfig<TData> {\n  /** Strategy for displaying entries */\n  displayStrategy: DisplayStrategy<TData>;\n  /** Strategy for creating layout */\n  layoutStrategy: LayoutStrategy;\n  /** Feed helper functions */\n  helpers: FeedHelpers;\n  /** Options for card mapping */\n  cardMappingOptions: CardMappingOptions;\n  /** Whether lazy loading is enabled */\n  isLazyLoad?: boolean;\n  /** Number of columns to show */\n  numberOfColumnsToShow?: number;\n  /** Number of rows to start with */\n  numberOfRowsToStart: number;\n  /** Configuration for no results state */\n  noResultsConfig?: NoResultsConfig;\n  /** Callback for lazy load */\n  lazyLoadCallback?: () => Promise<void>;\n}\n\n/**\n * Set shadow root styles with CSS optimization\n */\nexport async function setShadowStyles({\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 * Create fallback message for category-filtered feeds with no results\n */\nfunction createFallbackMessage(\n  categoryNames: string[],\n  isThemeDark: boolean = false,\n): ElementModel {\n  const formattedNames = categoryNames.join(', ');\n  const message = `No events found for \"${formattedNames}\" <span> Other upcoming events:</span>`;\n\n  const messageElement = new ElementBuilder(document.createElement('p'))\n    .styled(\n      typography.sans.compose('extralarge', {\n        theme: theme.fontColor(isThemeDark),\n      }),\n    )\n    .withStyles({\n      textAlign: 'center',\n      margin: '0 auto',\n\n      ['& span']: {\n        display: 'block',\n      },\n    })\n    .withHTML(message);\n\n  const container = new ElementBuilder(document.createElement('div'))\n    .withClassName('feed-events-fallback-message')\n    .withChild(messageElement)\n    .withStyles({\n      element: {\n        marginBottom: Styles.token.spacing.lg,\n        padding: `${Styles.token.spacing.md} ${Styles.token.spacing.lg}`,\n      },\n    })\n    .build();\n\n  return container;\n}\n\n/**\n * Create display handlers for a feed\n *\n * Returns handlers for:\n * - Displaying initial results\n * - Displaying lazy-loaded results\n * - Displaying no results state\n *\n * @param config - Configuration for the display handlers\n * @returns Display handler functions\n *\n * @example\n * ```typescript\n * const handlers = createDisplayHandlers({\n *   displayStrategy: eventsDisplayStrategy,\n *   layoutStrategy: gridGapLayout,\n *   helpers: feedHelpers,\n *   cardMappingOptions: { isThemeDark: false },\n *   isLazyLoad: true,\n *   numberOfColumnsToShow: 3,\n *   numberOfRowsToStart: 2,\n * });\n *\n * // Use handlers\n * handlers.displayResultStart({ feedData, layoutElement });\n * await handlers.displayResults({ feedData });\n * ```\n */\nexport function createDisplayHandlers<TData>(\n  config: DisplayHandlerConfig<TData>,\n) {\n  const {\n    displayStrategy,\n    layoutStrategy,\n    helpers,\n    cardMappingOptions,\n    isLazyLoad,\n    numberOfColumnsToShow = 1,\n    numberOfRowsToStart,\n    noResultsConfig = {},\n    lazyLoadCallback,\n  } = config;\n\n  /**\n   * Handle displaying no results\n   */\n  const displayNoResults = (props: any) => {\n    const container = helpers.getContainer();\n    const shadowRoot = helpers.getShadowRoot();\n    const { message, linkUrl, linkText, isThemeDark } = {\n      ...noResultsConfig,\n      ...props,\n    };\n\n    const emptyState = new EmptyState({\n      message,\n      linkUrl,\n      linkText,\n      isThemeDark,\n    });\n\n    const announcer = new Announcer({ message: message || 'No results found' });\n\n    container.innerHTML = '';\n    emptyState.render(container);\n    container.appendChild(announcer.getElement());\n    helpers.setStyles(emptyState.styles);\n\n    events.dispatch(container, events.eventNames.FEED_ERROR, {\n      error: 'No results found',\n      message,\n      isThemeDark,\n    });\n\n    setTimeout(() => {\n      const styles = helpers.getStyles();\n      if (shadowRoot) {\n        setShadowStyles({ shadowRoot, styles });\n      }\n    }, 100);\n  };\n\n  /**\n   * Handle displaying lazy-loaded results\n   */\n  const displayResults = async (\n    props: DisplayResultsProps<TData>,\n  ): Promise<void> => {\n    const { feedData } = props;\n    const container = helpers.getContainer();\n    const grid = container.querySelector(\n      `#${layoutStrategy.getId()}`,\n    ) as HTMLDivElement;\n\n    // Remove existing loading and pagination states\n    const existingLoader = container.querySelector('.umd-loader-container');\n    existingLoader?.remove();\n\n    const existingPagination = container.querySelector(\n      `.${Styles.layout.alignment.block.center.className}`,\n    );\n    existingPagination?.remove();\n\n    helpers.setOffset(feedData.length);\n\n    // Map entries to cards using display strategy\n    const entries = feedData.map((entry) =>\n      displayStrategy.mapEntryToCard(entry, cardMappingOptions),\n    );\n\n    // Append entries to grid\n    entries.forEach((entry) => {\n      grid.appendChild(entry.element);\n      helpers.setStyles(entry.styles);\n    });\n\n    // Add pagination if lazy load is enabled\n    if (isLazyLoad && lazyLoadCallback) {\n      const pagination = new PaginationState({\n        totalEntries: helpers.getTotalEntries(),\n        offset: helpers.getOffset(),\n        isLazyLoad: true,\n        callback: lazyLoadCallback,\n      });\n\n      const paginationElement = pagination.render(container);\n      if (paginationElement) {\n        helpers.setStyles(paginationElement.styles);\n      }\n    }\n\n    // Update shadow root styles if needed\n    const shadowRoot = helpers.getShadowRoot();\n    if (shadowRoot) {\n      await setShadowStyles({\n        shadowRoot,\n        styles: helpers.getStyles(),\n      });\n    }\n  };\n\n  /**\n   * Handle displaying initial results\n   */\n  const displayResultStart = async (props: {\n    feedData: TData[];\n    layoutElement: ElementModel;\n    isFallback?: boolean;\n    categoryNames?: string[];\n  }): Promise<void> => {\n    const { feedData, layoutElement, isFallback, categoryNames } = props;\n    const container = helpers.getContainer();\n    const totalEntries = helpers.getTotalEntries();\n    const showAmount = numberOfColumnsToShow * numberOfRowsToStart;\n    const message = isLazyLoad\n      ? `Showing ${showAmount} of ${totalEntries} articles`\n      : `Showing ${showAmount} articles`;\n\n    // If this is a fallback, add a message about the category FIRST\n    if (isFallback && categoryNames && categoryNames.length > 0) {\n      const fallbackMessage = createFallbackMessage(\n        categoryNames,\n        cardMappingOptions.isThemeDark || false,\n      );\n      container.appendChild(fallbackMessage.element);\n      helpers.setStyles(fallbackMessage.styles);\n\n      // Inject fallback message styles into shadow DOM immediately\n      const shadowRoot = helpers.getShadowRoot();\n      if (shadowRoot) {\n        await setShadowStyles({\n          shadowRoot,\n          styles: helpers.getStyles(),\n        });\n      }\n    }\n\n    // Set layout ID and append to container\n    layoutElement.element.setAttribute('id', layoutStrategy.getId());\n    container.appendChild(layoutElement.element);\n    helpers.setStyles(layoutElement.styles);\n\n    // Dispatch feed loaded event\n    events.dispatch(container, events.eventNames.FEED_LOADED, {\n      items: feedData,\n      count: feedData.length,\n      total: totalEntries || feedData.length,\n      isFallback,\n      categoryNames,\n    });\n\n    // Display the results\n    await displayResults({ feedData });\n\n    // Add announcer\n    const announcer = new Announcer({ message });\n    container.appendChild(announcer.getElement());\n  };\n\n  return {\n    displayNoResults,\n    displayResults,\n    displayResultStart,\n  };\n}\n"],"names":["events.dispatch","events.eventNames"],"mappings":";;;;;;;;AAoDA,eAAsB,gBAAgB;AAAA,EACpC;AAAA,EACA;AACF,GAGkB;AAChB,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;AAKA,SAAS,sBACP,eACA,cAAuB,OACT;AACd,QAAM,iBAAiB,cAAc,KAAK,IAAI;AAC9C,QAAM,UAAU,wBAAwB,cAAc;AAEtD,QAAM,iBAAiB,IAAI,eAAe,SAAS,cAAc,GAAG,CAAC,EAClE;AAAA,IACC,WAAW,KAAK,QAAQ,cAAc;AAAA,MACpC,OAAO,MAAM,UAAU,WAAW;AAAA,IAAA,CACnC;AAAA,EAAA,EAEF,WAAW;AAAA,IACV,WAAW;AAAA,IACX,QAAQ;AAAA,IAER,CAAC,QAAQ,GAAG;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX,CACD,EACA,SAAS,OAAO;AAEnB,QAAM,YAAY,IAAI,eAAe,SAAS,cAAc,KAAK,CAAC,EAC/D,cAAc,8BAA8B,EAC5C,UAAU,cAAc,EACxB,WAAW;AAAA,IACV,SAAS;AAAA,MACP,cAAc,OAAO,MAAM,QAAQ;AAAA,MACnC,SAAS,GAAG,OAAO,MAAM,QAAQ,EAAE,IAAI,OAAO,MAAM,QAAQ,EAAE;AAAA,IAAA;AAAA,EAChE,CACD,EACA,MAAA;AAEH,SAAO;AACT;AA8BO,SAAS,sBACd,QACA;AACA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,wBAAwB;AAAA,IACxB;AAAA,IACA,kBAAkB,CAAA;AAAA,IAClB;AAAA,EAAA,IACE;AAKJ,QAAM,mBAAmB,CAAC,UAAe;AACvC,UAAM,YAAY,QAAQ,aAAA;AAC1B,UAAM,aAAa,QAAQ,cAAA;AAC3B,UAAM,EAAE,SAAS,SAAS,UAAU,gBAAgB;AAAA,MAClD,GAAG;AAAA,MACH,GAAG;AAAA,IAAA;AAGL,UAAM,aAAa,IAAI,WAAW;AAAA,MAChC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAED,UAAM,YAAY,IAAI,UAAU,EAAE,SAAS,WAAW,oBAAoB;AAE1E,cAAU,YAAY;AACtB,eAAW,OAAO,SAAS;AAC3B,cAAU,YAAY,UAAU,YAAY;AAC5C,YAAQ,UAAU,WAAW,MAAM;AAEnCA,aAAgB,WAAWC,WAAkB,YAAY;AAAA,MACvD,OAAO;AAAA,MACP;AAAA,MACA;AAAA,IAAA,CACD;AAED,eAAW,MAAM;AACf,YAAM,SAAS,QAAQ,UAAA;AACvB,UAAI,YAAY;AACd,wBAAgB,EAAE,YAAY,QAAQ;AAAA,MACxC;AAAA,IACF,GAAG,GAAG;AAAA,EACR;AAKA,QAAM,iBAAiB,OACrB,UACkB;AAClB,UAAM,EAAE,aAAa;AACrB,UAAM,YAAY,QAAQ,aAAA;AAC1B,UAAM,OAAO,UAAU;AAAA,MACrB,IAAI,eAAe,OAAO;AAAA,IAAA;AAI5B,UAAM,iBAAiB,UAAU,cAAc,uBAAuB;AACtE,oBAAgB,OAAA;AAEhB,UAAM,qBAAqB,UAAU;AAAA,MACnC,IAAI,OAAO,OAAO,UAAU,MAAM,OAAO,SAAS;AAAA,IAAA;AAEpD,wBAAoB,OAAA;AAEpB,YAAQ,UAAU,SAAS,MAAM;AAGjC,UAAM,UAAU,SAAS;AAAA,MAAI,CAAC,UAC5B,gBAAgB,eAAe,OAAO,kBAAkB;AAAA,IAAA;AAI1D,YAAQ,QAAQ,CAAC,UAAU;AACzB,WAAK,YAAY,MAAM,OAAO;AAC9B,cAAQ,UAAU,MAAM,MAAM;AAAA,IAChC,CAAC;AAGD,QAAI,cAAc,kBAAkB;AAClC,YAAM,aAAa,IAAI,gBAAgB;AAAA,QACrC,cAAc,QAAQ,gBAAA;AAAA,QACtB,QAAQ,QAAQ,UAAA;AAAA,QAChB,YAAY;AAAA,QACZ,UAAU;AAAA,MAAA,CACX;AAED,YAAM,oBAAoB,WAAW,OAAO,SAAS;AACrD,UAAI,mBAAmB;AACrB,gBAAQ,UAAU,kBAAkB,MAAM;AAAA,MAC5C;AAAA,IACF;AAGA,UAAM,aAAa,QAAQ,cAAA;AAC3B,QAAI,YAAY;AACd,YAAM,gBAAgB;AAAA,QACpB;AAAA,QACA,QAAQ,QAAQ,UAAA;AAAA,MAAU,CAC3B;AAAA,IACH;AAAA,EACF;AAKA,QAAM,qBAAqB,OAAO,UAKb;AACnB,UAAM,EAAE,UAAU,eAAe,YAAY,kBAAkB;AAC/D,UAAM,YAAY,QAAQ,aAAA;AAC1B,UAAM,eAAe,QAAQ,gBAAA;AAC7B,UAAM,aAAa,wBAAwB;AAC3C,UAAM,UAAU,aACZ,WAAW,UAAU,OAAO,YAAY,cACxC,WAAW,UAAU;AAGzB,QAAI,cAAc,iBAAiB,cAAc,SAAS,GAAG;AAC3D,YAAM,kBAAkB;AAAA,QACtB;AAAA,QACA,mBAAmB,eAAe;AAAA,MAAA;AAEpC,gBAAU,YAAY,gBAAgB,OAAO;AAC7C,cAAQ,UAAU,gBAAgB,MAAM;AAGxC,YAAM,aAAa,QAAQ,cAAA;AAC3B,UAAI,YAAY;AACd,cAAM,gBAAgB;AAAA,UACpB;AAAA,UACA,QAAQ,QAAQ,UAAA;AAAA,QAAU,CAC3B;AAAA,MACH;AAAA,IACF;AAGA,kBAAc,QAAQ,aAAa,MAAM,eAAe,OAAO;AAC/D,cAAU,YAAY,cAAc,OAAO;AAC3C,YAAQ,UAAU,cAAc,MAAM;AAGtCD,aAAgB,WAAWC,WAAkB,aAAa;AAAA,MACxD,OAAO;AAAA,MACP,OAAO,SAAS;AAAA,MAChB,OAAO,gBAAgB,SAAS;AAAA,MAChC;AAAA,MACA;AAAA,IAAA,CACD;AAGD,UAAM,eAAe,EAAE,UAAU;AAGjC,UAAM,YAAY,IAAI,UAAU,EAAE,SAAS;AAC3C,cAAU,YAAY,UAAU,YAAY;AAAA,EAC9C;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}

package/dist/factory/helpers/feedHelpers.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 function createFeedHelpers(config) {
   const { container, initialStyles = "", shadowRoot: initialShadowRoot = null } = config;
   const state = {
@@ -28,5 +26,7 @@ function createFeedHelpers(config) {
     getShadowRoot: () => state.shadowRoot
   };
 }
-exports.createFeedHelpers = createFeedHelpers;
+export {
+  createFeedHelpers
+};
 //# sourceMappingURL=feedHelpers.js.map

package/dist/factory/helpers/feedHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"feedHelpers.js","sources":["../../../source/factory/helpers/feedHelpers.ts"],"sourcesContent":["/**\n * Feed Helper Utilities\n *\n * Creates standard helper functions for managing feed state.\n * These helpers are passed to all strategies and lifecycle handlers.\n *\n * @module factory/helpers/feedHelpers\n */\n\nimport { FeedHelpers } from '../core/types';\n\n/**\n * Configuration for creating feed helpers\n */\ninterface FeedHelpersConfig {\n  /** The feed container element */\n  container: HTMLElement;\n  /** Initial styles */\n  initialStyles?: string;\n  /** Shadow root if available */\n  shadowRoot?: ShadowRoot | null;\n}\n\n/**\n * Internal state managed by the helpers\n */\ninterface FeedState {\n  totalEntries: number;\n  offset: number;\n  styles: string;\n  shadowRoot: ShadowRoot | null;\n}\n\n/**\n * Create feed helper functions\n *\n * These helpers provide a consistent API for managing feed state\n * across different feed types and layouts.\n *\n * @param config - Configuration for the helpers\n * @returns Feed helper functions\n *\n * @example\n * ```typescript\n * const container = document.createElement('div');\n * const helpers = createFeedHelpers({ container });\n *\n * helpers.setTotalEntries(100);\n * helpers.setOffset(10);\n * console.log(helpers.getTotalEntries()); // 100\n * console.log(helpers.getOffset()); // 10\n * ```\n */\nexport function createFeedHelpers(config: FeedHelpersConfig): FeedHelpers {\n  const { container, initialStyles = '', shadowRoot: initialShadowRoot = null } = config;\n\n  // Internal state\n  const state: FeedState = {\n    totalEntries: 0,\n    offset: 0,\n    styles: initialStyles,\n    shadowRoot: initialShadowRoot,\n  };\n\n  return {\n    setTotalEntries: (count: number) => {\n      state.totalEntries = count;\n    },\n\n    setOffset: (count: number) => {\n      state.offset = state.offset + count;\n    },\n\n    setStyles: (additionalStyles: string) => {\n      state.styles += additionalStyles;\n    },\n\n    setShadowRoot: (shadow: ShadowRoot) => {\n      state.shadowRoot = shadow;\n    },\n\n    getContainer: () => container,\n\n    getOffset: () => state.offset,\n\n    getTotalEntries: () => state.totalEntries,\n\n    getStyles: () => state.styles,\n\n    getShadowRoot: () => state.shadowRoot,\n  };\n}\n\n/**\n * Update the shadow root reference in helpers\n *\n * This is called when a shadow root becomes available\n * (typically from a web component callback)\n *\n * @param helpers - The feed helpers\n * @param shadowRoot - The shadow root to set\n *\n * @internal\n */\nexport function updateShadowRoot(\n  helpers: FeedHelpers,\n  shadowRoot: ShadowRoot\n): void {\n  // We need to mutate the internal state\n  // This is safe because helpers is always created fresh per feed instance\n  const state = (helpers as any).state || {};\n  state.shadowRoot = shadowRoot;\n}\n"],"names":[],"mappings":";;AAqDO,SAAS,kBAAkB,QAAwC;AACxE,QAAM,EAAE,WAAW,gBAAgB,IAAI,YAAY,oBAAoB,SAAS;AAGhF,QAAM,QAAmB;AAAA,IACvB,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,EAAA;AAGd,SAAO;AAAA,IACL,iBAAiB,CAAC,UAAkB;AAClC,YAAM,eAAe;AAAA,IACvB;AAAA,IAEA,WAAW,CAAC,UAAkB;AAC5B,YAAM,SAAS,MAAM,SAAS;AAAA,IAChC;AAAA,IAEA,WAAW,CAAC,qBAA6B;AACvC,YAAM,UAAU;AAAA,IAClB;AAAA,IAEA,eAAe,CAAC,WAAuB;AACrC,YAAM,aAAa;AAAA,IACrB;AAAA,IAEA,cAAc,MAAM;AAAA,IAEpB,WAAW,MAAM,MAAM;AAAA,IAEvB,iBAAiB,MAAM,MAAM;AAAA,IAE7B,WAAW,MAAM,MAAM;AAAA,IAEvB,eAAe,MAAM,MAAM;AAAA,EAAA;AAE/B;;"}
+{"version":3,"file":"feedHelpers.js","sources":["../../../source/factory/helpers/feedHelpers.ts"],"sourcesContent":["/**\n * Feed Helper Utilities\n *\n * Creates standard helper functions for managing feed state.\n * These helpers are passed to all strategies and lifecycle handlers.\n *\n * @module factory/helpers/feedHelpers\n */\n\nimport { FeedHelpers } from '../core/types';\n\n/**\n * Configuration for creating feed helpers\n */\ninterface FeedHelpersConfig {\n  /** The feed container element */\n  container: HTMLElement;\n  /** Initial styles */\n  initialStyles?: string;\n  /** Shadow root if available */\n  shadowRoot?: ShadowRoot | null;\n}\n\n/**\n * Internal state managed by the helpers\n */\ninterface FeedState {\n  totalEntries: number;\n  offset: number;\n  styles: string;\n  shadowRoot: ShadowRoot | null;\n}\n\n/**\n * Create feed helper functions\n *\n * These helpers provide a consistent API for managing feed state\n * across different feed types and layouts.\n *\n * @param config - Configuration for the helpers\n * @returns Feed helper functions\n *\n * @example\n * ```typescript\n * const container = document.createElement('div');\n * const helpers = createFeedHelpers({ container });\n *\n * helpers.setTotalEntries(100);\n * helpers.setOffset(10);\n * console.log(helpers.getTotalEntries()); // 100\n * console.log(helpers.getOffset()); // 10\n * ```\n */\nexport function createFeedHelpers(config: FeedHelpersConfig): FeedHelpers {\n  const { container, initialStyles = '', shadowRoot: initialShadowRoot = null } = config;\n\n  // Internal state\n  const state: FeedState = {\n    totalEntries: 0,\n    offset: 0,\n    styles: initialStyles,\n    shadowRoot: initialShadowRoot,\n  };\n\n  return {\n    setTotalEntries: (count: number) => {\n      state.totalEntries = count;\n    },\n\n    setOffset: (count: number) => {\n      state.offset = state.offset + count;\n    },\n\n    setStyles: (additionalStyles: string) => {\n      state.styles += additionalStyles;\n    },\n\n    setShadowRoot: (shadow: ShadowRoot) => {\n      state.shadowRoot = shadow;\n    },\n\n    getContainer: () => container,\n\n    getOffset: () => state.offset,\n\n    getTotalEntries: () => state.totalEntries,\n\n    getStyles: () => state.styles,\n\n    getShadowRoot: () => state.shadowRoot,\n  };\n}\n\n/**\n * Update the shadow root reference in helpers\n *\n * This is called when a shadow root becomes available\n * (typically from a web component callback)\n *\n * @param helpers - The feed helpers\n * @param shadowRoot - The shadow root to set\n *\n * @internal\n */\nexport function updateShadowRoot(\n  helpers: FeedHelpers,\n  shadowRoot: ShadowRoot\n): void {\n  // We need to mutate the internal state\n  // This is safe because helpers is always created fresh per feed instance\n  const state = (helpers as any).state || {};\n  state.shadowRoot = shadowRoot;\n}\n"],"names":[],"mappings":"AAqDO,SAAS,kBAAkB,QAAwC;AACxE,QAAM,EAAE,WAAW,gBAAgB,IAAI,YAAY,oBAAoB,SAAS;AAGhF,QAAM,QAAmB;AAAA,IACvB,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,EAAA;AAGd,SAAO;AAAA,IACL,iBAAiB,CAAC,UAAkB;AAClC,YAAM,eAAe;AAAA,IACvB;AAAA,IAEA,WAAW,CAAC,UAAkB;AAC5B,YAAM,SAAS,MAAM,SAAS;AAAA,IAChC;AAAA,IAEA,WAAW,CAAC,qBAA6B;AACvC,YAAM,UAAU;AAAA,IAClB;AAAA,IAEA,eAAe,CAAC,WAAuB;AACrC,YAAM,aAAa;AAAA,IACrB;AAAA,IAEA,cAAc,MAAM;AAAA,IAEpB,WAAW,MAAM,MAAM;AAAA,IAEvB,iBAAiB,MAAM,MAAM;AAAA,IAE7B,WAAW,MAAM,MAAM;AAAA,IAEvB,eAAe,MAAM,MAAM;AAAA,EAAA;AAE/B;"}

package/dist/factory/helpers/fetchHandler.js

@@ -1,28 +1,9 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Styles = require("@universityofmaryland/web-styles-library");
-const loading = require("../../states/loading.js");
-require("@universityofmaryland/web-builder-library");
-require("@universityofmaryland/web-elements-library");
-require("@universityofmaryland/web-utilities-library/theme");
-const announcer = require("../../states/announcer.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 { LoadingState } from "../../states/loading.js";
+import "@universityofmaryland/web-builder-library";
+import "@universityofmaryland/web-elements-library";
+import "@universityofmaryland/web-utilities-library/theme";
+import { Announcer } from "../../states/announcer.js";
 function createFetchHandlers(config) {
   const {
     fetchStrategy,
@@ -38,18 +19,18 @@ function createFetchHandlers(config) {
     const currentCount = helpers.getOffset();
     const totalEntries = helpers.getTotalEntries();
     const existingPagination = container.querySelector(
-      `.${Styles__namespace.layout.alignment.block.center.className}`
+      `.${Styles.layout.alignment.block.center.className}`
     );
     existingPagination?.remove();
-    const loading$1 = new loading.LoadingState({ isThemeDark });
-    loading$1.show(container);
+    const loading = new LoadingState({ isThemeDark });
+    loading.show(container);
     const variables = fetchStrategy.composeApiVariables({
       ...baseProps,
       getOffset: helpers.getOffset
     });
     const feedData = await fetchStrategy.fetchEntries(variables);
     if (feedData) {
-      loading$1.hide();
+      loading.hide();
       await displayHandlers.displayResults({ feedData });
       const message = `Showing ${currentCount + feedData.length} of ${totalEntries} articles`;
       const existingAnnouncer = container.querySelector(
@@ -58,11 +39,11 @@ function createFetchHandlers(config) {
       if (existingAnnouncer) {
         existingAnnouncer.textContent = message;
       } else {
-        const announcer$1 = new announcer.Announcer({ message });
-        container.appendChild(announcer$1.getElement());
+        const announcer = new Announcer({ message });
+        container.appendChild(announcer.getElement());
       }
     } else {
-      loading$1.hide();
+      loading.hide();
       displayHandlers.displayNoResults({
         message: "An error occurred while loading more results."
       });
@@ -136,5 +117,7 @@ function createFetchHandlers(config) {
     loadMore
   };
 }
-exports.createFetchHandlers = createFetchHandlers;
+export {
+  createFetchHandlers
+};
 //# sourceMappingURL=fetchHandler.js.map

package/dist/factory/helpers/fetchHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"fetchHandler.js","sources":["../../../source/factory/helpers/fetchHandler.ts"],"sourcesContent":["/**\n * Fetch Handler Utilities\n *\n * Creates handlers for fetching feed data using a fetch strategy.\n * Handles both initial fetch and lazy-loaded fetches.\n *\n * @module factory/helpers/fetchHandler\n */\n\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { LoadingState, Announcer } from '../../states';\nimport { FetchStrategy, FeedHelpers } from '../core/types';\n\n/**\n * Configuration for creating fetch handlers\n */\ninterface FetchHandlerConfig<TData, TVariables> {\n  /** Strategy for fetching data */\n  fetchStrategy: FetchStrategy<TData, TVariables>;\n  /** Feed helper functions */\n  helpers: FeedHelpers;\n  /** Base props for composing API variables */\n  baseProps: any;\n  /** Display handlers */\n  displayHandlers: {\n    displayResultStart: (props: any) => Promise<void>;\n    displayResults: (props: { feedData: TData[] }) => Promise<void>;\n    displayNoResults: (props: any) => void;\n  };\n  /** Layout element */\n  layoutElement: any;\n  /** Whether theme is dark */\n  isThemeDark?: boolean;\n  /** Whether to enable category fallback (show all results when no category results found) */\n  enableCategoryFallback?: boolean;\n}\n\n/**\n * Create fetch handlers for a feed\n *\n * Returns handlers for:\n * - Initial data fetch (with count)\n * - Lazy load fetch (pagination)\n *\n * @param config - Configuration for the fetch handlers\n * @returns Fetch handler functions\n *\n * @example\n * ```typescript\n * const fetchHandlers = createFetchHandlers({\n *   fetchStrategy: eventsFetchStrategy,\n *   helpers: feedHelpers,\n *   baseProps: { token, categories },\n *   displayHandlers,\n *   layoutElement,\n *   isThemeDark: false,\n * });\n *\n * // Start initial fetch\n * await fetchHandlers.start();\n *\n * // Fetch more results\n * await fetchHandlers.loadMore();\n * ```\n */\nexport function createFetchHandlers<TData, TVariables>(\n  config: FetchHandlerConfig<TData, TVariables>,\n) {\n  const {\n    fetchStrategy,\n    helpers,\n    baseProps,\n    displayHandlers,\n    layoutElement,\n    isThemeDark,\n    enableCategoryFallback = false,\n  } = config;\n\n  /**\n   * Handle lazy loading more results\n   */\n  const loadMore = async (): Promise<void> => {\n    const container = helpers.getContainer();\n    const currentCount = helpers.getOffset();\n    const totalEntries = helpers.getTotalEntries();\n\n    // Remove existing pagination\n    const existingPagination = container.querySelector(\n      `.${Styles.layout.alignment.block.center.className}`,\n    );\n    existingPagination?.remove();\n\n    // Show loading state\n    const loading = new LoadingState({ isThemeDark });\n    loading.show(container);\n\n    // Compose API variables\n    const variables = fetchStrategy.composeApiVariables({\n      ...baseProps,\n      getOffset: helpers.getOffset,\n    });\n\n    // Fetch entries\n    const feedData = await fetchStrategy.fetchEntries(variables);\n\n    if (feedData) {\n      loading.hide();\n      await displayHandlers.displayResults({ feedData });\n\n      // Update announcer with new count\n      const message = `Showing ${\n        currentCount + feedData.length\n      } of ${totalEntries} articles`;\n\n      const existingAnnouncer = container.querySelector(\n        '[role=\"status\"]',\n      ) as HTMLElement;\n      if (existingAnnouncer) {\n        existingAnnouncer.textContent = message;\n      } else {\n        const announcer = new Announcer({ message });\n        container.appendChild(announcer.getElement());\n      }\n    } else {\n      loading.hide();\n      displayHandlers.displayNoResults({\n        message: 'An error occurred while loading more results.',\n      });\n    }\n  };\n\n  /**\n   * Handle initial fetch (with count)\n   */\n  const start = async (): Promise<void> => {\n    const variables = fetchStrategy.composeApiVariables({\n      ...baseProps,\n      getOffset: helpers.getOffset,\n    });\n\n    const count = await fetchStrategy.fetchCount(variables);\n\n    if (count === 0) {\n      // Only attempt category fallback if explicitly enabled (for events feeds)\n      if (enableCategoryFallback && baseProps.categories && baseProps.categories.length > 0) {\n        const fallbackVariables = fetchStrategy.composeApiVariables({\n          ...baseProps,\n          categories: undefined,\n          getOffset: helpers.getOffset,\n        });\n\n        const fallbackCount = await fetchStrategy.fetchCount(fallbackVariables);\n\n        if (fallbackCount && fallbackCount > 0) {\n          helpers.setTotalEntries(fallbackCount);\n\n          const fallbackData = await fetchStrategy.fetchEntries(\n            fallbackVariables,\n          );\n\n          if (fallbackData && fallbackData.length > 0) {\n            // Fetch category names from API\n            let categoryNames = await fetchStrategy.fetchCategoryNames?.(\n              baseProps.categories,\n              baseProps.token,\n            );\n\n            // If fetch fails, format IDs as fallback\n            if (!categoryNames || categoryNames.length === 0) {\n              categoryNames = baseProps.categories.map((id: string) =>\n                id\n                  .split('-')\n                  .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n                  .join(' '),\n              );\n            }\n\n            await displayHandlers.displayResultStart({\n              feedData: fallbackData,\n              layoutElement,\n              isFallback: true,\n              categoryNames,\n            });\n            return;\n          }\n        }\n      }\n\n      displayHandlers.displayNoResults({});\n      return;\n    }\n\n    if (count === null) {\n      displayHandlers.displayNoResults({\n        message: 'An error occurred while fetching the data.',\n      });\n      return;\n    }\n\n    if (count) {\n      helpers.setTotalEntries(count);\n    }\n\n    // Fetch entries\n    const feedData = await fetchStrategy.fetchEntries(variables);\n\n    if (feedData && feedData.length > 0) {\n      await displayHandlers.displayResultStart({\n        feedData,\n        layoutElement,\n      });\n    } else {\n      displayHandlers.displayNoResults({\n        message: 'An error occurred while fetching the data.',\n      });\n    }\n  };\n\n  return {\n    start,\n    loadMore,\n  };\n}\n"],"names":["Styles","loading","LoadingState","announcer","Announcer"],"mappings":"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"}
+{"version":3,"file":"fetchHandler.js","sources":["../../../source/factory/helpers/fetchHandler.ts"],"sourcesContent":["/**\n * Fetch Handler Utilities\n *\n * Creates handlers for fetching feed data using a fetch strategy.\n * Handles both initial fetch and lazy-loaded fetches.\n *\n * @module factory/helpers/fetchHandler\n */\n\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { LoadingState, Announcer } from '../../states';\nimport { FetchStrategy, FeedHelpers } from '../core/types';\n\n/**\n * Configuration for creating fetch handlers\n */\ninterface FetchHandlerConfig<TData, TVariables> {\n  /** Strategy for fetching data */\n  fetchStrategy: FetchStrategy<TData, TVariables>;\n  /** Feed helper functions */\n  helpers: FeedHelpers;\n  /** Base props for composing API variables */\n  baseProps: any;\n  /** Display handlers */\n  displayHandlers: {\n    displayResultStart: (props: any) => Promise<void>;\n    displayResults: (props: { feedData: TData[] }) => Promise<void>;\n    displayNoResults: (props: any) => void;\n  };\n  /** Layout element */\n  layoutElement: any;\n  /** Whether theme is dark */\n  isThemeDark?: boolean;\n  /** Whether to enable category fallback (show all results when no category results found) */\n  enableCategoryFallback?: boolean;\n}\n\n/**\n * Create fetch handlers for a feed\n *\n * Returns handlers for:\n * - Initial data fetch (with count)\n * - Lazy load fetch (pagination)\n *\n * @param config - Configuration for the fetch handlers\n * @returns Fetch handler functions\n *\n * @example\n * ```typescript\n * const fetchHandlers = createFetchHandlers({\n *   fetchStrategy: eventsFetchStrategy,\n *   helpers: feedHelpers,\n *   baseProps: { token, categories },\n *   displayHandlers,\n *   layoutElement,\n *   isThemeDark: false,\n * });\n *\n * // Start initial fetch\n * await fetchHandlers.start();\n *\n * // Fetch more results\n * await fetchHandlers.loadMore();\n * ```\n */\nexport function createFetchHandlers<TData, TVariables>(\n  config: FetchHandlerConfig<TData, TVariables>,\n) {\n  const {\n    fetchStrategy,\n    helpers,\n    baseProps,\n    displayHandlers,\n    layoutElement,\n    isThemeDark,\n    enableCategoryFallback = false,\n  } = config;\n\n  /**\n   * Handle lazy loading more results\n   */\n  const loadMore = async (): Promise<void> => {\n    const container = helpers.getContainer();\n    const currentCount = helpers.getOffset();\n    const totalEntries = helpers.getTotalEntries();\n\n    // Remove existing pagination\n    const existingPagination = container.querySelector(\n      `.${Styles.layout.alignment.block.center.className}`,\n    );\n    existingPagination?.remove();\n\n    // Show loading state\n    const loading = new LoadingState({ isThemeDark });\n    loading.show(container);\n\n    // Compose API variables\n    const variables = fetchStrategy.composeApiVariables({\n      ...baseProps,\n      getOffset: helpers.getOffset,\n    });\n\n    // Fetch entries\n    const feedData = await fetchStrategy.fetchEntries(variables);\n\n    if (feedData) {\n      loading.hide();\n      await displayHandlers.displayResults({ feedData });\n\n      // Update announcer with new count\n      const message = `Showing ${\n        currentCount + feedData.length\n      } of ${totalEntries} articles`;\n\n      const existingAnnouncer = container.querySelector(\n        '[role=\"status\"]',\n      ) as HTMLElement;\n      if (existingAnnouncer) {\n        existingAnnouncer.textContent = message;\n      } else {\n        const announcer = new Announcer({ message });\n        container.appendChild(announcer.getElement());\n      }\n    } else {\n      loading.hide();\n      displayHandlers.displayNoResults({\n        message: 'An error occurred while loading more results.',\n      });\n    }\n  };\n\n  /**\n   * Handle initial fetch (with count)\n   */\n  const start = async (): Promise<void> => {\n    const variables = fetchStrategy.composeApiVariables({\n      ...baseProps,\n      getOffset: helpers.getOffset,\n    });\n\n    const count = await fetchStrategy.fetchCount(variables);\n\n    if (count === 0) {\n      // Only attempt category fallback if explicitly enabled (for events feeds)\n      if (enableCategoryFallback && baseProps.categories && baseProps.categories.length > 0) {\n        const fallbackVariables = fetchStrategy.composeApiVariables({\n          ...baseProps,\n          categories: undefined,\n          getOffset: helpers.getOffset,\n        });\n\n        const fallbackCount = await fetchStrategy.fetchCount(fallbackVariables);\n\n        if (fallbackCount && fallbackCount > 0) {\n          helpers.setTotalEntries(fallbackCount);\n\n          const fallbackData = await fetchStrategy.fetchEntries(\n            fallbackVariables,\n          );\n\n          if (fallbackData && fallbackData.length > 0) {\n            // Fetch category names from API\n            let categoryNames = await fetchStrategy.fetchCategoryNames?.(\n              baseProps.categories,\n              baseProps.token,\n            );\n\n            // If fetch fails, format IDs as fallback\n            if (!categoryNames || categoryNames.length === 0) {\n              categoryNames = baseProps.categories.map((id: string) =>\n                id\n                  .split('-')\n                  .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n                  .join(' '),\n              );\n            }\n\n            await displayHandlers.displayResultStart({\n              feedData: fallbackData,\n              layoutElement,\n              isFallback: true,\n              categoryNames,\n            });\n            return;\n          }\n        }\n      }\n\n      displayHandlers.displayNoResults({});\n      return;\n    }\n\n    if (count === null) {\n      displayHandlers.displayNoResults({\n        message: 'An error occurred while fetching the data.',\n      });\n      return;\n    }\n\n    if (count) {\n      helpers.setTotalEntries(count);\n    }\n\n    // Fetch entries\n    const feedData = await fetchStrategy.fetchEntries(variables);\n\n    if (feedData && feedData.length > 0) {\n      await displayHandlers.displayResultStart({\n        feedData,\n        layoutElement,\n      });\n    } else {\n      displayHandlers.displayNoResults({\n        message: 'An error occurred while fetching the data.',\n      });\n    }\n  };\n\n  return {\n    start,\n    loadMore,\n  };\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-export { default as slider } from './slider';
+export { academicSlider as slider } from './slider';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/feeds/academic/index.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/feeds/academic/index.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC"}

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

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