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

package/dist/feeds/experts/in-the-news.js

@@ -0,0 +1,348 @@
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import * as token from "@universityofmaryland/web-token-library";
+import { card } from "@universityofmaryland/web-elements-library/composite";
+import { gridOffset, stacked } from "@universityofmaryland/web-elements-library/layout";
+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 { expertsFetchStrategy } from "../../strategies/fetch/experts.js";
+import { inTheNewsFetchStrategy } from "../../strategies/fetch/inTheNews.js";
+import { expertsDisplayStrategy } from "../../strategies/display/experts.js";
+import { inTheNewsDisplayStrategy } from "../../strategies/display/inTheNews.js";
+import { dispatch, eventNames } from "../../helpers/events/index.js";
+import { setShadowStyles } from "../../helpers/styles/shadow.js";
+const DEFAULT_ROWS_TO_START = 5;
+const MIN_ROWS_TO_START = 2;
+const MAX_ROWS_TO_START = 10;
+const LOAD_MORE_ITEMS = 5;
+const normalizeRowCount = (rows) => {
+  if (rows === void 0) return DEFAULT_ROWS_TO_START;
+  return Math.max(MIN_ROWS_TO_START, Math.min(MAX_ROWS_TO_START, rows));
+};
+const createExpertFetchProps = (token2, expertId) => ({
+  token: token2,
+  limit: 1,
+  offset: 0,
+  ids: [expertId]
+});
+const createNewsFetchProps = (token2, expertId, numberOfRowsToStart, offset) => ({
+  token: token2,
+  expertId,
+  numberOfRowsToStart,
+  getOffset: () => offset
+});
+const createAnnouncerMessage = (showing, total, isLazyLoad) => isLazyLoad ? `Showing ${showing} of ${total} news articles` : `Showing ${showing} news articles`;
+class InTheNewsFeedState {
+  constructor(initialStyles) {
+    this.stylesArray = [];
+    this.shadowRoot = null;
+    this.totalEntries = 0;
+    this.offset = 0;
+    this.pagination = null;
+    this.stylesArray.push(initialStyles);
+  }
+  addStyles(styles) {
+    this.stylesArray.push(styles);
+  }
+  setShadowRoot(shadow) {
+    this.shadowRoot = shadow;
+  }
+  async updateShadowStyles() {
+    if (!this.shadowRoot) return;
+    await setShadowStyles({
+      shadowRoot: this.shadowRoot,
+      styles: this.getStyles()
+    });
+  }
+  getStyles() {
+    return this.stylesArray.join("\n");
+  }
+  getShadowCallback() {
+    return (shadow) => this.setShadowRoot(shadow);
+  }
+  getOffset() {
+    return this.offset;
+  }
+  setOffset(value) {
+    this.offset = value;
+  }
+  incrementOffset(count) {
+    this.offset += count;
+  }
+  getTotalEntries() {
+    return this.totalEntries;
+  }
+  setTotalEntries(total) {
+    this.totalEntries = total;
+  }
+  getPagination() {
+    return this.pagination;
+  }
+  setPagination(pagination) {
+    this.pagination = pagination;
+  }
+}
+const createExpertOverlayCard = (expert, isThemeDark) => expertsDisplayStrategy.mapEntryToCard(expert, {
+  isOverlay: true,
+  isThemeDark
+});
+const createNewsListContainer = (entries, state, isThemeDark) => {
+  const stackedLayout = stacked({ isThemeDark, showDividers: true, gap: "0" });
+  stackedLayout.element.id = "umd-expert-in-the-news-list";
+  state.addStyles(stackedLayout.styles);
+  entries.forEach((entry) => {
+    const newsCard = inTheNewsDisplayStrategy.mapEntryToCard(entry, {
+      isThemeDark,
+      cardType: "list"
+    });
+    stackedLayout.element.appendChild(newsCard.element);
+    state.addStyles(newsCard.styles);
+  });
+  return stackedLayout.element;
+};
+const appendNewsEntries = (container, entries, state, isThemeDark) => {
+  const listContainer = container.querySelector(
+    "#umd-expert-in-the-news-list"
+  );
+  if (!listContainer) return;
+  entries.forEach((entry) => {
+    const newsCard = inTheNewsDisplayStrategy.mapEntryToCard(entry, {
+      isThemeDark,
+      cardType: "list"
+    });
+    listContainer.appendChild(newsCard.element);
+    state.addStyles(newsCard.styles);
+  });
+};
+const renderLayout = async (container, expert, newsEntries, state, props, loadMore) => {
+  const { isThemeDark = false, isLazyLoad = false } = props;
+  const offsetLayout = gridOffset({
+    columns: 2,
+    isLayoutReversed: false
+  });
+  const expertCard = createExpertOverlayCard(expert, isThemeDark);
+  state.addStyles(expertCard.styles);
+  state.addStyles(`
+    .${card.overlay.imageClassRef} {
+      height: inherit;
+    }
+
+    @media (${token.media.queries.tablet.min}) {
+      .${card.overlay.imageClassRef} .card-overlay-image-container {
+        min-height: 560px;
+      }
+    }
+
+    .${card.overlay.imageClassRef} .umd-asset-image-wrapper-scaled {
+      position: absolute;
+    }
+  `);
+  const rightColumn = document.createElement("div");
+  rightColumn.className = "expert-in-the-news-right-column";
+  const newsList = createNewsListContainer(newsEntries, state, isThemeDark);
+  rightColumn.appendChild(newsList);
+  offsetLayout.element.appendChild(expertCard.element);
+  offsetLayout.element.appendChild(rightColumn);
+  container.appendChild(offsetLayout.element);
+  state.addStyles(offsetLayout.styles);
+  state.setOffset(newsEntries.length);
+  if (isLazyLoad && state.getTotalEntries() > state.getOffset()) {
+    const pagination = new PaginationState({
+      totalEntries: state.getTotalEntries(),
+      offset: state.getOffset(),
+      isLazyLoad: true,
+      callback: loadMore
+    });
+    const paginationElement = pagination.render(rightColumn);
+    if (paginationElement) state.addStyles(paginationElement.styles);
+    state.setPagination(pagination);
+  }
+  const announcer = new Announcer({
+    message: createAnnouncerMessage(
+      state.getOffset(),
+      state.getTotalEntries(),
+      isLazyLoad
+    )
+  });
+  container.appendChild(announcer.getElement());
+  await state.updateShadowStyles();
+};
+const renderError = async (container, message, state, isThemeDark) => {
+  const emptyState = new EmptyState({ message, isThemeDark });
+  emptyState.render(container);
+  state.addStyles(emptyState.styles);
+  await state.updateShadowStyles();
+};
+const renderLayoutWithNoNews = async (container, expert, state, isThemeDark) => {
+  const offsetLayout = gridOffset({
+    columns: 2,
+    isLayoutReversed: false
+  });
+  const expertCard = createExpertOverlayCard(expert, isThemeDark);
+  state.addStyles(expertCard.styles);
+  state.addStyles(`
+    .${card.overlay.imageClassRef} {
+      height: inherit;
+    }
+
+    @media (${token.media.queries.tablet.min}) {
+      .${card.overlay.imageClassRef} .card-overlay-image-container {
+        min-height: 560px;
+      }
+    }
+
+    .${card.overlay.imageClassRef} .umd-asset-image-wrapper-scaled {
+      position: absolute;
+    }
+  `);
+  const rightColumn = document.createElement("div");
+  rightColumn.className = "expert-in-the-news-right-column";
+  const emptyState = new EmptyState({
+    message: "No news articles found for this expert",
+    isThemeDark
+  });
+  emptyState.render(rightColumn);
+  state.addStyles(emptyState.styles);
+  offsetLayout.element.appendChild(expertCard.element);
+  offsetLayout.element.appendChild(rightColumn);
+  container.appendChild(offsetLayout.element);
+  state.addStyles(offsetLayout.styles);
+  await state.updateShadowStyles();
+};
+const logError = (errorType, expertId, error) => {
+  const messages = {
+    expert_not_found: `No expert found with ID "${expertId}". Verify the expert ID is correct.`,
+    no_news: `No news articles found for expert "${expertId}".`,
+    graphql_error: `GraphQL error occurred for expert "${expertId}".`
+  };
+  console.warn(`[Expert In The News Feed] ${messages[errorType]}`, error || "");
+};
+const expertsInTheNews = (props) => {
+  const { token: token2, expertId, isThemeDark = false, isLazyLoad = false } = props;
+  const numberOfRowsToStart = normalizeRowCount(props.numberOfRowsToStart);
+  const containerBuilder = new ElementBuilder("div").withClassName(
+    "expert-in-the-news-feed"
+  );
+  const container = containerBuilder.getElement();
+  const loading = new LoadingState({ isThemeDark });
+  const state = new InTheNewsFeedState(loading.styles);
+  const loadMore = async () => {
+    const pagination = state.getPagination();
+    if (pagination) pagination.remove();
+    loading.show(container);
+    const fetchProps = createNewsFetchProps(
+      token2,
+      expertId,
+      LOAD_MORE_ITEMS,
+      state.getOffset()
+    );
+    const variables = inTheNewsFetchStrategy.composeApiVariables(fetchProps);
+    const entries = await inTheNewsFetchStrategy.fetchEntries(variables);
+    loading.hide();
+    if (!entries || entries.length === 0) return;
+    appendNewsEntries(container, entries, state, isThemeDark);
+    state.incrementOffset(entries.length);
+    if (pagination) {
+      pagination.updateState(state.getOffset(), state.getTotalEntries());
+      if (pagination.styles) state.addStyles(pagination.styles);
+      await state.updateShadowStyles();
+    }
+    const existingAnnouncer = container.querySelector(
+      '[role="status"]'
+    );
+    if (existingAnnouncer) {
+      existingAnnouncer.textContent = createAnnouncerMessage(
+        state.getOffset(),
+        state.getTotalEntries(),
+        isLazyLoad
+      );
+    }
+    dispatch(
+      container,
+      eventNames.FEED_LOADED_MORE,
+      { items: entries, count: entries.length, total: state.getTotalEntries() }
+    );
+  };
+  const initialize = async () => {
+    if (!expertId) {
+      await renderError(container, "Expert ID is required", state, isThemeDark);
+      return;
+    }
+    loading.show(container);
+    try {
+      const expertFetchProps = createExpertFetchProps(token2, expertId);
+      const expertVariables = expertsFetchStrategy.composeApiVariables(expertFetchProps);
+      const newsFetchProps = createNewsFetchProps(
+        token2,
+        expertId,
+        numberOfRowsToStart,
+        0
+      );
+      const newsVariables = inTheNewsFetchStrategy.composeApiVariables(newsFetchProps);
+      const [expertEntries, newsCount, newsEntries] = await Promise.all([
+        expertsFetchStrategy.fetchEntries(expertVariables),
+        inTheNewsFetchStrategy.fetchCount(newsVariables),
+        inTheNewsFetchStrategy.fetchEntries(newsVariables)
+      ]);
+      loading.hide();
+      if (!expertEntries || expertEntries.length === 0) {
+        logError("expert_not_found", expertId);
+        await renderError(container, "Expert not found", state, isThemeDark);
+        return;
+      }
+      if (!newsEntries || newsEntries.length === 0) {
+        logError("no_news", expertId);
+        await renderLayoutWithNoNews(
+          container,
+          expertEntries[0],
+          state,
+          isThemeDark
+        );
+        return;
+      }
+      state.setTotalEntries(newsCount || newsEntries.length);
+      dispatch(
+        container,
+        eventNames.FEED_LOADED,
+        {
+          expert: expertEntries[0],
+          newsItems: newsEntries,
+          newsCount: newsEntries.length,
+          total: state.getTotalEntries()
+        }
+      );
+      await renderLayout(
+        container,
+        expertEntries[0],
+        newsEntries,
+        state,
+        props,
+        loadMore
+      );
+    } catch (error) {
+      loading.hide();
+      logError("graphql_error", expertId, error);
+      await renderError(
+        container,
+        "Failed to load content",
+        state,
+        isThemeDark
+      );
+    }
+  };
+  initialize();
+  return {
+    element: containerBuilder.build().element,
+    get styles() {
+      return state.getStyles();
+    },
+    events: {
+      callback: state.getShadowCallback()
+    }
+  };
+};
+export {
+  expertsInTheNews
+};
+//# sourceMappingURL=in-the-news.js.map

