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

package/dist/factory/helpers/fetchHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetchHandler.d.ts","sourceRoot":"","sources":["../../../source/factory/helpers/fetchHandler.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAK3D,UAAU,kBAAkB,CAAC,KAAK,EAAE,UAAU;IAE5C,aAAa,EAAE,aAAa,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IAEhD,OAAO,EAAE,WAAW,CAAC;IAErB,SAAS,EAAE,GAAG,CAAC;IAEf,eAAe,EAAE;QACf,kBAAkB,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;QAClD,cAAc,EAAE,CAAC,KAAK,EAAE;YAAE,QAAQ,EAAE,KAAK,EAAE,CAAA;SAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;QAChE,gBAAgB,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;KACxC,CAAC;IAEF,aAAa,EAAE,GAAG,CAAC;IAEnB,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AA8BD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,UAAU,EACnD,MAAM,EAAE,kBAAkB,CAAC,KAAK,EAAE,UAAU,CAAC;iBAoErB,OAAO,CAAC,IAAI,CAAC;oBArDV,OAAO,CAAC,IAAI,CAAC;EA6IzC"}

package/dist/factory/helpers/fetchHandler.js

@@ -0,0 +1,123 @@
+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,
+    helpers,
+    baseProps,
+    displayHandlers,
+    layoutElement,
+    isThemeDark,
+    enableCategoryFallback = false
+  } = config;
+  const loadMore = async () => {
+    const container = helpers.getContainer();
+    const currentCount = helpers.getOffset();
+    const totalEntries = helpers.getTotalEntries();
+    const existingPagination = container.querySelector(
+      `.${Styles.layout.alignment.block.center.className}`
+    );
+    existingPagination?.remove();
+    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.hide();
+      await displayHandlers.displayResults({ feedData });
+      const message = `Showing ${currentCount + feedData.length} of ${totalEntries} articles`;
+      const existingAnnouncer = container.querySelector(
+        '[role="status"]'
+      );
+      if (existingAnnouncer) {
+        existingAnnouncer.textContent = message;
+      } else {
+        const announcer = new Announcer({ message });
+        container.appendChild(announcer.getElement());
+      }
+    } else {
+      loading.hide();
+      displayHandlers.displayNoResults({
+        message: "An error occurred while loading more results."
+      });
+    }
+  };
+  const start = async () => {
+    const variables = fetchStrategy.composeApiVariables({
+      ...baseProps,
+      getOffset: helpers.getOffset
+    });
+    const count = await fetchStrategy.fetchCount(variables);
+    if (count === 0) {
+      if (enableCategoryFallback && baseProps.categories && baseProps.categories.length > 0) {
+        const fallbackVariables = fetchStrategy.composeApiVariables({
+          ...baseProps,
+          categories: void 0,
+          getOffset: helpers.getOffset
+        });
+        const fallbackCount = await fetchStrategy.fetchCount(fallbackVariables);
+        if (fallbackCount && fallbackCount > 0) {
+          helpers.setTotalEntries(fallbackCount);
+          const fallbackData = await fetchStrategy.fetchEntries(
+            fallbackVariables
+          );
+          if (fallbackData && fallbackData.length > 0) {
+            let categoryNames = await fetchStrategy.fetchCategoryNames?.(
+              baseProps.categories,
+              baseProps.token
+            );
+            if (!categoryNames || categoryNames.length === 0) {
+              categoryNames = baseProps.categories.map(
+                (id) => id.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ")
+              );
+            }
+            await displayHandlers.displayResultStart({
+              feedData: fallbackData,
+              layoutElement,
+              isFallback: true,
+              categoryNames
+            });
+            return;
+          }
+        }
+      }
+      displayHandlers.displayNoResults({});
+      return;
+    }
+    if (count === null) {
+      displayHandlers.displayNoResults({
+        message: "An error occurred while fetching the data."
+      });
+      return;
+    }
+    if (count) {
+      helpers.setTotalEntries(count);
+    }
+    const feedData = await fetchStrategy.fetchEntries(variables);
+    if (feedData && feedData.length > 0) {
+      await displayHandlers.displayResultStart({
+        feedData,
+        layoutElement
+      });
+    } else {
+      displayHandlers.displayNoResults({
+        message: "An error occurred while fetching the data."
+      });
+    }
+  };
+  return {
+    start,
+    loadMore
+  };
+}
+export {
+  createFetchHandlers
+};
+//# sourceMappingURL=fetchHandler.js.map

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