package/dist/feeds/experts/in-the-news.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"in-the-news.js","sources":["../../../source/feeds/experts/in-the-news.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport { card } from '@universityofmaryland/web-elements-library/composite';\nimport { gridOffset, stacked } from '@universityofmaryland/web-elements-library/layout';\nimport {\n  LoadingState,\n  PaginationState,\n  EmptyState,\n  Announcer,\n} from '../../states';\nimport { expertsFetchStrategy } from '../../strategies/fetch/experts';\nimport { inTheNewsFetchStrategy } from '../../strategies/fetch/inTheNews';\nimport { expertsDisplayStrategy } from '../../strategies/display/experts';\nimport { inTheNewsDisplayStrategy } from '../../strategies/display/inTheNews';\nimport {\n  events as eventUtilities,\n  styles as styleUtilities,\n} from '../../helpers';\nimport { type InTheNewsProps } from './_types';\nimport { type ElementModel } from '../../_types';\nimport { type ExpertEntry, type InTheNewsEntry } from 'types/data';\n\nconst DEFAULT_ROWS_TO_START = 5;\nconst MIN_ROWS_TO_START = 2;\nconst MAX_ROWS_TO_START = 10;\nconst LOAD_MORE_ITEMS = 5;\n\nconst normalizeRowCount = (rows?: number): number => {\n  if (rows === undefined) return DEFAULT_ROWS_TO_START;\n  return Math.max(MIN_ROWS_TO_START, Math.min(MAX_ROWS_TO_START, rows));\n};\n\nconst createExpertFetchProps = (token: string, expertId: string) => ({\n  token,\n  limit: 1,\n  offset: 0,\n  ids: [expertId],\n});\n\nconst createNewsFetchProps = (\n  token: string,\n  expertId: string,\n  numberOfRowsToStart: number,\n  offset: number,\n) => ({\n  token,\n  expertId,\n  numberOfRowsToStart,\n  getOffset: () => offset,\n});\n\nconst createAnnouncerMessage = (\n  showing: number,\n  total: number,\n  isLazyLoad: boolean,\n): string =>\n  isLazyLoad\n    ? `Showing ${showing} of ${total} news articles`\n    : `Showing ${showing} news articles`;\n\nclass InTheNewsFeedState {\n  private stylesArray: string[] = [];\n  private shadowRoot: ShadowRoot | null = null;\n  private totalEntries: number = 0;\n  private offset: number = 0;\n  private pagination: PaginationState | null = null;\n\n  constructor(initialStyles: string) {\n    this.stylesArray.push(initialStyles);\n  }\n\n  addStyles(styles: string): void {\n    this.stylesArray.push(styles);\n  }\n\n  setShadowRoot(shadow: ShadowRoot): void {\n    this.shadowRoot = shadow;\n  }\n\n  async updateShadowStyles(): Promise<void> {\n    if (!this.shadowRoot) return;\n    await styleUtilities.setShadowStyles({\n      shadowRoot: this.shadowRoot,\n      styles: this.getStyles(),\n    });\n  }\n\n  getStyles(): string {\n    return this.stylesArray.join('\\n');\n  }\n\n  getShadowCallback(): (shadow: ShadowRoot) => void {\n    return (shadow) => this.setShadowRoot(shadow);\n  }\n\n  getOffset(): number {\n    return this.offset;\n  }\n\n  setOffset(value: number): void {\n    this.offset = value;\n  }\n\n  incrementOffset(count: number): void {\n    this.offset += count;\n  }\n\n  getTotalEntries(): number {\n    return this.totalEntries;\n  }\n\n  setTotalEntries(total: number): void {\n    this.totalEntries = total;\n  }\n\n  getPagination(): PaginationState | null {\n    return this.pagination;\n  }\n\n  setPagination(pagination: PaginationState | null): void {\n    this.pagination = pagination;\n  }\n}\n\nconst createExpertOverlayCard = (\n  expert: ExpertEntry,\n  isThemeDark: boolean,\n): ElementModel =>\n  expertsDisplayStrategy.mapEntryToCard(expert, {\n    isOverlay: true,\n    isThemeDark,\n  });\n\nconst createNewsListContainer = (\n  entries: InTheNewsEntry[],\n  state: InTheNewsFeedState,\n  isThemeDark: boolean,\n): HTMLElement => {\n  const stackedLayout = stacked({ isThemeDark, showDividers: true, gap: '0' });\n  stackedLayout.element.id = 'umd-expert-in-the-news-list';\n  state.addStyles(stackedLayout.styles);\n\n  entries.forEach((entry) => {\n    const newsCard = inTheNewsDisplayStrategy.mapEntryToCard(entry, {\n      isThemeDark,\n      cardType: 'list',\n    });\n    stackedLayout.element.appendChild(newsCard.element);\n    state.addStyles(newsCard.styles);\n  });\n\n  return stackedLayout.element;\n};\n\nconst appendNewsEntries = (\n  container: HTMLElement,\n  entries: InTheNewsEntry[],\n  state: InTheNewsFeedState,\n  isThemeDark: boolean,\n): void => {\n  const listContainer = container.querySelector(\n    '#umd-expert-in-the-news-list',\n  ) as HTMLElement;\n\n  if (!listContainer) return;\n\n  entries.forEach((entry) => {\n    const newsCard = inTheNewsDisplayStrategy.mapEntryToCard(entry, {\n      isThemeDark,\n      cardType: 'list',\n    });\n    listContainer.appendChild(newsCard.element);\n    state.addStyles(newsCard.styles);\n  });\n};\n\nconst renderLayout = async (\n  container: HTMLElement,\n  expert: ExpertEntry,\n  newsEntries: InTheNewsEntry[],\n  state: InTheNewsFeedState,\n  props: InTheNewsProps,\n  loadMore: () => Promise<void>,\n): Promise<void> => {\n  const { isThemeDark = false, isLazyLoad = false } = props;\n\n  const offsetLayout = gridOffset({\n    columns: 2,\n    isLayoutReversed: false,\n  });\n\n  const expertCard = createExpertOverlayCard(expert, isThemeDark);\n  state.addStyles(expertCard.styles);\n\n  state.addStyles(`\n    .${card.overlay.imageClassRef} {\n      height: inherit;\n    }\n\n    @media (${token.media.queries.tablet.min}) {\n      .${card.overlay.imageClassRef} .card-overlay-image-container {\n        min-height: 560px;\n      }\n    }\n\n    .${card.overlay.imageClassRef} .umd-asset-image-wrapper-scaled {\n      position: absolute;\n    }\n  `);\n\n  const rightColumn = document.createElement('div');\n  rightColumn.className = 'expert-in-the-news-right-column';\n\n  const newsList = createNewsListContainer(newsEntries, state, isThemeDark);\n  rightColumn.appendChild(newsList);\n\n  offsetLayout.element.appendChild(expertCard.element);\n  offsetLayout.element.appendChild(rightColumn);\n  container.appendChild(offsetLayout.element);\n\n  state.addStyles(offsetLayout.styles);\n  state.setOffset(newsEntries.length);\n\n  if (isLazyLoad && state.getTotalEntries() > state.getOffset()) {\n    const pagination = new PaginationState({\n      totalEntries: state.getTotalEntries(),\n      offset: state.getOffset(),\n      isLazyLoad: true,\n      callback: loadMore,\n    });\n\n    const paginationElement = pagination.render(rightColumn);\n    if (paginationElement) state.addStyles(paginationElement.styles);\n    state.setPagination(pagination);\n  }\n\n  const announcer = new Announcer({\n    message: createAnnouncerMessage(\n      state.getOffset(),\n      state.getTotalEntries(),\n      isLazyLoad,\n    ),\n  });\n  container.appendChild(announcer.getElement());\n\n  await state.updateShadowStyles();\n};\n\nconst renderError = async (\n  container: HTMLElement,\n  message: string,\n  state: InTheNewsFeedState,\n  isThemeDark: boolean,\n): Promise<void> => {\n  const emptyState = new EmptyState({ message, isThemeDark });\n  emptyState.render(container);\n  state.addStyles(emptyState.styles);\n  await state.updateShadowStyles();\n};\n\nconst renderLayoutWithNoNews = async (\n  container: HTMLElement,\n  expert: ExpertEntry,\n  state: InTheNewsFeedState,\n  isThemeDark: boolean,\n): Promise<void> => {\n  const offsetLayout = gridOffset({\n    columns: 2,\n    isLayoutReversed: false,\n  });\n\n  const expertCard = createExpertOverlayCard(expert, isThemeDark);\n  state.addStyles(expertCard.styles);\n\n  state.addStyles(`\n    .${card.overlay.imageClassRef} {\n      height: inherit;\n    }\n\n    @media (${token.media.queries.tablet.min}) {\n      .${card.overlay.imageClassRef} .card-overlay-image-container {\n        min-height: 560px;\n      }\n    }\n\n    .${card.overlay.imageClassRef} .umd-asset-image-wrapper-scaled {\n      position: absolute;\n    }\n  `);\n\n  const rightColumn = document.createElement('div');\n  rightColumn.className = 'expert-in-the-news-right-column';\n\n  const emptyState = new EmptyState({\n    message: 'No news articles found for this expert',\n    isThemeDark,\n  });\n  emptyState.render(rightColumn);\n  state.addStyles(emptyState.styles);\n\n  offsetLayout.element.appendChild(expertCard.element);\n  offsetLayout.element.appendChild(rightColumn);\n  container.appendChild(offsetLayout.element);\n\n  state.addStyles(offsetLayout.styles);\n  await state.updateShadowStyles();\n};\n\nconst logError = (\n  errorType: 'expert_not_found' | 'no_news' | 'graphql_error',\n  expertId: string,\n  error?: unknown,\n): void => {\n  const messages = {\n    expert_not_found: `No expert found with ID \"${expertId}\". Verify the expert ID is correct.`,\n    no_news: `No news articles found for expert \"${expertId}\".`,\n    graphql_error: `GraphQL error occurred for expert \"${expertId}\".`,\n  };\n  console.warn(`[Expert In The News Feed] ${messages[errorType]}`, error || '');\n};\n\nexport const expertsInTheNews = (props: InTheNewsProps): ElementModel => {\n  const { token, expertId, isThemeDark = false, isLazyLoad = false } = props;\n  const numberOfRowsToStart = normalizeRowCount(props.numberOfRowsToStart);\n\n  const containerBuilder = new ElementBuilder('div').withClassName(\n    'expert-in-the-news-feed',\n  );\n  const container = containerBuilder.getElement();\n\n  const loading = new LoadingState({ isThemeDark });\n  const state = new InTheNewsFeedState(loading.styles);\n\n  const loadMore = async (): Promise<void> => {\n    const pagination = state.getPagination();\n    if (pagination) pagination.remove();\n\n    loading.show(container);\n\n    const fetchProps = createNewsFetchProps(\n      token,\n      expertId,\n      LOAD_MORE_ITEMS,\n      state.getOffset(),\n    );\n    const variables = inTheNewsFetchStrategy.composeApiVariables(fetchProps);\n    const entries = await inTheNewsFetchStrategy.fetchEntries(variables);\n\n    loading.hide();\n\n    if (!entries || entries.length === 0) return;\n\n    appendNewsEntries(container, entries, state, isThemeDark);\n    state.incrementOffset(entries.length);\n\n    if (pagination) {\n      pagination.updateState(state.getOffset(), state.getTotalEntries());\n      if (pagination.styles) state.addStyles(pagination.styles);\n      await state.updateShadowStyles();\n    }\n\n    const existingAnnouncer = container.querySelector(\n      '[role=\"status\"]',\n    ) as HTMLElement;\n    if (existingAnnouncer) {\n      existingAnnouncer.textContent = createAnnouncerMessage(\n        state.getOffset(),\n        state.getTotalEntries(),\n        isLazyLoad,\n      );\n    }\n\n    eventUtilities.dispatch(\n      container,\n      eventUtilities.eventNames.FEED_LOADED_MORE,\n      { items: entries, count: entries.length, total: state.getTotalEntries() },\n    );\n  };\n\n  const initialize = async (): Promise<void> => {\n    if (!expertId) {\n      await renderError(container, 'Expert ID is required', state, isThemeDark);\n      return;\n    }\n\n    loading.show(container);\n\n    try {\n      const expertFetchProps = createExpertFetchProps(token, expertId);\n      const expertVariables =\n        expertsFetchStrategy.composeApiVariables(expertFetchProps);\n\n      const newsFetchProps = createNewsFetchProps(\n        token,\n        expertId,\n        numberOfRowsToStart,\n        0,\n      );\n      const newsVariables =\n        inTheNewsFetchStrategy.composeApiVariables(newsFetchProps);\n\n      const [expertEntries, newsCount, newsEntries] = await Promise.all([\n        expertsFetchStrategy.fetchEntries(expertVariables),\n        inTheNewsFetchStrategy.fetchCount(newsVariables),\n        inTheNewsFetchStrategy.fetchEntries(newsVariables),\n      ]);\n\n      loading.hide();\n\n      if (!expertEntries || expertEntries.length === 0) {\n        logError('expert_not_found', expertId);\n        await renderError(container, 'Expert not found', state, isThemeDark);\n        return;\n      }\n\n      if (!newsEntries || newsEntries.length === 0) {\n        logError('no_news', expertId);\n        await renderLayoutWithNoNews(\n          container,\n          expertEntries[0],\n          state,\n          isThemeDark,\n        );\n        return;\n      }\n\n      state.setTotalEntries(newsCount || newsEntries.length);\n\n      eventUtilities.dispatch(\n        container,\n        eventUtilities.eventNames.FEED_LOADED,\n        {\n          expert: expertEntries[0],\n          newsItems: newsEntries,\n          newsCount: newsEntries.length,\n          total: state.getTotalEntries(),\n        },\n      );\n\n      await renderLayout(\n        container,\n        expertEntries[0],\n        newsEntries,\n        state,\n        props,\n        loadMore,\n      );\n    } catch (error) {\n      loading.hide();\n      logError('graphql_error', expertId, error);\n      await renderError(\n        container,\n        'Failed to load content',\n        state,\n        isThemeDark,\n      );\n    }\n  };\n\n  initialize();\n\n  return {\n    element: containerBuilder.build().element,\n    get styles() {\n      return state.getStyles();\n    },\n    events: {\n      callback: state.getShadowCallback(),\n    },\n  };\n};\n"],"names":["token","styleUtilities.setShadowStyles","eventUtilities.dispatch","eventUtilities.eventNames"],"mappings":";;;;;;;;;;;;;;AAsBA,MAAM,wBAAwB;AAC9B,MAAM,oBAAoB;AAC1B,MAAM,oBAAoB;AAC1B,MAAM,kBAAkB;AAExB,MAAM,oBAAoB,CAAC,SAA0B;AACnD,MAAI,SAAS,OAAW,QAAO;AAC/B,SAAO,KAAK,IAAI,mBAAmB,KAAK,IAAI,mBAAmB,IAAI,CAAC;AACtE;AAEA,MAAM,yBAAyB,CAACA,QAAe,cAAsB;AAAA,EACnE,OAAAA;AAAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK,CAAC,QAAQ;AAChB;AAEA,MAAM,uBAAuB,CAC3BA,QACA,UACA,qBACA,YACI;AAAA,EACJ,OAAAA;AAAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW,MAAM;AACnB;AAEA,MAAM,yBAAyB,CAC7B,SACA,OACA,eAEA,aACI,WAAW,OAAO,OAAO,KAAK,mBAC9B,WAAW,OAAO;AAExB,MAAM,mBAAmB;AAAA,EAOvB,YAAY,eAAuB;AANnC,SAAQ,cAAwB,CAAA;AAChC,SAAQ,aAAgC;AACxC,SAAQ,eAAuB;AAC/B,SAAQ,SAAiB;AACzB,SAAQ,aAAqC;AAG3C,SAAK,YAAY,KAAK,aAAa;AAAA,EACrC;AAAA,EAEA,UAAU,QAAsB;AAC9B,SAAK,YAAY,KAAK,MAAM;AAAA,EAC9B;AAAA,EAEA,cAAc,QAA0B;AACtC,SAAK,aAAa;AAAA,EACpB;AAAA,EAEA,MAAM,qBAAoC;AACxC,QAAI,CAAC,KAAK,WAAY;AACtB,UAAMC,gBAA+B;AAAA,MACnC,YAAY,KAAK;AAAA,MACjB,QAAQ,KAAK,UAAA;AAAA,IAAU,CACxB;AAAA,EACH;AAAA,EAEA,YAAoB;AAClB,WAAO,KAAK,YAAY,KAAK,IAAI;AAAA,EACnC;AAAA,EAEA,oBAAkD;AAChD,WAAO,CAAC,WAAW,KAAK,cAAc,MAAM;AAAA,EAC9C;AAAA,EAEA,YAAoB;AAClB,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,UAAU,OAAqB;AAC7B,SAAK,SAAS;AAAA,EAChB;AAAA,EAEA,gBAAgB,OAAqB;AACnC,SAAK,UAAU;AAAA,EACjB;AAAA,EAEA,kBAA0B;AACxB,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,gBAAgB,OAAqB;AACnC,SAAK,eAAe;AAAA,EACtB;AAAA,EAEA,gBAAwC;AACtC,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,cAAc,YAA0C;AACtD,SAAK,aAAa;AAAA,EACpB;AACF;AAEA,MAAM,0BAA0B,CAC9B,QACA,gBAEA,uBAAuB,eAAe,QAAQ;AAAA,EAC5C,WAAW;AAAA,EACX;AACF,CAAC;AAEH,MAAM,0BAA0B,CAC9B,SACA,OACA,gBACgB;AAChB,QAAM,gBAAgB,QAAQ,EAAE,aAAa,cAAc,MAAM,KAAK,KAAK;AAC3E,gBAAc,QAAQ,KAAK;AAC3B,QAAM,UAAU,cAAc,MAAM;AAEpC,UAAQ,QAAQ,CAAC,UAAU;AACzB,UAAM,WAAW,yBAAyB,eAAe,OAAO;AAAA,MAC9D;AAAA,MACA,UAAU;AAAA,IAAA,CACX;AACD,kBAAc,QAAQ,YAAY,SAAS,OAAO;AAClD,UAAM,UAAU,SAAS,MAAM;AAAA,EACjC,CAAC;AAED,SAAO,cAAc;AACvB;AAEA,MAAM,oBAAoB,CACxB,WACA,SACA,OACA,gBACS;AACT,QAAM,gBAAgB,UAAU;AAAA,IAC9B;AAAA,EAAA;AAGF,MAAI,CAAC,cAAe;AAEpB,UAAQ,QAAQ,CAAC,UAAU;AACzB,UAAM,WAAW,yBAAyB,eAAe,OAAO;AAAA,MAC9D;AAAA,MACA,UAAU;AAAA,IAAA,CACX;AACD,kBAAc,YAAY,SAAS,OAAO;AAC1C,UAAM,UAAU,SAAS,MAAM;AAAA,EACjC,CAAC;AACH;AAEA,MAAM,eAAe,OACnB,WACA,QACA,aACA,OACA,OACA,aACkB;AAClB,QAAM,EAAE,cAAc,OAAO,aAAa,UAAU;AAEpD,QAAM,eAAe,WAAW;AAAA,IAC9B,SAAS;AAAA,IACT,kBAAkB;AAAA,EAAA,CACnB;AAED,QAAM,aAAa,wBAAwB,QAAQ,WAAW;AAC9D,QAAM,UAAU,WAAW,MAAM;AAEjC,QAAM,UAAU;AAAA,OACX,KAAK,QAAQ,aAAa;AAAA;AAAA;AAAA;AAAA,cAInB,MAAM,MAAM,QAAQ,OAAO,GAAG;AAAA,SACnC,KAAK,QAAQ,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,OAK5B,KAAK,QAAQ,aAAa;AAAA;AAAA;AAAA,GAG9B;AAED,QAAM,cAAc,SAAS,cAAc,KAAK;AAChD,cAAY,YAAY;AAExB,QAAM,WAAW,wBAAwB,aAAa,OAAO,WAAW;AACxE,cAAY,YAAY,QAAQ;AAEhC,eAAa,QAAQ,YAAY,WAAW,OAAO;AACnD,eAAa,QAAQ,YAAY,WAAW;AAC5C,YAAU,YAAY,aAAa,OAAO;AAE1C,QAAM,UAAU,aAAa,MAAM;AACnC,QAAM,UAAU,YAAY,MAAM;AAElC,MAAI,cAAc,MAAM,gBAAA,IAAoB,MAAM,aAAa;AAC7D,UAAM,aAAa,IAAI,gBAAgB;AAAA,MACrC,cAAc,MAAM,gBAAA;AAAA,MACpB,QAAQ,MAAM,UAAA;AAAA,MACd,YAAY;AAAA,MACZ,UAAU;AAAA,IAAA,CACX;AAED,UAAM,oBAAoB,WAAW,OAAO,WAAW;AACvD,QAAI,kBAAmB,OAAM,UAAU,kBAAkB,MAAM;AAC/D,UAAM,cAAc,UAAU;AAAA,EAChC;AAEA,QAAM,YAAY,IAAI,UAAU;AAAA,IAC9B,SAAS;AAAA,MACP,MAAM,UAAA;AAAA,MACN,MAAM,gBAAA;AAAA,MACN;AAAA,IAAA;AAAA,EACF,CACD;AACD,YAAU,YAAY,UAAU,YAAY;AAE5C,QAAM,MAAM,mBAAA;AACd;AAEA,MAAM,cAAc,OAClB,WACA,SACA,OACA,gBACkB;AAClB,QAAM,aAAa,IAAI,WAAW,EAAE,SAAS,aAAa;AAC1D,aAAW,OAAO,SAAS;AAC3B,QAAM,UAAU,WAAW,MAAM;AACjC,QAAM,MAAM,mBAAA;AACd;AAEA,MAAM,yBAAyB,OAC7B,WACA,QACA,OACA,gBACkB;AAClB,QAAM,eAAe,WAAW;AAAA,IAC9B,SAAS;AAAA,IACT,kBAAkB;AAAA,EAAA,CACnB;AAED,QAAM,aAAa,wBAAwB,QAAQ,WAAW;AAC9D,QAAM,UAAU,WAAW,MAAM;AAEjC,QAAM,UAAU;AAAA,OACX,KAAK,QAAQ,aAAa;AAAA;AAAA;AAAA;AAAA,cAInB,MAAM,MAAM,QAAQ,OAAO,GAAG;AAAA,SACnC,KAAK,QAAQ,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,OAK5B,KAAK,QAAQ,aAAa;AAAA;AAAA;AAAA,GAG9B;AAED,QAAM,cAAc,SAAS,cAAc,KAAK;AAChD,cAAY,YAAY;AAExB,QAAM,aAAa,IAAI,WAAW;AAAA,IAChC,SAAS;AAAA,IACT;AAAA,EAAA,CACD;AACD,aAAW,OAAO,WAAW;AAC7B,QAAM,UAAU,WAAW,MAAM;AAEjC,eAAa,QAAQ,YAAY,WAAW,OAAO;AACnD,eAAa,QAAQ,YAAY,WAAW;AAC5C,YAAU,YAAY,aAAa,OAAO;AAE1C,QAAM,UAAU,aAAa,MAAM;AACnC,QAAM,MAAM,mBAAA;AACd;AAEA,MAAM,WAAW,CACf,WACA,UACA,UACS;AACT,QAAM,WAAW;AAAA,IACf,kBAAkB,4BAA4B,QAAQ;AAAA,IACtD,SAAS,sCAAsC,QAAQ;AAAA,IACvD,eAAe,sCAAsC,QAAQ;AAAA,EAAA;AAE/D,UAAQ,KAAK,6BAA6B,SAAS,SAAS,CAAC,IAAI,SAAS,EAAE;AAC9E;AAEO,MAAM,mBAAmB,CAAC,UAAwC;AACvE,QAAM,EAAE,OAAAD,QAAO,UAAU,cAAc,OAAO,aAAa,UAAU;AACrE,QAAM,sBAAsB,kBAAkB,MAAM,mBAAmB;AAEvE,QAAM,mBAAmB,IAAI,eAAe,KAAK,EAAE;AAAA,IACjD;AAAA,EAAA;AAEF,QAAM,YAAY,iBAAiB,WAAA;AAEnC,QAAM,UAAU,IAAI,aAAa,EAAE,aAAa;AAChD,QAAM,QAAQ,IAAI,mBAAmB,QAAQ,MAAM;AAEnD,QAAM,WAAW,YAA2B;AAC1C,UAAM,aAAa,MAAM,cAAA;AACzB,QAAI,uBAAuB,OAAA;AAE3B,YAAQ,KAAK,SAAS;AAEtB,UAAM,aAAa;AAAA,MACjBA;AAAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM,UAAA;AAAA,IAAU;AAElB,UAAM,YAAY,uBAAuB,oBAAoB,UAAU;AACvE,UAAM,UAAU,MAAM,uBAAuB,aAAa,SAAS;AAEnE,YAAQ,KAAA;AAER,QAAI,CAAC,WAAW,QAAQ,WAAW,EAAG;AAEtC,sBAAkB,WAAW,SAAS,OAAO,WAAW;AACxD,UAAM,gBAAgB,QAAQ,MAAM;AAEpC,QAAI,YAAY;AACd,iBAAW,YAAY,MAAM,UAAA,GAAa,MAAM,iBAAiB;AACjE,UAAI,WAAW,OAAQ,OAAM,UAAU,WAAW,MAAM;AACxD,YAAM,MAAM,mBAAA;AAAA,IACd;AAEA,UAAM,oBAAoB,UAAU;AAAA,MAClC;AAAA,IAAA;AAEF,QAAI,mBAAmB;AACrB,wBAAkB,cAAc;AAAA,QAC9B,MAAM,UAAA;AAAA,QACN,MAAM,gBAAA;AAAA,QACN;AAAA,MAAA;AAAA,IAEJ;AAEAE;AAAAA,MACE;AAAA,MACAC,WAA0B;AAAA,MAC1B,EAAE,OAAO,SAAS,OAAO,QAAQ,QAAQ,OAAO,MAAM,gBAAA,EAAgB;AAAA,IAAE;AAAA,EAE5E;AAEA,QAAM,aAAa,YAA2B;AAC5C,QAAI,CAAC,UAAU;AACb,YAAM,YAAY,WAAW,yBAAyB,OAAO,WAAW;AACxE;AAAA,IACF;AAEA,YAAQ,KAAK,SAAS;AAEtB,QAAI;AACF,YAAM,mBAAmB,uBAAuBH,QAAO,QAAQ;AAC/D,YAAM,kBACJ,qBAAqB,oBAAoB,gBAAgB;AAE3D,YAAM,iBAAiB;AAAA,QACrBA;AAAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAEF,YAAM,gBACJ,uBAAuB,oBAAoB,cAAc;AAE3D,YAAM,CAAC,eAAe,WAAW,WAAW,IAAI,MAAM,QAAQ,IAAI;AAAA,QAChE,qBAAqB,aAAa,eAAe;AAAA,QACjD,uBAAuB,WAAW,aAAa;AAAA,QAC/C,uBAAuB,aAAa,aAAa;AAAA,MAAA,CAClD;AAED,cAAQ,KAAA;AAER,UAAI,CAAC,iBAAiB,cAAc,WAAW,GAAG;AAChD,iBAAS,oBAAoB,QAAQ;AACrC,cAAM,YAAY,WAAW,oBAAoB,OAAO,WAAW;AACnE;AAAA,MACF;AAEA,UAAI,CAAC,eAAe,YAAY,WAAW,GAAG;AAC5C,iBAAS,WAAW,QAAQ;AAC5B,cAAM;AAAA,UACJ;AAAA,UACA,cAAc,CAAC;AAAA,UACf;AAAA,UACA;AAAA,QAAA;AAEF;AAAA,MACF;AAEA,YAAM,gBAAgB,aAAa,YAAY,MAAM;AAErDE;AAAAA,QACE;AAAA,QACAC,WAA0B;AAAA,QAC1B;AAAA,UACE,QAAQ,cAAc,CAAC;AAAA,UACvB,WAAW;AAAA,UACX,WAAW,YAAY;AAAA,UACvB,OAAO,MAAM,gBAAA;AAAA,QAAgB;AAAA,MAC/B;AAGF,YAAM;AAAA,QACJ;AAAA,QACA,cAAc,CAAC;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAEJ,SAAS,OAAO;AACd,cAAQ,KAAA;AACR,eAAS,iBAAiB,UAAU,KAAK;AACzC,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF;AAEA,aAAA;AAEA,SAAO;AAAA,IACL,SAAS,iBAAiB,MAAA,EAAQ;AAAA,IAClC,IAAI,SAAS;AACX,aAAO,MAAM,UAAA;AAAA,IACf;AAAA,IACA,QAAQ;AAAA,MACN,UAAU,MAAM,kBAAA;AAAA,IAAkB;AAAA,EACpC;AAEJ;"}

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