@@ -0,0 +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":[],"mappings":"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"}

package/dist/factory/helpers/index.d.ts

@@ -0,0 +1,4 @@
+export { createFeedHelpers, updateShadowRoot } from './feedHelpers';
+export { createDisplayHandlers, setShadowStyles } from './displayHandler';
+export { createFetchHandlers } from './fetchHandler';
+//# sourceMappingURL=index.d.ts.map

package/dist/factory/helpers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/factory/helpers/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/factory/index.d.ts

@@ -0,0 +1,4 @@
+export { createBaseFeed } from './core';
+export type { BaseFeedConfig, FeedHelpers, FetchStrategy, DisplayStrategy, LayoutStrategy, CardMappingOptions, ImageConfig, DisplayResultsProps, NoResultsConfig, FeedLifecycle, FeedEvents, FeedFactoryResult, LayoutOptions, } from './core/types';
+export { createFeedHelpers, createDisplayHandlers, createFetchHandlers, setShadowStyles, } from './helpers';
+//# sourceMappingURL=index.d.ts.map

package/dist/factory/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/factory/index.ts"],"names":[],"mappings":"AA6BA,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAGxC,YAAY,EACV,cAAc,EACd,WAAW,EACX,aAAa,EACb,eAAe,EACf,cAAc,EACd,kBAAkB,EAClB,WAAW,EACX,mBAAmB,EACnB,eAAe,EACf,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,aAAa,GACd,MAAM,cAAc,CAAC;AAGtB,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,EACnB,eAAe,GAChB,MAAM,WAAW,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"_types.d.ts","sourceRoot":"","sources":["../../../source/feeds/academic/_types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}

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

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

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +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;AAiBjD,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,KAAG,YAKxD,CAAC"}

package/dist/feeds/academic/slider.js

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

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

@@ -0,0 +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 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/_types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_types.d.ts","sourceRoot":"","sources":["../../../source/feeds/events/_types.ts"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +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;AAqBjD,eAAO,MAAM,UAAU,GAAI,OAAO,UAAU,KAAG,YAa3C,CAAC"}

package/dist/feeds/events/grid.js

@@ -0,0 +1,32 @@
+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: eventsFetchStrategy,
+  displayStrategy: eventsDisplayStrategy,
+  layoutStrategy: gridGapLayout,
+  imageConfig: (entry) => ({
+    imageUrl: entry.image[0].url,
+    altText: entry.image[0].altText || "Event Image",
+    linkUrl: entry.url,
+    linkLabel: "University of Maryland Event"
+  })
+});
+export {
+  eventsGrid
+};
+//# sourceMappingURL=grid.js.map

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

@@ -0,0 +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 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

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

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

@@ -0,0 +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;AAibjD,eAAO,MAAM,aAAa,GAAI,OAAO,SAAS,KAAG,YA+HhD,CAAC"}

package/dist/feeds/events/grouped.js