@@ -1,4 +1,5 @@
 export { expertsGrid as grid } from './grid';
 export { expertsList as list } from './list';
 export { expertsBio as bio } from './bio';
+export { expertsInTheNews as inTheNews } from './in-the-news';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/feeds/experts/index.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,WAAW,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAM7C,OAAO,EAAE,WAAW,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAO7C,OAAO,EAAE,UAAU,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/feeds/experts/index.ts"],"names":[],"mappings":"AAYA,OAAO,EAAE,WAAW,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAM7C,OAAO,EAAE,WAAW,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAO7C,OAAO,EAAE,UAAU,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AAO1C,OAAO,EAAE,gBAAgB,IAAI,SAAS,EAAE,MAAM,eAAe,CAAC"}

package/dist/feeds/experts/list.js

@@ -12,6 +12,7 @@ import "@universityofmaryland/web-utilities-library/network";
 import "../../strategies/fetch/events.js";
 import "../../strategies/fetch/news.js";
 import { expertsFetchStrategy } from "../../strategies/fetch/experts.js";
+import "../../strategies/fetch/inTheNews.js";
 import { stackedLayout } from "../../strategies/layout/grid.js";
 import "@universityofmaryland/web-elements-library/layout";
 const expertsList = (props) => createBaseFeed({

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

@@ -1 +1 @@
-{"version":3,"file":"list.js","sources":["../../../source/feeds/experts/list.ts"],"sourcesContent":["/**\n * Experts List Feed (Factory Pattern)\n *\n * List layout for expert profile entries using the feed factory pattern.\n * Uses person elements for displaying expert profiles in a single-column list.\n *\n * @module feeds/experts/list\n */\n\nimport { createBaseFeed } from 'factory';\nimport {\n  expertsFetchStrategy,\n  expertsDisplayStrategy,\n  stackedLayout,\n} from 'strategies';\nimport { type ListProps } from './_types';\nimport { type ElementModel } from '../../_types';\n\n/**\n * Create an experts list feed\n *\n * @param props - Feed configuration\n * @returns ElementModel with feed element and styles\n *\n * @example\n * ```typescript\n * const feed = expertsList({\n *   token: 'my-token',\n *   numberOfRowsToStart: 10,\n *   cardType: 'list',\n *   isLazyLoad: true,\n *   categories: ['computer-science', 'engineering'],\n * });\n *\n * document.body.appendChild(feed.element);\n * ```\n */\nexport const expertsList = (props: ListProps): ElementModel =>\n  createBaseFeed({\n    ...props,\n    fetchStrategy: expertsFetchStrategy,\n    displayStrategy: expertsDisplayStrategy,\n    layoutStrategy: stackedLayout,\n  });\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAqCO,MAAM,cAAc,CAAC,UAC1B,eAAe;AAAA,EACb,GAAG;AAAA,EACH,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,gBAAgB;AAClB,CAAC;"}
+{"version":3,"file":"list.js","sources":["../../../source/feeds/experts/list.ts"],"sourcesContent":["/**\n * Experts List Feed (Factory Pattern)\n *\n * List layout for expert profile entries using the feed factory pattern.\n * Uses person elements for displaying expert profiles in a single-column list.\n *\n * @module feeds/experts/list\n */\n\nimport { createBaseFeed } from 'factory';\nimport {\n  expertsFetchStrategy,\n  expertsDisplayStrategy,\n  stackedLayout,\n} from 'strategies';\nimport { type ListProps } from './_types';\nimport { type ElementModel } from '../../_types';\n\n/**\n * Create an experts list feed\n *\n * @param props - Feed configuration\n * @returns ElementModel with feed element and styles\n *\n * @example\n * ```typescript\n * const feed = expertsList({\n *   token: 'my-token',\n *   numberOfRowsToStart: 10,\n *   cardType: 'list',\n *   isLazyLoad: true,\n *   categories: ['computer-science', 'engineering'],\n * });\n *\n * document.body.appendChild(feed.element);\n * ```\n */\nexport const expertsList = (props: ListProps): ElementModel =>\n  createBaseFeed({\n    ...props,\n    fetchStrategy: expertsFetchStrategy,\n    displayStrategy: expertsDisplayStrategy,\n    layoutStrategy: stackedLayout,\n  });\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAqCO,MAAM,cAAc,CAAC,UAC1B,eAAe;AAAA,EACb,GAAG;AAAA,EACH,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,gBAAgB;AAClB,CAAC;"}

package/dist/feeds/in-the-news/_types.d.ts

@@ -0,0 +1,14 @@
+export interface BaseProps {
+    token: string;
+    numberOfRowsToStart: number;
+    isThemeDark?: boolean;
+    isLazyLoad: boolean;
+    entriesToRemove?: string[];
+}
+export interface GridProps extends BaseProps {
+    numberOfColumnsToShow?: number;
+    isTransparent?: boolean;
+}
+export interface ListProps extends BaseProps {
+}
+//# sourceMappingURL=_types.d.ts.map

package/dist/feeds/in-the-news/_types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_types.d.ts","sourceRoot":"","sources":["../../../source/feeds/in-the-news/_types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC5B;AAED,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,SAAU,SAAQ,SAAS;CAAG"}

package/dist/feeds/in-the-news/grid.d.ts

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

package/dist/feeds/in-the-news/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../source/feeds/in-the-news/grid.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,eAAO,MAAM,aAAa,GAAI,OAAO,SAAS,KAAG,YAO7C,CAAC"}

package/dist/feeds/in-the-news/grid.js

@@ -0,0 +1,28 @@
+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 "@universityofmaryland/web-elements-library/composite";
+import "@universityofmaryland/web-elements-library/atomic";
+import "@universityofmaryland/web-utilities-library/elements";
+import { inTheNewsDisplayStrategy } from "../../strategies/display/inTheNews.js";
+import "@universityofmaryland/web-utilities-library/network";
+import "../../strategies/fetch/events.js";
+import "../../strategies/fetch/news.js";
+import "../../strategies/fetch/experts.js";
+import { inTheNewsFetchStrategy } from "../../strategies/fetch/inTheNews.js";
+import { gridGapLayout } from "../../strategies/layout/grid.js";
+import "@universityofmaryland/web-elements-library/layout";
+const inTheNewsGrid = (props) => createBaseFeed({
+  ...props,
+  isAligned: true,
+  fetchStrategy: inTheNewsFetchStrategy,
+  displayStrategy: inTheNewsDisplayStrategy,
+  layoutStrategy: gridGapLayout
+});
+export {
+  inTheNewsGrid
+};
+//# sourceMappingURL=grid.js.map

package/dist/feeds/in-the-news/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sources":["../../../source/feeds/in-the-news/grid.ts"],"sourcesContent":["import { createBaseFeed } from 'factory';\nimport {\n  inTheNewsFetchStrategy,\n  inTheNewsDisplayStrategy,\n  gridGapLayout,\n} from 'strategies';\nimport { type GridProps } from './_types';\nimport { type ElementModel } from '../../_types';\n\nexport const inTheNewsGrid = (props: GridProps): ElementModel =>\n  createBaseFeed({\n    ...props,\n    isAligned: true,\n    fetchStrategy: inTheNewsFetchStrategy,\n    displayStrategy: inTheNewsDisplayStrategy,\n    layoutStrategy: gridGapLayout,\n  });\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AASO,MAAM,gBAAgB,CAAC,UAC5B,eAAe;AAAA,EACb,GAAG;AAAA,EACH,WAAW;AAAA,EACX,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,gBAAgB;AAClB,CAAC;"}

package/dist/feeds/in-the-news/index.d.ts

@@ -0,0 +1,3 @@
+export { inTheNewsGrid as grid } from './grid';
+export { inTheNewsList as list } from './list';
+//# sourceMappingURL=index.d.ts.map

package/dist/feeds/in-the-news/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/feeds/in-the-news/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC/C,OAAO,EAAE,aAAa,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/feeds/in-the-news/list.d.ts

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

package/dist/feeds/in-the-news/list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../source/feeds/in-the-news/list.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,eAAO,MAAM,aAAa,GAAI,OAAO,SAAS,KAAG,YAQ7C,CAAC"}

package/dist/feeds/in-the-news/list.js

@@ -0,0 +1,29 @@
+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 "@universityofmaryland/web-elements-library/composite";
+import "@universityofmaryland/web-elements-library/atomic";
+import "@universityofmaryland/web-utilities-library/elements";
+import { inTheNewsDisplayStrategy } from "../../strategies/display/inTheNews.js";
+import "@universityofmaryland/web-utilities-library/network";
+import "../../strategies/fetch/events.js";
+import "../../strategies/fetch/news.js";
+import "../../strategies/fetch/experts.js";
+import { inTheNewsFetchStrategy } from "../../strategies/fetch/inTheNews.js";
+import { stackedLayout } from "../../strategies/layout/grid.js";
+import "@universityofmaryland/web-elements-library/layout";
+const inTheNewsList = (props) => createBaseFeed({
+  ...props,
+  cardType: "list",
+  isAligned: false,
+  fetchStrategy: inTheNewsFetchStrategy,
+  displayStrategy: inTheNewsDisplayStrategy,
+  layoutStrategy: stackedLayout
+});
+export {
+  inTheNewsList
+};
+//# sourceMappingURL=list.js.map

package/dist/feeds/in-the-news/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sources":["../../../source/feeds/in-the-news/list.ts"],"sourcesContent":["import { createBaseFeed } from 'factory';\nimport {\n  inTheNewsFetchStrategy,\n  inTheNewsDisplayStrategy,\n  stackedLayout,\n} from 'strategies';\nimport { type ListProps } from './_types';\nimport { type ElementModel } from '../../_types';\n\nexport const inTheNewsList = (props: ListProps): ElementModel =>\n  createBaseFeed({\n    ...props,\n    cardType: 'list',\n    isAligned: false,\n    fetchStrategy: inTheNewsFetchStrategy,\n    displayStrategy: inTheNewsDisplayStrategy,\n    layoutStrategy: stackedLayout,\n  });\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AASO,MAAM,gBAAgB,CAAC,UAC5B,eAAe;AAAA,EACb,GAAG;AAAA,EACH,UAAU;AAAA,EACV,WAAW;AAAA,EACX,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,gBAAgB;AAClB,CAAC;"}

package/dist/feeds/news/featured.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"featured.d.ts","sourceRoot":"","sources":["../../../source/feeds/news/featured.ts"],"names":[],"mappings":"AA+BA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AA0djD,eAAO,MAAM,YAAY,GAAI,OAAO,aAAa,KAAG,YAsJnD,CAAC"}
+{"version":3,"file":"featured.d.ts","sourceRoot":"","sources":["../../../source/feeds/news/featured.ts"],"names":[],"mappings":"AAgCA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAgejD,eAAO,MAAM,YAAY,GAAI,OAAO,aAAa,KAAG,YAsJnD,CAAC"}

package/dist/feeds/news/featured.js

@@ -1,4 +1,5 @@
 import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import * as token from "@universityofmaryland/web-token-library";
 import { card } from "@universityofmaryland/web-elements-library/composite";
 import { gridOffset, gridGap } from "@universityofmaryland/web-elements-library/layout";
 import { LoadingState } from "../../states/loading.js";
@@ -171,6 +172,12 @@ const createOverlayCard = (entry, state, isThemeDark) => {
       height: inherit;
     }
 
+    @media (${token.media.queries.tablet.min}) {
+      .${card.overlay.imageClassRef} .card-overlay-image-container {
+        min-height: 560px;
+      }
+    }
+
     .${card.overlay.imageClassRef} .umd-asset-image-wrapper-scaled {
       position: absolute;
     }
@@ -271,7 +278,7 @@ const renderError = async (container, message, state, isThemeDark) => {
 };
 const newsFeatured = (props) => {
   const {
-    token,
+    token: token2,
     categories,
     isUnion,
     isThemeDark = false,
@@ -291,7 +298,7 @@ const newsFeatured = (props) => {
     }
     loading.show(container);
     const fetchProps = createFetchProps(
-      { token, categories, isUnion },
+      { token: token2, categories, isUnion },
       state.getOffset()
     );
     const variables = newsFetchStrategy.composeApiVariables(fetchProps);
@@ -329,7 +336,7 @@ const newsFeatured = (props) => {
   };
   const initialize = async () => {
     loading.show(container);
-    const fetchProps = createFetchProps({ token, categories, isUnion }, 0);
+    const fetchProps = createFetchProps({ token: token2, categories, isUnion }, 0);
     const variables = newsFetchStrategy.composeApiVariables(fetchProps);
     const [count, entries] = await Promise.all([
       newsFetchStrategy.fetchCount(variables),