@@ -0,0 +1,337 @@
+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,
+  numberOfColumnsToShow: 1,
+  numberOfRowsToStart: props.numberOfRowsToStart,
+  getOffset: () => offset
+});
+const createImageConfig = (entry) => ({
+  imageUrl: entry.image[0].url,
+  altText: entry.image[0].altText || "Event Image",
+  linkUrl: entry.url,
+  linkLabel: "University of Maryland Event"
+});
+const createAnnouncerMessage = (count, total, isLazyLoad) => {
+  return isLazyLoad ? `Showing ${count} of ${total} events` : `Showing ${count} events`;
+};
+class GroupedFeedState {
+  /**
+   * Initialize state with initial styles
+   *
+   * @param initialStyles - Initial CSS styles
+   */
+  constructor(initialStyles) {
+    this.stylesArray = [];
+    this.shadowRoot = null;
+    this.totalEntries = 0;
+    this.offset = 0;
+    this.lastDateHeadline = null;
+    this.stylesArray.push(initialStyles);
+  }
+  /**
+   * Add styles to the accumulated styles
+   *
+   * @param styles - CSS styles to add
+   */
+  addStyles(styles) {
+    this.stylesArray.push(styles);
+  }
+  /**
+   * Set shadow root reference for style updates
+   *
+   * @param shadow - Shadow root element
+   */
+  setShadowRoot(shadow) {
+    this.shadowRoot = shadow;
+  }
+  /**
+   * Update shadow DOM styles
+   *
+   * @returns Promise that resolves when styles are updated
+   */
+  async updateShadowStyles() {
+    if (!this.shadowRoot) return;
+    await setShadowStyles({
+      shadowRoot: this.shadowRoot,
+      styles: this.getStyles()
+    });
+  }
+  /**
+   * Get accumulated styles as single string
+   *
+   * @returns Combined CSS styles
+   */
+  getStyles() {
+    return this.stylesArray.join("\n");
+  }
+  /**
+   * Get shadow root callback for events
+   *
+   * @returns Callback function for shadow root
+   */
+  getShadowCallback() {
+    return (shadow) => this.setShadowRoot(shadow);
+  }
+  /**
+   * Get current offset
+   *
+   * @returns Current offset
+   */
+  getOffset() {
+    return this.offset;
+  }
+  /**
+   * Increment offset by count
+   *
+   * @param count - Number to increment by
+   */
+  incrementOffset(count) {
+    this.offset += count;
+  }
+  /**
+   * Get total entries
+   *
+   * @returns Total entries
+   */
+  getTotalEntries() {
+    return this.totalEntries;
+  }
+  /**
+   * Set total entries
+   *
+   * @param total - Total entries
+   */
+  setTotalEntries(total) {
+    this.totalEntries = total;
+  }
+  /**
+   * Get last date headline
+   *
+   * @returns Last date headline or null
+   */
+  getLastDateHeadline() {
+    return this.lastDateHeadline;
+  }
+  /**
+   * Set last date headline
+   *
+   * @param headline - Date headline
+   */
+  setLastDateHeadline(headline) {
+    this.lastDateHeadline = headline;
+  }
+}
+const createDateHeader = (date, state) => {
+  const dateHeadline = document.createElement("p");
+  dateHeadline.textContent = date;
+  const headerElement = new ElementBuilder(dateHeadline).styled(Styles.element.text.decoration.ribbon).withStyles({
+    element: {
+      margin: `${Styles.token.spacing.lg} 0`
+    }
+  }).build();
+  state.addStyles(headerElement.styles);
+  return headerElement;
+};
+const createEventCard = (entry, isThemeDark) => {
+  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,
+      endDay: entry.endDay,
+      isThemeDark,
+      isLargeSize: true
+    }),
+    eventMeta: events.meta({
+      ...entry,
+      isThemeDark
+    }),
+    image: createImageOrLinkedImage(createImageConfig(entry)),
+    isAligned: false,
+    isThemeDark
+  });
+};
+const createGroupContainer = (events2, state, isThemeDark) => {
+  const entriesBuilder = new ElementBuilder("div").withClassName("umd-feed-events-grouped-entries").withStyles({
+    element: {
+      [` > *:not(:last-child)`]: {
+        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.token.spacing.md,
+        marginTop: Styles.token.spacing.md,
+        borderTop: `1px solid ${isThemeDark ? Styles.token.color.gray.dark : Styles.token.color.gray.light}`
+      }
+    }
+  });
+  events2.forEach((entry) => {
+    const eventCard = createEventCard(entry, isThemeDark);
+    entriesBuilder.withChild(eventCard);
+    state.addStyles(eventCard.styles);
+  });
+  const groupElement = entriesBuilder.build();
+  state.addStyles(groupElement.styles);
+  return groupElement;
+};
+const renderGroupedEvents = async (container, events2, state, isThemeDark, isLazyLoad, loadMore) => {
+  const grid = container.querySelector(
+    "#umd-feed-events-grouped-container"
+  );
+  if (!grid) return;
+  container.querySelector(".umd-loader-container")?.remove();
+  container.querySelector(`.${Styles.layout.alignment.block.center.className}`)?.remove();
+  const groupedEvents = groupEventsByDate(events2);
+  let actualEventCount = 0;
+  groupedEvents.forEach((group) => {
+    if (group.date !== state.getLastDateHeadline()) {
+      const headerElement = createDateHeader(group.date, state);
+      grid.appendChild(headerElement.element);
+      state.setLastDateHeadline(group.date);
+    }
+    const groupElement = createGroupContainer(group.events, state, isThemeDark);
+    grid.appendChild(groupElement.element);
+    actualEventCount += group.events.length;
+  });
+  state.incrementOffset(actualEventCount);
+  if (isLazyLoad && state.getTotalEntries() > state.getOffset()) {
+    const pagination = new PaginationState({
+      totalEntries: state.getTotalEntries(),
+      offset: state.getOffset(),
+      isLazyLoad: true,
+      callback: loadMore
+    });
+    const paginationElement = pagination.render(container);
+    if (paginationElement) {
+      state.addStyles(paginationElement.styles);
+    }
+  }
+  await state.updateShadowStyles();
+};
+const renderError = async (container, state, isThemeDark) => {
+  const emptyState = new EmptyState({
+    message: "No events found",
+    isThemeDark
+  });
+  emptyState.render(container);
+  state.addStyles(emptyState.styles);
+  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 eventsGrouped = (props) => {
+  const {
+    token,
+    isThemeDark = false,
+    isLazyLoad = false,
+    numberOfRowsToStart,
+    categories
+  } = props;
+  const containerBuilder = new ElementBuilder("div").withClassName(
+    "events-grouped-feed"
+  );
+  const container = containerBuilder.getElement();
+  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 = eventsFetchStrategyRange.composeApiVariables(fetchProps);
+    const entries = await eventsFetchStrategyRange.fetchEntries(variables);
+    if (entries && entries.length > 0) {
+      await renderGroupedEvents(
+        container,
+        entries,
+        state,
+        isThemeDark,
+        isLazyLoad,
+        loadMore
+      );
+    }
+  };
+  const initialize = async () => {
+    loading.show(container);
+    const fetchProps = createFetchProps(
+      { token, categories, numberOfRowsToStart },
+      0
+    );
+    const variables = eventsFetchStrategyRange.composeApiVariables(fetchProps);
+    const [count, entries] = await Promise.all([
+      eventsFetchStrategyRange.fetchCount(variables),
+      eventsFetchStrategyRange.fetchEntries(variables)
+    ]);
+    loading.hide();
+    if (!entries || entries.length === 0) {
+      await renderError(container, state, isThemeDark);
+      return;
+    }
+    state.setTotalEntries(count || entries.length);
+    layoutElement.element.setAttribute(
+      "id",
+      "umd-feed-events-grouped-container"
+    );
+    container.appendChild(layoutElement.element);
+    dispatch(container, eventNames.FEED_LOADED, {
+      items: entries,
+      count: entries.length,
+      total: state.getTotalEntries()
+    });
+    await renderGroupedEvents(
+      container,
+      entries,
+      state,
+      isThemeDark,
+      isLazyLoad,
+      loadMore
+    );
+    const message = createAnnouncerMessage(
+      entries.length,
+      state.getTotalEntries(),
+      isLazyLoad
+    );
+    const announcer = new Announcer({ message });
+    container.appendChild(announcer.getElement());
+  };
+  initialize();
+  const model = containerBuilder.build();
+  return {
+    element: model.element,
+    get styles() {
+      return state.getStyles();
+    },
+    events: {
+      callback: state.getShadowCallback()
+    }
+  };
+};
+export {
+  eventsGrouped
+};
+//# sourceMappingURL=grouped.js.map